/* =========================================================
   活动页 · 增量样式（抽屉样式见 xsbq-drawer.css）
   @2026.9.30 黑金区块上的辅助字从 #8A7A64 改为 var(--gold-mute)，暗底上看得清
   ========================================================= */
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* 首屏：黑金（theme=blackgold），橙色主题见下方 .chero.orange */
.chero{background:var(--noir-bg);position:relative;overflow:hidden}
.chero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(210,165,92,0),rgba(210,165,92,.5),rgba(210,165,92,0))}
.chero .wrap{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:center;padding:34px 0 68px}
.ch-crumb{font-size:13px;color:var(--gold-mute);padding-top:22px;display:flex;gap:8px}
.ch-crumb i{font-style:normal;color:rgba(210,165,92,.45)}
.chero.orange .ch-crumb i{color:var(--ink-4)}
.ch-crumb a:hover{color:var(--gold-txt)}
.ch-crumb span{color:var(--gold-txt)}
.ch-l .badge{display:inline-flex;align-items:center;height:26px;padding:0 13px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--gold);box-shadow:inset 0 0 0 1px rgba(210,165,92,.45)}
.ch-l h1{font-size:52px;line-height:1.2;letter-spacing:2px;margin-top:18px;font-weight:700;color:#F6E8CC}
.ch-l .lead{font-size:16px;line-height:1.9;color:var(--gold-mute);margin-top:16px;max-width:520px}
.ch-pz{display:flex;align-items:baseline;gap:14px;margin-top:26px}
.ch-pz .n{font-family:var(--num);font-size:56px;font-weight:600;letter-spacing:-1.5px;line-height:1;font-variant-numeric:tabular-nums;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ch-pz .u{font-size:14px;color:var(--gold-mute)}
.ch-pz .u b{display:block;color:#E6CC96;font-size:15px;font-weight:600}
.ch-tags{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}
.ch-tags span{font-size:13px;padding:5px 14px;border-radius:999px;background:rgba(210,165,92,.10);color:var(--gold-txt);box-shadow:inset 0 0 0 1px rgba(210,165,92,.24)}
.ch-acts{margin-top:30px;display:flex;gap:12px;align-items:center}
.ch-acts .btn.ghost{background:transparent;color:var(--gold-txt);box-shadow:inset 0 0 0 1px rgba(210,165,92,.42)}
.ch-acts .btn.ghost:hover{background:rgba(210,165,92,.1)}
.ch-note{font-size:12.5px;color:var(--gold-mute);margin-top:16px}
.ch-r{position:relative;padding:10px 24px 10px 0}
.ch-r img{max-width:100%;border-radius:var(--r-lg);display:block;box-shadow:0 26px 50px rgba(10,6,3,.45)}

/* 倒计时 */
.cdown{display:flex;gap:8px;margin-top:24px;align-items:center}
.cdown .lb{font-size:12.5px;color:var(--gold-mute);margin-right:4px}
.cdown b{font-family:var(--num);font-size:18px;font-weight:600;color:#F0DCB2;background:rgba(210,165,92,.12);box-shadow:inset 0 0 0 1px rgba(210,165,92,.26);border-radius:8px;padding:4px 10px;font-variant-numeric:tabular-nums}
.cdown span{font-size:12px;color:var(--gold-mute)}

/* 橙色主题：普通活动用 */
.chero.orange{background:radial-gradient(60% 90% at 10% 0%,#FBE4CF 0%,rgba(251,228,207,0) 72%),var(--bg)}
.chero.orange::after{background:var(--line-2)}
.chero.orange .ch-crumb,.chero.orange .ch-note,.chero.orange .cdown .lb,.chero.orange .cdown span{color:var(--ink-3)}
.chero.orange .ch-crumb span{color:var(--ink-2)}
.chero.orange .ch-l .badge{color:var(--brand-d);box-shadow:inset 0 0 0 1px rgba(226,98,28,.4)}
.chero.orange .ch-l h1{color:var(--ink)}
.chero.orange .ch-l .lead{color:var(--ink-2)}
.chero.orange .ch-pz .n{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.chero.orange .ch-pz .u{color:var(--ink-3)}
.chero.orange .ch-pz .u b{color:var(--ink)}
.chero.orange .ch-tags span{background:var(--gray);color:var(--ink-2);box-shadow:none}
.chero.orange .ch-acts .btn.ghost{color:var(--brand-d);box-shadow:inset 0 0 0 1px rgba(226,98,28,.45)}
.chero.orange .ch-acts .btn.ghost:hover{background:var(--brand-soft)}
.chero.orange .cdown b{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.chero.orange .ch-r img{box-shadow:0 20px 44px rgba(90,60,25,.18)}

/* 区块 */
.csec{padding:84px 0;background:var(--bg)}
.csec.alt{background:var(--paper)}
.csh{margin-bottom:32px}
.csh::before{content:"";display:block;width:28px;height:2px;border-radius:2px;background:var(--gold-grad);margin-bottom:10px}
.csh h2{font-size:30px;letter-spacing:.5px}
.csh p{font-size:15px;color:var(--ink-3);margin-top:8px;max-width:640px}

/* 活动介绍：后台录入的富文本 */
.cprose{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh);padding:30px 34px;font-size:14.5px;line-height:1.95;color:var(--ink-2)}
.cprose h3{font-size:18px;color:var(--ink);margin:22px 0 8px}
.cprose h3:first-child{margin-top:0}
.cprose p{margin:8px 0}
.cprose ul,.cprose ol{margin:8px 0 8px 20px}
.cprose li{margin:4px 0}
.cprose b,.cprose strong{color:var(--ink)}
.cprose img{max-width:100%;border-radius:var(--r-md);display:block;margin:14px 0}
.cprose table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.cprose th,.cprose td{border:1px solid var(--line-2);padding:8px 12px;text-align:left}
.cprose th{background:var(--paper);color:var(--ink-3);font-weight:400}

/* 书目预览 */
.libp{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}
.libp .nb-m{justify-content:flex-start}
.lib-ft{margin-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ink-3)}
.lib-ft .btn{flex:none}

/* 细则 */
.terms{background:var(--gray);border-radius:var(--r-lg);padding:28px 32px}
.terms h3{font-size:18px}
.terms ol{margin:14px 0 0 20px;font-size:13.5px;line-height:2;color:var(--ink-2)}
.terms li{margin:2px 0}
.terms>p{font-size:12.5px;color:var(--ink-3);margin-top:14px}
.terms .cprose{background:transparent;box-shadow:none;padding:14px 0 0;font-size:13.5px;line-height:2}

/* 结尾 CTA */
.ccta{background:var(--paper);padding:0 0 96px}
.ccta .wrap{background:var(--noir-bg);border-radius:28px;padding:48px 52px;display:flex;align-items:center;gap:48px;box-shadow:0 0 0 1px rgba(210,165,92,.16),0 24px 50px rgba(30,18,8,.2)}
.ccta h2{font-size:28px;line-height:1.4;color:#F6E8CC;flex:none;max-width:460px}
.ccta p{font-size:14px;color:var(--gold-mute);line-height:1.9;margin-top:12px}
.ccta .acts{margin-left:auto;display:flex;flex-direction:column;gap:10px;width:240px;flex:none}
.ccta .acts .btn{width:100%}
.ccta .acts .btn.ghost{background:transparent;color:var(--gold-txt);box-shadow:inset 0 0 0 1px rgba(210,165,92,.42)}
.ccta .acts .btn.ghost:hover{background:rgba(210,165,92,.1)}
.ccta .acts .tip{font-size:12px;color:var(--gold-mute);text-align:center;line-height:1.7}

/* 其他活动 */
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ot{background:#fff;border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--sh);display:flex;flex-direction:column;transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
.ot:hover{box-shadow:var(--sh-h);transform:translateY(-3px)}
.ot .tp{display:flex;align-items:center;gap:10px}
.ot .tp span{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--brand);color:#fff}
.ot .tp .dt{margin-left:auto;font-size:12px;font-weight:400;padding:0;background:none;color:var(--ink-3)}
.ot h4{font-size:19px;margin-top:12px}
.ot p{font-size:13.5px;color:var(--ink-2);line-height:1.85;margin-top:6px}
.ot .go{margin-top:16px;font-size:13px;color:var(--brand-d);font-weight:500;display:inline-flex;align-items:center;gap:4px}
.ot:hover .go .i-ar{transform:translateX(3px)}
.ot.end{background:var(--paper);box-shadow:0 0 0 1px var(--line-2)}
.ot.end .tp span{background:var(--gray);color:var(--ink-3)}
.ot.end h4{color:var(--ink-2)}
.ot.end p,.ot.end .go{color:var(--ink-3)}

/* 活动 FAQ */
.cfaq{display:grid;grid-template-columns:1fr 1fr;gap:0 56px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}