:root{
    --paper:#F4EBD8;
    --paper-deep:#EDE1C6;
    --ink:#2E0C0D;
    --ink-soft:rgba(46,12,13,.66);
    --ink-faint:rgba(46,12,13,.42);
    --line:rgba(140,31,35,.30);
    --line-strong:rgba(140,31,35,.62);
    --red:#A6252A;
    --red-deep:#8C1F23;
    --gold:#C0891A;
    --gold-bright:#E2B24A;
    --seal:#A6252A;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    /* scattered petals on the paper — from the zodiac poster reference */
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='560'%3E%3Cg fill='%23A6252A' fill-opacity='.055'%3E%3Cpath d='M40,60 C44,44 58,36 74,40 C70,56 56,64 40,60 Z'/%3E%3Cpath d='M420,90 C412,76 416,60 430,52 C438,66 434,82 420,90 Z'/%3E%3Cpath d='M240,300 C244,284 258,276 274,280 C270,296 256,304 240,300 Z'/%3E%3Cpath d='M90,430 C82,416 86,400 100,392 C108,406 104,422 90,430 Z'/%3E%3Cpath d='M480,380 C484,364 498,356 514,360 C510,376 496,384 480,380 Z'/%3E%3C/g%3E%3Cg fill='%23C0891A' fill-opacity='.07'%3E%3Cpath d='M180,150 C172,136 176,120 190,112 C198,126 194,142 180,150 Z'/%3E%3Cpath d='M360,210 C364,194 378,186 394,190 C390,206 376,214 360,210 Z'/%3E%3Cpath d='M300,480 C292,466 296,450 310,442 C318,456 314,472 300,480 Z'/%3E%3Cpath d='M500,20 C504,4 518,-4 534,0 C530,16 516,24 500,20 Z'/%3E%3Cpath d='M30,250 C34,234 48,226 64,230 C60,246 46,254 30,250 Z'/%3E%3C/g%3E%3Cg fill='%23C0891A' fill-opacity='.05'%3E%3Cpath d='M142,496 q14,0 17,15 l-34,0 q3,-15 17,-15 Z'/%3E%3Cpath d='M116,512 q26,8 52,0 q8,16 -26,18 q-34,-2 -26,-18 Z'/%3E%3Cpath d='M432,206 q14,0 17,15 l-34,0 q3,-15 17,-15 Z'/%3E%3Cpath d='M406,222 q26,8 52,0 q8,16 -26,18 q-34,-2 -26,-18 Z'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(var(--paper),var(--paper));
    background-size:560px 560px,auto;
    background-color:var(--paper);
    color:var(--ink);
    font-family:'Fraunces',serif;
    font-weight:340;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    border-top:10px solid var(--red);
    box-shadow:inset 0 10px 0 -8px var(--gold);
  }
  ::selection{background:var(--red);color:var(--paper);}
  .zh{font-family:'Noto Serif SC',serif;}
  .mono{font-family:'IBM Plex Mono',monospace;}

  .frame{
    max-width:1240px;margin:0 auto;padding:0 48px;
    position:relative;
  }
  /* registration ticks */
  .reg{position:fixed;width:14px;height:14px;z-index:50;pointer-events:none;opacity:.7;}
  .reg::before,.reg::after{content:"";position:absolute;background:var(--ink);}
  .reg::before{width:14px;height:1px;top:7px;}
  .reg::after{width:1px;height:14px;left:7px;}
  .reg.tl{top:14px;left:14px;} .reg.tr{top:14px;right:14px;}
  .reg.bl{bottom:14px;left:14px;} .reg.br{bottom:14px;right:14px;}

  .smallcaps{
    font-family:'IBM Plex Mono',monospace;
    font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--ink-soft);font-weight:500;
  }
  .rule{border:0;border-top:1px solid var(--line);}
  .rule-strong{border:0;border-top:2px solid var(--red);}

  /* ---------- masthead ---------- */
  header{
    border-bottom:2px solid var(--red);
    padding:18px 0 14px;
  }
  .masthead{
    display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  }
  .masthead .brand{display:flex;align-items:center;gap:14px;}
  .masthead .brand img{width:38px;height:38px;display:block;border:1px solid var(--red);object-fit:cover;object-position:50% 42%;background:#fff;}
  .masthead .brand .zh{font-size:22px;font-weight:900;color:var(--red);}
  .masthead nav{display:flex;gap:28px;}
  .masthead nav a{color:var(--ink-soft);text-decoration:none;}
  .masthead nav a:hover{color:var(--red);}

  /* ---------- hero ---------- */
  .hero{
    padding:84px 0 64px;
    border-bottom:1px solid var(--line);
    position:relative;
  }
  .hero .issue{
    display:flex;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:8px;
    padding-right:min(370px,28vw); /* clear the shrine */
  }
  .hero h1{
    font-family:'Noto Serif SC',serif;
    font-weight:900;
    font-size:clamp(160px,26vw,340px);
    line-height:.95;
    letter-spacing:-.02em;
    margin-left:-10px;
  }
  .hero h1 .gold-char{color:var(--gold);}
  .hero h1 .red-char{color:var(--red);}
  .hero .translit{
    display:flex;align-items:center;gap:18px;margin-top:10px;
  }
  .hero .translit .tick{width:56px;height:1px;background:var(--red);}
  .hero-sub{
    margin-top:56px;
    display:grid;grid-template-columns:1.4fr 1fr;column-gap:64px;row-gap:22px;align-items:end;
  }
  .hero-sub .hook-kicker{
    grid-column:1 / -1;
    color:var(--red);
    display:flex;align-items:center;gap:16px;
  }
  .hero-sub .hook-kicker::after{
    content:"";flex:1;height:1px;background:currentColor;opacity:.35;
  }
  .hero-sub h2{
    font-weight:560;font-size:clamp(30px,3.4vw,44px);line-height:1.14;letter-spacing:-.01em;
  }
  .hero-sub h2 em{font-style:italic;color:var(--gold);font-weight:520;}
  .hero-sub .standfirst{color:var(--ink-soft);font-size:16.5px;max-width:44ch;}
  /* the shrine — plaque + blossoms + plate, composed like the golden-shiba reference */
  .hero-art{
    position:absolute;right:48px;top:92px;
    width:min(300px,23vw);z-index:1;
  }
  .hero-plaque{
    position:absolute;right:-30px;top:-48px;width:56%;
    z-index:-1;transform:rotate(-2deg);opacity:.97;
  }
  .hero-plaque svg{display:block;width:100%;height:auto;}
  .hero-art .blossom{position:absolute;color:var(--red);z-index:-1;pointer-events:none;}
  .hero-art .blossom svg{display:block;width:100%;height:100%;}
  .hero-art .blossom.b1{left:-58px;bottom:-26px;width:78px;height:78px;opacity:.34;}
  .hero-art .blossom.b2{left:-26px;bottom:44px;width:42px;height:42px;opacity:.24;color:var(--gold);}
  .hero-art .blossom.b3{right:-40px;bottom:-38px;width:56px;height:56px;opacity:.28;color:var(--gold);}
  .hero-plate{
    position:relative;
    width:100%;
    background:var(--paper-deep);
    border:1.5px solid var(--red);
    padding:10px;
    transform:rotate(1.5deg);
    box-shadow:6px 6px 0 rgba(166,37,42,.18);
  }
  .hero-plate img{display:block;width:100%;height:auto;border:1px solid var(--gold);}
  .hero-plate .plate-cap{
    margin-top:10px;font-family:'IBM Plex Mono',monospace;font-size:9.5px;
    letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);text-align:center;
  }
  .seal{
    position:absolute;left:-26px;top:-26px;
    width:84px;height:84px;
    border:3px solid var(--seal);
    background:var(--paper);
    color:var(--seal);
    display:flex;align-items:center;justify-content:center;
    font-family:'Noto Serif SC',serif;font-weight:900;font-size:30px;
    line-height:1.05;text-align:center;
    transform:rotate(-6deg);
    opacity:.92;
    z-index:2;
  }

  /* ---------- CA bar ---------- */
  .ca-bar{
    margin-top:64px;
    border:1.5px solid var(--red);
    display:flex;align-items:stretch;
    background:var(--paper-deep);
  }
  .ca-bar .lab{
    padding:16px 20px;border-right:1.5px solid var(--red);
    display:flex;align-items:center;white-space:nowrap;
    color:var(--ink);letter-spacing:.28em;font-size:10.5px;
    font-family:'IBM Plex Mono',monospace;font-weight:500;
  }
  .ca-bar .addr{
    flex:1;padding:16px 20px;display:flex;align-items:center;
    font-family:'IBM Plex Mono',monospace;font-size:14px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    color:var(--ink);
  }
  .ca-bar button{
    border:0;border-left:1.5px solid var(--red);
    background:var(--red);color:var(--gold-bright);
    font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.22em;
    padding:0 28px;cursor:pointer;text-transform:uppercase;
  }
  .ca-bar button:hover{background:var(--gold);color:var(--paper);}

  /* ---------- section scaffolding ---------- */
  section{padding:88px 0;border-bottom:1px solid var(--line);}
  .sec-head{
    display:flex;align-items:baseline;gap:22px;margin-bottom:56px;
  }
  .sec-head .no{
    font-size:15px;font-family:'IBM Plex Mono',monospace;color:var(--red);font-weight:500;
  }
  .sec-head h3{
    font-weight:600;font-size:clamp(28px,3vw,40px);letter-spacing:-.01em;
  }
  .sec-head .zh-tag{
    font-family:'Noto Serif SC',serif;font-weight:600;color:var(--ink-faint);font-size:20px;margin-left:auto;
  }

  /* ---------- lore ---------- */
  .lore-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;}
  .lore-grid .lede{font-size:19px;line-height:1.6;}
  .lore-grid .lede strong{font-weight:600;}
  .lore-grid p+p{margin-top:1.2em;}
  .defn{
    border-top:2px solid var(--red);padding-top:18px;margin-top:34px;
  }
  .defn .term{display:flex;align-items:baseline;gap:14px;}
  .defn .term .zh{font-size:30px;font-weight:900;}
  .defn .term .pinyin{font-style:italic;color:var(--ink-soft);}
  .defn .body{margin-top:10px;color:var(--ink-soft);font-size:15.5px;}
  a.pull-link{display:block;color:inherit;text-decoration:none;}
  a.pull-link .pull{transition:background .25s ease;}
  a.pull-link:hover .pull{background:rgba(179,27,27,.05);}
  a.pull-link .att .mono{color:var(--red);}
  .pull{
    border-left:3px solid var(--red);
    padding:6px 0 6px 30px;margin:8px 0 26px;
  }
  .pull .zh{color:var(--red);}
  .pull .zh{font-size:26px;font-weight:600;line-height:1.5;}
  .pull .en{margin-top:14px;font-style:italic;color:var(--ink-soft);font-size:16px;}
  .pull .att{margin-top:18px;}
  .timeline{margin-top:44px;}
  .timeline .row{
    display:grid;grid-template-columns:110px 1fr;gap:22px;
    padding:14px 0;border-top:1px solid var(--line);font-size:15px;
  }
  .timeline .row .d{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--gold);padding-top:3px;}
  .timeline .row p{color:var(--ink-soft);}
  .timeline .row p b{color:var(--ink);font-weight:600;}
  .timeline .row p a,.lore-grid .lede a{
    color:var(--red);text-decoration:underline;text-decoration-thickness:1px;
    text-underline-offset:3px;text-decoration-color:rgba(179,27,27,.4);
  }
  .timeline .row p a:hover,.lore-grid .lede a:hover{text-decoration-color:var(--red);}

  /* ---------- mechanics ---------- */
  .mech-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:start;}
  .mech-diagram{border:1px solid var(--line-strong);padding:8px;background:var(--paper-deep);}
  .mech-diagram svg{display:block;width:100%;height:auto;}
.mech-diagram svg.d-mob{display:none;}
@media(max-width:700px){
  .mech-diagram svg.d-desk{display:none;}
  .mech-diagram svg.d-mob{display:block;max-width:430px;margin:0 auto;}
  .mech-diagram{padding:14px 8px;}
}
  .fig-cap{
    margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:11px;
    letter-spacing:.14em;color:var(--ink-soft);line-height:1.7;text-transform:uppercase;
  }
  .fig-cap b{color:var(--gold);}
  .index{counter-reset:idx;}
  .index .item{
    display:grid;grid-template-columns:56px 1fr;gap:20px;
    padding:22px 0;border-top:1px solid var(--line);
  }
  .index .item:first-child{border-top:2px solid var(--red);}
  .index .item .n{
    font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--gold);font-weight:500;padding-top:4px;
  }
  .index .item h4{font-weight:600;font-size:19px;margin-bottom:6px;}
  .index .item h4 .zh{color:var(--ink-faint);font-weight:600;font-size:16px;margin-left:10px;}
  .index .item p{color:var(--ink-soft);font-size:15px;}
  .mech-line{
    margin-top:40px;font-size:22px;font-weight:560;line-height:1.4;
  }
  .mech-line em{color:var(--gold);font-style:italic;}

  /* ---------- gold ---------- */
  .gold-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;}
  .bar-chart{padding:10px 0;}
  .bar-chart .row{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:13px 0;border-top:1px solid var(--line);}
  .bar-chart .row .lab{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
  .bar-chart .bar{height:14px;position:relative;}
  .bar-chart .bar i{position:absolute;left:0;top:0;bottom:0;display:block;}
  .gold-copy p{font-size:17px;line-height:1.65;}
  .gold-copy p+p{margin-top:1.2em;}
  .gold-copy .kicker{font-size:clamp(26px,2.6vw,34px);font-weight:560;line-height:1.25;margin-bottom:26px;}
  .gold-copy .kicker em{font-style:italic;color:var(--gold);}
  .gold-copy .fine{color:var(--ink-soft);font-size:15px;}

  /* ---------- stat band (red lacquer) ---------- */
  .stats{
    padding:72px var(--pad,48px);
    margin:0 calc(0px - var(--pad,48px));
    background:var(--red);
    border-top:3px solid var(--gold);
    border-bottom:3px solid var(--gold);
    color:var(--paper);
  }
  .stat-row{display:grid;grid-template-columns:repeat(4,1fr);}
  .stat{padding:0 34px;border-left:1px solid rgba(244,235,216,.28);}
  .stat:first-child{border-left:0;padding-left:0;}
  .stat .v{
    font-size:clamp(38px,4.4vw,58px);font-weight:400;letter-spacing:-.02em;
    font-variant-numeric:lining-nums;line-height:1.05;color:var(--paper);
  }
  .stat .v.goldnum{color:var(--gold-bright);}
  .stats .smallcaps{color:rgba(244,235,216,.72);}
  .stat .l{margin-top:12px;}
  .stats .note{margin-top:36px;color:rgba(244,235,216,.55);font-size:12.5px;font-style:italic;}

  /* ---------- chart ---------- */
  .chart-wrap{border:1.5px solid var(--red);background:#fff;}
  .chart-wrap iframe{display:block;width:100%;height:560px;border:0;}

  /* ---------- footer ---------- */
  footer{padding:72px 0 56px;}
  .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:56px;align-items:start;}
  .foot-grid .zh-big{font-size:64px;font-weight:900;line-height:1;color:var(--red);}
  .foot-grid .zh-big span{color:var(--gold);}
  .foot-links{list-style:none;}
  .foot-links li{border-top:1px solid var(--line);padding:12px 0;}
  .foot-links a{color:var(--ink);text-decoration:none;font-size:15px;display:flex;justify-content:space-between;}
  .foot-links a:hover{color:var(--red);}
  .foot-links a .mono{font-size:11px;color:var(--ink-faint);}
  .colophon{
    margin-top:64px;padding-top:22px;border-top:2px solid var(--red);
    display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
    color:var(--ink-faint);font-size:11.5px;font-family:'IBM Plex Mono',monospace;letter-spacing:.06em;
  }
  .disclaimer{margin-top:26px;color:var(--ink-faint);font-size:12.5px;font-style:italic;max-width:72ch;}

  /* ================================================================
     THE $50K LAYER — grain, motion, live ticker, foil, preloader
     ================================================================ */

  /* paper grain */
  .grain{
    position:fixed;inset:0;z-index:90;pointer-events:none;
    opacity:.5;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.18 0 0 0 0 0.05 0 0 0 0 0.05 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* reading progress — gold thread laid over the red band */
  .progress{
    position:fixed;top:0;left:0;height:4px;width:0%;
    background:linear-gradient(90deg,var(--gold),var(--gold-bright));
    z-index:160;transition:width .1s linear;
  }

  /* preloader — the seal stamps the page */
  .preloader{
    position:fixed;inset:0;z-index:200;background:var(--paper);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
    transition:opacity .55s ease,visibility .55s;
  }
  .preloader.done{opacity:0;visibility:hidden;}
  body.locked{overflow:hidden;}
  .pre-seal{
    width:118px;height:118px;border:4px solid var(--red);color:var(--red);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-weight:900;font-size:44px;line-height:1.05;
    transform:rotate(-6deg) scale(2.6);opacity:0;
    animation:stamp .5s cubic-bezier(.25,.9,.3,1.25) .15s forwards;
  }
  .pre-cap{
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.34em;
    text-transform:uppercase;color:var(--ink-faint);
    opacity:0;animation:fadeup .5s ease .55s forwards;
  }
  @keyframes stamp{
    60%{transform:rotate(-6deg) scale(.94);opacity:1;}
    100%{transform:rotate(-6deg) scale(1);opacity:1;}
  }
  @keyframes fadeup{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

  /* sticky masthead */
  header{
    position:sticky;top:0;z-index:120;background:var(--paper);
    transition:box-shadow .3s ease;
  }
  header.stuck{box-shadow:0 8px 24px -12px rgba(46,12,13,.28);}

  /* live ticker */
  .ticker{
    border-bottom:1px solid var(--line);
    margin:0 calc(0px - var(--pad,48px));padding:0 var(--pad,48px);
    overflow:hidden;background:var(--paper-deep);
  }
  .ticker-track{
    display:flex;white-space:nowrap;padding:9px 0;width:max-content;
  }
  .ticker.live .ticker-track{animation:marquee 36s linear infinite;}
  .ticker.live .ticker-track:hover{animation-play-state:paused;}
  .tgroup{display:inline-flex;align-items:center;}
  .titem{
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--ink-soft);padding:0 18px;
  }
  .titem b{font-weight:500;}
  .titem b.up{color:var(--gold);}
  .titem b.down{color:var(--red);}
  .tsep{color:var(--gold);font-size:8px;display:flex;align-items:center;}
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* scroll reveals */
  .rv{opacity:0;transform:translateY(26px);filter:blur(4px);
    transition:opacity 1s ease,transform 1s cubic-bezier(.16,.68,.18,1),filter 1s ease;}
  .rv.in{opacity:1;transform:none;filter:none;}

  /* bar chart growth */
  .bar-chart .bar i{transition:width 1.1s cubic-bezier(.25,.8,.25,1);}

  /* gold foil shimmer */
  .foil{
    background:linear-gradient(110deg,var(--gold) 38%,#F2D389 50%,var(--gold) 62%);
    background-size:220% 100%;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--gold);
    animation:foil 5.5s ease-in-out infinite;
  }
  @keyframes foil{0%,100%{background-position:110% 0;}50%{background-position:-10% 0;}}

  /* micro-interactions */
  .hero-plate{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;will-change:transform;}
  .hero-plate:hover{box-shadow:10px 12px 0 rgba(166,37,42,.24);}
  .ca-bar button{transition:background .25s ease,color .25s ease,letter-spacing .25s ease;}
  .ca-bar button:hover{letter-spacing:.3em;}
  .ca-bar button:active{transform:translateY(1px);}
  .foot-links a{transition:color .2s ease,padding-left .25s ease;}
  .foot-links a:hover{padding-left:6px;}
  .masthead nav a{transition:color .2s ease;}
  .index .item{transition:background .3s ease;}
  .index .item:hover{background:rgba(192,137,26,.06);}

  /* ================================================================
     THE COIN — three.js medallion in the hero plate
     ================================================================ */
  .coin-stage{
    display:none;width:100%;aspect-ratio:1/1;position:relative;
    background:
      radial-gradient(circle at 50% 42%, rgba(192,137,26,.16), transparent 62%),
      var(--paper-deep);
    border:1px solid var(--gold);
    overflow:hidden;
  }
  .coin-stage canvas{display:block;width:100%;height:100%;}
  .hero-plate.has-coin .coin-stage{display:block;}
  .hero-plate.has-coin > img{display:none;}

  /* ================================================================
     THE VAULT, LIVE — gold ledger read straight off BNB Chain
     ================================================================ */
  .live-pill{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--gold);color:var(--gold);
    padding:5px 12px;margin-left:6px;white-space:nowrap;
  }
  .live-pill i{
    width:7px;height:7px;border-radius:50%;background:var(--gold);
    animation:pulse 1.6s ease-in-out infinite;
  }
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.7);}}

  .vault-grid{display:grid;grid-template-columns:.9fr 1.5fr;gap:56px;align-items:start;}
  .vault-stats{display:flex;flex-direction:column;}
  .vtile{border-top:1px solid var(--line);padding:24px 0;}
  .vtile:first-child{border-top:2px solid var(--red);}
  .vnum{
    margin-top:12px;font-size:clamp(34px,3.6vw,50px);font-weight:400;
    letter-spacing:-.02em;font-variant-numeric:lining-nums;line-height:1.05;
  }
  .vnum i{font-style:normal;font-size:.42em;color:var(--ink-soft);}
  .vnum.goldnum{color:var(--gold);}
  .vsub{margin-top:8px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;
    letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);}

  .vault-ledger{border:1.5px solid var(--red);background:var(--paper-deep);}
  .ledger-head{
    display:flex;justify-content:space-between;align-items:center;gap:16px;
    padding:14px 20px;border-bottom:1.5px solid var(--red);
  }
  .ledger-head .lscan{font-size:10px;color:var(--ink-faint);letter-spacing:.1em;}
  .ledger{list-style:none;max-height:430px;overflow-y:auto;}
  .lrow{
    display:grid;grid-template-columns:1.25fr .8fr .7fr .55fr 44px;gap:14px;align-items:center;
    padding:12px 20px;border-bottom:1px solid var(--line);
    font-size:12.5px;animation:rowin .5s ease;
  }
  @keyframes rowin{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
  .lrow .ldir{
    font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;font-weight:500;
  }
  .lrow.in .ldir{color:var(--gold);}
  .lrow.out .ldir{color:var(--red);}
  .lrow .loz{font-variant-numeric:lining-nums;font-size:14px;}
  .lrow .loz i{font-style:normal;font-size:10px;color:var(--ink-faint);}
  .lrow.in .loz{color:var(--gold);}
  .lrow.out .loz{color:var(--red-deep);}
  .lrow .lwho{font-size:10.5px;color:var(--ink-soft);}
  .lrow .lts{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink-faint);text-align:right;}
  .lrow .ltx{font-size:10px;color:var(--ink-faint);text-decoration:none;text-align:right;}
  .lrow .ltx:hover{color:var(--red);}
  /* the gold drop — the event the whole page exists for */
  .lrow.drop{
    background:linear-gradient(90deg,rgba(192,137,26,.14),rgba(192,137,26,.03));
    border-left:3px solid var(--gold);padding-left:17px;
  }
  .lrow.drop .ldir{color:var(--gold);font-weight:700;}
  .lrow.drop .loz{color:var(--gold);font-weight:600;}
  .ledger-empty{padding:26px 20px;color:var(--ink-faint);display:block;}
  .ledger:not(:empty) ~ .ledger-empty{display:none;}

  @media(prefers-reduced-motion:reduce){
    .rv{opacity:1;transform:none;filter:none;transition:none;}
    .ticker.live .ticker-track{animation:none;}
    .foil{animation:none;}
    .progress{transition:none;}
  }

  .frame{--pad:48px;}

  /* ---------- the hanging couplets (对联) — wide desktop only ---------- */
  .couplet{
    display:none;position:absolute;top:36px;
    writing-mode:vertical-rl;text-orientation:upright;
    background:var(--red);color:var(--gold-bright);
    border:1px solid var(--gold);
    padding:26px 9px;font-family:'Noto Serif SC',serif;font-weight:600;
    font-size:19px;letter-spacing:.34em;line-height:1;
    box-shadow:4px 4px 0 rgba(166,37,42,.16);z-index:2;
  }
  .couplet.cl{left:-110px;}
  .couplet.cr{right:-110px;}
  @media(min-width:1470px){.couplet{display:block;}}

  /* ---------- sunburst rays behind the stat-band medallion ---------- */
  .medal-wrap{position:relative;flex:none;}
  .medal-rays{
    position:absolute;inset:-44px;color:var(--gold-bright);opacity:.30;
    pointer-events:none;animation:spin 80s linear infinite;
  }
  .medal-rays svg{display:block;width:100%;height:100%;}
  @keyframes spin{to{transform:rotate(360deg);}}

  /* ---------- mobile thumb bar — the CA follows you ---------- */
  .ca-fab{
    display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;
    background:var(--red);border-top:2px solid var(--gold);
    align-items:center;justify-content:space-between;gap:12px;
    padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -10px 28px -14px rgba(46,12,13,.5);
  }
  .ca-fab .addr{
    font-family:'IBM Plex Mono',monospace;font-size:12px;
    color:rgba(244,235,216,.92);letter-spacing:.05em;white-space:nowrap;
  }
  .ca-fab button{
    border:1.5px solid var(--gold-bright);background:transparent;color:var(--gold-bright);
    font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;
    text-transform:uppercase;padding:9px 18px;cursor:pointer;white-space:nowrap;
  }
  .ca-fab button:active{background:var(--gold);color:var(--red-deep);}

  /* ================================================================
     RESPONSIVE — desktop is desktop, mobile is mobile
     ================================================================ */
  @media(max-width:1160px){
    .hero h1{font-size:clamp(120px,22vw,300px);}
    .hero-art{top:104px;}
  }
  @media(max-width:900px){
    .frame{padding:0 20px;--pad:20px;}
    .reg{display:none;}
    body{border-top-width:6px;}

    /* masthead: one clean brand row, then a ruled swipe nav */
    /* full-bleed bar: cancel the .frame gutter so the background reaches both screen edges;
       inner content stays padded via the matching horizontal padding */
    header{padding:12px var(--pad,20px) 0;margin:0 calc(0px - var(--pad,20px));}
    .frame header.stuck,header.stuck{padding:8px var(--pad,20px) 0;}

    /* anchor jumps land below the sticky bar (measured rendered bar height 97px + 8px buffer) */
    section[id]{scroll-margin-top:106px;}
    .masthead{gap:0;position:relative;}
    .masthead > .smallcaps:last-child{display:none;}
    .masthead .brand{width:100%;gap:10px;padding-right:104px;min-height:32px;}
    .masthead .brand img{width:30px;height:30px;}
    .masthead .brand .zh{font-size:20px;line-height:1;}
    .masthead .brand .smallcaps{display:none;}
    .masthead .lang{
      position:absolute;top:0;right:0;
      background:var(--red)!important;
      color:var(--paper)!important;
      border:1.5px solid var(--red-deep)!important;
      font-size:13px!important;font-weight:700!important;
      padding:6px 13px!important;letter-spacing:.04em;
      box-shadow:0 2px 8px -3px rgba(46,12,13,.4);
    }
    .masthead nav{
      width:100%;overflow-x:auto;gap:24px;padding:9px 0 11px;margin-top:10px;
      border-top:1px solid var(--line);
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
    }
    .masthead nav::-webkit-scrollbar{display:none;}
    .masthead nav a{flex:none;padding:2px 0;}

    /* hero becomes a column: 金狗 → the shrine → the pitch → CA */
    .hero{display:flex;flex-direction:column;padding:42px 0 52px;}
    .hero .issue{order:1;margin-bottom:20px;padding-right:0;}
    .hero h1{order:2;font-size:clamp(140px,38vw,220px);margin-left:-6px;}
    .hero .translit{order:3;margin-top:8px;}
    .hero-art{order:4;position:relative;right:auto;top:auto;width:min(72vw,320px);margin:52px auto 4px;}
    .hero-sub{order:5;margin-top:42px;grid-template-columns:1fr;gap:24px;}
    .ca-bar{order:6;margin-top:42px;}
    .hero-watermark{display:none;}
    .hero .cloud-fan.tl{width:84px;height:84px;top:14px;}
    .seal{width:62px;height:62px;font-size:22px;left:-14px;top:-14px;border-width:2.5px;}
    .hero-plaque{right:-18px;top:-40px;width:52%;}
    .hero-art .blossom.b1{left:-36px;bottom:-22px;width:62px;height:62px;}
    .ca-bar .lab{display:none;}

    /* grids collapse */
    .lore-grid,.mech-grid,.gold-grid,.vault-grid{grid-template-columns:1fr;gap:40px;}
    section{padding:56px 0;}
    .sec-head{flex-wrap:wrap;gap:10px 16px;margin-bottom:36px;}
    .sec-head .live-pill{display:none;}

    /* red band */
    .stat-row{grid-template-columns:1fr 1fr;row-gap:36px;}
    .stat{padding:0 20px;}
    .stat:nth-child(odd){border-left:0;padding-left:0;}
    .stats{padding:52px var(--pad,20px);}
    .medal-divider{gap:20px;margin-bottom:40px;}
    .medal-divider .medal{width:80px;height:80px;}
    .medal-rays{inset:-28px;}
    .stats .cloud-fan{width:56px;height:56px;opacity:.4;}

    /* ledger */
    .lrow{grid-template-columns:1fr .9fr .6fr;row-gap:4px;padding:12px 14px;}
    .lrow .lwho,.lrow .ltx{display:none;}
    .ledger{max-height:340px;}

    /* chart + footer */
    .chart-wrap iframe{height:430px;}
    .foot-grid{grid-template-columns:1fr;gap:36px;}
    .foot-medal{width:96px;height:96px;}
    .kennel{gap:12px;margin-top:48px;}
    .kennel svg{width:34px;height:27px;}
    .colophon{flex-direction:column;gap:6px;}
  }
  @media(max-width:700px){
    body{padding-bottom:62px;}
    .ca-fab{display:flex;}
    .ticker .titem{padding:0 12px;}
    .timeline .row{grid-template-columns:70px 1fr;gap:14px;}
    .hero-sub h2{font-size:clamp(26px,7.4vw,34px);}
    .hero-sub{gap:20px;}
    .stat .v{font-size:clamp(34px,9vw,44px);}
    .vnum{font-size:clamp(32px,9vw,42px);}
    .chart-wrap iframe{height:380px;}
    .foot-grid .zh-big{font-size:52px;}
    .pull .zh{font-size:22px;}
    .lore-grid .lede{font-size:17.5px;}
    .mech-line{font-size:19px;}
  }

  /* ================================================================
     THE ORNAMENT LAYER — dogs, medallions, cloud fans
     ================================================================ */
  .orn-defs{position:absolute;width:0;height:0;overflow:hidden;}
  .cloud-fan{position:absolute;pointer-events:none;color:var(--gold);}
  .cloud-fan svg,.hero-watermark svg,.sec-medal svg,.medal-divider svg,
  .foot-medal svg,.kennel svg{display:block;width:100%;height:100%;}

  /* hero — cloud fan top-left + zodiac watermark */
  .hero .cloud-fan.tl{top:36px;left:-14px;width:150px;height:150px;opacity:.5;z-index:-1;}
  .hero-watermark{
    position:absolute;pointer-events:none;color:var(--gold);
    width:440px;height:440px;left:56%;top:120px;opacity:.13;z-index:-1;
  }

  /* section heads — small zodiac medallion */
  .sec-medal{width:36px;height:36px;color:var(--gold);opacity:.95;align-self:center;flex:none;}

  /* stat band — image 01 recreated: gold medallion on red, cloud corners */
  .stats{position:relative;overflow:hidden;}
  .stats .cloud-fan{width:118px;height:118px;opacity:.55;color:var(--gold-bright);}
  .stats .cloud-fan.tl{top:10px;left:10px;}
  .stats .cloud-fan.tr{top:10px;right:10px;transform:scaleX(-1);}
  .stats .cloud-fan.bl{bottom:10px;left:10px;transform:scaleY(-1);}
  .stats .cloud-fan.br{bottom:10px;right:10px;transform:scale(-1,-1);}
  .medal-divider{display:flex;align-items:center;gap:30px;margin-bottom:52px;position:relative;z-index:1;}
  .medal-divider::before,.medal-divider::after{content:"";flex:1;height:1px;background:rgba(244,235,216,.34);}
  .medal-divider .medal{width:112px;height:112px;color:var(--gold-bright);flex:none;}
  .stat-row,.stats .note{position:relative;z-index:1;}

  /* footer — shiba chop medallion + the kennel walk */
  .foot-medal{width:128px;height:128px;color:var(--gold);margin-top:22px;}
  .kennel{display:flex;align-items:center;gap:20px;margin-top:70px;}
  .kennel::before,.kennel::after{content:"";flex:1;height:1px;background:var(--line);}
  .kennel svg{width:44px;height:34px;color:var(--ink-faint);flex:none;transition:color .3s ease;}
  .kennel svg.gold{color:var(--gold);}
  .kennel svg:hover{color:var(--red);}


  /* ================= elite pass ================= */

  /* lenis inertial scroll */
  html.lenis,html.lenis body{height:auto;}
  .lenis.lenis-smooth{scroll-behavior:auto!important;}
  .lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}

  /* masthead condenses as you read */
  header{transition:box-shadow .3s ease,padding .4s cubic-bezier(.2,.7,.2,1);}
  header.stuck{padding:9px 0 7px;}

  /* section heads — a red-to-gold hairline draws itself under the title */
  .sec-head{position:relative;}
  .sec-head::after{
    content:"";position:absolute;left:0;right:0;bottom:-16px;height:1px;
    background:linear-gradient(90deg,var(--red) 0%,var(--gold) 42%,transparent 88%);
    transform:scaleX(0);transform-origin:left;
    transition:transform 1.3s cubic-bezier(.16,.68,.18,1) .2s;
  }
  .sec-head.in::after{transform:scaleX(1);}

  /* chapter rail — fixed left, appears after the hero */
  .rail{
    position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:110;
    display:none;flex-direction:column;gap:16px;
    opacity:0;pointer-events:none;transition:opacity .5s ease;
  }
  .rail.vis{opacity:1;pointer-events:auto;}
  @media(min-width:1330px){.rail{display:flex;}}
  .rail a{
    display:flex;align-items:center;gap:10px;text-decoration:none;
    color:var(--ink-faint);font-family:'IBM Plex Mono',monospace;
    font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;
    transition:color .3s ease;
  }
  .rail a i{
    display:block;width:16px;height:1px;background:var(--ink-faint);flex:none;
    transition:width .4s cubic-bezier(.2,.7,.2,1),background .3s ease;
  }
  .rail a .lbl{
    opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease;
    white-space:nowrap;background:var(--paper);padding:3px 7px;
    box-shadow:0 0 0 1px var(--line);
  }
  .rail a:hover{color:var(--ink-soft);}
  .rail a:hover .lbl,.rail a.on .lbl{opacity:1;transform:none;}
  .rail a.on{color:var(--red);}
  .rail a.on i{width:32px;background:var(--red);}
  .rail .rail-seal{
    width:26px;height:26px;margin:2px 0 4px -4px;color:var(--red);opacity:.75;
  }
  .rail .rail-seal svg{width:100%;height:100%;}

  @media(prefers-reduced-motion:reduce){
    .sec-head::after{transform:scaleX(1);transition:none;}
    .rail{transition:none;}
  }

  /* ================================================================
     THE BULLION LAYER — 元宝 & minted bars, tastefully throughout
     ================================================================ */
  /* altar offerings at the base of the hero shrine */
  .altar-ingots{
    position:absolute;left:50%;bottom:-40px;transform:translateX(-50%) rotate(1.5deg);
    display:flex;align-items:flex-end;gap:9px;color:var(--gold);z-index:2;pointer-events:none;
  }
  .altar-ingots svg{display:block;}
  .altar-ingots .i1{width:60px;height:34px;}
  .altar-ingots .i2{width:38px;height:22px;opacity:.85;}

  /* fig. 03 — the bullion plate closing section III */
  .bullion{display:flex;align-items:center;gap:30px;margin-top:68px;color:var(--gold);}
  .bullion::before,.bullion::after{content:"";flex:1;height:1px;background:var(--line);}
  .bullion svg{display:block;width:230px;height:95px;flex:none;}
  .bullion-cap{text-align:center;}

  /* red band — 元宝 flanking the zodiac medallion */
  .medal-divider .yb-side{width:52px;height:30px;color:var(--gold-bright);flex:none;opacity:.95;margin:0 22px;}
  .medal-divider .yb-side svg{display:block;width:100%;height:100%;}

  /* vault — small reserve row under the live tiles */
  .vault-ingots{
    display:flex;align-items:flex-end;gap:10px;color:var(--gold);
    padding-top:24px;border-top:1px solid var(--line);
  }
  .vault-ingots svg{display:block;flex:none;}

  /* kennel — the gold dog leaves ingots behind */
  .kennel svg.yb{width:28px;height:16px;color:var(--gold);opacity:.9;}

  @media(max-width:900px){
    .altar-ingots{bottom:-34px;}
    .altar-ingots .i1{width:50px;height:28px;}
    .altar-ingots .i2{width:32px;height:18px;}
    .bullion{gap:18px;margin-top:48px;}
    .bullion svg{width:180px;height:74px;}
    .medal-divider .yb-side{width:38px;height:22px;margin:0 4px;}
    .kennel{gap:10px;}
    .kennel svg{width:32px;height:21px;}
    .kennel svg.yb{width:20px;height:12px;}
  }