/* ============================================================
   小白兔TKNC — 报告态（state C）：结论 / TopN / 逐模块卡 / findings /
   KV 明细 / 稳定性逐域名表 / 建议卡 / 分享输出
   同一套样式被首页报告态与 share.html 复用。
   ============================================================ */

.report{display:none;margin-top:20px}
.report.on{display:block}

/* verdict */
.verdict{text-align:center;margin-bottom:16px}
.verdict h3{font-size:19px;font-weight:750;margin-bottom:4px}
.verdict p{color:var(--ink-2);font-size:13.5px}
.verdict .meta{color:var(--ink-4);font-size:11.5px;font-family:var(--mono);margin-top:8px}

/* 受限解决方案引导卡（导流赞助商） */
.fix-cta{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;
  border:1px solid var(--acc);border-radius:var(--r-lg);
  background:linear-gradient(135deg,rgba(52,227,176,.10),rgba(55,182,255,.08))}
.fix-cta[hidden]{display:none}
.fix-ic{font-size:22px;flex-shrink:0}
.fix-main{flex:1;min-width:0}
.fix-t{font-weight:650;font-size:14px}
.fix-d{font-size:12px;color:var(--ink-2);margin-top:2px}
.fix-btn{flex-shrink:0;font-size:13px;font-weight:650;color:#04120d;background:var(--acc-grad);
  border-radius:999px;padding:8px 14px;white-space:nowrap}
.fix-btn:hover{filter:brightness(1.06)}
/* 赞助商条被引导时的高亮脉冲 */
@keyframes sp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(52,227,176,0)}50%{box-shadow:0 0 0 3px rgba(52,227,176,.35)}}
.sponsors.pulse{animation:sp-pulse 1s ease 2;border-radius:var(--r)}

/* top issues */
.topissues{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px;margin-bottom:14px;
}
.topissues:empty{display:none}
.topissues h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.ti-row{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:13px}
.ti-row:first-of-type{border-top:none}
.ti-badge{flex-shrink:0;width:44px;height:20px;border-radius:6px;font-size:10.5px;font-weight:700;display:grid;place-items:center;letter-spacing:.03em}
.ti-txt b{color:var(--ink)}
.ti-txt span{color:var(--ink-3)}

/* IP 身份牌（ping0 风格：纯净度条 + IP类型 + 适用场景四宫格）*/
.ip-idcard{margin-top:12px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 14px}
.ipc-purity .ipc-top{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ipc-k{font-size:12px;color:var(--ink-2);font-weight:600}
.ipc-src{font-size:10px;color:var(--ink-4);border:1px solid var(--line-2);border-radius:4px;padding:0 5px;line-height:15px}
.ipc-pct{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:20px}
.ipc-pct .u{font-size:12px;color:var(--ink-3);margin-left:1px}
.ipc-bar{height:7px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.ipc-bar span{display:block;height:100%;border-radius:99px;transition:width .7s cubic-bezier(.22,.61,.36,1)}
.ipc-pill{font-size:11px;font-weight:600;padding:2px 9px;border:1px solid;border-radius:999px}
.ipc-stars{font-size:14px;letter-spacing:1px;line-height:1;white-space:nowrap}
.ipc-stars .st{color:var(--line-2)}
.ipc-stars .st.on{color:inherit}
/* 适用场景四宫格 */
.ipc-scen{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.ipc-scen-t{font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:10px}
.ipc-scen-sub{font-size:10px;font-weight:400;color:var(--ink-4);margin-left:4px}
.scen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.scen-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}
.scen-name{font-size:12px;font-weight:600;color:var(--ink)}
.scen-badge{font-size:10.5px;font-weight:600;padding:1px 8px;border:1px solid;border-radius:999px}
@media(min-width:520px){.scen-grid{grid-template-columns:repeat(4,1fr)}}

/* module cards */
.modcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:9px;overflow:hidden;transition:border-color .18s}
.modcard.open{border-color:var(--line-2)}
.mod-head{display:flex;align-items:center;gap:12px;padding:14px 15px;cursor:pointer;user-select:none}
.mod-ic{width:26px;text-align:center;font-size:17px;flex-shrink:0}
.mod-main{flex:1;min-width:0}
.mod-nm{font-weight:650;font-size:14.5px;display:flex;align-items:center;gap:8px}
.mod-sum{font-size:12px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono)}
.mod-score{font-family:var(--mono);font-weight:700;font-size:17px;flex-shrink:0}
.mod-stdot{width:8px;height:8px;border-radius:99px;flex-shrink:0}
.mod-chev{color:var(--ink-4);font-size:11px;transition:transform .22s;flex-shrink:0}
.modcard.open .mod-chev{transform:rotate(180deg)}
.rec-tag{font-size:10px;font-weight:600;color:var(--warn);border:1px solid rgba(247,182,75,.3);background:rgba(247,182,75,.08);border-radius:5px;padding:1px 6px}

.mod-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.modcard.open .mod-body{max-height:2000px}
.mod-inner{padding:2px 15px 15px;border-top:1px solid var(--line)}

/* findings */
.findings{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.finding{display:flex;gap:9px;font-size:13px;align-items:flex-start}
.mk{width:16px;height:16px;border-radius:99px;flex-shrink:0;margin-top:2px;display:grid;place-items:center;font-size:9px;font-weight:800;color:#0b0c10}
.finding .ftx{color:var(--ink-2)}
.finding .ftx b{color:var(--ink)}

/* detail kv grid */
.kv{margin-top:13px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px;
    background:var(--inset);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 13px}
.kv dt{color:var(--ink-3)}
.kv dd{font-family:var(--mono);color:var(--ink);text-align:right;word-break:break-all;font-size:12px}
.kv dd.wrap-l{text-align:left}

/* stability table */
.tbl-scroll{margin-top:13px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-sm)}
table.perf{width:100%;border-collapse:collapse;font-size:11.5px;min-width:440px}
table.perf th,table.perf td{padding:8px 10px;text-align:right;white-space:nowrap;font-family:var(--mono)}
table.perf th{color:var(--ink-3);font-weight:600;background:var(--inset);border-bottom:1px solid var(--line);letter-spacing:.02em;font-family:var(--sans)}
table.perf td:first-child,table.perf th:first-child{text-align:left;color:var(--ink);position:sticky;left:0;background:var(--surface)}
table.perf tr td{border-bottom:1px solid var(--line)}
table.perf tr:last-child td{border-bottom:none}
.cell-good{color:var(--good)}.cell-warn{color:var(--warn)}.cell-bad{color:var(--bad)}

/* recs inside module */
.recs{margin-top:13px;display:flex;flex-direction:column;gap:8px}
.rec{border-left:3px solid var(--warn);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:9px 12px;font-size:12.5px}
.rec.danger{border-color:var(--bad)}.rec.info{border-color:var(--ok)}
.rec b{display:block;margin-bottom:2px;font-size:13px}
.rec span{color:var(--ink-3);line-height:1.5}

/* report actions + share output */
.report-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:center}
.share-out{width:100%;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:13px;font-size:12.5px;color:var(--ink-2);line-height:1.6;display:none;white-space:pre-wrap;word-break:break-word}
.share-out.on{display:block}
.share-hint{color:var(--ink-4);font-size:11.5px;text-align:center}

/* share.html standalone wrapper */
.share-page{max-width:var(--maxw);margin:0 auto;padding:20px 18px calc(40px + var(--safe-bottom))}
.share-page .report{display:block;margin-top:0}
.share-cta{margin-top:22px;display:flex;justify-content:center}
.share-loading,.share-error{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px 20px;text-align:center;color:var(--ink-2);font-size:13.5px;margin-top:20px;
}
.share-error .ic{font-size:26px;margin-bottom:8px}