/* ---------- 卡片详情页（剪辑师账号 / 广告账户共用） ---------- */
.backlink{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--txt2);margin-bottom:10px}
.backlink:hover{color:var(--brand)}
.acct-detail{display:flex;flex-direction:column;gap:10px}
.acct-detail-h{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.acct-detail-id{min-width:220px}
.acct-detail-id h2{font-size:20px;font-family:var(--mono);letter-spacing:-.4px;line-height:1.3}
.acct-detail-id p{font-size:12px;color:var(--txt3);margin-top:2px}
.acct-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--txt3);margin-top:5px}
.phone-chip{display:inline-flex;align-items:center;gap:5px;background:var(--soft);border:1px solid var(--line);
  border-radius:6px;padding:2px 8px}
.phone-chip i{font-style:normal;font-size:10.5px;color:var(--txt3)}
.phone-chip b{font-size:12.5px;color:var(--txt);font-weight:600;letter-spacing:.2px}
.acct-now{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 12px;border-radius:9px;
  background:var(--warn-bg);border:1px solid var(--line-amber);border-left:3px solid var(--amber);font-size:12.5px}
.acct-now-k{font-size:10.5px;font-weight:700;color:var(--amber);letter-spacing:.3px;flex:0 0 auto}
.acct-now b{font-size:14px;font-weight:650;color:var(--txt);line-height:1.4}
.acct-now-m{font-size:11.5px;color:var(--txt3)}
.acct-now.muted{background:var(--soft);border-color:var(--line);border-left-color:var(--line2)}
.acct-now.muted b{color:var(--txt2)}
.acct-kpis{display:flex;gap:20px;flex-wrap:wrap}
.acct-quick{margin-left:14px;align-self:center;flex:0 0 auto}
.acct-kpis i{display:block;font-style:normal;font-size:11px;color:var(--txt3);margin-bottom:2px}
.acct-kpis b{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.acct-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:11px;margin-top:2px}
.detail-prog{margin-top:2px}
.mini-search{width:200px;height:32px;font-size:12px}
@media(max-width:720px){
  .acct-kpis{gap:14px}
  .acct-kpis b{font-size:17px}
  .mini-search{width:100%}
}

/* ---------- 我的记录时间线（C2.20） ---------- */
.tl{padding:4px 2px}
.tl-day{font-weight:600;font-size:13px;margin:14px 0 6px;display:flex;gap:8px;align-items:baseline}
.tl-day .sub{font-weight:400}
.tl-day:first-child{margin-top:2px}
.tl-item{display:flex;gap:10px;padding:6px 0 6px 2px;border-left:2px solid var(--line);margin-left:9px;position:relative}
.tl-item:last-child{border-left-color:transparent}
.tl-dot{position:absolute;left:-10px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px}
.tl-body{margin-left:12px;min-width:0}
.tl-line{font-size:13px;line-height:1.5}
.tl-meta{font-size:11.5px;color:var(--txt3);margin-top:1px}
.tl-go{border-color:var(--line-blue);color:var(--blue)}
.tl-ok{border-color:var(--line-green);color:var(--green)}
.tl-no{border-color:var(--line-red);color:var(--red)}
.tl-warn{border-color:var(--line-amber);color:var(--amber)}
.tl-info{border-color:var(--line-blue);color:var(--blue)}
.tl-mute{color:var(--txt3)}