/* ============================================================
   新手起号模块样式：总览 / 向导 / 选题 / 工坊 / 诊断 / 变现
   ============================================================ */

/* ---------- 通用小组件 ---------- */
.hint-box{
  display:flex; gap:9px; padding:11px 13px; border-radius:10px;
  background:rgba(255,255,255,.028); border:1px solid var(--line);
  font-size:11.5px; line-height:1.75; color:var(--text-2);
}
.hint-box .ic{ width:14px; height:14px; color:var(--warn); flex:0 0 auto; margin-top:2px; }
.hint-box b{ color:var(--text); font-weight:600; }

.source-badge{
  display:inline-flex; align-items:center; gap:5px; height:26px; padding:0 9px;
  border-radius:7px; font-size:10.5px; color:var(--text-3);
  background:rgba(255,255,255,.04); border:1px solid var(--line);
}
.source-badge .ic{ width:12px; height:12px; }
.source-badge.ai{ color:#8FF9F5; border-color:rgba(37,244,238,.24); background:rgba(37,244,238,.08); }

.form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field > span{ font-size:11px; color:var(--text-3); }
.field input{
  height:38px; padding:0 12px; border-radius:9px; font-size:12.5px;
  background:rgba(255,255,255,.03); border:1px solid var(--line);
  color:var(--text); outline:none; transition:border-color .16s, box-shadow .16s;
  width:100%;
}
.field input:focus{ border-color:rgba(254,44,85,.45); box-shadow:0 0 0 3px rgba(254,44,85,.08); }
.field input::placeholder{ color:var(--text-4); }

/* ---------- 起号总览 ---------- */
.hero-goal{ display:flex; align-items:center; gap:22px; padding:22px 24px; }
.hero-ring{ position:relative; flex:0 0 auto; }
.hero-ring-txt{
  position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1px;
}
.hero-ring-txt b{ font-size:27px; font-weight:680; letter-spacing:-1px; line-height:1; }
.hero-ring-txt span{ font-size:10px; color:var(--text-3); }
.hero-info{ flex:1; min-width:0; }
.hero-kicker{ font-size:11px; color:var(--text-3); letter-spacing:.4px; }
.hero-num{ font-size:20px; font-weight:620; margin-top:4px; letter-spacing:-.3px; }
.hero-num b{ color:var(--brand-2); font-size:26px; }
.hero-sub{ font-size:11.5px; color:var(--text-3); margin-top:5px; }
.hero-sub b{ color:var(--text); }

.path{ display:flex; flex-direction:column; gap:0; }
.path-node{ display:flex; align-items:center; gap:11px; padding:9px 0; position:relative; }
.path-node:not(:last-child)::after{
  content:""; position:absolute; left:13px; top:34px; bottom:-2px; width:1px;
  background:var(--line-2);
}
.path-node.done::after{ background:rgba(34,211,155,.35); }
.path-dot{
  width:27px; height:27px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center;
  font-size:11px; font-weight:700; color:var(--text-4);
  background:rgba(255,255,255,.05); border:1px solid var(--line-2);
}
.path-dot .ic{ width:13px; height:13px; }
.path-node.done .path-dot{ background:rgba(34,211,155,.16); border-color:rgba(34,211,155,.45); color:var(--down); }
.path-node.cur .path-dot{ background:rgba(254,44,85,.16); border-color:rgba(254,44,85,.5); color:#fff; box-shadow:0 0 14px rgba(254,44,85,.35); }
.path-txt b{ display:block; font-size:12.5px; font-weight:560; }
.path-txt span{ font-size:10.5px; color:var(--text-4); }
.path-node.cur .path-txt b{ color:#fff; }

.task-item{
  display:flex; gap:10px; padding:11px 10px; border-radius:10px; cursor:pointer;
  border:1px solid transparent; transition:background .15s, border-color .15s;
}
.task-item:hover{ background:rgba(255,255,255,.035); border-color:var(--line); }
.task-item.done .task-title{ color:var(--text-4); text-decoration:line-through; }
.task-main{ flex:1; min-width:0; }
.task-title{ font-size:12.5px; line-height:1.55; }
.task-desc{ font-size:10.5px; color:var(--text-4); margin-top:2px; }

.mini-diag{ padding:9px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.mini-diag:last-of-type{ border-bottom:0; }
.mini-diag-t{ font-size:12px; font-weight:560; line-height:1.5; }
.mini-diag-d{ font-size:11px; color:var(--text-3); margin-top:4px; line-height:1.65; }

.quick-card{
  display:flex; align-items:center; gap:12px; text-align:left;
  padding:15px 16px; border-radius:14px; border:1px solid var(--line);
  background:linear-gradient(120deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
  transition:border-color .18s, transform .18s, background .18s;
}
.quick-card:hover{ border-color:var(--line-3); transform:translateY(-1px); background:rgba(255,255,255,.05); }
.quick-ico{
  width:36px; height:36px; border-radius:10px; flex:0 0 auto; display:grid; place-items:center;
  background:rgba(254,44,85,.1); border:1px solid rgba(254,44,85,.2); color:var(--brand-2);
}
.quick-t{ font-size:12.5px; font-weight:600; }
.quick-d{ font-size:10.5px; color:var(--text-3); margin-top:2px; line-height:1.5; }
.quick-card > .ic{ margin-left:auto; color:var(--text-4); }

/* ---------- 起号向导 ---------- */
.guide-layout{ display:grid; grid-template-columns:232px minmax(0,1fr); gap:16px; align-items:start; }
.guide-rail{ padding:14px 10px; position:sticky; top:82px; }
.guide-rail-hd{ font-size:10px; letter-spacing:1.2px; color:var(--text-4); padding:0 8px 10px; text-transform:uppercase; }
.gstep{
  display:flex; gap:10px; width:100%; text-align:left; padding:10px 9px; border-radius:10px;
  border:1px solid transparent; transition:background .16s, border-color .16s; margin-bottom:2px;
}
.gstep:hover{ background:rgba(255,255,255,.04); }
.gstep.cur{ background:rgba(254,44,85,.1); border-color:rgba(254,44,85,.22); }
.gstep-no{
  width:22px; height:22px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center;
  font-size:10px; font-weight:700; color:var(--text-3);
  background:rgba(255,255,255,.06); border:1px solid var(--line-2);
}
.gstep-no .ic{ width:11px; height:11px; }
.gstep.done .gstep-no{ background:rgba(34,211,155,.15); border-color:rgba(34,211,155,.4); color:var(--down); }
.gstep.cur .gstep-no{ background:var(--brand); border-color:var(--brand); color:#fff; }
.gstep-txt b{ display:block; font-size:12px; font-weight:560; }
.gstep-txt i{ display:block; font-size:10px; color:var(--text-4); font-style:normal; margin-top:2px; line-height:1.5; }
.gstep.cur .gstep-txt b{ color:#fff; }

.pos-card{
  padding:16px 18px; border-radius:12px;
  background:linear-gradient(120deg, rgba(37,244,238,.06), rgba(255,255,255,.015));
  border:1px solid rgba(37,244,238,.2);
}
.pos-rows{ display:flex; flex-direction:column; gap:10px; }
.pos-rows > div{ display:flex; gap:10px; font-size:12px; line-height:1.7; }
.pos-rows b{ flex:0 0 68px; color:var(--text-3); font-weight:500; font-size:11px; padding-top:1px; }
.pos-rows span{ color:var(--text); flex:1; }

.track-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.track-card{
  text-align:left; padding:12px 13px; border-radius:11px;
  border:1px solid var(--line); background:rgba(255,255,255,.02);
  transition:border-color .16s, background .16s;
}
.track-card:hover{ border-color:var(--line-3); background:rgba(255,255,255,.045); }
.track-card.on{ border-color:rgba(254,44,85,.4); background:rgba(254,44,85,.07); }
.track-hd{ display:flex; align-items:center; gap:7px; }
.track-emoji{ font-size:16px; }
.track-name{ font-size:12.5px; font-weight:570; }
.track-hd .tag{ margin-left:auto; height:18px; font-size:9px; }
.track-scores{ display:flex; flex-direction:column; gap:4px; margin-top:9px; }
.score-row{ display:grid; grid-template-columns:44px 1fr 22px; align-items:center; gap:7px; }
.score-name{ font-size:9.5px; color:var(--text-4); }
.score-val{ font-size:9.5px; text-align:right; color:var(--text-3); font-variant-numeric:tabular-nums; }
.track-fit{ font-size:10px; color:var(--text-4); margin-top:8px; }

.track-detail{ padding:14px 16px; border-radius:12px; background:rgba(255,255,255,.022); border:1px solid var(--line); }
.track-cols{ display:grid; grid-template-columns:1.1fr 1fr; gap:16px; }

.persona-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.persona-card{
  text-align:left; padding:14px; border-radius:12px; border:1px solid var(--line);
  background:rgba(255,255,255,.02); transition:border-color .16s, background .16s;
}
.persona-card:hover{ border-color:var(--line-3); }
.persona-card.on{ border-color:rgba(254,44,85,.4); background:rgba(254,44,85,.06); }
.persona-hd{ display:flex; gap:9px; align-items:center; }
.persona-emoji{ font-size:20px; }
.persona-name{ font-size:12.5px; font-weight:600; }
.persona-tag{ font-size:9.5px; color:var(--brand-2); }
.persona-who{ font-size:11px; color:var(--text-2); margin-top:9px; }
.persona-sw{ font-size:10.5px; color:var(--text-3); margin-top:6px; line-height:1.6; }
.persona-sw b{ color:var(--down); font-weight:500; margin-right:4px; }
.persona-sw.weak b{ color:var(--warn); }
.persona-fit{ font-size:9.5px; color:var(--text-4); margin-top:9px; padding-top:8px; border-top:1px solid var(--line); }

.pillar-list{ display:flex; flex-direction:column; gap:2px; }
.pillar-row{ display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.pillar-row:last-child{ border-bottom:0; }
.pillar-no{
  width:24px; height:24px; border-radius:7px; flex:0 0 auto; display:grid; place-items:center;
  font-size:10px; font-weight:700; background:rgba(254,44,85,.12); color:#FF8FA3;
  border:1px solid rgba(254,44,85,.2);
}
.pillar-main{ flex:1; min-width:0; }
.pillar-t{ font-size:12.5px; font-weight:560; }
.pillar-d{ font-size:10.5px; color:var(--text-3); margin-top:2px; }
.pillar-ratio{ width:84px; text-align:right; }
.pillar-ratio b{ font-size:13px; font-variant-numeric:tabular-nums; }

.phase-list{ display:flex; flex-direction:column; gap:10px; }
.phase-card{ padding:14px 16px; border-radius:12px; border:1px solid var(--line); background:rgba(255,255,255,.02); position:relative; overflow:hidden; }
.phase-card::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--pc); }
.phase-hd{ display:flex; align-items:center; gap:10px; }
.phase-idx{ font-size:16px; font-weight:700; color:var(--pc); opacity:.7; font-variant-numeric:tabular-nums; }
.phase-name{ font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:6px; }
.phase-goal{ font-size:10.5px; color:var(--text-3); margin-top:2px; }
.phase-tasks{ margin-top:10px; display:flex; flex-direction:column; gap:6px; }
.phase-tasks li{ display:flex; gap:7px; font-size:11px; color:var(--text-2); line-height:1.6; }
.phase-tasks .ic{ width:11px; height:11px; color:var(--down); flex:0 0 auto; margin-top:3px; }

.start-box{
  display:flex; align-items:center; gap:14px; padding:15px 18px; border-radius:12px;
  background:linear-gradient(120deg, rgba(254,44,85,.1), rgba(255,255,255,.015));
  border:1px solid rgba(254,44,85,.22);
}
.start-box .btn{ margin-left:auto; }

/* ---------- 选题中心 ---------- */
.topic-card{
  padding:15px 16px; border-radius:13px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
  transition:border-color .18s, transform .18s;
}
.topic-card:hover{ border-color:var(--line-3); transform:translateY(-1px); }
.topic-hd{ display:flex; align-items:center; gap:6px; }
.topic-title{ font-size:14px; font-weight:620; line-height:1.55; margin-top:9px; letter-spacing:-.2px; }
.topic-angle{ font-size:11px; color:var(--text-3); margin-top:5px; }
.topic-hook{
  font-size:11.5px; color:var(--text-2); margin-top:10px; padding:9px 11px;
  border-radius:8px; background:rgba(254,44,85,.06); border-left:2px solid rgba(254,44,85,.45);
  line-height:1.65;
}
.topic-hook b{ display:block; font-size:9.5px; color:var(--brand-2); font-weight:600; margin-bottom:3px; letter-spacing:.4px; }
.topic-metrics{ display:flex; gap:22px; margin-top:12px; }
.topic-metrics div{ font-size:9.5px; color:var(--text-4); }
.topic-metrics b{ display:block; font-size:12.5px; color:var(--text); font-weight:620; margin-bottom:1px; font-variant-numeric:tabular-nums; }
.topic-acts{ display:flex; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); flex-wrap:wrap; }

.week-row{ display:grid; grid-template-columns:38px 1fr 44px; align-items:center; gap:8px; padding:7px 0; font-size:11px; border-bottom:1px solid rgba(255,255,255,.04); }
.week-row:last-child{ border-bottom:0; }
.week-row.today{ color:#fff; }
.week-row.today .week-d{ color:var(--brand-2); font-weight:600; }
.week-d{ color:var(--text-3); }
.week-t{ color:var(--text-2); }
.week-time{ color:var(--text-4); text-align:right; font-variant-numeric:tabular-nums; }
.ratio-row{ margin-bottom:10px; }
.ref-row{ display:flex; gap:10px; align-items:center; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.04); }
.ref-row:last-of-type{ border-bottom:0; }
.ref-main{ flex:1; min-width:0; }
.ref-t{ font-size:11.5px; line-height:1.5; }
.ref-a{ font-size:9.5px; color:var(--text-4); margin-top:2px; }
.ref-v{ font-size:11px; color:var(--brand-2); font-weight:560; }

/* ---------- 内容工坊 ---------- */
.pick-list{ display:flex; flex-direction:column; gap:8px; }
.pick-item{
  display:flex; align-items:center; gap:10px; padding:12px 13px; border-radius:10px;
  border:1px solid var(--line); background:rgba(255,255,255,.02); text-align:left;
  transition:border-color .16s, background .16s;
}
.pick-item:hover{ border-color:rgba(254,44,85,.35); background:rgba(254,44,85,.06); }
.pick-title{ flex:1; font-size:12.5px; }
.pick-item .ic{ color:var(--text-4); }

.script-sec{ overflow:visible; }
.sec-hd{ display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid var(--line); }
.sec-no{
  width:22px; height:22px; border-radius:6px; display:grid; place-items:center;
  font-size:10px; font-weight:700; background:rgba(254,44,85,.12); color:#FF8FA3;
  border:1px solid rgba(254,44,85,.2);
}
.sec-name{ font-size:12.5px; font-weight:600; }
.sec-goal{ font-size:10.5px; color:var(--text-4); }
.sec-body{ padding:13px 16px 14px; }
.sec-text{
  font-size:13px; line-height:1.9; color:var(--text); outline:none;
  padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.025);
  border:1px solid transparent; transition:border-color .15s, background .15s;
}
.sec-text:hover{ border-color:var(--line); }
.sec-text:focus{ border-color:rgba(254,44,85,.4); background:rgba(255,255,255,.04); }
.sec-meta{ display:flex; flex-direction:column; gap:4px; margin-top:9px; font-size:10.5px; color:var(--text-3); }
.sec-meta span{ display:flex; align-items:center; gap:5px; }
.sec-tip{ color:var(--text-4) !important; }

.cover-item{
  display:flex; align-items:center; gap:9px; padding:10px 11px; border-radius:9px;
  border:1px solid var(--line); margin-bottom:7px; cursor:pointer;
  transition:border-color .16s, background .16s;
}
.cover-item:hover{ border-color:rgba(254,44,85,.35); background:rgba(254,44,85,.05); }
.cover-tag{ font-size:9px; color:var(--text-4); flex:0 0 58px; }
.cover-txt{ flex:1; font-size:11.5px; line-height:1.55; }
.cover-item .ic{ color:var(--text-4); }

.check-item{ display:flex; gap:8px; font-size:11.5px; color:var(--text-2); line-height:1.7; }
.check-item .ic{ width:12px; height:12px; color:var(--down); flex:0 0 auto; margin-top:3px; }

/* ---------- 数据诊断 ---------- */
.diag-target{ font-size:10.5px; color:var(--text-4); margin-top:7px; display:flex; align-items:center; gap:5px; }
.band{ display:flex; height:34px; border-radius:8px; overflow:hidden; position:relative; margin-top:4px; }
.band-seg{ display:flex; align-items:center; justify-content:center; font-size:9.5px; color:var(--text-2); border-right:1px solid rgba(0,0,0,.3); }
.band-seg:last-child{ border-right:0; }
.band-mark{
  position:absolute; top:-5px; bottom:-5px; width:2px; background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.7); transform:translateX(-1px);
}
.band-mark::after{
  content:""; position:absolute; top:-3px; left:-3px; width:8px; height:8px;
  border-radius:50%; background:#fff;
}

.ai-readout{ min-height:96px; }
.ai-placeholder{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  padding:26px 20px; color:var(--text-4); font-size:11.5px; text-align:center; line-height:1.7;
}
.ai-placeholder .ic{ width:22px; height:22px; opacity:.6; }
.ai-summary{ font-size:12.5px; line-height:1.9; color:var(--text-2); }
.ai-summary b{ color:var(--text); }
.ai-acts{ margin-top:14px; display:flex; flex-direction:column; gap:8px; }
.ai-act{ display:flex; gap:9px; font-size:11.5px; line-height:1.7; color:var(--text-2); }
.ai-no{
  width:18px; height:18px; border-radius:5px; flex:0 0 auto; display:grid; place-items:center;
  font-size:9.5px; font-weight:700; background:rgba(254,44,85,.12); color:#FF8FA3;
}
.ai-fallback{
  display:flex; align-items:center; gap:6px; margin-top:14px; padding-top:12px;
  border-top:1px solid var(--line); font-size:10.5px; color:var(--text-4);
}

/* ---------- 变现进度 ---------- */
.cond-row{ display:flex; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.cond-row:last-child{ border-bottom:0; }
.cond-ico{
  width:20px; height:20px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center;
  border:1px solid var(--line-2); color:var(--text-4);
}
.cond-ico .ic{ width:11px; height:11px; }
.cond-row.ok .cond-ico{ background:rgba(34,211,155,.15); border-color:rgba(34,211,155,.4); color:var(--down); }
.cond-main{ flex:1; min-width:0; }
.cond-t{ font-size:12px; font-weight:550; }
.cond-d{ font-size:10px; color:var(--text-4); margin-top:2px; }
.cond-cur{ font-size:10.5px; color:var(--text-3); font-variant-numeric:tabular-nums; white-space:nowrap; }
.cond-row.ok .cond-cur{ color:var(--down); }

.prod-row{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.045); }
.prod-row:last-child{ border-bottom:0; }
.prod-main{ flex:1; min-width:0; }
.prod-t{ font-size:12px; font-weight:550; display:flex; align-items:center; gap:5px; }
.prod-d{ font-size:10px; color:var(--text-4); margin-top:2px; line-height:1.5; }
.prod-m{ text-align:right; min-width:56px; }
.prod-m b{ display:block; font-size:12px; font-variant-numeric:tabular-nums; }
.prod-m span{ font-size:9.5px; color:var(--text-4); }
.prod-fit{ text-align:right; min-width:44px; }
.prod-fit b{ display:block; font-size:12px; color:var(--up); font-variant-numeric:tabular-nums; }
.prod-fit span{ font-size:9.5px; color:var(--text-4); }

.calc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.calc-out{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.calc-out > div{ background:#12141B; padding:11px 12px; }
.calc-out span{ display:block; font-size:9.5px; color:var(--text-4); }
.calc-out b{ display:block; font-size:15px; font-weight:640; margin-top:3px; font-variant-numeric:tabular-nums; letter-spacing:-.4px; }
.calc-out .hl b{ color:var(--brand-2); }

.step-card{ padding:13px 14px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.step-no{ font-size:10px; font-weight:700; color:var(--brand-2); letter-spacing:.5px; }
.step-t{ font-size:12px; font-weight:560; margin-top:5px; }
.step-d{ font-size:10.5px; color:var(--text-3); margin-top:5px; line-height:1.7; }

/* ---------- 响应式 ---------- */
@media (max-width: 1200px){
  .guide-layout{ grid-template-columns:1fr; }
  .guide-rail{ position:static; display:grid; grid-template-columns:repeat(5,1fr); gap:4px; }
  .guide-rail-hd{ display:none; }
  .gstep{ margin:0; }
  .gstep-txt i{ display:none; }
  .persona-grid{ grid-template-columns:1fr; }
  .track-cols{ grid-template-columns:1fr; gap:10px; }
}

@media (max-width: 900px){
  .hero-goal{ flex-direction:column; align-items:flex-start; padding:16px; gap:14px; }
  .hero-ring{ align-self:center; }
  .hero-info{ width:100%; }
  .hero-num{ font-size:17px; }
  .hero-num b{ font-size:22px; }
  .form-grid{ grid-template-columns:1fr; }
  .track-grid{ grid-template-columns:1fr; }
  .guide-rail{ grid-template-columns:repeat(5,1fr); padding:10px 6px; }
  .gstep{ flex-direction:column; align-items:center; gap:4px; padding:8px 2px; text-align:center; }
  .gstep-txt b{ font-size:10px; }
  .topic-acts .btn{ flex:1; }
  .topic-metrics{ gap:14px; }
  .calc-grid{ grid-template-columns:1fr 1fr; }
  .calc-out{ grid-template-columns:1fr 1fr; }
  .sec-goal{ display:none; }
  .sec-hd{ flex-wrap:wrap; }
  .cond-d{ display:none; }
  .start-box{ flex-direction:column; align-items:flex-start; }
  .start-box .btn{ margin-left:0; width:100%; }
  .prod-d{ display:none; }
}

@media (max-width: 380px){
  .gstep-txt b{ font-size:9px; }
  .topic-title{ font-size:13px; }
}

/* 变现页底部三项小指标 */
.hero-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:14px;
  background:var(--line); border:1px solid var(--line); border-radius:10px; overflow:hidden; }
.hero-stats > div{ background:#12141B; padding:10px 12px; }
.hero-stats b{ display:block; font-size:15px; font-weight:640; font-variant-numeric:tabular-nums; letter-spacing:-.3px; }
.hero-stats span{ font-size:9.5px; color:var(--text-4); }

/* 移动端：目标环缩小，变现路径改为横向步骤条，把首屏留给「今日任务」 */
@media (max-width: 900px){
  .hero-ring{ width:112px !important; align-self:center; }
  .hero-ring svg{ width:112px !important; height:112px !important; }
  .hero-ring-txt b{ font-size:23px; }
  .path{ flex-direction:row; gap:2px; }
  .path-node{ flex-direction:column; align-items:center; gap:5px; padding:2px 0; text-align:center; flex:1; }
  .path-node:not(:last-child)::after{
    left:50%; right:auto; top:12px; bottom:auto; width:100%; height:1px;
  }
  .path-dot{ width:24px; height:24px; font-size:10px; }
  .path-txt b{ font-size:9.5px; font-weight:500; line-height:1.35; }
  .path-txt span{ display:none; }
}

/* ============================================================
   账号接入
   ============================================================ */
.acct-banner{
  display:flex; align-items:center; gap:13px; padding:16px 18px;
  background:linear-gradient(120deg, rgba(254,44,85,.07), rgba(255,255,255,.012));
  border-color:rgba(254,44,85,.18);
}
.acct-banner.empty{ background:rgba(255,255,255,.02); border-color:var(--line); }

.ch-card{ display:flex; flex-direction:column; }
.ch-card.on{ border-color:rgba(34,211,155,.28); }
.ch-hd{ display:flex; align-items:center; gap:10px; padding:16px 16px 0; }
.ch-ico{
  width:34px; height:34px; border-radius:10px; flex:0 0 auto; display:grid; place-items:center;
  background:rgba(255,255,255,.05); border:1px solid var(--line); color:var(--text-3);
}
.ch-ico.ok{ background:rgba(34,211,155,.12); border-color:rgba(34,211,155,.3); color:var(--down); }
.ch-name{ font-size:13px; font-weight:600; display:flex; align-items:center; gap:6px; }
.ch-sub{ font-size:10.5px; color:var(--text-4); margin-top:2px; }
.ch-fields{ display:flex; flex-wrap:wrap; gap:4px; padding:12px 16px 0; }
.ch-body{ padding:12px 16px 16px; flex:1; display:flex; flex-direction:column; }
.ch-body .btn-block{ margin-top:auto; }
.ch-note{ font-size:10px; color:var(--text-4); margin-top:8px; line-height:1.6; }

.redirect-box{ padding:9px 11px; border-radius:8px; background:rgba(255,255,255,.03); border:1px solid var(--line); }
.copy-line{
  display:flex; align-items:center; gap:6px; margin-top:4px;
  font-size:10.5px; color:var(--text-2); cursor:pointer; font-family:var(--mono);
}
.copy-line:hover{ color:var(--brand-2); }
.copy-line .ic{ flex:0 0 auto; }

.cookie-input{
  width:100%; padding:9px 11px; border-radius:9px; resize:vertical;
  background:rgba(255,255,255,.03); border:1px solid var(--line);
  color:var(--text); font-size:11.5px; line-height:1.6; outline:none;
  font-family:var(--mono);
}
.cookie-input:focus{ border-color:rgba(254,44,85,.45); box-shadow:0 0 0 3px rgba(254,44,85,.08); }
.cookie-input::placeholder{ color:var(--text-4); font-family:var(--font); }

.hint-box.ok{ background:rgba(34,211,155,.06); border-color:rgba(34,211,155,.2); }
.hint-box.ok .ic{ color:var(--down); }
.hint-box code, .ch-note code{ background:rgba(255,255,255,.07); padding:1px 4px; border-radius:3px; font-size:10px; }

.cov-tbl td{ text-align:left !important; }
.cov-tbl th{ text-align:left !important; }
.cov-yes{ display:inline-flex; align-items:center; gap:4px; color:var(--down); font-size:11px; }
.cov-no{ display:inline-flex; align-items:center; gap:4px; color:var(--text-4); font-size:11px; }
.cov-yes .ic, .cov-no .ic{ width:11px; height:11px; }

.log-row{ display:flex; align-items:center; gap:8px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.045); font-size:11px; }
.log-row:last-child{ border-bottom:0; }
.log-dot{ width:6px; height:6px; border-radius:50%; flex:0 0 auto; background:var(--text-4); }
.log-dot.ok{ background:var(--down); box-shadow:0 0 6px rgba(34,211,155,.5); }
.log-dot.err{ background:var(--brand); box-shadow:0 0 6px rgba(254,44,85,.5); }
.log-time{ color:var(--text-4); font-variant-numeric:tabular-nums; white-space:nowrap; }
.log-src{ color:var(--text-2); min-width:56px; }
.log-msg{ flex:1; min-width:0; color:var(--text-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.log-msg.err{ color:#FF8FA3; }
.log-cost{ color:var(--text-4); font-variant-numeric:tabular-nums; }

@media (max-width: 1200px){
  .ch-card{ min-height:0; }
}