:root{
  --primary:#6d5dfc;
  --accent:#22d3ee;
  --bg:#0f1020;
  --bg-soft:#171834;
  --bg-card:#1b1c3d;
  --text:#e8eaf6;
  --text-dim:#a4a8c9;
  --line:rgba(109,93,252,.22);
  --radius-lg:24px;
  --radius-md:18px;
  --radius-sm:14px;
  --shadow-soft:0 12px 34px rgba(0,0,0,.45);
  --shadow-hover:0 22px 46px rgba(109,93,252,.38);
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:1.6;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5{font-weight:800;letter-spacing:-.01em;margin:0}
::selection{background:var(--primary);color:#fff}
.container-x{max-width:1320px;margin:0 auto;padding:0 16px}

/* ---------- 导航 ---------- */
.nav-bar{
  position:sticky;top:0;z-index:1040;
  background:rgba(15,16,32,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);
}
.nav-inner{display:flex;align-items:center;gap:18px;height:62px}
.brand-logo{
  display:flex;align-items:center;gap:8px;
  font-weight:900;font-size:19px;letter-spacing:-.02em;
  color:var(--text);white-space:nowrap;
}
.brand-logo .dot{
  width:10px;height:10px;border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  box-shadow:0 0 12px var(--accent);
}
.brand-logo i{color:var(--accent);font-size:17px}
.nav-toggle{
  display:none;background:transparent;border:1px solid var(--line);
  color:var(--text);border-radius:12px;width:40px;height:38px;font-size:16px;
}
.nav-menu{
  display:flex;align-items:center;gap:4px;flex:1;list-style:none;margin:0;padding:0;
  overflow-x:auto;scrollbar-width:none;
}
.nav-menu::-webkit-scrollbar{display:none}
.nav-menu a{
  display:block;padding:7px 13px;border-radius:12px;
  font-weight:600;font-size:13.5px;color:var(--text-dim);
  transition:.25s;white-space:nowrap;
}
.nav-menu a:hover{color:var(--text);background:rgba(109,93,252,.18)}
.nav-menu a.active{color:#fff;background:linear-gradient(135deg,var(--primary),#8b7dff)}
.nav-search{
  display:flex;align-items:center;gap:0;
  border:1px solid var(--line);border-radius:14px;
  background:var(--bg-soft);padding:3px 4px 3px 12px;
}
.nav-search i{color:var(--text-dim);font-size:12.5px}
.nav-search input{
  background:transparent;border:0;outline:none;color:var(--text);
  width:130px;font-size:13px;padding:5px 8px;
}
.nav-search input::placeholder{color:#6f749b}
.nav-search button{
  border:0;border-radius:11px;padding:6px 12px;font-size:12.5px;font-weight:700;
  background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;cursor:pointer;
}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  min-height:420px;display:flex;align-items:flex-end;
  border-bottom:1px solid var(--line);
}
.hero-bg{
  position:absolute;inset:-10% 0 -10% 0;
  background-image:url('{随机图片}');
  background-size:cover;background-position:center;
  will-change:transform;
}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,16,32,.55) 0%,rgba(15,16,32,.82) 55%,var(--bg) 100%);
}
.hero-content{position:relative;z-index:2;padding:70px 16px 46px;width:100%}
.hero-tag{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.42);
  color:var(--accent);font-size:12px;font-weight:700;
  padding:5px 13px;border-radius:999px;margin-bottom:16px;
}
.hero-title{font-size:clamp(28px,4.6vw,50px);line-height:1.15;max-width:760px}
.hero-title span{background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{max-width:620px;color:#c3c7e6;margin-top:14px;font-size:14.5px}
.hero-stats{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px}
.hero-stat b{display:block;font-size:22px;font-weight:900;color:#fff;line-height:1.2}
.hero-stat small{color:var(--text-dim);font-size:12px;letter-spacing:.04em}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn-main,.btn-ghost{
  border-radius:14px;padding:11px 22px;font-weight:700;font-size:13.5px;
  display:inline-flex;align-items:center;gap:8px;transition:.25s;border:1px solid transparent;
}
.btn-main{background:linear-gradient(135deg,var(--primary),#8b7dff);color:#fff;box-shadow:0 10px 26px rgba(109,93,252,.42)}
.btn-main:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:#fff}
.btn-ghost{border-color:rgba(232,234,246,.26);color:var(--text);background:rgba(255,255,255,.04)}
.btn-ghost:hover{background:rgba(34,211,238,.16);border-color:var(--accent);color:#fff}

/* ---------- 通用区块 ---------- */
.sec{padding:42px 0 6px}
.sec-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:16px;margin-bottom:20px;flex-wrap:wrap;
}
.sec-title{font-size:20px;display:flex;align-items:center;gap:10px}
.sec-title i{color:var(--accent);font-size:17px}
.sec-sub{color:var(--text-dim);font-size:12.5px;margin-top:5px;font-weight:400}
.sec-more{font-size:12.5px;color:var(--text-dim);font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:.25s}
.sec-more:hover{color:var(--accent);gap:10px}

/* ---------- 左侧筛选栏 + 右侧瀑布流 ---------- */
.layout{display:grid;grid-template-columns:212px 1fr;gap:26px;align-items:start;margin-top:34px}
.side{
  position:sticky;top:80px;
  background:var(--bg-soft);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:18px 14px;
  box-shadow:var(--shadow-soft);
}
.side h4{font-size:13px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-weight:700}
.filter-list{list-style:none;margin:0 0 18px;padding:0}
.filter-list li{margin-bottom:4px}
.filter-list a{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 12px;border-radius:12px;font-size:13px;font-weight:600;
  color:var(--text-dim);transition:.22s;
}
.filter-list a:hover{background:rgba(109,93,252,.16);color:var(--text)}
.filter-list a.on{background:linear-gradient(135deg,rgba(109,93,252,.85),rgba(34,211,238,.6));color:#fff}
.filter-list a em{font-style:normal;font-size:11px;opacity:.7;font-weight:500}
.quality-keys{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.quality-keys span{
  font-size:11px;font-weight:800;letter-spacing:.04em;
  padding:4px 9px;border-radius:9px;
  border:1px solid var(--line);color:var(--text-dim);background:rgba(255,255,255,.03);
}

/* ---------- 海报网格 ---------- */
.poster-grid{
  display:grid;
  gap:16px;
  width:100%;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.poster-card{
  background:var(--bg-card);
  border:1px solid rgba(109,93,252,.16);
  border-radius:var(--radius-md);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s,border-color .32s;
  will-change:transform;
}
.poster-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:var(--shadow-hover);border-color:rgba(34,211,238,.45);z-index:5}
.poster-thumb{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(140deg,#242652,#1a1b3c)}
.poster-thumb img{width:100%;height:100%;object-fit:cover;transition:filter .32s}
.poster-card:hover .poster-thumb img{filter:brightness(1.1)}
.badge-q{
  position:absolute;top:8px;left:8px;
  font-size:10px;font-weight:900;letter-spacing:.06em;
  padding:3px 8px;border-radius:8px;color:#0b0c1a;
  background:linear-gradient(135deg,var(--accent),#7ef0ff);
}
.badge-q.hd{background:linear-gradient(135deg,#c7d2fe,#e8eaf6)}
.badge-q.u4k{background:linear-gradient(135deg,#facc15,#fde68a)}
.badge-hot{
  position:absolute;top:8px;right:8px;
  font-size:10px;font-weight:800;padding:3px 8px;border-radius:8px;
  color:#fff;background:rgba(109,93,252,.92);backdrop-filter:blur(4px);
}
.poster-body{padding:10px 11px 12px}
.poster-title{font-size:13px;font-weight:700;line-height:1.35;margin-bottom:5px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.poster-meta{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.poster-meta i{font-size:10px;color:var(--accent)}

/* ---------- 数据条 ---------- */
.stat-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;
}
.stat-box{
  background:linear-gradient(150deg,var(--bg-soft),var(--bg-card));
  border:1px solid var(--line);border-radius:var(--radius-md);
  padding:16px 18px;box-shadow:var(--shadow-soft);
}
.stat-box b{display:block;font-size:20px;font-weight:900;background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-box small{color:var(--text-dim);font-size:11.5px}

/* ---------- 周榜 ---------- */
.rank-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rank-item{
  display:flex;gap:12px;align-items:center;
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:11px 14px;transition:.25s;
}
.rank-item:hover{transform:translateX(5px);border-color:rgba(34,211,238,.45);background:var(--bg-card)}
.rank-no{
  flex:none;width:30px;height:30px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;font-size:13px;color:#fff;
  background:rgba(109,93,252,.28);border:1px solid var(--line);
}
.rank-item:nth-child(1) .rank-no{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#2b1c00}
.rank-item:nth-child(2) .rank-no{background:linear-gradient(135deg,#c7d2fe,#e8eaf6);color:#23244a}
.rank-item:nth-child(3) .rank-no{background:linear-gradient(135deg,#22d3ee,#0ea5e9);color:#04212b}
.rank-info{flex:1;min-width:0}
.rank-info b{display:block;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-info small{color:var(--text-dim);font-size:11.5px}
.rank-score{font-size:13px;font-weight:800;color:var(--accent)}

/* ---------- 图标列表 ---------- */
.feat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.feat-list li{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:13px 15px;
}
.feat-list i{
  flex:none;width:32px;height:32px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(109,93,252,.35),rgba(34,211,238,.28));
  color:var(--accent);font-size:14px;
}
.feat-list b{display:block;font-size:13.5px;margin-bottom:2px}
.feat-list p{margin:0;font-size:12.3px;color:var(--text-dim)}

/* ---------- 手风琴 ---------- */
.acc-item{
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius-sm);margin-bottom:10px;overflow:hidden;
}
.acc-head{
  width:100%;background:transparent;border:0;color:var(--text);
  padding:14px 17px;display:flex;align-items:center;justify-content:space-between;
  font-size:14px;font-weight:700;cursor:pointer;text-align:left;
}
.acc-head:hover{color:var(--accent)}
.acc-head i{transition:.3s;color:var(--accent);font-size:12.5px}
.acc-item.open .acc-head i{transform:rotate(180deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .38s ease}
.acc-body p{margin:0;padding:0 17px 15px;color:var(--text-dim);font-size:12.8px}
.acc-item.open .acc-body{max-height:280px}

/* ---------- 即将上线 ---------- */
.soon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.soon-card{
  display:flex;gap:13px;align-items:center;
  background:var(--bg-soft);border:1px dashed rgba(34,211,238,.36);
  border-radius:var(--radius-md);padding:14px;transition:.26s;
}
.soon-card:hover{background:var(--bg-card);border-style:solid;transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.soon-date{
  flex:none;width:52px;text-align:center;
  background:linear-gradient(150deg,rgba(109,93,252,.5),rgba(34,211,238,.3));
  border-radius:12px;padding:8px 0;
}
.soon-date b{display:block;font-size:17px;font-weight:900;color:#fff;line-height:1.1}
.soon-date small{font-size:10px;color:#dbe0ff}
.soon-info b{display:block;font-size:13.5px;margin-bottom:3px}
.soon-info small{color:var(--text-dim);font-size:11.5px}

/* ---------- 友链 ---------- */
.friend-links{
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-soft);
}
.friend-links h3{font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:9px}
.friend-links h3 i{color:var(--accent)}
.friend-links .fl-body{color:var(--text-dim);font-size:12.8px;line-height:2}

/* ---------- 页脚 ---------- */
footer{
  margin-top:52px;border-top:1px solid var(--line);
  background:linear-gradient(180deg,var(--bg) 0%,#0b0c1c 100%);
  padding:40px 0 24px;
}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.foot-brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:900;margin-bottom:12px}
.foot-brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent))}
footer p{color:var(--text-dim);font-size:12.5px;margin:0 0 8px}
.foot-col h5{font-size:13px;color:var(--text);margin-bottom:12px;font-weight:800;letter-spacing:.03em}
.foot-col a{display:block;color:var(--text-dim);font-size:12.5px;padding:4px 0;transition:.22s}
.foot-col a:hover{color:var(--accent);padding-left:4px}
.foot-bottom{
  margin-top:28px;padding-top:16px;border-top:1px solid rgba(109,93,252,.16);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  color:#767ba3;font-size:12px;
}

/* ---------- 滚动渐显 ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}
.reveal.show{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media(max-width:1200px){
  .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:992px){
  .nav-toggle{display:block}
  .nav-menu{
    position:absolute;top:62px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:2px;
    background:rgba(15,16,32,.98);border-bottom:1px solid var(--line);
    padding:12px 16px 18px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;
  }
  .nav-menu.open{max-height:420px}
  .nav-search{display:none}
  .layout{grid-template-columns:1fr}
  .side{position:static}
  .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stat-strip{grid-template-columns:repeat(2,1fr)}
  .rank-wrap{grid-template-columns:1fr}
  .soon-grid{grid-template-columns:1fr}
  .feat-list{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hero{min-height:340px}
  .sec{padding:32px 0 4px}
  .foot-grid{grid-template-columns:1fr}
  .hero-stats{gap:18px}
}
@media(max-width:420px){
  .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* --- 子页面追加 --- */
/* 本页专属少量样式，其余全部复用站点 CSS 变量与类名 */
  :root {
    --primary:#6d5dfc;
    --accent:#22d3ee;
    --bg:#0f1020;
    --bg-soft:#171834;
    --bg-card:#1b1c3d;
    --text:#e8eaf6;
    --text-dim:#a4a8c9;
    --line:rgba(109,93,252,.22);
    --radius-lg:24px;
    --radius-md:18px;
    --radius-sm:14px;
    --shadow-soft:0 12px 34px rgba(0,0,0,.45);
    --shadow-hover:0 22px 46px rgba(109,93,252,.38);
  }
.about-hero {
    position:relative;
    padding:96px 0 56px;
    overflow:hidden;
  }
.about-hero::before {
    content:"";
    position:absolute;
    top:-180px;left:50%;
    width:860px;height:520px;
    transform:translateX(-50%);
    background:radial-gradient(ellipse at center, rgba(109,93,252,.34), rgba(34,211,238,.12) 45%, transparent 72%);
    pointer-events:none;
  }
.about-hero .hero-content {position:relative;z-index:1;max-width:820px;}
.about-hero h1 {
    font-size:clamp(28px,4.4vw,46px);
    font-weight:800;
    line-height:1.25;
    margin:18px 0 16px;
    letter-spacing:-.5px;
  }
.about-hero h1 em {
    font-style:normal;
    background:linear-gradient(90deg,var(--primary),var(--accent));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
.about-hero .hero-desc {font-size:16.5px;line-height:1.9;color:var(--text-dim);max-width:720px;}
.stat-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:34px;
  }
.stat-box:hover {transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(109,93,252,.5);}
.stat-box span {display:block;margin-top:6px;font-size:13px;color:var(--text-dim);}
.about-body {padding:8px 0 72px;}
.about-card {
    background:var(--bg-soft);
    border:1px solid var(--line);
    border-radius:var(--radius-lg);
    padding:34px 32px;
    margin-bottom:22px;
    box-shadow:var(--shadow-soft);
  }
.about-card h2 {
    font-size:22px;
    font-weight:700;
    margin:0 0 16px;
    display:flex;
    align-items:center;
    gap:12px;
    letter-spacing:-.2px;
  }
.about-card h2 i {
    width:38px;height:38px;
    flex:none;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:12px;
    font-size:16px;
    background:linear-gradient(135deg, rgba(109,93,252,.9), rgba(34,211,238,.75));
    color:#fff;
    box-shadow:0 8px 20px rgba(109,93,252,.35);
  }
.about-card h3 {
    font-size:16.5px;
    font-weight:600;
    margin:0 0 8px;
    color:var(--text);
  }
.about-card p {
    color:var(--text-dim);
    line-height:1.95;
    font-size:15px;
    margin:0 0 14px;
  }
.about-card p:last-child {margin-bottom:0;}
.about-card p strong {color:var(--text);font-weight:600;}
.feature-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:6px;
  }
.feature-item {
    background:var(--bg-card);
    border:1px solid var(--line);
    border-radius:var(--radius-md);
    padding:20px 20px 18px;
    transition:.28s;
  }
.feature-item:hover {transform:translateY(-4px);box-shadow:var(--shadow-hover);}
.feature-item h3 {display:flex;align-items:center;gap:9px;}
.feature-item h3 i {color:var(--accent);font-size:15px;}
.feature-item p {margin:0;font-size:14.5px;}
.audience-list {list-style:none;padding:0;margin:6px 0 0;}
.audience-list li {
    position:relative;
    padding:12px 0 12px 30px;
    color:var(--text-dim);
    font-size:15px;
    line-height:1.8;
    border-bottom:1px dashed var(--line);
  }
.audience-list li:last-child {border-bottom:none;}
.audience-list li::before {
    content:"\f00c";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    left:0;top:13px;
    font-size:13px;
    color:var(--accent);
  }
.audience-list li strong {color:var(--text);font-weight:600;}
.steps {counter-reset:step;margin-top:8px;}
.step-item {
    position:relative;
    padding:0 0 22px 54px;
    border-left:1px solid var(--line);
    margin-left:16px;
  }
.step-item:last-child {border-left-color:transparent;padding-bottom:0;}
.step-item::before {
    counter-increment:step;
    content:counter(step);
    position:absolute;
    left:-17px;top:-2px;
    width:34px;height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--bg-card);
    border:1px solid rgba(109,93,252,.55);
    color:var(--accent);
    font-weight:700;
    font-size:14px;
  }
.step-item h3 {margin-bottom:6px;font-size:16px;}
.step-item p {margin:0;font-size:14.5px;}
.tip-band {
    display:flex;
    gap:16px;
    align-items:flex-start;
    background:linear-gradient(135deg, rgba(109,93,252,.16), rgba(34,211,238,.08));
    border:1px solid var(--line);
    border-radius:var(--radius-md);
    padding:20px 22px;
    margin-top:6px;
  }
.tip-band i {color:var(--accent);font-size:19px;margin-top:3px;}
.tip-band p {margin:0;font-size:14.5px;color:var(--text-dim);line-height:1.85;}
.tip-band p strong {color:var(--text);}
.link-row {display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;}
.link-pill {
    display:inline-flex;align-items:center;gap:9px;
    padding:11px 20px;
    border-radius:999px;
    border:1px solid var(--line);
    background:var(--bg-card);
    color:var(--text);
    text-decoration:none;
    font-size:14.5px;font-weight:500;
    transition:.26s;
  }
.link-pill i {color:var(--accent);font-size:13px;}
.link-pill:hover {color:#fff;border-color:rgba(109,93,252,.6);box-shadow:var(--shadow-hover);transform:translateY(-3px);}
.stat-grid {grid-template-columns:repeat(2,1fr);}
.feature-grid {grid-template-columns:1fr;}
.about-hero {padding:72px 0 36px;}
.about-card {padding:24px 20px;border-radius:var(--radius-md);}
.stat-grid {gap:12px;}

/* --- 子页面追加 --- */
.guide-hero {padding:56px 0 28px;}
.guide-hero h1 {font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.25;margin:14px 0 12px;}
.guide-hero p {color:var(--text-dim);max-width:760px;line-height:1.9;}
.crumb {font-size:.85rem;color:var(--text-dim);}
.crumb a {color:var(--accent);}
.step-card {background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 24px;height:100%;box-shadow:var(--shadow-soft);transition:.28s;}
.step-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:rgba(109,93,252,.5);}
.step-num {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;margin-bottom:14px;}
.step-card h3 {font-size:1.08rem;font-weight:700;margin-bottom:10px;}
.step-card p {color:var(--text-dim);font-size:.94rem;line-height:1.85;margin:0;}
.faq-item {background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:20px 22px;margin-bottom:14px;}
.faq-item h3 {font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text);}
.faq-item h3 i {color:var(--accent);margin-right:8px;}
.faq-item p {color:var(--text-dim);font-size:.93rem;line-height:1.85;margin:0;}
.tip-list {list-style:none;padding:0;margin:0;}
.tip-list li {position:relative;padding:10px 0 10px 26px;color:var(--text-dim);line-height:1.8;font-size:.94rem;border-bottom:1px dashed var(--line);}
.tip-list li:last-child {border-bottom:none;}
.tip-list li::before {content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;top:10px;color:var(--primary);}
.tag-row {display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}
.tag-row span {background:rgba(109,93,252,.14);border:1px solid var(--line);color:var(--text);padding:6px 14px;border-radius:999px;font-size:.85rem;}
.note-box {background:linear-gradient(135deg,rgba(109,93,252,.16),rgba(34,211,238,.1));border:1px solid var(--line);border-radius:var(--radius-md);padding:22px 24px;color:var(--text-dim);font-size:.94rem;line-height:1.9;}
.note-box strong {color:var(--text);}
.table-wrap {overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);}
table.guide-table {width:100%;border-collapse:collapse;min-width:520px;}
table.guide-table th,table.guide-table td {padding:14px 18px;text-align:left;font-size:.92rem;border-bottom:1px solid var(--line);}
table.guide-table th {background:var(--bg-soft);color:var(--text);font-weight:700;white-space:nowrap;}
table.guide-table td {color:var(--text-dim);line-height:1.75;}
table.guide-table tr:last-child td {border-bottom:none;}
table.guide-table tr:hover td {background:rgba(109,93,252,.07);}
.side-card {background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-soft);}
.side-card h4 {font-size:.98rem;font-weight:700;margin-bottom:14px;}
.side-card a {display:block;color:var(--text-dim);font-size:.9rem;padding:8px 0;border-bottom:1px dashed var(--line);transition:.2s;}
.side-card a:last-child {border-bottom:none;}
.side-card a:hover {color:var(--accent);padding-left:5px;}
.guide-hero {padding:36px 0 18px;}
.step-card {padding:20px 18px;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站点变量与类名 */
  .doc-hero {
    padding: 68px 0 34px;
  }
.doc-hero .hero-tag { margin-bottom:18px; }
.doc-hero .hero-title { font-size: clamp(28px, 4.4vw, 46px); line-height:1.22; }
.doc-hero .hero-desc { max-width: 760px; }
.doc-wrap {
    display:grid;
    grid-template-columns: 262px minmax(0,1fr);
    gap: 34px;
    align-items:start;
  }
.doc-toc {
    position: sticky;
    top: 92px;
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-radius: var(--radius-md);
    padding: 20px 18px;
    box-shadow: var(--shadow-soft);
  }
.doc-toc h4 {
    font-size: 14px;
    letter-spacing:.06em;
    text-transform: uppercase;
    color: var(--text-dim);
    margin: 0 0 14px;
    font-weight: 700;
  }
.doc-toc a {
    display:block;
    padding: 9px 12px;
    border-radius: 10px;
    color: var(--text-dim);
    font-size: 14.5px;
    text-decoration:none;
    transition: .22s ease;
    border-left: 2px solid transparent;
  }
.doc-toc a:hover {
    color: var(--text);
    background: rgba(109,93,252,.14);
    border-left-color: var(--primary);
  }
.doc-body {
    background: var(--bg-card);
    border: 1px solid var(--line);
    border-radius: var(--radius-lg);
    padding: 40px 40px 46px;
    box-shadow: var(--shadow-soft);
  }
.doc-body h2 {
    font-size: clamp(20px, 2.4vw, 25px);
    margin: 42px 0 14px;
    padding-left: 14px;
    border-left: 4px solid var(--primary);
    line-height:1.35;
  }
.doc-body h2:first-child { margin-top:0; }
.doc-body h3 {
    font-size: 17.5px;
    margin: 26px 0 10px;
    color: var(--text);
  }
.doc-body p {
    color: var(--text-dim);
    line-height: 1.95;
    font-size: 15.5px;
    margin-bottom: 14px;
  }
.doc-body ul {
    padding-left: 0;
    list-style: none;
    margin: 0 0 16px;
  }
.doc-body ul li {
    position: relative;
    padding-left: 24px;
    color: var(--text-dim);
    line-height: 1.9;
    font-size: 15.5px;
    margin-bottom: 10px;
  }
.doc-body ul li::before {
    content:"";
    position:absolute;
    left:6px; top:13px;
    width:7px; height:7px;
    border-radius:50%;
    background: linear-gradient(135deg, var(--primary), var(--accent));
  }
.doc-body strong { color: var(--text); font-weight: 600; }
.doc-body a {
    color: var(--accent);
    text-decoration:none;
    border-bottom:1px dashed rgba(34,211,238,.45);
  }
.doc-body a:hover { color: var(--primary); border-bottom-color: var(--primary); }
.meta-line {
    margin-top: 8px;
    font-size: 13.5px;
    color: var(--text-dim);
    letter-spacing:.02em;
  }
.doc-wrap { grid-template-columns: 1fr; }
.doc-toc { position: static; }
.doc-body { padding: 28px 22px 34px; }