/* ==========================================================================
   十殿阎罗（一代）官方站点 · 独立样式表
   --------------------------------------------------------------------------
   设计方向：暗底 · 琥珀金 · 木刻拓片 / 旧海报
   - 与 sdyl3（亮底宣纸书卷 / 朱砂红）完全反向：一暗一明、金一红
   - 与 sdyl2（亮底紫青）亦不重叠
   - 全站直角，不用圆角卡片；容器隐喻为「判词卷 / 案牍行」
   - 标题用无衬线 900 方硬字（sdyl3 用衬线），字重分工对调
   - 纹理全部内联 SVG / CSS 渐变生成，零素材依赖

   ⚠️ 本文件与 sdyl3 的样式**零复用**。sdyl3 的样式内联在其 index.html 中，
      两边不共享任何一行，避免日后再被同步带偏（sdyl2 就是被复制换皮的受害者）。
   ========================================================================== */

/* ===== 1. 变量与基础 ==================================================== */
:root{
    /* 底色：深墨褐，三代里唯一走暗色的站 */
    --bg:#131009;
    --bg-2:#1b1610;
    --bg-3:#241d14;
    /* 文字：骨白 / 次灰 / 三级灰 */
    --ink:#ece5d8;
    --ink-2:#a2967f;
    --ink-3:#6d6555;
    /* 主色：琥珀金（一代主视觉 dsj-art.png 的基色） */
    --amber:#d9a441;
    --amber-l:#f0c368;
    --amber-d:#a87c2c;
    /* 次色：青铜 */
    --bronze:#8c6b2f;
    /* 点缀：朱红印泥 —— 面积必须 <5%，只做印章与极小提示 */
    --vermil:#a8342a;
    --line:rgba(217,164,65,.18);
    --line-2:rgba(236,229,216,.07);
    --shadow:0 12px 44px rgba(0,0,0,.5);
    --shadow-lg:0 30px 80px rgba(0,0,0,.62);

    --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
    --serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
    --mono:ui-monospace,"JetBrains Mono","SFMono-Regular",Consolas,monospace;

    --hd-h:66px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd-h) + 24px)}
body{
    font-family:var(--sans);
    background:var(--bg);
    color:var(--ink);
    line-height:1.78;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
}

/* ===== 2. 背景纹理：木刻细排线 + 两处光晕 ============================== */
body::before{
    content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
    background-image:repeating-linear-gradient(
        0deg, rgba(236,229,216,.021) 0 1px, transparent 1px 4px);
}
body::after{
    content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:
        radial-gradient(1200px 680px at 50% -12%, rgba(217,164,65,.10), transparent 62%),
        radial-gradient(900px 620px at 6% 108%, rgba(168,52,42,.07), transparent 60%),
        radial-gradient(760px 520px at 96% 62%, rgba(140,107,47,.06), transparent 62%);
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
::selection{background:rgba(217,164,65,.28);color:#fff}

/* 滚动条 */
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:#0d0b07}
::-webkit-scrollbar-thumb{background:#3a2f1e;border:2px solid #0d0b07}
::-webkit-scrollbar-thumb:hover{background:var(--bronze)}

/* ===== 3. Ticker 跑马灯 =============================================== */
.ticker{
    background:linear-gradient(90deg,#100d07,#1e1810 50%,#100d07);
    border-bottom:1px solid var(--line);
    color:rgba(236,229,216,.78);font-size:13px;
    overflow:hidden;white-space:nowrap;position:relative;z-index:120;
}
.ticker-track{display:inline-block;padding:9px 0;animation:scrollX 34s linear infinite}
.ticker-track span{margin:0 42px}
.ticker-track b{color:var(--amber-l);font-weight:700}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes scrollX{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== 4. Header ====================================================== */
.hd{
    position:sticky;top:0;z-index:100;
    background:rgba(19,16,9,.84);
    backdrop-filter:blur(18px);
    border-bottom:1px solid var(--line);
    transition:box-shadow .3s,background .3s;
}
.hd.scrolled{box-shadow:0 6px 30px rgba(0,0,0,.55);background:rgba(19,16,9,.94)}
.hd-in{
    max-width:1280px;margin:0 auto;padding:0 32px;height:var(--hd-h);
    display:flex;align-items:center;justify-content:space-between;
}
.logo{display:flex;align-items:center;gap:13px}
.logo img{height:34px;width:auto;object-fit:contain;opacity:.94}
.logo .gt{
    font-weight:900;font-size:19px;letter-spacing:.2em;
    border-left:1px solid var(--line);padding-left:15px;color:var(--ink);
    display:flex;align-items:baseline;gap:8px;
}
.logo .gt em{
    font-style:normal;font-size:11px;font-weight:700;letter-spacing:.16em;
    color:var(--bg);background:var(--vermil);padding:2px 7px 3px;
    line-height:1.3;
}
.nav{display:flex;gap:2px;align-items:center}
.nav a{
    position:relative;padding:9px 17px;font-size:14.5px;font-weight:500;
    color:var(--ink-2);transition:.25s;
}
.nav a::after{
    content:'';position:absolute;left:17px;right:17px;bottom:5px;height:2px;
    background:var(--amber);transform:scaleX(0);transition:.25s;transform-origin:center;
}
.nav a:hover,.nav a.on{color:var(--ink)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.nav .cta{
    margin-left:12px;background:var(--amber);color:#1a1510;
    padding:10px 21px;font-weight:700;
    box-shadow:0 6px 20px rgba(217,164,65,.26);
}
.nav .cta::after{display:none}
.nav .cta:hover{background:var(--amber-l);transform:translateY(-1px)}
.nav-toggle{display:none}

/* ===== 5. 左侧殿号标尺（全站差异化的核心设计） ========================= */
/* 竖向拾级刻度，滚动时按进度逐殿点亮 —— 呼应「十殿」母题 */
.rail{
    position:fixed;left:24px;top:50%;transform:translateY(-50%);
    z-index:90;display:flex;flex-direction:column;gap:0;
    pointer-events:none;user-select:none;
}
.rail ol{list-style:none;display:flex;flex-direction:column;gap:11px}
.rail li{
    display:flex;align-items:center;gap:9px;
    font-family:var(--serif);font-size:12px;letter-spacing:.1em;
    color:var(--ink-3);transition:color .35s,opacity .35s;
    opacity:.55;
}
.rail li::before{
    content:'';display:block;width:13px;height:1px;
    background:currentColor;transition:width .35s,background .35s;
}
.rail li.on{color:var(--amber-l);opacity:1}
.rail li.on::before{width:26px;background:var(--amber-l)}
.rail li.done{color:var(--bronze);opacity:.85}
.rail-cap{
    writing-mode:vertical-rl;font-size:10px;letter-spacing:.42em;
    color:var(--ink-3);margin-bottom:16px;opacity:.7;
}

/* ===== 6. Hero：居中剧场式 ============================================ */
.hero{
    position:relative;min-height:calc(100vh - var(--hd-h) - 38px);
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;isolation:isolate;
}
.hero-stage{position:absolute;inset:0;z-index:-1}
.hero-stage img{
    width:100%;height:100%;object-fit:cover;object-position:center 42%;
    opacity:.60;filter:saturate(1.02) contrast(1.06);
    transform:scale(1.06);
    animation:drift 26s ease-in-out infinite alternate;
}
@keyframes drift{
    0%{transform:scale(1.06) translate3d(0,0,0)}
    100%{transform:scale(1.12) translate3d(0,-1.6%,0)}
}
/* 双层遮罩：上下压暗 + 中部留亮，制造剧场追光 */
.hero-veil{
    position:absolute;inset:0;
    background:
        radial-gradient(72% 58% at 50% 42%, rgba(19,16,9,.24) 0%, rgba(19,16,9,.82) 74%, var(--bg) 100%),
        linear-gradient(180deg, rgba(19,16,9,.64) 0%, rgba(19,16,9,.28) 38%, rgba(19,16,9,.52) 60%, var(--bg) 100%);
}
/* 木刻横向飞白（纯 CSS 渐变，无素材） */
.hero-hatch{
    position:absolute;inset:0;pointer-events:none;
    background:repeating-linear-gradient(
        90deg, rgba(236,229,216,.05) 0 1px, transparent 1px 9px);
    mask-image:linear-gradient(180deg, transparent, #000 42%, #000 62%, transparent);
    opacity:.5;
}
.hero-core{
    position:relative;z-index:2;text-align:center;
    max-width:900px;padding:90px 30px 110px;
}
/* 文字区柔和暗晕：主视觉提亮后保证正文可读。用径向渐变收边，
   不做成整块暗板，以免破坏剧场式沉浸感。 */
.hero-core::before{
    content:'';position:absolute;inset:-40px -110px;z-index:-1;pointer-events:none;
    background:radial-gradient(58% 56% at 50% 50%, rgba(16,13,8,.74) 0%,
               rgba(16,13,8,.52) 50%, rgba(16,13,8,.14) 76%, transparent 90%);
}
.hero-eyebrow{
    font-family:var(--mono);font-size:12px;letter-spacing:.44em;
    color:var(--amber);margin-bottom:26px;
    display:flex;align-items:center;justify-content:center;gap:14px;
}
.hero-eyebrow::before,.hero-eyebrow::after{
    content:'';width:44px;height:1px;background:var(--line);display:block;
}
.hero h1{
    position:relative;display:inline-block;
    font-size:clamp(52px,9.2vw,124px);font-weight:900;line-height:1.02;
    letter-spacing:.06em;color:var(--ink);
    text-shadow:0 4px 18px rgba(0,0,0,.92),0 10px 60px rgba(0,0,0,.8),0 0 100px rgba(217,164,65,.14);
}
/* 朱红印章：全站唯一的大面积朱红，其余只做细线 */
.hero h1 .seal{
    position:absolute;right:-56px;bottom:8px;
    font-family:var(--serif);font-size:15px;font-weight:700;
    letter-spacing:.06em;line-height:1.16;
    writing-mode:vertical-rl;
    color:#f4e6d6;background:var(--vermil);
    padding:11px 8px;
    box-shadow:0 8px 26px rgba(168,52,42,.45);
    transform:rotate(-3deg);
}
.hero .sub{
    margin:32px auto 0;max-width:660px;
    font-size:16.5px;color:#c9c0ae;line-height:1.9;
    text-shadow:0 2px 14px rgba(0,0,0,.9);
}
.hero .tags{
    display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:34px;
}
.hero .tag{
    font-size:12.5px;letter-spacing:.1em;color:#c9c0ae;
    border:1px solid rgba(217,164,65,.28);padding:6px 15px;
    background:rgba(16,13,8,.55);
    transition:.28s;
}
.hero .tag:hover{color:var(--amber-l);border-color:rgba(217,164,65,.45)}
.hero .acts{
    display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:44px;
}
.btn{
    display:inline-flex;align-items:center;gap:9px;
    padding:15px 34px;font-size:15px;font-weight:700;letter-spacing:.06em;
    border:1px solid transparent;transition:.28s;cursor:pointer;
}
.btn-pri{
    background:var(--amber);color:#1a1510;
    box-shadow:0 10px 34px rgba(217,164,65,.24);
}
.btn-pri:hover{background:var(--amber-l);transform:translateY(-2px);box-shadow:0 14px 40px rgba(217,164,65,.34)}
.btn-sec{
    border-color:rgba(217,164,65,.36);color:var(--ink);
    background:rgba(217,164,65,.04);
}
.btn-sec:hover{border-color:var(--amber);color:var(--amber-l);transform:translateY(-2px)}

/* 首屏底部滚动提示 */
.hero-scroll{
    position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
    z-index:3;display:flex;flex-direction:column;align-items:center;gap:9px;
    font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--ink-3);
}
.hero-scroll i{
    display:block;width:1px;height:44px;
    background:linear-gradient(180deg,var(--amber),transparent);
    animation:drip 2.2s ease-in-out infinite;
}
@keyframes drip{0%,100%{opacity:.35;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}

/* ===== 7. 通用 section ================================================= */
.sec{max-width:1280px;margin:0 auto;padding:104px 32px;position:relative}
.sec-head{max-width:720px;margin-bottom:56px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.kicker{
    font-family:var(--mono);font-size:11.5px;letter-spacing:.42em;
    color:var(--amber);margin-bottom:16px;
}
.sec-head h2{
    font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:.03em;
    line-height:1.2;color:var(--ink);
}
.sec-head h2 em{
    font-style:normal;color:var(--amber);
}
.sec-head p{margin-top:15px;color:var(--ink-2);font-size:15.5px}
/* 木刻分隔线 */
.rule{
    height:1px;border:0;
    background:linear-gradient(90deg,var(--line),transparent);
    margin:0 0 56px;
}

/* ===== 8. 赛季区：两张对称「判词卷」 =================================== */
.scrolls{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.scroll{
    position:relative;background:linear-gradient(180deg,#231d14,#191410);
    border:1px solid rgba(217,164,65,.14);border-left:3px solid var(--bronze);
    padding:34px 32px 30px;
    box-shadow:var(--shadow);
    overflow:hidden;
}
/* 卷宗顶部排线 */
.scroll::before{
    content:'';position:absolute;inset:0 0 auto 0;height:3px;
    background:repeating-linear-gradient(90deg,var(--bronze) 0 14px,transparent 14px 22px);
    opacity:.6;
}
.scroll.pending{border-left-color:var(--amber-d)}
/* 已结算的赛季卷：亮金竖线 + 实线状态牌，与 pending 的虚线占位区分 */
.scroll.ended{border-left-color:var(--amber)}
.scroll.ended .scroll-state{
    border-style:solid;border-color:rgba(217,164,65,.5);color:var(--amber-l);
}
.scroll.ended .slot b{color:var(--ink);font-weight:700}
.scroll.ended .slot{border-left-color:rgba(217,164,65,.45)}
/* 已结算的赛季卷：亮金竖线 + 实线状态牌，与 pending 的虚线占位区分 */
.scroll.ended{border-left-color:var(--amber)}
.scroll.ended .scroll-state{
    border-style:solid;border-color:rgba(217,164,65,.5);color:var(--amber-l);
}
.scroll.ended .slot b{color:var(--ink);font-weight:700}
.scroll.ended .slot{border-left-color:rgba(217,164,65,.45)}
.scroll-head{
    display:flex;align-items:center;justify-content:space-between;
    gap:12px;margin-bottom:22px;flex-wrap:wrap;
}
.scroll-no{
    font-family:var(--serif);font-size:13px;letter-spacing:.22em;
    color:var(--amber-l);border:1px solid rgba(217,164,65,.3);padding:5px 12px;
}
.scroll-state{
    font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;
    color:var(--amber);border:1px dashed rgba(217,164,65,.4);
    padding:5px 12px;
}
.scroll h3{
    font-size:26px;font-weight:900;letter-spacing:.04em;margin-bottom:12px;
}
.scroll .desc{color:var(--ink-2);font-size:14.5px;min-height:52px}
/* 预留数据槽位：占位条，等赛季数据接入时替换 */
.slots{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.slot{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 15px;background:rgba(236,229,216,.05);
    border-left:2px solid rgba(217,164,65,.28);
    font-size:13.5px;color:var(--ink-2);
}
.slot b{
    font-family:var(--mono);font-weight:600;letter-spacing:.08em;
    color:var(--ink-2);
}
.slot-sk{
    display:inline-block;width:58px;height:9px;
    background:repeating-linear-gradient(90deg,rgba(217,164,65,.34) 0 6px,transparent 6px 11px);
}
.scroll-foot{
    margin-top:26px;padding-top:20px;border-top:1px solid var(--line-2);
    display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.scroll-foot .lnk{
    font-size:13.5px;font-weight:600;color:var(--amber);
    display:inline-flex;align-items:center;gap:7px;
}
.scroll-foot .lnk.off{color:var(--ink-3);cursor:default}
.scroll-foot .note{
    font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;color:var(--ink-3);
}

/* ===== 9. 公告区：案牍（左列表 / 右正文） ============================= */
.ledger{
    display:grid;grid-template-columns:360px 1fr;gap:0;
    border:1px solid var(--line-2);background:var(--bg-2);
    box-shadow:var(--shadow);min-height:340px;
}
.ledger-list{
    border-right:1px solid var(--line-2);
    max-height:600px;overflow-y:auto;
}
.led-row{
    display:block;width:100%;text-align:left;cursor:pointer;
    padding:19px 22px;border:0;border-bottom:1px solid var(--line-2);
    background:transparent;color:inherit;font:inherit;
    border-left:3px solid transparent;
    transition:.24s;
}
.led-row:hover{background:rgba(217,164,65,.045)}
.led-row.on{
    background:rgba(217,164,65,.075);border-left-color:var(--amber);
}
.led-row .dt{
    font-family:var(--mono);font-size:11px;letter-spacing:.1em;
    color:var(--ink-3);margin-bottom:7px;
}
.led-row .tt{
    font-size:15px;font-weight:700;line-height:1.5;color:var(--ink);
}
.led-row.on .tt{color:var(--amber-l)}
.led-row .ct{font-size:12px;color:var(--ink-3);margin-top:6px}
.ledger-body{padding:36px 40px;overflow-y:auto;max-height:600px}
.ledger-body .bd-head{
    padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid var(--line-2);
}
.ledger-body .bd-head h3{
    font-size:24px;font-weight:900;line-height:1.4;letter-spacing:.02em;
}
.ledger-body .bd-meta{
    margin-top:11px;display:flex;gap:14px;flex-wrap:wrap;
    font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--ink-3);
}

/* 正文排版（复用后台 render_md 产出的 body_html） */
.prose{font-size:15.5px;color:var(--ink-2);line-height:1.95}
.prose > * + *{margin-top:16px}
.prose h1,.prose h2,.prose h3,.prose h4{
    color:var(--ink);font-weight:900;line-height:1.42;margin-top:30px;
}
.prose h1{font-size:23px}
.prose h2{font-size:20px}
.prose h3{font-size:17.5px}
.prose h4{font-size:16px}
.prose strong{color:var(--ink);font-weight:700}
.prose a{color:var(--amber);border-bottom:1px solid rgba(217,164,65,.34)}
.prose a:hover{color:var(--amber-l)}
.prose ul,.prose ol{padding-left:24px}
.prose li{margin-top:8px}
.prose li::marker{color:var(--bronze)}
.prose blockquote{
    border-left:3px solid var(--bronze);padding:4px 0 4px 18px;
    color:var(--ink-2);font-family:var(--serif);
}
.prose code{
    font-family:var(--mono);font-size:.88em;
    background:rgba(217,164,65,.1);color:var(--amber-l);
    padding:2px 7px;
}
.prose pre{
    background:#0e0b06;border:1px solid var(--line-2);
    padding:16px 18px;overflow-x:auto;
}
.prose pre code{background:none;padding:0;color:var(--ink-2)}
.prose img{border:1px solid var(--line-2);margin:20px 0}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:20px 0}
.prose th,.prose td{
    border:1px solid var(--line-2);padding:10px 14px;text-align:left;
}
.prose th{background:rgba(217,164,65,.08);color:var(--ink);font-weight:700}
.prose hr{border:0;height:1px;background:var(--line-2);margin:26px 0}

/* 空态 */
.empty{
    padding:74px 30px;text-align:center;color:var(--ink-3);
}
.empty .big{
    font-family:var(--serif);font-size:70px;line-height:1.32;
    color:rgba(217,164,65,.22);margin-bottom:12px;
}
.empty p{font-size:14.5px;letter-spacing:.12em;color:var(--ink-2)}
.empty .hint{font-size:12.5px;color:var(--ink-3);margin-top:10px;letter-spacing:.06em}
.ledger .empty{grid-column:1/-1}

/* ===== 10. Footer ==================================================== */
.ft{
    position:relative;margin-top:40px;
    background:linear-gradient(180deg,var(--bg-2),#0e0b06);
    border-top:1px solid var(--line);
    overflow:hidden;
}
.ft-wm{
    position:absolute;right:-30px;top:-40px;
    font-family:var(--serif);font-size:300px;font-weight:900;line-height:1;
    color:rgba(217,164,65,.035);pointer-events:none;user-select:none;
}
.ft-in{
    position:relative;max-width:1280px;margin:0 auto;padding:64px 32px 44px;
    display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;
}
.ft-brand img{height:32px;width:auto;opacity:.9;margin-bottom:18px}
.ft-brand p{font-size:13.5px;color:var(--ink-3);max-width:290px;line-height:1.85}
.ft-sec h4{
    font-size:13px;font-weight:700;letter-spacing:.2em;
    color:var(--amber);margin-bottom:18px;
}
.ft-sec ul{list-style:none}
.ft-sec li{margin-bottom:11px}
.ft-sec a,.ft-sec p{font-size:13.5px;color:var(--ink-2);transition:.22s}
.ft-sec a:hover{color:var(--amber-l)}
.ft-sec .qq{
    font-family:var(--mono);font-size:13px;color:var(--ink-2);
    display:flex;align-items:center;gap:8px;
}
.ft-sec .qq b{color:var(--ink);font-weight:600}
.ft-bot{
    position:relative;border-top:1px solid var(--line-2);
    padding:26px 32px 34px;text-align:center;
}
.ft-bot p{font-size:12.5px;color:var(--ink-3);margin-bottom:7px}
.ft-bot a{color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.ft-bot a:hover{color:var(--amber-l)}
.ft-bot .hw{
    margin-top:16px;font-size:11.5px;line-height:1.8;
    color:rgba(109,101,85,.85);max-width:720px;margin-left:auto;margin-right:auto;
}

/* ===== 11. 入场动画 =================================================== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
    .reveal{opacity:1!important;transform:none!important}
    .hero-stage img,.hero-scroll i,.ticker-track{animation:none!important}
}

/* ===== 12. 截图/调试辅助（仅本地预览注入 class，线上无影响） ========== */
body.shot-only-season .hero,body.shot-only-season .news-sec,body.shot-only-season .ft{display:none}
body.shot-only-news .hero,body.shot-only-news .season-sec,body.shot-only-news .ft{display:none}

/* ===== 13. 响应式 ===================================================== */
@media (max-width:1180px){
    .rail{display:none}
}
@media (max-width:1024px){
    .ledger{grid-template-columns:1fr}
    .ledger-list{border-right:0;border-bottom:1px solid var(--line-2);max-height:280px}
    .ledger-body{max-height:none;padding:28px 26px}
    .ft-in{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:860px){
    /* logo 是 1233×137 的长图，height:34px 时宽达 306px，窄屏会把 header 撑破
       → 缩图 + 缩小字标，保证 logo + 汉堡按钮能同排放下 */
    .hd-in{padding:0 18px}
    .logo{gap:9px;min-width:0}
    .logo img{height:22px;max-width:42vw}
    .logo .gt{font-size:15px;letter-spacing:.1em;padding-left:10px}
    .nav{
        position:fixed;inset:calc(var(--hd-h) + 38px) 0 auto 0;
        flex-direction:column;align-items:stretch;gap:0;
        background:rgba(19,16,9,.98);backdrop-filter:blur(18px);
        border-bottom:1px solid var(--line);
        padding:10px 16px 18px;
        transform:translateY(-14px);opacity:0;pointer-events:none;transition:.28s;
    }
    .nav.open{transform:none;opacity:1;pointer-events:auto}
    .nav a{padding:14px 12px;font-size:16px;border-bottom:1px solid var(--line-2)}
    .nav a::after{display:none}
    .nav .cta{margin:14px 0 0;text-align:center;justify-content:center;display:flex}
    .nav-toggle{
        display:flex;flex-direction:column;justify-content:center;gap:5px;
        width:42px;height:42px;background:transparent;border:1px solid var(--line);
        cursor:pointer;padding:0 11px;
    }
    .nav-toggle i{display:block;height:1.5px;background:var(--ink);transition:.25s}
    .nav-toggle.on i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
    .nav-toggle.on i:nth-child(2){opacity:0}
    .nav-toggle.on i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
    .sec{padding:74px 20px}
    .scrolls{grid-template-columns:1fr}
    .hero h1 .seal{right:-34px;bottom:2px;font-size:12px;padding:8px 6px}
    .hero-core{padding:70px 22px 96px}
    .ft-in{grid-template-columns:1fr;gap:30px;padding:48px 22px 36px}
    .ft-wm{font-size:200px;opacity:.6}
    .ft-bot{padding:24px 20px 30px}
}