/* 金融终端 × 编辑印刷美学
   色板：深墨底 + 米金强调 + 中国市场红涨/绿跌点缀 */
@font-face{
  font-family:'SerifCn';
  src: local('Source Han Serif SC'),local('Noto Serif CJK SC'),local('Songti SC'),local('SimSun'),serif;
  font-display:swap;
}
@font-face{
  font-family:'Mono';
  src: local('JetBrains Mono'),local('Menlo'),local('Consolas'),local('Courier New'),monospace;
  font-display:swap;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#0b0e13;color:#d8d4cc;font-family:'SerifCn',Georgia,'Times New Roman',serif;line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:#c9a96e;text-decoration:none;transition:color .2s,background .2s}
a:hover{color:#f0d89a}
code,pre{font-family:'Mono',monospace}
.container{max-width:1180px;margin:0 auto;padding:0 28px}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:rgba(11,14,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid #1c2129}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:14px;color:#d8d4cc}
.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:#c9a96e;color:#0b0e13;font-size:22px;font-weight:700;border-radius:2px;font-family:'SerifCn',serif}
.brand-text strong{display:block;font-size:17px;letter-spacing:.02em}
.brand-text em{display:block;font-style:normal;font-size:11px;color:#7d786b;font-family:'Mono',monospace;letter-spacing:.08em;margin-top:2px}
.site-nav{display:flex;gap:4px;flex-wrap:wrap}
.site-nav a{padding:8px 14px;font-size:14px;color:#9a9589;border-radius:3px;letter-spacing:.04em}
.site-nav a:hover{color:#f0d89a;background:#151921}
.site-nav a.active{color:#c9a96e;background:#1a1d25;border:1px solid #2a2e38}

/* Main */
.site-main{padding:56px 0 80px;min-height:calc(100vh - 68px - 80px)}
h1,h2,h3,h4{font-weight:600;color:#f0d89a;letter-spacing:.02em}
h1{font-size:40px;line-height:1.3;margin-bottom:16px;border-bottom:1px solid #22262e;padding-bottom:16px}
h2{font-size:26px;margin:40px 0 16px;padding-left:12px;border-left:3px solid #c9a96e}
h3{font-size:20px;margin:28px 0 12px;color:#d8c89a}
p{margin:12px 0}
ul,ol{margin:12px 0 12px 24px}
li{margin:6px 0}
strong{color:#f0d89a}
em{color:#b8a77a;font-style:italic}
code{background:#151921;color:#e6c07b;padding:2px 6px;border-radius:3px;font-size:.9em;border:1px solid #22262e}
pre{background:#0f131a;border:1px solid #1e232c;padding:18px;border-radius:4px;overflow-x:auto;font-size:14px;line-height:1.6}
pre code{background:transparent;border:0;padding:0;color:#c8c2b4}
hr{border:0;border-top:1px solid #1e232c;margin:40px 0}
blockquote{border-left:3px solid #c9a96e;background:#131720;padding:14px 20px;margin:20px 0;color:#c8c2b4;font-style:italic}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
th,td{border:1px solid #22262e;padding:10px 14px;text-align:left}
th{background:#151921;color:#f0d89a;font-weight:600;letter-spacing:.04em}
tr:nth-child(even) td{background:#0f131a}

/* Hero */
.hero{padding:24px 0 56px;position:relative}
.hero-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:'Mono',monospace;font-size:12px;color:#7d786b;margin-bottom:20px;letter-spacing:.1em}
.hero-meta span{padding:4px 10px;background:#151921;border:1px solid #22262e;border-radius:2px}
.hero h1{font-size:52px;border:0;padding:0;margin-bottom:24px;line-height:1.2}
.hero .lead{font-size:19px;max-width:780px;color:#c8c2b4;line-height:1.9}
.hero .ticker{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#1e232c}
.hero .ticker div{background:#0f131a;padding:16px 20px}
.hero .ticker .up{color:#e85d5d}
.hero .ticker .down{color:#5dc28a}
.hero .ticker small{display:block;font-family:'Mono',monospace;font-size:11px;color:#7d786b;margin-bottom:6px;letter-spacing:.1em}
.hero .ticker strong{font-size:22px;font-family:'Mono',monospace;letter-spacing:.02em}

/* Grid cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:28px 0}
.card{background:#0f131a;border:1px solid #1e232c;border-radius:4px;padding:22px 24px;transition:border-color .2s,transform .2s;display:block;color:#d8d4cc}
.card:hover{border-color:#c9a96e;transform:translateY(-2px)}
.card h3{margin-top:0;color:#c9a96e;font-size:18px}
.card p{font-size:14px;color:#9a9589;margin:8px 0 0;line-height:1.7}
.card .badge{display:inline-block;font-family:'Mono',monospace;font-size:10px;padding:2px 8px;background:#1a1d25;color:#c9a96e;border:1px solid #2a2e38;border-radius:2px;letter-spacing:.1em;margin-bottom:10px}

/* Badges */
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}
.badge-row span{font-family:'Mono',monospace;font-size:11px;padding:4px 10px;background:#151921;border:1px solid #22262e;border-radius:2px;color:#b8a77a;letter-spacing:.08em}

/* Schema viewer */
.schema-toc{background:#0f131a;border:1px solid #1e232c;padding:20px 24px;border-radius:4px;margin:24px 0;font-size:14px}
.schema-toc h3{margin-top:0}
.schema-toc ul{list-style:none;margin:8px 0 0;padding:0}
.schema-toc li{padding:4px 0;font-family:'Mono',monospace;font-size:13px}
.schema-toc li::before{content:"▸ ";color:#c9a96e}

/* Footer */
.site-footer{border-top:1px solid #1c2129;padding:24px 0;background:#0a0d12}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;color:#7d786b;font-family:'Mono',monospace}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.footer-links a{color:#9a9589}
.footer-links a:hover{color:#c9a96e}

/* Changelog */
.changelog-entry{border-left:2px solid #22262e;padding:0 0 32px 24px;margin-left:8px;position:relative}
.changelog-entry::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;background:#c9a96e;border-radius:50%;border:2px solid #0b0e13}
.changelog-entry h3{margin-top:0;color:#c9a96e;font-size:18px}
.changelog-entry .date{font-family:'Mono',monospace;font-size:12px;color:#7d786b;letter-spacing:.08em;margin-bottom:8px;display:block}

/* Responsive */
@media (max-width:720px){
  .header-inner{flex-direction:column;height:auto;padding:14px 0;gap:12px}
  .site-nav{justify-content:center}
  h1{font-size:30px}
  .hero h1{font-size:34px}
  .container{padding:0 18px}
}