:root{
    --primary:#818cf8;
    --accent:#c084fc;
    --bg:#1e1b4b;
    --text:#e0e7ff;
    --panel:rgba(129,140,248,0.07);
    --panel-strong:rgba(129,140,248,0.14);
    --border:rgba(192,132,252,0.22);
    --muted:rgba(224,231,255,0.62);
    --radius-lg:24px;
    --radius-md:18px;
    --radius-sm:12px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Inter,sans-serif;
    margin:0;
    overflow-x:hidden;
    line-height:1.75;
  }
  body::before{
    content:"";
    position:fixed;
    width:640px;height:640px;
    top:-240px;left:-180px;
    background:radial-gradient(circle, rgba(129,140,248,0.32), transparent 68%);
    filter:blur(70px);
    z-index:0;
    pointer-events:none;
  }
  body::after{
    content:"";
    position:fixed;
    width:560px;height:560px;
    bottom:-200px;right:-160px;
    background:radial-gradient(circle, rgba(192,132,252,0.26), transparent 70%);
    filter:blur(80px);
    z-index:0;
    pointer-events:none;
  }
  #scrollBar{
    position:fixed;top:0;left:0;height:3px;width:0%;
    background:linear-gradient(90deg,var(--primary),var(--accent));
    z-index:2000;
    transition:width .1s linear;
  }
  .shell{position:relative;z-index:2;}

  /* ===== 顶部条 ===== */
  .topbar{
    position:sticky;top:0;z-index:1500;
    background:rgba(30,27,75,0.82);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border);
  }
  .topbar-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;padding:14px 22px;
  }
  .brand{
    font-size:1.32rem;font-weight:800;letter-spacing:.5px;
    color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px;
    white-space:nowrap;
  }
  .brand i{
    color:var(--accent);
    filter:drop-shadow(0 0 10px rgba(192,132,252,.6));
  }
  .brand:hover{color:#fff;}
  .navlinks{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  .navlinks a{
    color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:500;
    padding:8px 15px;border-radius:999px;transition:.25s;white-space:nowrap;
  }
  .navlinks a:hover,.navlinks a.active{
    color:#fff;background:var(--panel-strong);
    box-shadow:0 0 0 1px var(--border) inset;
  }
  .menuBtn{
    display:none;background:var(--panel-strong);border:1px solid var(--border);
    color:var(--text);border-radius:12px;padding:7px 13px;font-size:1.1rem;cursor:pointer;
  }

  /* ===== 布局：左固定侧栏 + 右内容 ===== */
  .layout{
    display:grid;
    grid-template-columns:246px 1fr;
    gap:34px;
    max-width:1420px;
    margin:0 auto;
    padding:30px 22px 0;
  }
  aside.sidebar{position:relative;}
  .side-sticky{
    position:sticky;top:86px;
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:22px 18px;
    box-shadow:0 20px 48px -28px rgba(0,0,0,.85);
  }
  .side-title{
    font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
    color:var(--accent);font-weight:700;margin-bottom:14px;
  }
  .side-sticky ul{list-style:none;margin:0;padding:0;}
  .side-sticky li{margin-bottom:6px;}
  .side-sticky li a{
    display:flex;align-items:center;gap:11px;
    color:var(--muted);text-decoration:none;font-size:.93rem;font-weight:500;
    padding:10px 13px;border-radius:14px;transition:.25s;
  }
  .side-sticky li a i{width:17px;text-align:center;font-size:.88rem;}
  .side-sticky li a:hover{
    color:#fff;background:var(--panel-strong);transform:translateX(4px);
  }
  .side-note{
    margin-top:20px;padding-top:18px;border-top:1px dashed var(--border);
    font-size:.8rem;color:var(--muted);line-height:1.7;
  }
  .side-note strong{color:var(--accent);display:block;margin-bottom:4px;font-size:.84rem;}

  main{min-width:0;}

  /* ===== Hero ===== */
  .hero{
    position:relative;border-radius:var(--radius-lg);overflow:hidden;
    min-height:440px;display:flex;align-items:flex-end;
    border:1px solid var(--border);
    box-shadow:0 34px 70px -40px rgba(0,0,0,.95);
  }
  .hero-img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  }
  .hero-veil{
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(30,27,75,.36) 0%, rgba(30,27,75,.86) 62%, rgba(30,27,75,.98) 100%);
  }
  .hero-body{position:relative;padding:44px 40px 40px;width:100%;}
  .hero-kicker{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--accent);background:rgba(192,132,252,.12);
    border:1px solid var(--border);padding:6px 15px;border-radius:999px;margin-bottom:18px;
  }
  .hero h1{
    font-size:clamp(2.1rem,5vw,3.6rem);
    font-weight:900;line-height:1.12;letter-spacing:-.02em;
    color:#fff;margin:0 0 16px;max-width:16em;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(120deg,var(--primary),var(--accent));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
  .hero p{
    max-width:47ch;color:rgba(224,231,255,.82);font-size:1rem;
    margin:0 0 26px;font-weight:400;
  }
  .hero-actions{display:flex;gap:12px;flex-wrap:wrap;}
  .btn-main,.btn-ghost{
    display:inline-flex;align-items:center;gap:9px;
    padding:12px 26px;border-radius:999px;font-weight:600;font-size:.94rem;
    text-decoration:none;transition:.28s;border:1px solid transparent;cursor:pointer;
  }
  .btn-main{
    background:linear-gradient(120deg,var(--primary),var(--accent));
    color:#17143a;box-shadow:0 14px 34px -14px rgba(129,140,248,.85);
  }
  .btn-main:hover{transform:translateY(-2px);color:#17143a;box-shadow:0 20px 42px -16px rgba(192,132,252,.95);}
  .btn-ghost{
    background:rgba(224,231,255,.06);color:var(--text);border-color:var(--border);
  }
  .btn-ghost:hover{background:var(--panel-strong);color:#fff;transform:translateY(-2px);}

  /* ===== 通用区块 ===== */
  section.block{margin-top:64px;scroll-margin-top:92px;}
  .block-head{margin-bottom:26px;}
  .block-head .tag{
    font-size:.75rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
    color:var(--accent);display:block;margin-bottom:9px;
  }
  .block-head h2{
    font-size:clamp(1.6rem,3.1vw,2.3rem);
    font-weight:800;letter-spacing:-.015em;margin:0 0 10px;color:#fff;
  }
  .block-head p{color:var(--muted);margin:0;max-width:62ch;font-size:.96rem;}

  /* ===== 数据统计 ===== */
  .stats{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
    gap:18px;
  }
  .stat-card{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);padding:26px 22px;text-align:center;
    transition:.3s;
  }
  .stat-card:hover{transform:translateY(-4px);border-color:var(--accent);background:var(--panel-strong);}
  .stat-num{
    font-size:2.15rem;font-weight:900;line-height:1.1;
    background:linear-gradient(120deg,var(--primary),var(--accent));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
  .stat-lbl{font-size:.85rem;color:var(--muted);margin-top:8px;font-weight:500;}

  /* ===== 时间线（使用说明） ===== */
  .timeline{position:relative;padding-left:34px;}
  .timeline::before{
    content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;
    background:linear-gradient(180deg,var(--primary),var(--accent),transparent);
    border-radius:2px;
  }
  .tl-item{position:relative;margin-bottom:26px;}
  .tl-item:last-child{margin-bottom:0;}
  .tl-item::before{
    content:"";position:absolute;left:-33px;top:11px;width:14px;height:14px;
    border-radius:50%;background:var(--bg);
    border:3px solid var(--primary);
    box-shadow:0 0 0 5px rgba(129,140,248,.16);
  }
  .tl-card{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);padding:22px 24px;transition:.3s;
  }
  .tl-card:hover{background:var(--panel-strong);transform:translateX(5px);}
  .tl-card h3{font-size:1.06rem;font-weight:700;margin:0 0 8px;color:#fff;display:flex;align-items:center;gap:10px;}
  .tl-card h3 span{
    font-size:.72rem;font-weight:700;color:var(--accent);
    background:rgba(192,132,252,.13);border:1px solid var(--border);
    padding:3px 10px;border-radius:999px;
  }
  .tl-card p{margin:0;color:var(--muted);font-size:.93rem;}

  /* ===== 特色（标签页） ===== */
  .tabs{
    display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;
  }
  .tab-btn{
    background:var(--panel);border:1px solid var(--border);color:var(--muted);
    padding:10px 21px;border-radius:999px;font-size:.9rem;font-weight:600;
    cursor:pointer;transition:.26s;
  }
  .tab-btn:hover{color:#fff;background:var(--panel-strong);}
  .tab-btn.on{
    background:linear-gradient(120deg,var(--primary),var(--accent));
    color:#17143a;border-color:transparent;
    box-shadow:0 12px 28px -14px rgba(129,140,248,.9);
  }
  .tab-panel{display:none;}
  .tab-panel.on{display:block;animation:fadeUp .5s ease both;}
  @keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
  .feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
  .feat{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);padding:24px;transition:.3s;
  }
  .feat:hover{transform:translateY(-4px);border-color:var(--accent);background:var(--panel-strong);}
  .feat i{font-size:1.35rem;color:var(--primary);margin-bottom:14px;display:block;}
  .feat h3{font-size:1rem;font-weight:700;margin:0 0 8px;color:#fff;}
  .feat p{margin:0;color:var(--muted);font-size:.9rem;}

  /* ===== 海报网格 ===== */
  .poster-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    width:100%;
  }
  @media(min-width:640px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
  @media(min-width:1020px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
  @media(min-width:1320px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
  .pcard{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);overflow:hidden;text-decoration:none;display:block;
    transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .pcard:hover{
    transform:scale(1.035);
    border-color:var(--primary);
    box-shadow:0 22px 46px -22px rgba(129,140,248,.8);
  }
  .pcard figure{margin:0;position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(150deg,rgba(129,140,248,.22),rgba(192,132,252,.16));}
  .pcard figure img{width:100%;height:100%;object-fit:cover;display:block;}
  .pcard .pbadge{
    position:absolute;top:10px;left:10px;
    font-size:.68rem;font-weight:700;letter-spacing:.06em;
    background:rgba(30,27,75,.82);color:var(--accent);
    border:1px solid var(--border);border-radius:999px;padding:3px 10px;
    backdrop-filter:blur(6px);
  }
  .pcard .pinfo{padding:13px 14px 15px;}
  .pcard .pinfo h3{
    font-size:.9rem;font-weight:700;margin:0 0 5px;color:#fff;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .pcard .pinfo span{font-size:.78rem;color:var(--muted);}

  .sub-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;
  }

  /* ===== FAQ ===== */
  .faq-item{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);margin-bottom:14px;overflow:hidden;
    transition:.3s;
  }
  .faq-item:hover{border-color:var(--primary);}
  .faq-q{
    width:100%;background:none;border:0;color:#fff;text-align:left;
    padding:19px 22px;font-size:.98rem;font-weight:600;cursor:pointer;
    display:flex;justify-content:space-between;align-items:center;gap:14px;
  }
  .faq-q i{color:var(--accent);transition:.3s;flex-shrink:0;font-size:.85rem;}
  .faq-item.open .faq-q i{transform:rotate(180deg);}
  .faq-a{
    max-height:0;overflow:hidden;transition:max-height .38s ease;
  }
  .faq-a p{margin:0;padding:0 22px 20px;color:var(--muted);font-size:.92rem;}

  /* ===== CTA ===== */
  .cta{
    position:relative;overflow:hidden;
    border-radius:var(--radius-lg);
    border:1px solid var(--border);
    background:linear-gradient(135deg,rgba(129,140,248,.19),rgba(192,132,252,.13));
    padding:52px 40px;text-align:center;
    box-shadow:0 30px 64px -40px rgba(0,0,0,.9);
  }
  .cta::before{
    content:"";position:absolute;width:400px;height:400px;top:-180px;right:-120px;
    background:radial-gradient(circle, rgba(192,132,252,.34), transparent 70%);
    filter:blur(60px);
  }
  .cta h2{font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:900;color:#fff;margin:0 0 14px;position:relative;}
  .cta p{color:rgba(224,231,255,.82);max-width:52ch;margin:0 auto 26px;position:relative;font-size:.97rem;}
  .cta .btn-main{position:relative;}

  /* ===== 友链 & 页脚 ===== */
  .friendzone{
    margin-top:64px;background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-lg);padding:28px 26px;
  }
  .friendzone h2{
    font-size:.85rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
    color:var(--accent);margin:0 0 16px;
  }
  .friendzone .flinks{
    display:flex;flex-wrap:wrap;gap:10px;font-size:.88rem;color:var(--muted);
  }
  footer.sitefoot{
    margin-top:52px;border-top:1px solid var(--border);
    background:rgba(30,27,75,.6);padding:40px 22px 26px;
  }
  .foot-inner{
    max-width:1420px;margin:0 auto;
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:28px;
  }
  .foot-col h3{font-size:.82rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;}
  .foot-col a{
    display:block;color:var(--muted);text-decoration:none;font-size:.9rem;
    margin-bottom:9px;transition:.22s;
  }
  .foot-col a:hover{color:#fff;transform:translateX(3px);}
  .foot-col p{color:var(--muted);font-size:.88rem;margin:0;}
  .foot-bottom{
    max-width:1420px;margin:30px auto 0;padding-top:20px;
    border-top:1px solid var(--border);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
    color:var(--muted);font-size:.83rem;
  }
  .foot-bottom .brandline{font-weight:700;color:var(--text);}

  /* ===== 动效 ===== */
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}

  .backtop{
    position:fixed;right:20px;bottom:26px;z-index:1600;
    width:46px;height:46px;border-radius:50%;border:1px solid var(--border);
    background:rgba(30,27,75,.9);color:var(--text);cursor:pointer;
    display:none;align-items:center;justify-content:center;
    backdrop-filter:blur(10px);transition:.26s;
  }
  .backtop:hover{background:var(--panel-strong);transform:translateY(-3px);}

  /* ===== 响应式 ===== */
  @media(max-width:1020px){
    .layout{grid-template-columns:1fr;gap:0;padding-top:20px;}
    aside.sidebar{position:static;}
    .side-sticky{
      position:static;display:none;margin-bottom:22px;
    }
    .side-sticky.show{display:block;animation:fadeUp .35s ease both;}
    .menuBtn{display:inline-flex;align-items:center;gap:8px;}
    .navlinks{
      display:none;width:100%;flex-direction:column;align-items:stretch;
      padding-top:12px;
    }
    .navlinks.show{display:flex;animation:fadeUp .3s ease both;}
    .navlinks a{text-align:center;background:rgba(129,140,248,.08);}
    .topbar-inner{flex-wrap:wrap;}
    .hero-body{padding:32px 22px 30px;}
    section.block{margin-top:52px;}
  }
  @media(max-width:520px){
    .hero{min-height:380px;}
    .cta{padding:38px 22px;}
    .pcard .pinfo h3{font-size:.85rem;}
    .foot-bottom{flex-direction:column;}
  }

/* --- 子页面追加 --- */
.doc-wrap {max-width:920px;margin:0 auto;}
.doc-card {
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:28px 26px;
    margin-bottom:22px;
  }
.doc-card h2 {
    font-size:1.22rem;
    font-weight:800;
    margin:0 0 14px;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--text);
  }
.doc-card h2 i {
    color:var(--accent);
    font-size:1rem;
  }
.doc-card h3 {
    font-size:1rem;
    font-weight:700;
    margin:18px 0 8px;
    color:var(--text);
  }
.doc-card p {
    color:var(--muted);
    font-size:.94rem;
    line-height:1.9;
    margin:0 0 12px;
  }
.doc-card ul {
    margin:0 0 12px;
    padding-left:20px;
  }
.doc-card li {
    color:var(--muted);
    font-size:.94rem;
    line-height:1.9;
    margin-bottom:6px;
  }
.doc-card li strong, .doc-card p strong {color:var(--text);font-weight:600;}
.doc-meta {
    display:flex;flex-wrap:wrap;gap:10px 20px;
    font-size:.82rem;color:var(--muted);
    border-top:1px dashed var(--border);
    padding-top:14px;margin-top:6px;
  }
.doc-meta i {color:var(--primary);margin-right:6px;}
.doc-toc {
    display:flex;flex-wrap:wrap;gap:10px;
    margin-top:16px;
  }
.doc-toc a {
    display:inline-block;
    padding:7px 14px;
    border-radius:999px;
    font-size:.84rem;
    color:var(--text);
    background:var(--panel-strong);
    border:1px solid var(--border);
    text-decoration:none;
    transition:.2s;
  }
.doc-toc a:hover {
    border-color:var(--accent);
    color:var(--accent);
  }
.note-box {
    background:var(--panel-strong);
    border-left:3px solid var(--accent);
    border-radius:var(--radius-sm);
    padding:14px 16px;
    font-size:.9rem;
    color:var(--muted);
    line-height:1.85;
    margin:12px 0;
  }
.note-box strong {color:var(--text);}
.doc-card {padding:20px 16px;}
.doc-card h2 {font-size:1.08rem;}

/* --- 子页面追加 --- */
/* 少量本页专属补充样式，与站点变量保持一致 */
  .about-hero { padding: 56px 0 8px; }
.about-hero h1 { font-size: clamp(1.8rem, 4vw, 2.9rem); line-height: 1.25; margin: 12px 0 18px; font-weight: 800; }
.about-hero h1 .hl { background: linear-gradient(90deg, var(--primary), var(--accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.about-lead { color: var(--muted); font-size: 1.02rem; line-height: 1.9; max-width: 780px; }
.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin-top: 26px; }
.info-card { background: var(--panel); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 22px 22px 20px; transition: .25s ease; }
.info-card:hover { background: var(--panel-strong); transform: translateY(-3px); }
.info-card i { font-size: 1.3rem; color: var(--accent); }
.info-card h3 { font-size: 1.02rem; margin: 12px 0 8px; font-weight: 700; color: var(--text); }
.info-card p { color: var(--muted); font-size: .92rem; line-height: 1.8; margin: 0; }
.prose { color: var(--muted); line-height: 1.95; font-size: .97rem; }
.prose strong { color: var(--text); font-weight: 600; }
.prose p { margin-bottom: 14px; }
.prose ul { padding-left: 20px; margin: 0 0 14px; }
.prose li { margin-bottom: 8px; }
.prose li::marker { color: var(--accent); }
.value-row { display: flex; gap: 14px; align-items: flex-start; padding: 16px 0; border-bottom: 1px dashed var(--border); }
.value-row:last-child { border-bottom: 0; }
.value-row .dot { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--panel-strong); color: var(--accent); font-size: .95rem; }
.value-row h4 { font-size: .98rem; margin: 3px 0 6px; color: var(--text); font-weight: 700; }
.value-row p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.8; }
.cta-band { margin-top: 34px; background: var(--panel-strong); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.cta-band p { margin: 0; color: var(--muted); font-size: .95rem; }
.about-hero { padding-top: 32px; }
.cta-band { padding: 20px; }

/* --- 子页面追加 --- */
/* —— 本页专属少量样式，复用站点配色变量 —— */
  .guide-hero .hero-body { max-width: 760px; }
.guide-section { margin-top: 56px; }
.guide-lead { color: var(--muted); font-size: 1.02rem; line-height: 1.9; }
.tag-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-top: 22px; }
.tag-card {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: 20px 20px 18px;
    transition: .25s ease;
  }
.tag-card:hover { background: var(--panel-strong); transform: translateY(-3px); }
.tag-card .tc-ico { font-size: 1.4rem; }
.tag-card h3 { font-size: 1.02rem; margin: 10px 0 8px; color: var(--text); font-weight: 700; }
.tag-card p { color: var(--muted); font-size: .9rem; line-height: 1.75; margin: 0; }
.tag-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.chip {
    font-size: .78rem;
    padding: 3px 11px;
    border-radius: 999px;
    background: rgba(192,132,252,.14);
    border: 1px solid var(--border);
    color: var(--text);
    white-space: nowrap;
  }
.len-row {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 18px;
    border-radius: var(--radius-sm);
    background: var(--panel);
    border: 1px solid var(--border);
    margin-bottom: 12px;
  }
.len-badge {
    flex: 0 0 auto;
    font-weight: 800;
    font-size: .82rem;
    padding: 6px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: #1e1b4b;
    white-space: nowrap;
  }
.len-row .len-txt { color: var(--muted); font-size: .92rem; line-height: 1.8; }
.len-row .len-txt strong { color: var(--text); }
.order-list { counter-reset: ord; list-style: none; padding: 0; margin: 22px 0 0; }
.order-list li {
    counter-increment: ord;
    position: relative;
    padding: 16px 18px 16px 66px;
    border-radius: var(--radius-md);
    background: var(--panel);
    border: 1px solid var(--border);
    margin-bottom: 12px;
    color: var(--muted);
    font-size: .93rem;
    line-height: 1.8;
  }
.order-list li::before {
    content: counter(ord);
    position: absolute;
    left: 18px;
    top: 16px;
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--accent));
    color: #1e1b4b;
    font-weight: 800;
    font-size: .95rem;
  }
.order-list li strong { color: var(--text); display: block; margin-bottom: 4px; font-size: .98rem; }
.faq-block { margin-top: 22px; }
.faq-item h3 { font-size: .98rem; color: var(--text); margin: 0 0 8px; font-weight: 700; }
.faq-item p { color: var(--muted); font-size: .91rem; line-height: 1.8; margin: 0; }
.cta-band h2 { font-size: 1.35rem; color: var(--text); margin-bottom: 10px; }
.guide-section { margin-top: 40px; }
.len-row { flex-direction: column; gap: 8px; }

/* --- 子页面追加 --- */
.map-wrap {padding:26px 0 40px;}
.crumb {
    font-size:.85rem;color:var(--muted);margin:0 0 14px;
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  }
.crumb a:hover {color:var(--accent);}
.crumb i {font-size:.65rem;opacity:.7;}
.map-hero {
    background:linear-gradient(135deg,var(--panel-strong),rgba(129,140,248,.03));
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:34px 30px;
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
  }
.map-hero::after {
    content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;
    background:radial-gradient(circle,rgba(192,132,252,.28),transparent 70%);
    border-radius:50%;
  }
.map-hero h1 {
    font-size:clamp(1.55rem,3.4vw,2.3rem);
    font-weight:800;letter-spacing:-.5px;margin:0 0 12px;
    line-height:1.3;
  }
.map-hero h1 span {
    background:linear-gradient(90deg,var(--primary),var(--accent));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
.map-hero p {margin:0;color:var(--muted);max-width:760px;font-size:.98rem;position:relative;z-index:1;}
.map-hero .hero-meta {
    display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;
    font-size:.83rem;color:var(--muted);position:relative;z-index:1;
  }
.map-hero .hero-meta b {color:var(--accent);font-weight:700;}
.sec-title {
    display:flex;align-items:center;gap:12px;
    font-size:1.22rem;font-weight:800;margin:0 0 6px;
  }
.sec-title i {
    width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
    background:var(--panel-strong);border:1px solid var(--border);
    color:var(--accent);font-size:.95rem;flex:0 0 auto;
  }
.sec-desc {color:var(--muted);font-size:.9rem;margin:0 0 18px;padding-left:48px;}
.map-section {margin-bottom:38px;scroll-margin-top:90px;}
.map-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.map-card {
    display:block;
    background:var(--panel);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    padding:18px 20px;
    transition:.22s ease;
    position:relative;
  }
.map-card:hover {
    background:var(--panel-strong);
    border-color:var(--primary);
    transform:translateY(-3px);
  }
.map-card .mc-top {display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.map-card .mc-top i {color:var(--accent);font-size:.9rem;}
.map-card .mc-name {font-weight:700;font-size:1rem;}
.map-card .mc-path {
    font-size:.76rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    word-break:break-all;
  }
.map-card p {margin:8px 0 0;font-size:.86rem;color:var(--muted);line-height:1.65;}
.map-card .mc-tag {
    position:absolute;top:14px;right:16px;font-size:.68rem;
    padding:2px 9px;border-radius:999px;
    background:rgba(192,132,252,.16);border:1px solid var(--border);color:var(--accent);
  }
.anchor-list {
    display:flex;flex-wrap:wrap;gap:10px;
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius-md);padding:18px;
  }
.anchor-list a {
    display:inline-flex;align-items:center;gap:7px;
    padding:7px 14px;border-radius:999px;font-size:.85rem;
    background:rgba(129,140,248,.1);border:1px solid var(--border);
    color:var(--text);transition:.2s;
  }
.anchor-list a:hover {background:var(--panel-strong);border-color:var(--primary);color:var(--accent);}
.anchor-list a i {font-size:.75rem;color:var(--accent);}
.cat-tags {display:flex;flex-wrap:wrap;gap:10px;}
.cat-tags span {
    padding:6px 14px;border-radius:999px;font-size:.84rem;
    background:var(--panel);border:1px solid var(--border);color:var(--muted);
  }
.cat-tags span:hover {color:var(--accent);border-color:var(--primary);}
.note-box b {color:var(--accent);}
footer.site-foot {
    border-top:1px solid var(--border);
    margin-top:20px;padding:28px 0 40px;
    font-size:.85rem;color:var(--muted);
  }
footer.site-foot .f-links {display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px;}
footer.site-foot .f-links a:hover {color:var(--accent);}
footer.site-foot .f-friend {margin-bottom:12px;}
.map-grid {grid-template-columns:1fr;}
.sec-desc {padding-left:0;}
.map-hero {padding:26px 20px;}