/* FishToon Ai 使用说明 · 暗夜首映厅主题 v20261011（与官网 site.css 同一设计语言） */
:root{
  --ink0:#070f13;--ink1:#0b171d;--ink2:#0f2028;--ink3:#152a33;
  --cream:#f4edda;--cream-2:#d8d2bf;--dim:#93a69d;--dim-2:#6c817a;
  --gold:#e9b95c;--gold-2:#f7dc95;--gold-deep:#c08a2d;--red:#ff6148;--lime:#c6e14f;
  --line:rgba(238,226,199,.12);--line-soft:rgba(238,226,199,.07);
  --glass:rgba(244,237,218,.035);--glass-2:rgba(244,237,218,.06);
  --font:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;
  font-family:var(--font);color:var(--cream);background:var(--ink0);font-size:14px;letter-spacing:.01em;line-height:1.8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px;background:var(--ink0)}
body{margin:0;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(1100px 620px at 10% -6%,rgba(233,185,92,.07),transparent 62%),
  radial-gradient(950px 560px at 90% 2%,rgba(46,116,116,.14),transparent 60%),
  radial-gradient(820px 620px at 80% 100%,rgba(216,64,46,.045),transparent 62%)}
a{color:inherit;text-decoration:none}
code{font-family:var(--mono);font-size:.92em;background:rgba(244,237,218,.08);border:1px solid var(--line-soft);border-radius:6px;padding:2px 7px;color:var(--gold-2)}
::selection{background:#e9b95c45;color:var(--gold-2)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-thumb{background:#233b44;border-radius:8px;border:3px solid var(--ink0)}
::-webkit-scrollbar-thumb:hover{background:#31505c}
::-webkit-scrollbar-track{background:var(--ink0)}

.guide-topbar{height:64px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1240px)/2),28px);border-bottom:1px solid var(--line-soft);background:rgba(7,15,19,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.guide-topbar>div{display:flex;align-items:center;gap:25px;font-size:12px;color:var(--dim)}
.guide-topbar>div>a:hover{color:var(--gold-2)}
.guide-brand{display:flex;align-items:center;gap:9px;color:var(--cream);font-size:21px;font-weight:700;text-decoration:none}
.guide-brand img{width:30px;height:30px;border-radius:7px}
.guide-brand b{background:linear-gradient(100deg,var(--gold-2),var(--gold) 55%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.guide-brand span{font-size:9px;font-weight:600;letter-spacing:.12em;padding:2px 6px;border:1px solid var(--line);border-radius:99px;color:var(--dim)}
.guide-launch{padding:8px 12px;color:#241503!important;text-decoration:none;background:linear-gradient(135deg,var(--gold-2),var(--gold) 52%,var(--gold-deep));border-radius:99px;font-weight:700;box-shadow:0 8px 26px -8px rgba(233,185,92,.5)}
.guide-launch span{margin-left:10px}

.guide-layout{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:210px minmax(0,780px);gap:75px;padding:44px 28px 90px}
.guide-toc{align-self:start;position:sticky;top:88px;display:grid;gap:2px;border-left:1px solid var(--line);padding:4px 0 4px 14px;font-size:11px}
.guide-toc strong{font-size:12px;color:var(--gold);letter-spacing:.14em;margin:0 0 10px;font-family:var(--mono);font-weight:600}
.guide-toc a{padding:5px 8px;color:var(--dim);text-decoration:none;border-radius:6px;transition:color .2s,background .2s}
.guide-toc a:hover{background:var(--glass-2);color:var(--gold-2)}

.guide-content{min-width:0}
.guide-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--gold)}
.guide-content h1{font-size:38px;line-height:1.3;font-weight:750;margin:9px 0 13px;color:var(--cream)}
.guide-lede{font-size:14px;color:var(--dim);line-height:2;max-width:670px}
.guide-callout{margin:25px 0;padding:16px 18px;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(233,185,92,.09),rgba(233,185,92,.02));border-radius:0 10px 10px 0;display:grid;gap:4px}
.guide-callout strong{font-size:12px;color:var(--gold-2)}
.guide-callout span{font-size:12px;color:var(--dim)}
.guide-preview{margin:27px 0 44px}
.guide-preview img{width:100%;height:auto;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px -32px rgba(0,0,0,.8)}
.guide-preview figcaption{margin-top:9px;font-size:10px;color:var(--dim-2);font-family:var(--mono);letter-spacing:.08em}
.guide-content section{display:grid;grid-template-columns:44px minmax(0,1fr);gap:17px;padding:28px 0 32px;border-top:1px solid var(--line-soft);scroll-margin-top:84px}
.section-index{padding-top:5px;font-family:var(--mono);font-size:10px;color:var(--gold);opacity:.75}
.guide-content h2{margin:0 0 14px;font-size:21px;line-height:1.5;font-weight:700;color:var(--cream)}
.guide-content ol{margin:0;padding-left:20px}
.guide-content li{padding-left:4px;margin:0 0 9px;font-size:13px;color:var(--cream-2);line-height:1.9}
.guide-content li::marker{color:var(--gold)}
.guide-content p{font-size:12px;color:var(--dim);line-height:1.9}
.guide-content p strong{color:var(--cream-2)}
.guide-content a:not(.guide-launch){color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(233,185,92,.4)}
.guide-content a:not(.guide-launch):hover{color:var(--gold-2)}
.guide-note{margin-top:13px;padding:11px 13px;background:var(--glass);border:1px solid var(--line-soft);border-radius:8px}
.guide-content details{padding:12px 0;border-top:1px solid var(--line-soft)}
.guide-content details:last-of-type{border-bottom:1px solid var(--line-soft)}
.guide-content summary{font-size:12px;color:var(--cream-2);cursor:pointer}
.guide-content summary:hover{color:var(--gold-2)}
.guide-content details p{padding:8px 0 2px}
.guide-contact{margin-top:18px!important}
.guide-footer{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line-soft);font-size:11px}
.guide-footer a{color:var(--dim)}
.guide-footer a:hover{color:var(--gold-2)}
.guide-footer a:last-child{margin-left:auto}

@media(max-width:800px){
  .guide-layout{grid-template-columns:1fr;gap:23px;padding:30px 22px 60px}
  .guide-toc{position:static;display:flex;overflow:auto;gap:6px;border-left:0;border-bottom:1px solid var(--line-soft);padding:0 0 10px;white-space:nowrap}
  .guide-toc strong{display:none}
  .guide-toc a{padding:5px 9px;background:var(--glass);border:1px solid var(--line-soft);border-radius:99px}
  .guide-content h1{font-size:31px}
  .guide-content section{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:23px 0}
  .guide-preview{margin-bottom:27px}
  .guide-topbar{height:58px;padding:0 17px}
  .guide-topbar>div{gap:12px}
  .guide-topbar>div>a:first-child{display:none}
}
@media(max-width:430px){
  .guide-topbar{padding:0 13px}
  .guide-brand{font-size:18px}
  .guide-launch{font-size:10px}
  .guide-layout{padding-left:17px;padding-right:17px}
  .guide-content h1{font-size:28px}
  .guide-lede{font-size:13px}
  .guide-content li{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}