/* 长坡厚雪 vault demo: brand layer over the shared vault styles */
@font-face{font-family:"CPXH Serif";src:url("/assets/serif.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
:root{--cpxh-serif:"CPXH Serif","Noto Serif SC","Noto Serif CJK SC","Songti SC","STSong",serif;--x-bg:#0b0605;--x-nav:#0e0806}
body{background:#0b0605}
.x-glitch,.x-tok h2,.x-cta h2,.x-fig figcaption b{font-family:var(--cpxh-serif)!important;letter-spacing:.02em}
.x-hero{background:#0b0605}
.x-hero__img{object-position:50% 45%;opacity:.62}
.x-coinlogo{object-fit:contain;background:#120806}

/* demo badge: header chip + hero flag */
.x-demochip{display:inline-flex;align-items:center;height:28px;padding:0 10px;margin-right:8px;border-radius:999px;border:1px solid rgba(233,185,73,.55);background:rgba(233,185,73,.12);color:#f3d58a;font-size:12px;font-weight:600;letter-spacing:.06em;white-space:nowrap}
.x-demoflag{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 14px;border-radius:999px;border:1px solid rgba(233,185,73,.6);background:rgba(20,10,6,.78);color:#fff1c4;font-size:14px;font-weight:700;letter-spacing:.12em;box-shadow:0 0 24px -6px rgba(233,185,73,.6)}
.x-demoflag i{width:8px;height:8px;border-radius:50%;background:#e9b949;box-shadow:0 0 8px #e9b949}
.x-flipnote{margin-top:6px;opacity:.7}
.x-homebtn{white-space:nowrap}
@media (max-width:860px){.x-homebtn{display:none}}
@media (max-width:420px){.x-demochip{height:24px;padding:0 8px;font-size:11px;margin-right:6px}}

/* watermark on every chart */
.x-wm{position:relative}
.x-wm::after{content:"示例数据";position:absolute;right:8px;top:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(233,185,73,.35);background:rgba(20,10,6,.7);color:rgba(243,213,138,.85);font-size:11px;letter-spacing:.08em;pointer-events:none;z-index:2}
.x-eq.x-wm::after{top:-4px;right:-4px}

/* generic chart frames */
.x-chart{position:relative;margin:4px 0 12px;height:240px}
.x-chart canvas{display:block;width:100%!important;height:100%!important}
.x-chart--sq{height:260px;max-width:300px;margin:0 auto 12px;width:100%}
.x-chart__mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.x-chart__mid b{display:block;font-size:28px;color:var(--x-champ);line-height:1.1}
.x-chart__mid span{font-size:12px;color:var(--x-l)}
.x-two{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:24px;align-items:center;margin-bottom:12px}
.x-two>*{min-width:0}
@media (max-width:720px){.x-two{grid-template-columns:1fr}}
.x-strip--2{margin-bottom:14px}

/* weight table */
.x-wtab{width:100%;border-collapse:collapse;font-size:13px}
.x-wtab th{text-align:left;font-weight:500;color:var(--x-l);padding:6px 4px;border-bottom:1px solid var(--x-b)}
.x-wtab td{padding:8px 4px;border-bottom:1px solid rgba(233,202,156,.06);color:var(--x-w);font-variant-numeric:tabular-nums}
.x-wtab td:first-child{display:flex;align-items:center;gap:8px}
.x-wtab td i{width:10px;height:10px;border-radius:3px;flex:none}
.x-wtab th:not(:first-child),.x-wtab td:not(:first-child){text-align:right}

/* burn */
.x-burnhead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap;margin-bottom:14px}
.x-burnhead__r{text-align:right}
.x-counter--sm{font-size:clamp(30px,6vw,46px)}
.x-counter--dim{color:var(--x-copper)}
.x-burnbar{position:relative;height:14px;border-radius:999px;background:rgba(233,202,156,.08);overflow:visible;border:1px solid var(--x-b)}
.x-burnbar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#8a4d1c,#e9b949,#fff1c4);box-shadow:0 0 14px rgba(233,185,73,.45);transition:width 1.4s cubic-bezier(.16,1,.3,1)}
.x-burnbar__floor{position:absolute;right:0;top:-22px;font-size:11px;color:var(--x-l)}
.x-burnlbl{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:10px 0 14px;font-size:12px;color:var(--x-l)}
.x-burnlbl b{color:var(--x-champ);font-weight:600}

.x-fig--tall{min-height:420px}
.x-fig--tall img{object-position:50% 30%}
.x-av{font-size:12px}
/* 2026-11-11 色系与首页统一（首页 base.css 变量） */
:root{--x-bg:#0b0605;--x-nav:#0b0605;--x-navb:#2a160f;--x-panel:#1c0f09;--x-card:linear-gradient(180deg,#2a160f 0%,#140a06 100%);--x-head:#2a160f;--x-tile-bg:linear-gradient(180deg,#24130c 0%,#170c07 100%);--x-pill:#140a06;--x-pillb:#8a4d1c;--x-veil:11,6,5;
--x-b:rgba(233,185,73,.14);--x-b2:rgba(233,185,73,.14);--x-div:rgba(233,185,73,.14);--x-b3:rgba(233,185,73,.28);
--x-title:#f5ead2;--x-big:#f5ead2;--x-w:#f5ead2;--x-champ:#f3d58a;--x-l:#a68d5c;--x-h:#8c7650;--x-tan:#a68d5c;--x-dim:#6b5638;--x-copper:#c8873a;--x-amber:#e9b949;--x-g:#e9b949;
--x-hi:inset 0 1px 0 rgba(255,241,196,.06);--x-glow:radial-gradient(420px 260px at 0% 0%,rgba(233,185,73,.08),transparent 70%)}
html{background:#0b0605!important;animation:none!important}
body{background:radial-gradient(900px 600px at 85% -10%,rgba(138,77,28,.35),transparent 60%),radial-gradient(700px 500px at -10% 30%,rgba(233,185,73,.08),transparent 60%),#0b0605!important;background-attachment:fixed!important}
.x-hero{background:transparent!important}
.x-top{background:rgba(11,6,5,.8)}
.x-hero__stats.x-flips .x-flip__f{background:rgba(42,22,15,.72)}
.x-btn--fill,.x-btn--fill:hover{color:#1a0e04}

/* embedded in homepage */
.is-embed .x-top{display:none!important}.is-embed body{padding-top:0!important}.is-embed .x-hero{min-height:auto!important;padding-top:28px!important}