/* ================================================================
   aurpal · 清爽 BNB 指南 (fresh / light) · 设计系统
   配色 近白 #FCFCFA / 币安黄 #F0B90B / 炭灰 #17181C / 一点绿 #146B4E
   字体 标题 思源宋体(display) · 拉丁 Newsreader(含阿语字符) · 正文 思源黑 · mono JetBrains Mono(含阿语字符·2026-07-09 从 B612 换,B612 不支持阿塞拜疆语)
   ================================================================ */

@font-face{font-family:"Newsreader";src:url("fonts/newsreader-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("fonts/newsreader-700-italic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("fonts/jetbrainsmono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"AurpalSong";src:url("fonts/aurpal-title-subset.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* 配色 · 清爽 */
  --paper:#FCFCFA;         /* 近白底 */
  --paper2:#F5F5EF;        /* 极浅面/分区 */
  --card:#FFFFFF;
  --ink:#17181C;           /* 炭灰正文 */
  --ink-soft:#3d4046;
  --muted:#71747B;
  --yellow:#F0B90B;        /* 币安黄 · 点睛主色 */
  --yellow-lt:#F7CE45;
  --yellow-wash:#FEF6DD;
  --green:#146B4E;         /* 一点绿 · 辅助 */
  --green-2:#0f5540;
  --green-soft:#1c7a5c;
  /* 兼容旧组件名（重映射到清爽色） */
  --gold:#C99A16;          /* 中金黄·标记 */
  --gold-lt:#F0B90B;       /* 亮币安黄·填充/CTA */
  --gold-deep:#8a6d07;     /* 深金·文字/链接 */
  --line:#ECECE6;          /* 细线 */
  --line-gold:rgba(240,185,11,.45);
  --oxblood:#C0392B;

  /* 字体 */
  --font-title:"Newsreader","AurpalSong","Source Han Serif SC","Noto Serif SC","Songti SC",serif;
  --font-latin:"Newsreader",Georgia,"Times New Roman",serif;
  --font-body:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;

  /* 字阶（clamp 模块化） */
  --step--1:clamp(.82rem, .8rem + .1vw, .9rem);
  --step-0:clamp(1rem, .96rem + .2vw, 1.075rem);
  --step-1:clamp(1.2rem, 1.1rem + .5vw, 1.4rem);
  --step-2:clamp(1.5rem, 1.3rem + .9vw, 2rem);
  --step-3:clamp(1.9rem, 1.5rem + 1.6vw, 2.8rem);
  --hero:clamp(2.4rem, 1.3rem + 5vw, 4.8rem);

  /* 间距 · 圆角 · 阴影（中性） */
  --sp-1:.5rem;--sp-2:1rem;--sp-3:1.5rem;--sp-4:2rem;--sp-6:3rem;--sp-8:4rem;
  --wrap:1200px;
  --r-1:6px;--r-2:10px;--r-3:16px;
  --sh-1:0 1px 0 rgba(0,0,0,.03);
  --sh-2:0 14px 34px -22px rgba(23,24,28,.20);
  --sh-3:0 22px 50px -28px rgba(23,24,28,.22);
}

/* ---------- reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--paper);background-image:radial-gradient(rgba(23,24,28,.022) 1px,transparent 1.6px);background-size:26px 26px;color:var(--ink);
  font-family:var(--font-body);font-size:var(--step-0);line-height:1.75;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
/* 极淡币安黄辉光（清爽·几乎不可见） */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background:radial-gradient(46% 30% at 88% -6%,rgba(240,185,11,.07),transparent 70%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none}
a:hover{color:var(--gold-deep)}
h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;line-height:1.12;
  letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0 0 .6em}
p{margin:0 0 1em;text-wrap:pretty}
ul,ol{margin:0 0 1em;padding-left:1.3em}
li{margin:.3em 0}
strong{color:var(--ink)}
hr{border:none;border-top:1px solid var(--line);margin:var(--sp-4) 0}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2.4rem)}
.mono{font-family:var(--font-mono)}
.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;
  font-size:var(--step--1);color:var(--gold-deep)}
.eyebrow a{display:inline-flex;align-items:center;min-height:44px}
.tnum{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 顶栏 nav（清爽白条 + 细线 + 三入口） ---------- */
.topbar{background:rgba(252,252,250,.9);backdrop-filter:saturate(1.2) blur(8px);color:var(--ink);
  position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}
.brand{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none;min-height:44px}
.brandmark{flex:none;display:block}
.brandword{font-family:var(--font-latin);font-weight:700;font-size:1.34rem;letter-spacing:-.005em;
  color:var(--ink);transition:color .2s}
.brand:hover .brandword{color:var(--gold-deep)}
/* 语种切换器（真 <a> 链接·autonym·落对应翻译页） */
.langsw{display:inline-flex;align-items:center;gap:.15rem;margin-left:.4rem;font-size:.82rem}
.langsw a{color:var(--muted);padding:.3rem .55rem;min-height:44px;display:inline-flex;align-items:center;border-radius:7px;text-decoration:none;white-space:nowrap}
.langsw a:hover{color:var(--ink);background:var(--paper2)}
.langsw a.on{color:var(--ink);font-weight:600;background:var(--yellow-wash)}
.nav{display:flex;align-items:center;gap:.2rem}
.nav a,.nav .navitem>button{background:none;border:none;cursor:pointer;color:var(--ink-soft);
  font-family:var(--font-body);font-size:.95rem;font-weight:600;
  padding:.6rem .8rem;border-radius:var(--r-1);display:inline-flex;align-items:center;gap:.35rem;min-height:44px}
.nav a:hover,.nav .navitem>button:hover{color:var(--ink);background:var(--paper2)}
.navitem{position:relative}
.navitem>button::after{content:"▾";font-size:.7em;opacity:.7}
.dropdown{position:absolute;top:100%;left:0;min-width:230px;background:#fff;color:var(--ink);
  border:1px solid var(--line);border-radius:var(--r-2);box-shadow:var(--sh-3);padding:.4rem;display:none;z-index:60}
.navitem:hover .dropdown,.navitem:focus-within .dropdown{display:block}
.dropdown a{display:block;color:var(--ink-soft);font-weight:600;padding:.6rem .7rem;border-radius:var(--r-1);min-height:44px}
.dropdown a:hover{background:var(--paper2);color:var(--gold-deep)}
.navtoggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);
  border-radius:var(--r-1);padding:.5rem .7rem;font-size:1.1rem;min-height:44px;min-width:44px;cursor:pointer}

/* ---------- 通用版块 ---------- */
.section{padding-block:clamp(3rem,7vw,6rem)}
.section-tight{padding-block:clamp(2rem,4vw,3rem)}
.section h2.h-lead{font-size:var(--step-3);margin-bottom:.2em}
.lead{max-width:60ch;color:var(--ink-soft);font-size:var(--step-1);line-height:1.7}
/* 二次转化 · 炭黑强反差带 */
.band-green{background:var(--ink);color:#e9e9e6}
.band-green h2,.band-green h3{color:#fff}
.band-paper2{background:var(--paper2)}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(48% 36% at 86% -2%,rgba(240,185,11,.16),transparent 68%),radial-gradient(42% 44% at 2% 98%,rgba(20,107,78,.06),transparent 70%)}
.hero-kick{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--gold-deep);margin-bottom:.4rem}
.hk-bar{width:26px;height:3px;background:var(--yellow);border-radius:2px;flex:none}
.frame{position:relative;max-width:var(--wrap);margin:clamp(1rem,3vw,2.2rem) auto;padding:clamp(1.4rem,4vw,2.6rem)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;
  padding:clamp(1rem,3vw,2rem) clamp(.4rem,2vw,1rem)}
.hero h1{font-size:var(--hero);line-height:1.02;margin:.5rem 0 0;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--ink);position:relative;white-space:nowrap;
  background:linear-gradient(transparent 58%,var(--yellow-wash) 58%);padding:0 .06em}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.09em;
  background:var(--yellow);transform:scaleX(0);transform-origin:left;animation:draw .7s ease .95s forwards}
.hero .sub{max-width:46ch;line-height:1.75;color:var(--ink-soft);margin:1.1rem 0 1.6rem;font-size:var(--step-1)}
.hero .kicker{opacity:0;animation:rise .6s ease .1s forwards}
.hero h1{opacity:0;animation:rise .7s ease .25s forwards}
.hero .sub{opacity:0;animation:rise .7s ease .45s forwards}
.copybtn{cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink-soft);
  border-radius:var(--r-1);padding:.5rem .8rem;font-family:var(--font-mono);font-size:.82rem;min-height:44px}
.copybtn:hover{background:var(--paper2)}
.fine{flex-basis:100%;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);line-height:1.5}

/* 币安黄 CTA */
.btn-gold{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;
  font-weight:800;color:#3a2e00;background:var(--yellow);
  padding:.82rem 1.4rem;border-radius:var(--r-1);box-shadow:0 8px 20px -10px rgba(240,185,11,.55);min-height:44px}
.btn-gold:hover{color:#3a2e00;filter:brightness(1.04)}
.btn-gold::after{content:"";position:absolute;top:-40%;left:-70%;width:40%;height:180%;
  transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation:sweep 4.6s ease-in-out 2s infinite}
.btn-green{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;color:#fff;
  background:var(--green);padding:.78rem 1.35rem;border-radius:var(--r-1);min-height:44px}
.btn-green:hover{background:var(--green-soft);color:#fff}
.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--ink);
  border:1px solid var(--line);padding:.7rem 1.2rem;border-radius:var(--r-1);min-height:44px}
.btn-ghost:hover{background:var(--paper2)}

/* 实时 BNB 行情卡（替代徽章·清爽白卡+走势线） */
.seal{display:grid;place-items:center}
.bnbnow{width:min(420px,90vw);background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:1.9rem 1.7rem 1.7rem;box-shadow:0 30px 60px -32px rgba(20,107,78,.26),0 2px 8px -5px rgba(0,0,0,.06);
  opacity:0;animation:pop .8s cubic-bezier(.2,.8,.2,1) .25s forwards}
.bn-top{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;
  letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.bn-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:bnpulse 2.2s infinite}
@keyframes bnpulse{0%{box-shadow:0 0 0 0 rgba(20,107,78,.5)}70%{box-shadow:0 0 0 8px rgba(20,107,78,0)}100%{box-shadow:0 0 0 0 rgba(20,107,78,0)}}
.bn-price{font-family:var(--font-title);font-weight:700;font-size:3.2rem;color:var(--ink);line-height:1.06;
  margin:.6rem 0 .15rem;display:flex;align-items:baseline;gap:.4rem;letter-spacing:-.01em}
.bn-price .bn-cur{font-family:var(--font-mono);font-size:.7rem;color:#9a9da3;font-weight:400;letter-spacing:.04em}
.bn-chg{font-family:var(--font-mono);font-size:.88rem;font-weight:600;color:var(--muted)}
.bn-chg.up{color:var(--green)}
.bn-chg.down{color:#C2453B}
.bn-stats{display:flex;justify-content:space-between;gap:.4rem;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);margin:.7rem 0 .1rem;padding:.55rem .1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bn-stats b{color:var(--ink);font-weight:600}
.bn-spark{width:100%;height:112px;margin:1rem 0 .55rem;display:block}
.bn-hilo{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--muted)}
.bn-hilo b{color:var(--ink);font-weight:600}
.bn-note{margin-top:.7rem;padding-top:.65rem;border-top:1px solid var(--line);font-size:.63rem;color:#9a9da3;line-height:1.55}
.bnbnow.bn-fail .bn-price,.bnbnow.bn-fail .bn-spark,.bnbnow.bn-fail .bn-hilo,.bnbnow.bn-fail .bn-stats{display:none}

/* ---------- 覆盖条 ---------- */
.covers{border-top:1px solid var(--line);background:var(--paper2)}
.covers .row{display:flex;flex-wrap:wrap;gap:.5rem 1.9rem;align-items:center;padding-block:1.2rem}
.covers .lab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:var(--muted);width:100%}
.covers a{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:600;padding:.3rem 0}
.covers a:hover{color:var(--gold-deep)}
.covers a .m{width:7px;height:7px;border-radius:50%;background:var(--yellow);flex:none}
/* —— 首页 hero 重构：定位 chip + 真 BNB logo + 主题磁贴 —— */
.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 1.7rem}
.hchip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--ink-soft);background:var(--yellow-wash);border:1px solid var(--line-gold);border-radius:999px;padding:.4rem .8rem;white-space:nowrap}
.btn-gold .bnb-ico{width:17px;height:17px;fill:#3a2e00;flex:none}
.bn-bcoin{width:22px;height:22px;flex:none}
.bn-live{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}
.covers .wrap{padding-block:1.8rem}
.topic-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.ttile{display:flex;flex-direction:column;gap:.4rem;padding:1.15rem 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ttile:hover{transform:translateY(-3px);box-shadow:0 16px 32px -22px rgba(0,0,0,.22);border-color:var(--line-gold)}
.ttile .tn{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);background:var(--yellow-wash);align-self:flex-start;padding:.22rem .5rem;border-radius:6px}
.ttile .tt{font-family:var(--font-title);font-weight:700;font-size:1.06rem;color:var(--ink);line-height:1.25}
.ttile .td{font-size:.82rem;color:var(--muted);line-height:1.45}
@media(max-width:820px){.topic-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topic-tiles{grid-template-columns:1fr}}

/* ---------- 步骤/流程 ---------- */
.steps{display:grid;gap:1.6rem;counter-reset:st}
.step{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
.step:last-child{border-bottom:none}
.step .n{counter-increment:st;font-family:var(--font-title);font-weight:700;
  font-size:var(--step-3);color:var(--yellow);line-height:.9;font-variant-numeric:tabular-nums}
.step .n::before{content:counter(st,decimal-leading-zero)}
.step h3{margin:.1em 0 .3em;font-size:var(--step-1)}
.step p{color:var(--ink-soft);margin:0}

/* ---------- 工具区 ---------- */
.tools-layout{display:grid;grid-template-columns:1fr;gap:2rem}
.tool-flagship{background:var(--card);border:1px solid var(--line);border-radius:var(--r-3);
  padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--sh-2)}
.tool-list{display:grid;gap:0}
.tool-row{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}
.tool-row:last-child{border-bottom:none}
.tool-row .ic{width:34px;height:34px;border-radius:var(--r-1);background:var(--yellow-wash);color:var(--gold-deep);
  border:1px solid var(--line-gold);display:grid;place-items:center;font-family:var(--font-mono);font-size:.82rem;font-weight:700;flex:none}
.tool-row .t{font-weight:700;color:var(--ink)}
.tool-row .d{display:block;font-size:.88rem;color:var(--muted);font-weight:400;margin-top:.1rem}
.tool-row .go{font-family:var(--font-mono);font-size:.8rem;color:var(--gold-deep)}

/* ---------- 文章列表 ---------- */
.artlist{display:grid;gap:0}
.art{display:grid;grid-template-columns:auto 1fr;gap:1.3rem;align-items:baseline;padding:1.3rem 0;border-bottom:1px solid var(--line)}
.art:last-child{border-bottom:none}
.art .idx{font-family:var(--font-mono);color:var(--gold);font-size:.9rem;letter-spacing:.05em}
.art h3{margin:0 0 .25em;font-size:var(--step-1)}
.art h3 a{color:var(--ink)}
.art h3 a:hover{color:var(--gold-deep)}
.art p{margin:0;color:var(--ink-soft);font-size:.95rem}
.art .tag{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}

/* ---------- 文章正文 prose ---------- */
.prose{max-width:72ch;margin-inline:auto}
.prose p,.prose li{color:var(--ink);line-height:1.85}
.prose h2{font-size:var(--step-2);margin-top:2em}
.prose h3{font-size:var(--step-1);margin-top:1.6em}
.prose a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-gold)}
.prose blockquote{margin:1.4em 0;padding:.6em 1.2em;border-left:3px solid var(--yellow);
  background:var(--paper2);color:var(--ink-soft);border-radius:0 var(--r-1) var(--r-1) 0}
.article-cover{margin:0 0 1.6rem}
.article-cover img{border-radius:var(--r-2);width:100%;aspect-ratio:1200/630;object-fit:cover;box-shadow:var(--sh-2)}
.toc{background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-2);padding:1.1rem 1.3rem;margin:0 0 1.8rem}
.toc .lab{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--muted);margin-bottom:.5rem}
.toc ol{margin:0;padding-left:1.2em}
.toc a{color:var(--ink);display:block;padding:.6rem 0;min-height:44px;box-sizing:border-box}
.toc li{margin:.1rem 0}
.data-table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table th,.data-table td{padding:.7rem .8rem;border-bottom:1px solid var(--line);text-align:left}
.data-table th{background:var(--paper2);font-weight:700;color:var(--ink);font-size:.85rem}
.data-table td{font-variant-numeric:tabular-nums}
/* 两栏对比卡片 */
.compare2{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.4em 0}
.cmp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-2);padding:1.1rem 1.2rem}
.cmp-card.alt{border-color:var(--line);background:var(--paper2)}
.cmp-card h3{margin:0 0 .15rem;font-size:var(--step-1)}
.cmp-card .cmp-tag{margin:0 0 .9rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-deep)}
.cmp-card dl{margin:0;display:grid;gap:.6rem}
.cmp-card dt{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.1rem}
.cmp-card dd{margin:0;color:var(--ink);line-height:1.55}
@media(max-width:600px){.compare2{grid-template-columns:1fr}}
.faq{margin:1.6em 0}
.faq details{border-bottom:1px solid var(--line);padding:.9em 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;font-size:var(--step-0)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"＋";color:var(--yellow);margin-right:.5em;font-family:var(--font-mono);font-weight:700}
.faq details[open] summary::before{content:"－"}
.faq .fa{padding-top:.6em;color:var(--ink-soft)}
.aff-inline{background:var(--yellow-wash);border:1px solid var(--line-gold);border-radius:var(--r-2);
  padding:1rem 1.2rem;margin:1.6em 0;display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center}
.aff-inline .say{flex-basis:100%;font-size:.85rem;color:var(--ink-soft)}
.disclosure{font-size:.82rem;color:var(--muted);background:var(--paper2);border-radius:var(--r-1);
  padding:.6rem .9rem;margin:1em 0;border-left:3px solid var(--yellow)}

/* ---------- 页脚（炭黑·宽内链） ---------- */
.footer{background:var(--ink);color:#b9bbc0;padding-block:clamp(2.5rem,5vw,4rem);margin-top:var(--sp-8)}
.footer h4{color:var(--yellow);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .9rem;font-weight:400}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.footer a{color:#b9bbc0;display:block;padding:.28rem 0;font-size:.92rem}
.footer a:hover{color:#fff}
.footer .foot-brand{font-family:var(--font-latin);font-size:1.4rem;color:#fff;font-weight:700}
.footer .disc{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);margin-top:1.5rem;padding-top:1.5rem;font-size:.8rem;color:#8b8d93;line-height:1.7}

/* ---------- 动画 ---------- */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fade{to{opacity:1}}
@keyframes draw{to{transform:scaleX(1)}}
@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drawl{to{stroke-dashoffset:0}}
@keyframes sweep{0%{transform:translateX(0) rotate(20deg)}55%,100%{transform:translateX(560%) rotate(20deg)}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- 工具表单 / 计算器 ---------- */
.calc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-3);
  padding:clamp(1.2rem,3vw,2rem);box-shadow:var(--sh-2);max-width:720px}
.calc .field{margin-bottom:1.1rem}
.calc label{display:block;font-weight:700;color:var(--ink);margin-bottom:.4rem;font-size:.95rem}
.calc .hint{display:block;font-weight:400;color:var(--muted);font-size:.82rem;margin-top:.2rem}
.calc input[type=number],.calc select{width:100%;font-family:var(--font-mono);font-size:1.05rem;
  padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--r-1);background:#fff;color:var(--ink);min-height:44px}
.calc input:focus,.calc select:focus{outline:2px solid var(--yellow);border-color:var(--yellow)}
.calc .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.calc .toggle{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--ink);cursor:pointer;min-height:44px}
.calc .toggle input{width:auto;min-height:auto;accent-color:var(--yellow)}
.result{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1.2rem;display:grid;gap:.7rem}
.result .line{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.result .line .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700}
.result .big{font-size:var(--step-2);color:var(--ink)}
.result .save .v{color:var(--gold-deep)}
@media(max-width:520px){.calc .row2{grid-template-columns:1fr}}

/* ---------- 响应式 ---------- */
@media(min-width:820px){
  .hero-grid{grid-template-columns:1fr .96fr;gap:2.8rem;align-items:center}
  .tools-layout{grid-template-columns:1.1fr .9fr;align-items:start}
}
@media(max-width:819px){
  .nav{position:fixed;inset:60px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;padding:.5rem clamp(1.1rem,4vw,2.4rem) 1.2rem;
    box-shadow:0 20px 30px -20px rgba(0,0,0,.15);border-bottom:1px solid var(--line);display:none}
  .nav.open{display:flex}
  .nav a,.nav .navitem>button{width:100%;justify-content:flex-start}
  .navitem{width:100%}
  .dropdown{position:static;display:block;box-shadow:none;border:none;background:transparent;padding:.2rem 0 .4rem 1rem}
  .dropdown a{color:var(--muted)}
  .navtoggle{display:inline-flex;align-items:center;justify-content:center}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
  /* 移动端也显示实时行情卡（站主要求）：卡片全宽居中 */
  .seal{margin-top:.2rem}
  .bnbnow{width:100%;max-width:440px}
}
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .covers .row{gap:.4rem 1.2rem}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .hero .kicker,.hero h1,.hero .sub,.bnbnow{opacity:1}
  .hero h1 em::after{transform:scaleX(1)}
  .reveal{opacity:1;transform:none}
}

/* ── az 分语种覆盖 ──────────────────────────────────────────────
   只作用于 html[lang="az"]，中文站视觉一字不动（已上线·已定稿）。
   1) 正文栈去掉 CJK 字体：az 读者机器上装不到 Noto Sans SC 一类，
      整条 CJK 前缀是空转；万一装了，拉丁字母反而走 CJK 字体的
      次等拉丁字形。改成拉丁优先（₼ U+20BC 也由系统字体稳定提供）。
   2) FAQ 展开标记原为全角 ＋/－(U+FF0B/U+FF0D) + mono：JetBrains Mono
      子集里没有全角字形，中文站靠系统 CJK 字体兜底所以看不出问题，
      az 读者无 CJK 字体 → 每条 FAQ 前一个豆腐块。换半角 +/−(均在子集内)。 */
html[lang="az"]{
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[lang="az"] .faq summary::before{content:"+"}
html[lang="az"] .faq details[open] summary::before{content:"−"}