/* ===== 主题变量（与首页保持一致） ===== */
:root{
  --bg:#FCFBF9;--bg-elev:#F7F3EA;--surface:#FFFFFF;
  --line:#EDE7DB;--line-2:#E5DCCB;--line-3:#D8CCB5;
  --text:#1B1917;--text-muted:#6C6659;--text-faint:#948C7C;
  --gold:#C98A1B;--gold-deep:#A9710F;
  --grad:linear-gradient(135deg,#E0A33A 0%,#C9821B 45%,#C8503A 100%);
  --rail:linear-gradient(90deg,#C98A1B 0%,#D0483A 50%,#C98A1B 100%);
  --rail-v:linear-gradient(180deg,#C98A1B 0%,#D0483A 100%);
  --slope:polygon(.75rem 0,100% 0,calc(100% - .75rem) 100%,0 100%);
  --shadow:0 14px 34px -22px rgba(27,25,23,.38);
  --header-bg:rgba(252,251,249,.93);
  --footer-bg:rgba(255,255,255,.6);
  --glow:rgba(201,138,27,.35);
  color-scheme:light;
}

/* 黑夜主题（与首页一致） */
[data-theme="dark"]{
  --bg:#0D1014;--bg-elev:#141920;--surface:#171D25;
  --line:#20262F;--line-2:#2A323C;--line-3:#3B4552;
  --text:#F1EDE6;--text-muted:#A7A196;--text-faint:#7B7568;
  --gold:#E2A63C;--gold-deep:#F0BE63;
  --grad:linear-gradient(135deg,#E5B153 0%,#D9942A 45%,#D35743 100%);
  --rail:linear-gradient(90deg,#E2A63C 0%,#E0604F 50%,#E2A63C 100%);
  --rail-v:linear-gradient(180deg,#E2A63C 0%,#E0604F 100%);
  --shadow:0 14px 34px -22px rgba(0,0,0,.8);
  --header-bg:rgba(13,16,20,.88);
  --footer-bg:rgba(255,255,255,.03);
  --glow:rgba(226,166,60,.4);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:radial-gradient(ellipse 70% 45% at 100% 0%, rgba(201,138,27,.08), transparent 55%),var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16px;line-height:1.85;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,p{margin:0;}
ul{margin:0;padding:0;list-style:none;}

/* 顶部导航 */
.header{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);}
.nav{max-width:1180px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;}
.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px;}
.logo-img{width:36px;height:36px;flex:none;background:#FFD93D;border:1px solid var(--line-3);}
.logo-img img{width:100%;height:100%;object-fit:contain;}
.nav-cta{display:flex;align-items:center;gap:12px;}
.theme-toggle{
  width:38px;height:38px;flex:none;
  display:grid;place-items:center;padding:0;
  color:var(--text);
  background:var(--surface);
  border:1px solid var(--line-3);
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
.theme-toggle:hover{border-color:rgba(201,138,27,.6);color:var(--gold-deep);box-shadow:0 0 18px var(--glow);}
.theme-toggle svg{width:19px;height:19px;display:block;}
.theme-toggle .icon-moon{display:none;}
[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:14.5px;color:var(--text-muted);font-weight:600;transition:color .2s ease;}
.nav-links a:hover{color:var(--gold-deep);}
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 1.25rem;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;color:#fff;
  background-image:var(--grad);
  border:1px solid rgba(169,113,15,.5);
  clip-path:var(--slope);
  box-shadow:0 0 20px rgba(201,138,27,.25);
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(201,138,27,.4);}

/* 主体 */
.page{max-width:900px;margin:0 auto;padding:56px 24px 40px;}
.page-head{padding-left:16px;margin-bottom:26px;border-left:3px solid transparent;border-image:var(--rail-v) 1;}
.eyebrow{
  display:inline-block;margin-bottom:14px;padding:5px 12px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  color:var(--gold-deep);background:var(--surface);
  border:1px solid var(--line-2);border-left:3px solid var(--gold);
}
h1{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.25;}
.page-meta{margin-top:12px;color:var(--text-faint);font-size:14px;line-height:1.6;}

/* 文档面板：细描边 + 顶部渐变线 + 左侧竖条 */
.doc{position:relative;padding:34px 32px 30px;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow);}
.doc::after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--rail);}
.doc::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:3px;background:var(--rail-v);opacity:.6;}
.doc-block + .doc-block{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);}
.doc-block h2{font-size:17.5px;font-weight:800;display:flex;align-items:baseline;gap:10px;color:var(--text);}
.doc-block h2::before{content:"";flex:none;width:12px;height:2px;background:var(--rail);transform:translateY(-4px);}
.doc-block p{margin-top:10px;color:var(--text-muted);font-size:15.5px;}
.doc-block ul{margin-top:10px;display:grid;gap:8px;}
.doc-block li{position:relative;padding-left:16px;color:var(--text-muted);font-size:15.5px;}
.doc-block li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;background:var(--gold);}
.doc-tip{
  margin-top:26px;padding:16px 18px;font-size:14.5px;color:var(--text-muted);
  background:var(--bg-elev);border:1px solid var(--line-2);border-left:3px solid var(--gold);
}
.doc-tip a{color:var(--gold-deep);font-weight:600;}

/* 底部 */
.footer{margin-top:44px;padding:32px 0 26px;border-top:1px solid var(--line-2);background:var(--footer-bg);}
.footer-inner{
  max-width:1180px;margin:0 auto;padding:0 24px;
  display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;
  color:var(--text-faint);font-size:13.5px;
}
.footer-inner a:hover{color:var(--gold-deep);}

@media (max-width:760px){
  .nav-links{display:none;}
  .page{padding:34px 20px 28px;}
  .doc{padding:24px 20px 22px;}
}

/* 移动端：底部版权行固定两排 */
@media (max-width:820px){
  .footer-inner{flex-direction:column;align-items:flex-start;gap:8px;}
  .footer-inner > span{display:block;width:100%;}
  .footer-inner > span:first-child{order:2;}
  .footer-inner > span:last-child{order:1;line-height:2;}
}