/* ============================================================
   概念 3 · 黑绿终端风 · 共享主题
   所有页面 <link> 这一个文件,保证风格统一
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap");

:root{
  --bg:#0c0d0f; --bg2:#101113; --panel:#141518; --line:#1e2024; --line2:#2a2d31;
  --tx:#f4f5f2; --tx2:#c3c7cf; --mut:#8b909c;
  --lime:#e9fb70; --lime-d:#14160a; --lime-dim:rgba(233,251,112,.14);
  --up:#7ee787; --down:#ff7a7a; --gold:#e6c463;
  --r:12px; --r-lg:18px;
  --mono:"JetBrains Mono",monospace;
  --sans:"Space Grotesk","Noto Sans SC",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono)}
.up{color:var(--up)} .down{color:var(--down)} .lime{color:var(--lime)}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(12,13,15,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;gap:26px;height:62px}
.nav .logo{font-weight:700;font-size:18px;color:var(--lime);letter-spacing:.3px;display:flex;align-items:center;gap:8px}
.nav .links{display:flex;gap:22px;font-size:13.5px;color:var(--tx2);font-family:var(--mono)}
.nav .links a:hover{color:var(--lime)}
.nav .links a.on{color:var(--lime)}
.nav .rt{margin-left:auto;display:flex;gap:10px;align-items:center}
.nav .burger{display:none;margin-left:auto;background:none;border:1px solid var(--line2);color:var(--tx);border-radius:8px;padding:6px 10px;cursor:pointer}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;
     font-family:var(--sans);font-weight:600;font-size:14px;padding:12px 20px;border-radius:var(--r);
     transition:transform .12s ease,box-shadow .12s ease,background .12s}
.btn:hover{transform:translateY(-2px)}
.btn.sm{padding:8px 14px;font-size:13px}
.b-p{background:var(--lime);color:var(--lime-d)}
.b-p:hover{box-shadow:0 10px 26px rgba(233,251,112,.24)}
.b-g{background:transparent;color:var(--tx);border:1px solid var(--line2)}
.b-g:hover{border-color:var(--lime);color:var(--lime)}

/* ---------- 通用排版 ---------- */
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--lime);margin-bottom:14px}
.sec{padding:66px 0;border-top:1px solid var(--line)}
.sec-h{font-size:13px;font-family:var(--mono);color:var(--mut);letter-spacing:1px;margin-bottom:22px;display:flex;align-items:center;gap:10px}
.sec-h::before{content:"//";color:var(--lime)}
h1{font-size:56px;line-height:1.04;font-weight:700;letter-spacing:-1.5px}
h2{font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.5px}
h3{font-size:18px;font-weight:600}
.lead{color:var(--tx2);font-size:16px;line-height:1.7;max-width:520px}
.muted{color:var(--mut)}

/* ---------- 卡片 / 网格 ---------- */
.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;transition:border-color .15s,transform .15s}
.card:hover{border-color:var(--line2);transform:translateY(-3px)}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}

/* ---------- 数据字条(加粗放大,Eric 要求) ---------- */
.stat{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;background:var(--bg2)}
.stat .n{font-family:var(--sans);font-weight:700;font-size:40px;letter-spacing:-1px;line-height:1}
.stat .n.g{color:var(--up)} .stat .n.r{color:var(--down)} .stat .n.l{color:var(--lime)}
.stat .l{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:12px;letter-spacing:.5px}
.stat .bar{height:6px;border-radius:4px;background:var(--line);margin-top:14px;overflow:hidden}
.stat .bar i{display:block;height:100%;background:var(--lime)}
/* 内联数字条(表格/行内的数字都统一加粗) */
.figure{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.3px}

/* ---------- 徽章/标签 ---------- */
.pill{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--line2);color:var(--tx2)}
.pill.on{background:var(--lime-dim);border-color:transparent;color:var(--lime)}
.pill.up{background:rgba(126,231,135,.12);border-color:transparent;color:var(--up)}
.pill.pro{background:rgba(230,196,99,.14);border-color:transparent;color:var(--gold)}

/* ---------- 页脚 ---------- */
.footer{border-top:1px solid var(--line);padding:44px 0 60px;color:var(--mut);font-size:13px}
.footer .cols{display:flex;gap:60px;flex-wrap:wrap;margin-bottom:30px}
.footer .col b{color:var(--tx);font-size:13px;display:block;margin-bottom:12px;font-family:var(--mono)}
.footer .col a{display:block;color:var(--mut);padding:5px 0}
.footer .col a:hover{color:var(--lime)}
.footer .disc{border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:12px;line-height:1.6;color:var(--mut)}

/* ---------- 响应式 ---------- */
@media(max-width:860px){
  h1{font-size:38px} h2{font-size:26px}
  .g4{grid-template-columns:1fr 1fr} .g3{grid-template-columns:1fr} .g2{grid-template-columns:1fr}
  .nav .links{display:none} .nav .rt .btn.hide-m{display:none}
  .stat .n{font-size:32px}
}