/* ==========================================================================
   天玑体育预测系统 · 设计系统 v2 (Design Tokens + Components)
   方向：专业体育数据终端 · 深海军蓝/石墨 · 克制蓝色强调 · 高信息密度
   —— 所有页面共享，禁止各页自设颜色/间距 ——
   ========================================================================== */
:root{
  /* ---- 背景分层 ---- */
  --bg-0:#070A11;        /* 应用最底层 */
  --bg-1:#0B1019;        /* 主内容区 */
  --panel:#111826;       /* 面板/卡片 */
  --panel-2:#161F2E;     /* 抬升面板 / 悬浮 */
  --panel-3:#1B2636;     /* 最高层 / 表头 */
  --inset:#0A0F18;       /* 凹陷区（图表底、输入框） */

  /* ---- 边框 ---- */
  --line:#1E2A3B;
  --line-2:#27384C;
  --line-soft:rgba(30,42,59,.55);

  /* ---- 文字层级 ---- */
  --tx-1:#EAF0F7;        /* 主文字 */
  --tx-2:#9EAABC;        /* 次级 */
  --tx-3:#647286;        /* 弱化（仍可读） */
  --tx-4:#41505F;        /* 极弱（分隔/占位） */

  /* ---- 品牌 & 语义色（各有明确用途） ---- */
  --brand:#3D7DFF;       /* 主强调：选中/核心指标/主交互 */
  --brand-2:#5C97FF;     /* 悬停/高亮 */
  --brand-soft:rgba(61,125,255,.14);
  --brand-line:rgba(61,125,255,.40);
  --success:#2FD57F;     /* 成功/已结束/命中 */
  --success-soft:rgba(47,213,127,.14);
  --warn:#F2A93B;        /* 警告/待定/历史数据 */
  --warn-soft:rgba(242,169,59,.14);
  --danger:#F2554E;      /* 错误/未命中/异常 */
  --danger-soft:rgba(242,85,78,.14);
  --live:#FF5D5D;        /* 进行中 */
  --live-soft:rgba(255,93,93,.15);
  --info:#4FA3FF;

  /* ---- 间距体系（4px 基准） ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;

  /* ---- 圆角 ---- */
  --r-sm:6px; --r-md:9px; --r-lg:13px; --r-pill:999px;

  /* ---- 阴影（克制，无发光） ---- */
  --sh-1:0 1px 2px rgba(0,0,0,.35);
  --sh-2:0 6px 18px rgba(0,0,0,.35);

  /* ---- 字号层级 ---- */
  --fs-h1:21px; --fs-h2:14px; --fs-body:13.5px; --fs-sm:12px; --fs-xs:11px;
  --fs-metric:26px;

  /* ---- 断点（媒体查询内联使用） ---- */
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Roboto,sans-serif;
  background:var(--bg-0);color:var(--tx-1);line-height:1.5;font-size:var(--fs-body);
  -webkit-font-smoothing:antialiased;
}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}
a{color:inherit}
::selection{background:var(--brand-soft)}

/* 滚动条 */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#22303f;border-radius:6px;border:2px solid var(--bg-0)}
::-webkit-scrollbar-track{background:transparent}

/* ============================ 顶栏 ============================ */
.top{
  display:flex;align-items:center;gap:var(--sp-4);
  padding:0 var(--sp-5);height:56px;
  background:linear-gradient(180deg,#0E141F,#0B1019);
  border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;
}
.logo{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.logo .mark{
  width:26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#2E5FD0);color:#fff;font-size:14px;
  box-shadow:var(--sh-1);
}
.logo span{color:var(--brand-2)}
.top .title-sep{color:var(--tx-4);font-weight:400;margin:0 2px}
.top .page-title{font-size:13.5px;color:var(--tx-2);font-weight:500}
.search{
  flex:1;min-width:150px;max-width:360px;background:var(--inset);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:7px 12px;
  color:var(--tx-1);font-size:12.5px;outline:none;transition:border-color .15s;
}
.search:focus{border-color:var(--brand-line)}
.search::placeholder{color:var(--tx-4)}
.status{display:flex;gap:var(--sp-4);align-items:center;font-size:12px;color:var(--tx-2);margin-left:auto;white-space:nowrap}
.status .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--inset)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.dot.ok{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.dot.stale{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}
.dot.down{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.dot.live{background:var(--live);box-shadow:0 0 0 3px var(--live-soft);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ============================ 按钮 ============================ */
.btn{
  background:var(--brand);color:#fff;border:none;border-radius:var(--r-sm);
  padding:7px 14px;font-weight:600;cursor:pointer;font-size:12.5px;
  transition:background .15s,transform .05s;white-space:nowrap;
}
.btn:hover{background:var(--brand-2)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--tx-2);border:1px solid var(--line)}
.btn.ghost:hover{background:var(--panel-2);color:var(--tx-1);border-color:var(--line-2)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn:focus-visible{outline:2px solid var(--brand-line);outline-offset:2px}

/* ============================ 布局 ============================ */
.wrap{display:flex;min-height:calc(100vh - 56px)}
.side{
  width:212px;background:var(--bg-1);border-right:1px solid var(--line);
  padding:var(--sp-3) 0;flex-shrink:0;position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;
}
.side .group{padding:var(--sp-3) var(--sp-5) var(--sp-1);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-4)}
.side a{
  display:flex;align-items:center;gap:10px;padding:9px var(--sp-5);color:var(--tx-2);
  text-decoration:none;font-size:13px;cursor:pointer;position:relative;transition:background .12s,color .12s;
}
.side a .ico{width:16px;text-align:center;opacity:.8;font-size:13px}
.side a:hover{color:var(--tx-1);background:var(--panel)}
.side a.active{color:var(--tx-1);background:var(--panel)}
.side a.active::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--brand)}
.side a.active .ico{color:var(--brand-2);opacity:1}
.side a.disabled{opacity:.38;cursor:not-allowed}

.main{flex:1;padding:var(--sp-5) var(--sp-6);min-width:0}
.crumb{font-size:11.5px;color:var(--tx-3);margin-bottom:6px;letter-spacing:.02em}
h1{font-size:var(--fs-h1);font-weight:700;letter-spacing:-.2px;margin-bottom:3px}
h2{font-size:var(--fs-h2);font-weight:600;color:var(--tx-1);letter-spacing:.01em}
.muted{color:var(--tx-2);font-size:var(--fs-sm)}
.nd{color:var(--tx-3);font-size:var(--fs-sm)}

/* ============================ 面板 ============================ */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.panel-h{
  display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);
  border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));
}
.panel-h h2{font-size:13px}
.panel-h .sub{font-size:11.5px;color:var(--tx-3);margin-left:auto}
.panel-b{padding:var(--sp-4)}
.panel-b.tight{padding:0}

/* ============================ 状态条 ============================ */
.banner{
  display:flex;gap:9px;align-items:flex-start;background:var(--warn-soft);
  border:1px solid rgba(242,169,59,.32);color:#F4C57A;padding:9px 13px;
  border-radius:var(--r-sm);font-size:12.5px;margin-bottom:var(--sp-4);
}
.banner.info{background:var(--brand-soft);border-color:var(--brand-line);color:#9CC0FF}
.banner.err{background:var(--danger-soft);border-color:rgba(242,85,78,.35);color:#FF9A95}

/* ============================ 网格 ============================ */
.grid{display:grid;gap:var(--sp-4)}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.split{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}
.split>div,.grid>div,.feat>*,.metrics>*{min-width:0}

/* ============================ 指标卡（紧凑统一） ============================ */
.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.metric{background:var(--panel);padding:var(--sp-3) var(--sp-4);position:relative}
.metric .k{font-size:11.5px;color:var(--tx-3);display:flex;align-items:center;gap:6px;margin-bottom:5px}
.metric .v{font-size:var(--fs-metric);font-weight:700;letter-spacing:-.5px;line-height:1.05}
.metric .d{font-size:11px;color:var(--tx-3);margin-top:3px}
.metric.hi{background:linear-gradient(180deg,rgba(61,125,255,.10),var(--panel))}
.metric.hi .v{color:var(--brand-2)}
.metric .v.g{color:var(--success)}.metric .v.w{color:var(--warn)}

/* 旧 kpi 兼容 */
.kpi .v{font-size:var(--fs-metric);font-weight:700;margin-top:4px}
.kpi .l{font-size:var(--fs-sm);color:var(--tx-3)}

/* ============================ 表格 ============================ */
table{width:100%;border-collapse:collapse;font-size:12.5px}
th{
  text-align:left;color:var(--tx-3);font-weight:600;font-size:11px;letter-spacing:.04em;
  text-transform:uppercase;padding:10px var(--sp-4);border-bottom:1px solid var(--line);
  white-space:nowrap;background:var(--panel-3);
}
td{padding:10px var(--sp-4);border-bottom:1px solid var(--line-soft);white-space:nowrap}
tbody tr{transition:background .1s}
tbody tr:hover td{background:var(--panel-2)}
tbody tr:last-child td{border-bottom:none}
td.team{font-weight:500;color:var(--tx-1)}
td.vs{color:var(--tx-4);font-size:11px;text-align:center;width:34px}

/* ============================ 标签/徽标 ============================ */
.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:var(--r-pill);font-size:10.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.chip.live{background:var(--live-soft);color:#FF8686}
.chip.soon{background:var(--brand-soft);color:#8FB6FF}
.chip.done{background:rgba(100,114,134,.16);color:var(--tx-2)}
.chip.pred{background:var(--warn-soft);color:#F4C57A}
.chip.hist{background:rgba(100,114,134,.13);color:var(--tx-3)}
.chip.ok{background:var(--success-soft);color:#7DE3AE}
.chip.bad{background:var(--danger-soft);color:#FF9A95}
.chip.review{background:var(--warn-soft);color:#F4C57A;border:1px dashed rgba(244,197,122,.5)}
.chip.seas{background:rgba(100,114,134,.14);color:var(--tx-3);margin-left:4px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--tx-2)}

/* ============================ 标签页 / 筛选器 ============================ */
.tabbar{display:flex;gap:6px;margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center}
.tab{padding:6px 13px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line);color:var(--tx-2);cursor:pointer;font-size:12.5px;transition:all .12s}
.tab:hover{color:var(--tx-1);border-color:var(--line-2)}
.tab.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}
.tab:focus-visible{outline:2px solid var(--brand-line);outline-offset:2px}

/* ============================ 图表（纯 CSS，无库） ============================ */
.chart{display:flex;flex-direction:column;gap:10px}
.chart-row{display:grid;grid-template-columns:88px 1fr 52px;align-items:center;gap:10px;font-size:12px}
.chart-row .lbl{color:var(--tx-2);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-row .track{height:9px;background:var(--inset);border-radius:var(--r-pill);overflow:hidden}
.chart-row .fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .5s}
.chart-row .fill.g{background:linear-gradient(90deg,#1E9C5C,var(--success))}
.chart-row .fill.w{background:linear-gradient(90deg,#C2851F,var(--warn))}
.chart-row .val{color:var(--tx-1);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
/* 环形（conic-gradient，语义色，非彩虹） */
.donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0}
.donut::after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--panel)}
.donut .c{position:relative;z-index:1;text-align:center}
.donut .c b{display:block;font-size:21px;font-weight:700;letter-spacing:-.5px}
.donut .c span{font-size:11px;color:var(--tx-3)}
.legend{display:flex;flex-direction:column;gap:8px;font-size:12px}
.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;vertical-align:middle}
.legend .row{display:flex;justify-content:space-between;gap:14px;color:var(--tx-2)}
.legend .row b{color:var(--tx-1);font-variant-numeric:tabular-nums}

/* ============================ 空状态 / 加载 ============================ */
.empty{text-align:center;color:var(--tx-3);padding:34px var(--sp-4);font-size:12.5px}
.empty .big{font-size:22px;opacity:.5;display:block;margin-bottom:6px}
.skel{height:13px;border-radius:4px;background:linear-gradient(90deg,#151d2a 25%,#1e2939 50%,#151d2a 75%);background-size:200% 100%;animation:sk 1.3s infinite}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.errbar{background:var(--danger-soft);border:1px solid rgba(242,85,78,.35);color:#FF9A95;padding:9px 13px;border-radius:var(--r-sm);font-size:12.5px;margin-bottom:var(--sp-4);display:none}

/* ============================ 分页 ============================ */
.pager{display:flex;gap:10px;align-items:center;margin-top:var(--sp-4);font-size:12.5px;color:var(--tx-2);flex-wrap:wrap}
.pager button{background:var(--panel);border:1px solid var(--line);color:var(--tx-1);border-radius:var(--r-sm);padding:6px 13px;cursor:pointer;font-size:12.5px;transition:all .12s}
.pager button:hover:not(:disabled){border-color:var(--brand-line);color:var(--brand-2)}
.pager button:disabled{opacity:.4;cursor:not-allowed}

/* ============================ 页脚 ============================ */
.foot{margin-top:var(--sp-6);color:var(--tx-3);font-size:11px;border-top:1px solid var(--line);padding-top:var(--sp-3);display:flex;gap:14px;flex-wrap:wrap}

/* ============================ 视图切换 ============================ */
.view{display:none}.view.active{display:block}

/* ============================ 首页专用 ============================ */
.hero{
  display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(61,125,255,.10), transparent 55%),
    linear-gradient(180deg,var(--panel-2),var(--panel));
  border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);
  margin-bottom:var(--sp-4);position:relative;overflow:hidden;
}
.hero::after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(61,125,255,.16),transparent 70%);pointer-events:none}
.hero .h-l{flex:1;min-width:260px}
.hero .tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--brand-2);background:var(--brand-soft);border:1px solid var(--brand-line);padding:3px 10px;border-radius:var(--r-pill);margin-bottom:10px}
.hero h1{font-size:23px;letter-spacing:-.3px;margin-bottom:6px}
.hero p{color:var(--tx-2);font-size:12.5px;max-width:560px}
.hero .h-r{display:flex;gap:var(--sp-3);flex-wrap:wrap}
.stat-mini{background:var(--inset);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;min-width:104px}
.stat-mini .k{font-size:10.5px;color:var(--tx-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.stat-mini .v{font-size:17px;font-weight:700;letter-spacing:-.3px}
.stat-mini .v small{font-size:11px;color:var(--tx-3);font-weight:500;margin-left:3px}

.sec-h{display:flex;align-items:center;gap:10px;margin:var(--sp-5) 0 var(--sp-3)}
.sec-h h2{font-size:14px}
.sec-h .ln{flex:1;height:1px;background:var(--line)}
.sec-h .sub{font-size:11.5px;color:var(--tx-3)}

.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.feat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);position:relative;transition:border-color .15s,transform .1s}
.feat-card:hover{border-color:var(--brand-line);transform:translateY(-1px)}
.feat-card .lg{font-size:11px;color:var(--tx-3);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.feat-card .vs{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.feat-card .tm{font-size:14px;font-weight:600;line-height:1.3}
.feat-card .tm.r{text-align:right}
.feat-card .mid{font-size:15px;font-weight:700;color:var(--tx-2);white-space:nowrap}
.feat-card .ft{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--tx-3)}

.legend-inline{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--tx-2)}
.legend-inline i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:middle}

/* ============================ 响应式 ============================ */
@media(max-width:1100px){
  .metrics{grid-template-columns:repeat(3,1fr)}
  .split{grid-template-columns:1fr}
  .feat{grid-template-columns:1fr}
}
@media(max-width:768px){
  .side{
    position:fixed;left:0;top:56px;bottom:0;width:230px;z-index:40;
    transform:translateX(-100%);transition:transform .2s;height:auto;
    box-shadow:var(--sh-2);
  }
  .side.open{transform:none}
  .main{padding:var(--sp-4)}
  .top{padding:0 var(--sp-3);gap:6px;overflow:hidden}
  .logo{font-size:15px;gap:7px}
  .logo .mark{width:24px;height:24px}
  .logo span{display:none}
  .top .search{display:none}
  .top .page-title{display:none}
  .top .title-sep{display:none}
  .status{gap:6px;margin-left:auto}
  .status .pill{padding:3px 7px;font-size:10.5px;gap:5px}
  .status .btn{padding:6px 9px}
  .btn-txt{display:none}
  .btn-ico{font-size:14px;line-height:1}
  .metrics{grid-template-columns:repeat(2,1fr)}
  .g4,.g3,.g2{grid-template-columns:1fr}
  .hero{padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3);gap:var(--sp-3)}
  .hero h1{font-size:19px;margin-bottom:4px}
  .hero .tag{margin-bottom:6px}
  .hero .h-r{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}
  .stat-mini{min-width:0;padding:8px 12px}
  .stat-mini .v{font-size:16px}
  .banner{padding:8px 12px;margin-bottom:var(--sp-3)}
  .metrics{margin-bottom:0}
  .sec-h{margin:var(--sp-4) 0 var(--sp-3)}
  .donut{width:112px;height:112px}
  .burger{display:grid !important}
  .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:600px}
  .wrap{overflow-x:hidden}
  .hero .h-l{min-width:0}
}
.burger{display:none;width:34px;height:34px;place-items:center;background:var(--inset);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--tx-1);cursor:pointer;font-size:16px}
.mask{display:none;position:fixed;inset:56px 0 0 0;background:rgba(0,0,0,.5);z-index:35}
.mask.show{display:block}

/* ===== 第五批 T2：中文球队映射 ===== */
.search-wrap{position:relative;flex:1;max-width:340px;min-width:120px}
.search-drop{position:absolute;top:100%;left:0;right:0;background:var(--panel,#111826);
  border:1px solid var(--line,#1B2636);border-radius:8px;margin-top:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:60;display:none;max-height:340px;overflow-y:auto}
.search-drop.show{display:block}
.sd-item{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--line,#1B2636)}
.sd-item:last-child{border-bottom:none}
.sd-item:hover{background:var(--inset,#0B1019)}
.sd-item.muted{color:var(--tx-3,#7a8699);cursor:default;font-size:13px}
.sd-l b{font-size:14px}
.sd-o{color:var(--tx-3,#7a8699);font-size:12px;margin-left:6px}
.sd-r{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sd-b{font-size:11px;padding:1px 6px;border-radius:4px}
.sd-b.ok{background:rgba(61,125,255,.18);color:#3D7DFF}
.sd-b.pend{background:rgba(240,180,40,.16);color:#f0b428}
.sd-b.nm{background:rgba(122,134,153,.18);color:#7a8699}
.sd-lg{color:var(--tx-3,#7a8699);font-size:11px}
.tm-zh{font-weight:500}
.tm-orig{display:block;color:var(--tx-3,#7a8699);font-size:11px;font-weight:400}
@media(max-width:768px){
  .top{flex-wrap:wrap;height:auto;min-height:56px;padding-top:6px;padding-bottom:6px}
  .top .search-wrap{display:block;order:99;flex-basis:100%;max-width:none;margin-top:6px}
  .top .search-wrap .search{display:block;width:100%}
  .search-drop{max-height:280px}
}

/* ================= 深度分析（由原 /tianji/ 合并；an- 前缀隔离）================= */
.hidden{display:none !important}
#analyze .value{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:4px 0}
#analyze .value.green{color:var(--success)}
#analyze .value.orange{color:var(--warn)}
#analyze .value.red{color:var(--danger)}
#analyze .sub{font-size:12px;color:var(--tx-3);margin-top:4px}
#analyze h3{font-size:13.5px;margin-bottom:8px;color:var(--tx-1)}
.an-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.an-in{flex:1;min-width:140px;background:var(--inset);border:1px solid var(--line);
  border-radius:var(--r-sm);color:var(--tx-1);padding:9px 12px;font-size:13px;outline:none}
.an-in:focus{border-color:var(--brand-line)}
.an-in::placeholder{color:var(--tx-3)}
.an-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.an-grid2>div{min-width:0}
#analyze table{margin-top:4px}
#analyze table th{font-size:11.5px;color:var(--tx-3);text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}
#analyze table td{padding:7px 8px;border-bottom:1px solid var(--line-soft);font-size:12.5px}
#analyze pre{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace}
#analyze .banner{margin:0}
@media(max-width:768px){
  .an-grid2{grid-template-columns:1fr}
}