/* =========================================================
   财神到游戏 · 中国区官网  /assets/site.css
   蓝图网格 · 侧轨导航 · 珠宝色分区 · 玻璃层
   ========================================================= */

/* ---------- 1. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,h1,h2,h3,h4,h5,p,ul,ol,li,figure,figcaption,blockquote,dl,dt,dd{margin:0;padding:0}
ul,ol{list-style:none}
img,svg{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
table{border-collapse:collapse;width:100%}
a{color:inherit}

/* ---------- 2. tokens ---------- */
:root{
  --red:#B4121F;
  --red-deep:#6B0F1C;
  --gold:#E7B23C;
  --gold-soft:#F4D998;
  --night:#0A1626;
  --indigo:#2E2350;
  --teal-deep:#0B3A36;
  --jade:#2BB489;
  --ivory:#F5EFE4;
  --slate:#93A0B4;
  --paper:#FBF7EF;
  --glass:rgba(245,239,228,0.08);
  --line:rgba(147,160,180,0.24);
  --line-soft:rgba(147,160,180,0.13);
  --gold-line:rgba(231,178,60,0.28);
  --grid-fine:rgba(147,160,180,0.035);
  --grid-major:rgba(147,160,180,0.075);
  --rail-w:240px;
  --edge:32px;
  --gap:24px;
  --maxw:1280px;
  --ease:cubic-bezier(0.22,0.61,0.36,1);
  --font-cn:"Source Han Sans SC","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-display:"Source Han Serif SC","Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  --font-latin:Inter,"Segoe UI","Helvetica Neue",system-ui,-apple-system,sans-serif;
}

/* ---------- 3. base ---------- */
html{scroll-behavior:smooth}
body{
  min-height:100vh;
  background-color:var(--night);
  background-image:
    linear-gradient(to right,var(--grid-fine) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-fine) 1px,transparent 1px),
    linear-gradient(to right,var(--grid-major) 1px,transparent 1px),
    linear-gradient(to bottom,var(--grid-major) 1px,transparent 1px);
  background-size:24px 24px,24px 24px,96px 96px,96px 96px;
  background-attachment:fixed;
  color:var(--ivory);
  font-family:var(--font-cn);
  font-size:17px;
  line-height:1.9;
  letter-spacing:0.005em;
}
::selection{background:var(--red);color:var(--ivory)}
:where(a,button,summary,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(10,22,38,0.92);
  border-radius:1px;
}
.skip-link{
  position:fixed;top:12px;left:12px;z-index:200;
  transform:translateY(-180%);
  background:var(--gold);color:var(--night);
  padding:10px 18px;font-weight:700;font-size:15px;text-decoration:none;
  transition:transform .18s var(--ease);
}
.skip-link:focus{transform:none}

/* ---------- 4. header / 侧轨导航 ---------- */
.site-header{
  position:fixed;top:0;left:0;bottom:0;z-index:60;
  width:var(--rail-w);
  display:flex;flex-direction:column;
  background-color:rgba(10,22,38,0.9);
  background-image:linear-gradient(180deg,rgba(245,239,228,0.07),rgba(245,239,228,0.02));
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-right:1px solid var(--gold-line);
  transition:width .24s var(--ease);
}
.site-header__bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-height:88px;padding:20px 20px;border-bottom:1px solid var(--line-soft);
}
.brand{
  display:flex;align-items:center;gap:12px;
  text-decoration:none;color:var(--ivory);
}
.brand__mark{
  flex:0 0 auto;display:grid;place-items:center;
  width:44px;height:44px;
  background:var(--red);color:var(--gold-soft);
  border:1px solid var(--gold-line);
  font-family:var(--font-display);font-weight:900;font-size:24px;line-height:1;
}
.brand__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand__name{font-family:var(--font-display);font-weight:900;font-size:19px;line-height:1.2;letter-spacing:0.02em}
.brand__sub{font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;color:var(--slate)}
.nav-toggle{
  display:none;align-items:center;gap:10px;
  padding:10px 14px;border:1px solid var(--gold-line);
  color:var(--gold-soft);font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;
  transition:border-color .18s var(--ease),background-color .18s var(--ease);
}
.nav-toggle:hover{background:var(--glass);border-color:var(--gold)}
.nav-toggle__bars{position:relative;display:block;width:18px;height:12px}
.nav-toggle__bars::before,.nav-toggle__bars::after{
  content:"";position:absolute;left:0;right:0;height:1px;background:currentColor;
  transition:transform .18s var(--ease),top .18s var(--ease);
}
.nav-toggle__bars::before{top:2px}
.nav-toggle__bars::after{top:9px}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{top:6px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{top:6px;transform:rotate(-45deg)}

.rail-nav{
  flex:1 1 auto;display:flex;flex-direction:column;
  padding:22px 0 20px;overflow-y:auto;
  background:transparent;
}
.rail-nav__cap{
  padding:0 24px 14px;
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.14em;
  color:var(--slate);border-bottom:1px solid var(--line-soft);
}
.rail-nav__list{display:flex;flex-direction:column;padding-top:14px}
.rail-nav__list li{display:block}
.rail-nav__link{
  position:relative;display:flex;align-items:baseline;gap:12px;
  padding:13px 24px;border-left:3px solid transparent;
  color:var(--ivory);text-decoration:none;font-size:16px;line-height:1.5;
  transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease);
}
.rail-nav__num{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.1em;
  color:var(--slate);transition:color .18s var(--ease);
}
.rail-nav__label{display:inline-block}
.rail-nav__link:hover{background:var(--glass);color:var(--gold-soft)}
.rail-nav__link:hover .rail-nav__num{color:var(--gold-soft)}
.rail-nav__link[aria-current="page"]{
  border-left-color:var(--gold);
  background:linear-gradient(90deg,rgba(231,178,60,0.14),rgba(231,178,60,0));
  color:#fff;font-weight:600;
}
.rail-nav__link[aria-current="page"] .rail-nav__num{color:var(--gold)}
.rail-nav__foot{
  margin-top:auto;padding:24px 24px 4px;
  border-top:1px solid var(--line-soft);
  display:flex;flex-direction:column;gap:14px;
}
.rail-nav__note{
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;
  color:var(--slate);line-height:1.7;
}
.rail-progress{
  position:absolute;top:0;right:0;width:2px;height:100%;
  background:linear-gradient(180deg,var(--gold),var(--red));
  transform:scaleY(0);transform-origin:top center;
  pointer-events:none;
}

/* 桌面端：内容让位给侧轨 */
@media (min-width:1024px){
  body{padding-left:var(--rail-w);transition:padding-left .24s var(--ease)}
  :root[data-rail="collapsed"]{--rail-w:88px}
  :root[data-rail="collapsed"] .site-header__bar{justify-content:center;padding:20px 8px}
  :root[data-rail="collapsed"] .brand{justify-content:center;gap:0}
  :root[data-rail="collapsed"] .brand__text,
  :root[data-rail="collapsed"] .rail-nav__cap,
  :root[data-rail="collapsed"] .rail-nav__note,
  :root[data-rail="collapsed"] .rail-nav__foot .btn{
    position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%);
  }
  :root[data-rail="collapsed"] .rail-nav__link{justify-content:center;padding:16px 0;gap:0}
  :root[data-rail="collapsed"] .rail-nav__num{font-size:14px;letter-spacing:0.04em}
  :root[data-rail="collapsed"] .rail-nav__label{
    position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%);
  }
  :root[data-rail="collapsed"] .rail-nav__foot{padding:20px 0 8px;align-items:center}
}

/* 移动端：顶栏 + 抽屉 */
@media (max-width:1023px){
  :root{--edge:20px;--gap:16px}
  body{padding-top:64px}
  .site-header{
    width:auto;right:0;bottom:auto;height:auto;
    flex-direction:column;align-items:stretch;
    border-right:0;border-bottom:1px solid var(--gold-line);
  }
  .site-header__bar{min-height:64px;padding:0 20px;border-bottom:0}
  .brand__mark{width:38px;height:38px;font-size:20px}
  .brand__name{font-size:17px}
  .nav-toggle{display:inline-flex}
  .rail-progress{display:none}
  .rail-nav{
    position:absolute;top:64px;left:0;right:0;
    max-height:calc(100vh - 64px);
    padding:16px 0 28px;
    background-color:rgba(10,22,38,0.98);
    background-image:linear-gradient(180deg,rgba(245,239,228,0.06),rgba(245,239,228,0));
    border-bottom:1px solid var(--gold-line);
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s linear;
  }
  .rail-nav[data-open="true"]{opacity:1;visibility:visible;transform:none}
  .rail-nav__cap{padding:0 20px 12px}
  .rail-nav__link{padding:15px 20px;font-size:18px}
  .rail-nav__num{font-size:13px}
  .rail-nav__foot{margin-top:12px;padding:20px 20px 0;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
}

/* ---------- 5. footer ---------- */
.site-footer{
  position:relative;
  margin-top:96px;
  background-image:linear-gradient(180deg,rgba(46,35,80,0.55),rgba(10,22,38,0.98));
  border-top:1px solid var(--gold-line);
}
.site-footer::before{
  content:"";position:absolute;top:-1px;left:var(--edge);width:8px;height:3px;background:var(--gold);
}
.site-footer__inner{padding-top:64px;padding-bottom:40px}
.site-footer__grid{
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;
  padding-bottom:40px;border-bottom:1px solid var(--line-soft);
}
.site-footer__name{
  font-family:var(--font-display);font-weight:900;font-size:26px;line-height:1.3;
  color:var(--gold-soft);letter-spacing:0.02em;
}
.site-footer__sig{
  margin-top:10px;max-width:34ch;color:var(--slate);font-size:15px;line-height:1.85;
}
.site-footer__meta{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.site-footer__meta li{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.site-footer__k{
  font-size:10px;letter-spacing:0.16em;color:var(--gold);
  border:1px solid var(--gold-line);padding:2px 7px;
}
.site-footer__v{font-size:14px;color:var(--ivory);word-break:break-all;line-height:1.6}
.site-footer__col-title{
  font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:0.14em;
  color:var(--slate);padding-bottom:12px;margin-bottom:16px;
  border-bottom:1px solid var(--line-soft);
}
.site-footer__links{display:flex;flex-direction:column;gap:10px}
.site-footer__link{
  color:var(--ivory);text-decoration:none;font-size:15px;
  transition:color .18s var(--ease),padding-left .18s var(--ease);
}
.site-footer__link:hover{color:var(--gold);padding-left:6px}
.site-footer__contact-line{
  padding:22px 0 0;font-size:14px;color:var(--slate);line-height:1.8;
}
.site-footer__base{
  margin-top:24px;padding-top:22px;border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:12px 32px;align-items:baseline;justify-content:space-between;
}
.site-footer__legal{font-size:13px;letter-spacing:0.1em;color:var(--gold-soft)}
.site-footer__update{font-size:14px;color:var(--slate);line-height:1.8}
.site-footer__copy{font-size:13px;color:var(--slate);font-family:var(--font-mono);letter-spacing:0.08em}
.copy-status{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);
  z-index:120;min-height:0;padding:0 16px;
  background:var(--jade);color:#04211a;font-size:13px;font-weight:700;letter-spacing:0.08em;
  opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s linear;
}
.copy-status[data-state]{opacity:1;visibility:visible;transform:translateX(-50%);padding:10px 16px}
.copy-status[data-state="err"]{background:var(--red);color:var(--ivory)}

/* ---------- 6. 通用按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border:1px solid transparent;
  font-family:var(--font-cn);font-size:16px;font-weight:600;letter-spacing:0.02em;line-height:1.2;
  text-decoration:none;cursor:pointer;
  transition:background-color .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);
}
.btn--gold{background:var(--gold);color:var(--night)}
.btn--gold:hover{background:var(--gold-soft)}
.btn--red{background:var(--red);color:var(--ivory);border-color:var(--gold-line)}
.btn--red:hover{background:#cf1a28}
.btn--ghost{border-color:var(--gold-line);color:var(--gold-soft);background:transparent}
.btn--ghost:hover{border-color:var(--gold);background:var(--glass)}
.btn--sm{padding:9px 14px;font-size:13px;font-family:var(--font-mono);letter-spacing:0.08em}
.btn[aria-disabled="true"],.btn:disabled{opacity:.5;cursor:not-allowed}
.copy-btn{
  padding:3px 9px;border:1px solid var(--gold-line);
  font-family:var(--font-mono);font-size:11px;letter-spacing:0.1em;color:var(--gold-soft);
  transition:background-color .18s var(--ease),border-color .18s var(--ease);
}
.copy-btn:hover{background:var(--glass);border-color:var(--gold)}

/* ---------- 7. 布局 ---------- */
.container{
  width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--edge);
}
.section{position:relative;padding:96px 0}
.section--tight{padding:64px 0}
.section-head{position:relative;margin-bottom:48px;padding-top:20px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.col-3{grid-column:span 3}
.col-4{grid-column:span 4}
.col-5{grid-column:span 5}
.col-6{grid-column:span 6}
.col-7{grid-column:span 7}
.col-8{grid-column:span 8}
.col-9{grid-column:span 9}
.col-12{grid-column:span 12}
.stack{display:flex;flex-direction:column;gap:24px}
.stack--tight{gap:12px}
.cluster{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
@media (max-width:1023px){
  .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{grid-column:span 12}
  .section{padding:64px 0}
  .section-head{margin-bottom:32px}
}

/* ---------- 8. 版式 ---------- */
.display{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(40px,7.5vw,112px);line-height:1.02;letter-spacing:-0.01em;
  color:var(--ivory);
}
.h2{
  font-family:var(--font-display);font-weight:900;
  font-size:clamp(28px,3.4vw,46px);line-height:1.18;letter-spacing:-0.005em;
}
.h3{font-size:22px;font-weight:700;line-height:1.45}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.85;color:var(--ivory);max-width:60ch}
.muted{color:var(--slate)}
.mono{font-family:var(--font-mono);letter-spacing:0.08em}
.num{font-family:var(--font-mono);font-size:14px;letter-spacing:0.08em;color:var(--gold)}
.label-latin{
  font-family:var(--font-latin);font-size:13px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--slate);
}
.panel-label{
  display:inline-flex;align-items:baseline;gap:10px;
  padding:3px 10px;border:1px solid var(--gold-line);background:var(--glass);
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;color:var(--gold);
  text-transform:uppercase;
}
.tick-line{
  position:relative;height:1px;background:var(--line);margin-bottom:28px;
}
.tick-line::before{
  content:"";position:absolute;left:0;top:-1px;width:8px;height:3px;background:var(--gold);
}

/* ---------- 9. 分区底色 ---------- */
.tint-night{background-color:rgba(10,22,38,0.6)}
.tint-indigo{background-color:rgba(46,35,80,0.55)}
.tint-teal{background-color:rgba(11,58,54,0.5)}
.tint-wine{background-color:rgba(107,15,28,0.5)}
.tint-indigo,.tint-teal,.tint-wine,.tint-night{border-top:1px solid var(--gold-line)}

/* ---------- 10. 卡片 / 档案卡 ---------- */
.card{
  position:relative;padding:28px;
  background-color:rgba(245,239,228,0.045);
  border:1px solid var(--line);
}
.card--glass{
  background-color:var(--glass);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-color:var(--gold-line);
}
.card__title{font-size:20px;font-weight:700;line-height:1.45;margin-bottom:10px}
.file-card{background-color:rgba(245,239,228,0.045);border:1px solid var(--line)}
.file-card__head{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 24px;
}
.file-card__body{padding:0 24px 24px;border-top:1px solid var(--line-soft);padding-top:20px}

/* ---------- 11. 标签 / 状态 ---------- */
.tag{
  display:inline-block;padding:4px 10px;border:1px solid var(--gold-line);
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;color:var(--gold-soft);
}
.tag--jade{border-color:rgba(43,180,137,0.5);color:var(--jade)}
.status{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--slate)}
.status::before{content:"";width:7px;height:7px;background:var(--slate);display:block}
.status--live{color:var(--jade)}
.status--live::before{background:var(--jade)}

/* ---------- 12. 表格 ---------- */
.data-table{
  width:100%;font-size:16px;line-height:1.7;
  border:1px solid var(--line);background-color:rgba(245,239,228,0.03);
}
.data-table caption{
  text-align:left;padding:0 0 12px;font-family:var(--font-mono);
  font-size:12px;letter-spacing:0.12em;color:var(--slate);
}
.data-table th,.data-table td{
  padding:14px 18px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--line-soft);
}
.data-table th{
  font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:0.12em;
  color:var(--gold-soft);background-color:rgba(10,22,38,0.55);
}
.data-table tr:last-child td{border-bottom:0}
.data-table .num-cell{
  text-align:right;font-family:var(--font-mono);font-size:15px;
  letter-spacing:0.06em;color:var(--ivory);white-space:nowrap;
}

/* ---------- 13. 时间线 ---------- */
.timeline{position:relative;padding-left:132px}
.timeline::before{
  content:"";position:absolute;left:96px;top:8px;bottom:8px;width:1px;background:var(--line);
}
.timeline__item{position:relative;padding-bottom:44px}
.timeline__item:last-child{padding-bottom:0}
.timeline__item::before{
  content:"";position:absolute;left:-41px;top:10px;width:9px;height:9px;
  background:var(--night);border:1px solid var(--gold);transform:rotate(45deg);
}
.timeline__year{
  position:absolute;left:-132px;top:2px;width:80px;text-align:right;
  font-family:var(--font-mono);font-size:14px;letter-spacing:0.08em;color:var(--gold);
}
.timeline__card{background-color:rgba(245,239,228,0.045);border:1px solid var(--line);padding:24px}
@media (max-width:1023px){
  .timeline{padding-left:0}
  .timeline::before{left:6px}
  .timeline__item{padding-left:32px;padding-bottom:32px}
  .timeline__item::before{left:2px;top:8px}
  .timeline__year{position:static;width:auto;text-align:left;display:block;margin-bottom:8px}
}

/* ---------- 14. 磁贴 ---------- */
.tiles{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--gap);grid-auto-rows:minmax(170px,auto);
}
.tile{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;
  padding:28px;text-decoration:none;color:var(--ivory);
  border:1px solid var(--line);background-color:var(--glass);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);
}
.tile--1x1{grid-column:span 2;grid-row:span 1}
.tile--2x1{grid-column:span 4;grid-row:span 1}
.tile--2x2{grid-column:span 4;grid-row:span 2}
.tile--3x1{grid-column:span 6;grid-row:span 1}
.tile:hover{
  transform:scale(1.02);
  border-color:var(--gold);
  box-shadow:0 0 0 1px var(--gold-line),0 18px 40px rgba(0,0,0,0.38);
}
.tile:focus-visible{transform:scale(1.02)}
@media (max-width:1023px){
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .tile--1x1,.tile--2x1,.tile--2x2,.tile--3x1{grid-column:span 2;grid-row:auto}
}

/* ---------- 15. 图片容器 ---------- */
.figure{
  position:relative;overflow:hidden;
  border:1px solid var(--gold-line);
  background-image:linear-gradient(160deg,rgba(46,35,80,0.55),rgba(10,22,38,0.92));
}
.figure__media{
  display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;
}
.figure__placeholder{
  aspect-ratio:16/9;width:100%;
  background-image:
    radial-gradient(circle at 50% 45%,rgba(231,178,60,0.18),transparent 62%),
    repeating-linear-gradient(90deg,rgba(147,160,180,0.08) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(0deg,rgba(147,160,180,0.08) 0 1px,transparent 1px 48px);
}
.figure::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(160deg,rgba(10,22,38,0.72),rgba(10,22,38,0) 52%,rgba(10,22,38,0.88));
}
.figure__cap{
  position:absolute;left:20px;right:20px;bottom:16px;z-index:2;
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;color:var(--gold-soft);
}
.figure--wide .figure__media,.figure--wide .figure__placeholder{aspect-ratio:21/9}
.figure--square .figure__media,.figure--square .figure__placeholder{aspect-ratio:1/1}

/* ---------- 16. 长文 / 纸白区 ---------- */
.prose{max-width:68ch;font-size:17px;line-height:1.9}
.prose > * + *{margin-top:20px}
.prose h2{margin-top:48px;font-family:var(--font-display);font-weight:900;font-size:clamp(24px,2.6vw,34px);line-height:1.3}
.prose h3{margin-top:32px;font-size:20px;font-weight:700}
.prose ul,.prose ol{padding-left:1.5em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li + li{margin-top:8px}
.prose a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:#fff}
.paper{
  background-color:var(--paper);color:#101a2b;
  padding:32px;border:1px solid rgba(10,22,38,0.14);
}
.paper .muted{color:#5a6780}
.paper a{color:#8a0f1a}
.paper .data-table{background-color:transparent;border-color:rgba(16,26,43,0.16)}
.paper .data-table th{
  background-color:rgba(16,26,43,0.06);color:#3a4a63;border-color:rgba(16,26,43,0.14);
}
.paper .data-table td{border-color:rgba(16,26,43,0.14)}
.paper .data-table .num-cell{color:#101a2b}

/* ---------- 17. 面包屑 ---------- */
.breadcrumb{padding:28px 0 0}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.breadcrumb li{display:flex;align-items:center;gap:10px}
.breadcrumb li + li::before{content:"/";color:var(--line);font-family:var(--font-mono)}
.breadcrumb a{
  font-family:var(--font-mono);font-size:13px;letter-spacing:0.08em;
  color:var(--slate);text-decoration:none;transition:color .18s var(--ease);
}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb [aria-current="page"]{font-family:var(--font-mono);font-size:13px;letter-spacing:0.08em;color:var(--gold-soft)}

/* ---------- 18. 分段标签 ---------- */
[data-tabs] [role="tablist"]{
  display:flex;flex-wrap:wrap;gap:4px;
  border-bottom:1px solid var(--line);margin-bottom:32px;
}
[data-tabs] [role="tab"]{
  padding:12px 20px;border-bottom:2px solid transparent;
  font-family:var(--font-mono);font-size:13px;letter-spacing:0.1em;color:var(--slate);
  transition:color .18s var(--ease),border-color .18s var(--ease),background-color .18s var(--ease);
}
[data-tabs] [role="tab"]:hover{color:var(--gold-soft);background-color:var(--glass)}
[data-tabs] [role="tab"][aria-selected="true"]{
  color:var(--gold);border-bottom-color:var(--gold);background-color:rgba(231,178,60,0.06);
}
[data-tabs] [role="tabpanel"][hidden]{display:none}

/* ---------- 19. 显现动效 ---------- */
:root.js [data-reveal]{
  opacity:0;transform:translateY(14px);
  transition:opacity .48s var(--ease),transform .48s var(--ease);
}
:root.js [data-reveal].is-visible{opacity:1;transform:none}

/* ---------- 20. 无障碍降级 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  :root.js [data-reveal]{opacity:1 !important;transform:none !important}
  .tile:hover,.tile:focus-visible{transform:none !important}
  .site-footer__link:hover{padding-left:0}
}

/* ---------- 21. 页脚窄屏 ---------- */
@media (max-width:1023px){
  .site-footer__grid{grid-template-columns:1fr 1fr;gap:28px}
  .site-footer__brand{grid-column:span 2}
}
@media (max-width:640px){
  .site-footer{margin-top:64px}
  .site-footer__inner{padding-top:48px}
  .site-footer__grid{grid-template-columns:1fr;gap:24px}
  .site-footer__brand{grid-column:span 1}
  .site-footer__base{flex-direction:column;align-items:flex-start}
  .paper{padding:20px}
}