:root{
    --primary:#818cf8;
    --accent:#c084fc;
    --bg:#1e1b4b;
    --text:#e0e7ff;
    --panel:#272155;
    --panel-2:#2f2866;
    --line:rgba(129,140,248,.28);
    --muted:#a5a6d8;
    --shadow:0 18px 40px -12px rgba(0,0,0,.75);
    --shadow-sm:0 8px 18px -6px rgba(0,0,0,.65);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background-color:var(--bg);
    color:var(--text);
    font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
    font-size:14px;
    line-height:1.72;
    background-image:
      linear-gradient(rgba(129,140,248,.055) 1px,transparent 1px),
      linear-gradient(90deg,rgba(129,140,248,.055) 1px,transparent 1px),
      radial-gradient(circle at 12% 8%,rgba(192,132,252,.16),transparent 45%),
      radial-gradient(circle at 88% 0%,rgba(129,140,248,.16),transparent 42%);
    background-size:34px 34px,34px 34px,100% 100%,100% 100%;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4,.brand-font{
    font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
    font-weight:800;
    letter-spacing:.5px;
  }
  a{text-decoration:none;color:var(--primary);}
  a:hover{color:var(--accent);}
  .wrap{max-width:1180px;margin:0 auto;padding:0 18px;}

  /* ============ NAV ============ */
  .site-nav{
    position:sticky;top:0;z-index:1000;
    background:rgba(30,27,75,.55);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;
  }
  .site-nav.scrolled{
    background:rgba(30,27,75,.94);
    box-shadow:0 12px 28px -10px rgba(0,0,0,.8);
    border-bottom-color:rgba(192,132,252,.4);
  }
  .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;}
  .brand{
    display:inline-flex;align-items:center;gap:9px;
    font-size:19px;font-weight:900;color:#fff;
    letter-spacing:1px;
    text-shadow:0 2px 10px rgba(129,140,248,.55);
  }
  .brand i{
    display:inline-flex;align-items:center;justify-content:center;
    width:32px;height:32px;border-radius:9px;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#1e1b4b;font-size:15px;
    box-shadow:0 6px 14px -4px rgba(192,132,252,.85),inset 0 1px 0 rgba(255,255,255,.55);
  }
  .nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
  .nav-links a{
    display:inline-block;
    padding:7px 12px;border-radius:8px;
    font-size:13px;font-weight:600;color:var(--text);
    border:1px solid transparent;
    transition:.22s ease;
  }
  .nav-links a:hover,.nav-links a.active{
    color:#fff;
    background:linear-gradient(135deg,rgba(129,140,248,.3),rgba(192,132,252,.24));
    border-color:var(--line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 12px -6px rgba(0,0,0,.7);
  }
  .nav-toggle{
    display:none;background:linear-gradient(135deg,var(--primary),var(--accent));
    border:none;color:#1e1b4b;width:40px;height:36px;border-radius:9px;
    font-size:16px;box-shadow:0 6px 14px -5px rgba(192,132,252,.8);
  }
  @media(max-width:900px){
    .nav-toggle{display:block;}
    .nav-links{
      display:none;position:absolute;left:0;right:0;top:100%;
      flex-direction:column;align-items:stretch;gap:2px;
      background:rgba(35,31,88,.98);
      padding:12px 18px 18px;
      border-bottom:1px solid var(--line);
      box-shadow:0 20px 40px -14px rgba(0,0,0,.9);
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:11px 12px;font-size:14px;}
  }

  /* ============ HERO ============ */
  .hero{position:relative;padding:40px 0 52px;overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch;}
  @media(max-width:900px){.hero-grid{grid-template-columns:1fr;}}
  .hero-main{
    position:relative;border-radius:18px;overflow:hidden;
    background:linear-gradient(160deg,var(--panel-2),#211d52 65%,#1a1740);
    border:1px solid var(--line);
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.09);
    padding:30px 26px 26px;
  }
  .hero-main::before{
    content:"";position:absolute;inset:-1px;pointer-events:none;
    background:
      radial-gradient(circle at 84% 6%,rgba(192,132,252,.32),transparent 46%),
      radial-gradient(circle at 4% 96%,rgba(129,140,248,.3),transparent 50%);
  }
  .hero-tag{
    position:relative;z-index:2;
    display:inline-flex;align-items:center;gap:7px;
    font-size:11px;font-weight:700;letter-spacing:1.6px;
    color:#1e1b4b;text-transform:uppercase;
    background:linear-gradient(120deg,var(--primary),var(--accent));
    padding:5px 12px;border-radius:999px;
    box-shadow:0 6px 14px -5px rgba(192,132,252,.9),inset 0 1px 0 rgba(255,255,255,.5);
  }
  .hero-stats{
    position:relative;z-index:2;
    display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;
    margin:16px 0 8px;
  }
  .big-num{
    font-size:clamp(52px,9vw,86px);
    line-height:.92;font-weight:900;letter-spacing:-3px;
    background:linear-gradient(120deg,#fff 8%,var(--primary) 52%,var(--accent) 96%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    filter:drop-shadow(0 8px 18px rgba(129,140,248,.45));
  }
  .big-num-sub{padding-bottom:10px;}
  .big-num-sub strong{display:block;font-size:15px;color:#fff;font-weight:800;}
  .big-num-sub span{font-size:12px;color:var(--muted);}
  .hero-title{
    position:relative;z-index:2;
    font-size:clamp(26px,4.1vw,40px);line-height:1.16;
    margin:6px 0 12px;color:#fff;
    text-shadow:0 4px 20px rgba(0,0,0,.55);
  }
  .hero-title em{
    font-style:normal;
    background:linear-gradient(120deg,var(--accent),var(--primary));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-desc{position:relative;z-index:2;color:#c7c9f0;font-size:13.5px;max-width:580px;margin-bottom:18px;}
  .btn-flow{
    position:relative;overflow:hidden;
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 22px;border-radius:10px;border:none;
    font-size:13.5px;font-weight:800;color:#1e1b4b;
    background:linear-gradient(100deg,var(--primary),var(--accent),var(--primary));
    background-size:220% 100%;
    box-shadow:0 12px 24px -10px rgba(192,132,252,.95),inset 0 1px 0 rgba(255,255,255,.55);
    transition:background-position .6s ease,transform .2s ease;
  }
  .btn-flow:hover{background-position:100% 0;transform:translateY(-2px);color:#1e1b4b;}
  .btn-flow::after{
    content:"";position:absolute;top:0;left:-60%;width:42%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);
    transform:skewX(-18deg);transition:left .55s ease;
  }
  .btn-flow:hover::after{left:120%;}
  .btn-ghost{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 20px;border-radius:10px;font-size:13.5px;font-weight:700;
    color:var(--text);border:1px solid var(--line);
    background:rgba(129,140,248,.1);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 16px -10px #000;
    transition:.22s ease;
  }
  .btn-ghost:hover{background:rgba(192,132,252,.2);color:#fff;border-color:var(--accent);}

  .hero-side{display:flex;flex-direction:column;gap:12px;}
  .poster-card{
    position:relative;border-radius:16px;overflow:hidden;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:linear-gradient(150deg,#332b71,#221e54);
  }
  .poster-card img{
    display:block;width:100%;height:100%;object-fit:cover;
    aspect-ratio:16/9;opacity:0;transition:opacity .7s ease;
  }
  .poster-card img.loaded{opacity:1;}
  .poster-ph{
    position:absolute;inset:0;
    background:
      linear-gradient(100deg,rgba(129,140,248,.12) 8%,rgba(192,132,252,.24) 50%,rgba(129,140,248,.12) 92%);
    background-size:220% 100%;
    animation:shimmer 1.7s linear infinite;
  }
  @keyframes shimmer{0%{background-position:180% 0;}100%{background-position:-60% 0;}}
  .poster-cap{
    position:absolute;left:0;right:0;bottom:0;
    padding:26px 14px 11px;
    background:linear-gradient(transparent,rgba(18,15,48,.94));
    font-size:12.5px;font-weight:800;color:#fff;
    display:flex;justify-content:space-between;gap:8px;
  }
  .mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .mini-stat{
    text-align:center;padding:12px 6px;border-radius:12px;
    background:linear-gradient(160deg,var(--panel-2),#241f57);
    border:1px solid var(--line);
    box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.08);
  }
  .mini-stat b{display:block;font-size:19px;color:#fff;line-height:1.25;}
  .mini-stat span{font-size:11px;color:var(--muted);}

  /* ============ SECTION 通用 ============ */
  section{padding:44px 0;}
  .sec-head{margin-bottom:20px;}
  .sec-kicker{
    display:inline-flex;align-items:center;gap:7px;
    font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    color:var(--accent);margin-bottom:7px;
  }
  .sec-kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent));}
  .sec-title{
    font-size:clamp(21px,3.2vw,29px);color:#fff;margin:0 0 8px;line-height:1.24;
    text-shadow:0 3px 14px rgba(0,0,0,.5);
  }
  .sec-sub{color:var(--muted);font-size:13px;margin:0;max-width:760px;}

  /* ============ 使用说明 编号清单 ============ */
  .guide-panel{
    border-radius:16px;padding:22px;
    background:linear-gradient(160deg,var(--panel),#221d52 70%);
    border:1px solid var(--line);
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px;}
  @media(max-width:760px){.guide-grid{grid-template-columns:1fr;}}
  .step{
    display:flex;gap:13px;align-items:flex-start;
    padding:12px 13px;border-radius:12px;
    background:rgba(129,140,248,.075);
    border:1px solid rgba(129,140,248,.16);
    transition:.24s ease;
  }
  .step:hover{
    background:rgba(192,132,252,.13);
    border-color:rgba(192,132,252,.42);
    transform:translateY(-2px);
    box-shadow:0 12px 22px -14px #000;
  }
  .step-no{
    flex:0 0 auto;
    width:28px;height:28px;border-radius:8px;
    display:flex;align-items:center;justify-content:center;
    font-size:12.5px;font-weight:900;color:#1e1b4b;
    background:linear-gradient(140deg,var(--primary),var(--accent));
    box-shadow:0 5px 12px -5px rgba(192,132,252,.95),inset 0 1px 0 rgba(255,255,255,.55);
  }
  .step h4{font-size:13.5px;color:#fff;margin:0 0 3px;font-weight:800;}
  .step p{margin:0;font-size:12.5px;color:#b9bce6;line-height:1.6;}

  /* ============ 特色 对比表格 ============ */
  .cmp-wrap{
    border-radius:16px;overflow:hidden;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:linear-gradient(160deg,var(--panel-2),#221d52);
  }
  table.cmp{width:100%;border-collapse:collapse;font-size:12.7px;}
  table.cmp thead th{
    background:linear-gradient(135deg,rgba(129,140,248,.34),rgba(192,132,252,.28));
    color:#fff;font-size:12.5px;font-weight:800;
    padding:12px 14px;text-align:left;
    border-bottom:1px solid rgba(192,132,252,.42);
    letter-spacing:.4px;
  }
  table.cmp td{
    padding:11px 14px;
    border-bottom:1px solid rgba(129,140,248,.14);
    color:#c5c7ee;vertical-align:top;
  }
  table.cmp tbody tr:last-child td{border-bottom:none;}
  table.cmp tbody tr{transition:background .2s ease;}
  table.cmp tbody tr:hover{background:rgba(129,140,248,.12);}
  table.cmp td.feat{color:#fff;font-weight:800;white-space:nowrap;}
  .pill{
    display:inline-block;padding:2px 9px;border-radius:999px;
    font-size:11px;font-weight:800;
    background:rgba(129,140,248,.2);color:var(--primary);
    border:1px solid rgba(129,140,248,.4);
  }
  .pill.hot{background:rgba(192,132,252,.2);color:var(--accent);border-color:rgba(192,132,252,.45);}
  @media(max-width:680px){
    .table-scroll{overflow-x:auto;}
    table.cmp{min-width:620px;}
  }

  /* ============ 长文 ============ */
  .longform{
    display:grid;grid-template-columns:1.62fr 1fr;gap:24px;
  }
  @media(max-width:900px){.longform{grid-template-columns:1fr;}}
  .article-card{
    border-radius:16px;padding:24px;
    background:linear-gradient(165deg,#282261,#211d52 75%);
    border:1px solid var(--line);
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.06);
  }
  .article-card h3{
    font-size:17px;color:#fff;margin:20px 0 9px;
    padding-left:11px;border-left:3px solid var(--accent);
    line-height:1.4;
  }
  .article-card h3:first-child{margin-top:0;}
  .article-card p{font-size:13px;color:#c2c4ea;margin:0 0 11px;line-height:1.82;}
  .article-card strong{color:#fff;}
  .drop-cap::first-letter{
    float:left;font-size:38px;line-height:.92;font-weight:900;
    padding:4px 9px 0 0;
    background:linear-gradient(140deg,var(--primary),var(--accent));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .side-col{display:flex;flex-direction:column;gap:14px;}
  .side-box{
    border-radius:14px;padding:16px 17px;
    background:linear-gradient(160deg,var(--panel-2),#241f57);
    border:1px solid var(--line);
    box-shadow:var(--shadow-sm),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .side-box h4{font-size:13.5px;color:#fff;margin:0 0 10px;display:flex;align-items:center;gap:8px;}
  .side-box h4 i{color:var(--accent);font-size:12px;}
  .side-box ul{list-style:none;padding:0;margin:0;}
  .side-box li{
    display:flex;justify-content:space-between;gap:10px;
    font-size:12.3px;color:#b9bce6;
    padding:7px 0;border-bottom:1px dashed rgba(129,140,248,.18);
  }
  .side-box li:last-child{border-bottom:none;}
  .side-box li b{color:var(--primary);font-weight:800;}
  .taglist{display:flex;flex-wrap:wrap;gap:7px;}
  .taglist span{
    font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:7px;
    color:#cdd0f5;background:rgba(129,140,248,.14);
    border:1px solid rgba(129,140,248,.26);
    transition:.2s ease;
  }
  .taglist span:hover{background:rgba(192,132,252,.22);color:#fff;border-color:var(--accent);}

  /* ============ FAQ ============ */
  .faq-list{display:grid;gap:10px;}
  .faq-item{
    border-radius:13px;overflow:hidden;
    background:linear-gradient(160deg,var(--panel-2),#231e55);
    border:1px solid var(--line);
    box-shadow:var(--shadow-sm);
  }
  .faq-q{
    width:100%;text-align:left;border:none;cursor:pointer;
    background:transparent;color:#fff;
    font-size:13.5px;font-weight:800;
    padding:14px 16px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    transition:.2s ease;
  }
  .faq-q:hover{background:rgba(129,140,248,.1);}
  .faq-q i{color:var(--accent);font-size:12px;transition:transform .3s ease;flex:0 0 auto;}
  .faq-item.open .faq-q i{transform:rotate(180deg);}
  .faq-a{
    max-height:0;overflow:hidden;
    transition:max-height .35s ease;
    padding:0 16px;color:#bcbfe8;font-size:12.7px;line-height:1.78;
  }
  .faq-item.open .faq-a{max-height:400px;padding-bottom:14px;}

  /* ============ CTA ============ */
  .cta-band{
    position:relative;border-radius:18px;overflow:hidden;
    padding:34px 28px;text-align:center;
    background:linear-gradient(135deg,#332b74,#241f57 55%,#2e2769);
    border:1px solid rgba(192,132,252,.38);
    box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.12);
  }
  .cta-band::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(circle at 18% 12%,rgba(129,140,248,.34),transparent 48%),
      radial-gradient(circle at 82% 88%,rgba(192,132,252,.3),transparent 50%);
  }
  .cta-band h2{position:relative;font-size:clamp(21px,3.4vw,30px);color:#fff;margin:0 0 10px;}
  .cta-band p{position:relative;color:#c7c9f0;font-size:13px;margin:0 auto 20px;max-width:620px;}
  .cta-actions{position:relative;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

  /* ============ FOOTER ============ */
  footer{
    margin-top:12px;
    border-top:1px solid var(--line);
    background:linear-gradient(180deg,rgba(39,33,85,.6),rgba(24,21,60,.95));
    padding:34px 0 20px;
  }
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:22px;}
  @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.foot-grid{grid-template-columns:1fr;}}
  .foot-brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:900;color:#fff;margin-bottom:9px;}
  .foot-brand i{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:8px;
    background:linear-gradient(135deg,var(--primary),var(--accent));color:#1e1b4b;font-size:13px;
  }
  .foot-desc{font-size:12.3px;color:#a7aadd;line-height:1.78;max-width:330px;}
  footer h5{font-size:12.5px;color:#fff;font-weight:800;margin:0 0 10px;letter-spacing:.6px;}
  footer ul{list-style:none;padding:0;margin:0;}
  footer li{margin-bottom:6px;}
  footer li a{font-size:12.3px;color:#a7aadd;transition:.2s ease;}
  footer li a:hover{color:var(--accent);}
  .friend-links{
    margin-top:26px;padding-top:18px;
    border-top:1px dashed rgba(129,140,248,.26);
  }
  .friend-links h5{font-size:12.5px;color:#fff;margin:0 0 9px;display:flex;align-items:center;gap:7px;}
  .friend-links h5 i{color:var(--accent);font-size:11px;}
  .friend-links p{font-size:12.2px;color:#a7aadd;margin:0;line-height:2;}
  .copyright{
    margin-top:18px;padding-top:14px;
    border-top:1px solid rgba(129,140,248,.16);
    display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
    font-size:12px;color:#9497cc;
  }
  .copyright a{color:#b9bce6;}
  .copyright a:hover{color:var(--accent);}

  /* 渐显 */
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in{opacity:1;transform:none;}
  @media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    html{scroll-behavior:auto;}
    .poster-ph{animation:none;}
  }

/* --- 子页面追加 --- */
/* 本页专属少量样式，沿用站点变量 */
.rank-tabs {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 8px;}
.rank-tab {padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:.2s;text-decoration:none;}
.rank-tab:hover {color:var(--text);border-color:var(--primary);}
.rank-tab.on {background:linear-gradient(135deg,var(--primary),var(--accent));color:#1a1740;border-color:transparent;box-shadow:var(--shadow-sm);}
.rank-list {display:flex;flex-direction:column;gap:14px;margin-top:22px;}
.rank-item {display:flex;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px 20px;box-shadow:var(--shadow-sm);transition:.25s;}
.rank-item:hover {transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow);}
.rank-no {flex:0 0 46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;background:var(--panel-2);color:var(--muted);}
.rank-item:nth-child(1) .rank-no {background:linear-gradient(135deg,#f6c445,#e08a2c);color:#241c00;}
.rank-item:nth-child(2) .rank-no {background:linear-gradient(135deg,#cfd6e6,#97a3bd);color:#1b1f33;}
.rank-item:nth-child(3) .rank-no {background:linear-gradient(135deg,#d99a63,#a86a35);color:#2a1500;}
.rank-thumb {flex:0 0 62px;height:82px;border-radius:10px;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);}
.rank-thumb img {width:100%;height:100%;object-fit:cover;display:block;}
.rank-body {flex:1;min-width:0;}
.rank-title {font-size:17px;font-weight:700;color:var(--text);margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.rank-title .badge-cat {font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:rgba(129,140,248,.18);color:var(--primary);border:1px solid var(--line);}
.rank-note {font-size:13.5px;color:var(--muted);line-height:1.65;margin:0;}
.rank-meta {flex:0 0 auto;text-align:right;display:flex;flex-direction:column;gap:4px;}
.rank-heat {font-size:19px;font-weight:800;color:var(--accent);}
.rank-heat-sub {font-size:11.5px;color:var(--muted);}
.rank-up {font-size:12px;color:#7ee0a8;}
.rank-down {font-size:12px;color:#f08a8a;}
.rank-rule {background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:var(--shadow-sm);}
.rank-rule h3 {font-size:18px;margin:0 0 14px;color:var(--text);}
.rank-rule ul {margin:0;padding-left:20px;color:var(--muted);font-size:14.5px;line-height:2;}
.rank-rule li strong {color:var(--text);}
.rank-callout {background:linear-gradient(135deg,rgba(129,140,248,.16),rgba(192,132,252,.12));border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin-top:26px;}
.rank-callout p {margin:0;color:var(--muted);font-size:14.5px;line-height:1.9;}
.rank-callout a {color:var(--accent);font-weight:600;text-decoration:none;}
.rank-callout a:hover {text-decoration:underline;}
.rank-item {flex-wrap:wrap;gap:12px;padding:14px;}
.rank-meta {width:100%;text-align:left;flex-direction:row;align-items:baseline;gap:12px;}
.rank-thumb {flex:0 0 52px;height:70px;}

/* --- 子页面追加 --- */
/* 页面专属补充样式 */
  .page-hero {
    padding: 56px 0 34px;
    border-bottom: 1px solid var(--line);
    background:
      radial-gradient(900px 320px at 12% -10%, rgba(129,140,248,.22), transparent 65%),
      radial-gradient(700px 300px at 88% 0%, rgba(192,132,252,.16), transparent 70%);
  }
.page-hero .kicker {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase;
    color: var(--primary); font-weight: 700;
    padding: 6px 14px; border-radius: 999px;
    border: 1px solid var(--line); background: rgba(129,140,248,.08);
    margin-bottom: 18px;
  }
.page-hero h1 {
    font-size: clamp(26px, 4vw, 42px);
    font-weight: 800; line-height: 1.28; margin: 0 0 16px;
    letter-spacing: -.01em;
  }
.page-hero h1 span {
    background: linear-gradient(100deg, var(--primary), var(--accent));
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
.page-hero p { color: var(--muted); max-width: 760px; margin: 0; font-size: 15.5px; }
.about-sec { padding: 46px 0; border-bottom: 1px solid var(--line); }
.about-sec:last-of-type { border-bottom: none; }
.about-sec h2 {
    font-size: clamp(20px, 2.6vw, 27px);
    font-weight: 700; margin: 0 0 8px; letter-spacing: -.01em;
  }
.about-sec h2 em {
    font-style: normal; color: var(--accent);
  }
.about-sec .sub {
    color: var(--muted); font-size: 14.5px; margin: 0 0 26px;
  }
.about-sec h3 {
    font-size: 17px; font-weight: 700; margin: 0 0 8px; color: var(--text);
  }
.about-sec p { color: #c9cdf0; font-size: 15px; margin: 0 0 14px; }
.about-sec p:last-child { margin-bottom: 0; }
.info-card {
    background: linear-gradient(180deg, var(--panel), var(--panel-2));
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 24px 22px;
    box-shadow: var(--shadow-sm);
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
.info-card:hover {
    transform: translateY(-4px);
    border-color: rgba(192,132,252,.45);
    box-shadow: var(--shadow);
  }
.info-card .ico {
    width: 44px; height: 44px; border-radius: 12px;
    display: grid; place-items: center;
    background: rgba(129,140,248,.14);
    border: 1px solid var(--line);
    color: var(--primary); font-size: 18px;
    margin-bottom: 14px;
  }
.info-card h3 { margin-bottom: 8px; }
.info-card p { font-size: 14.5px; color: var(--muted); margin: 0; }
/* 标准清单 */
  .std-list { list-style: none; padding: 0; margin: 0; }
.std-list li {
    display: flex; gap: 14px;
    padding: 16px 18px;
    background: rgba(39,33,85,.72);
    border: 1px solid var(--line);
    border-radius: 14px;
    margin-bottom: 12px;
    align-items: flex-start;
  }
.std-list li i {
    color: var(--accent); font-size: 15px; margin-top: 4px; flex: 0 0 auto;
  }
.std-list li b { color: var(--text); font-weight: 700; }
.std-list li span { color: var(--muted); font-size: 14.5px; display: block; margin-top: 2px; }
/* 数据条 */
  .stat-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }
.stat-box {
    background: rgba(39,33,85,.7);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 20px 16px;
    text-align: center;
  }
.stat-box .num {
    font-size: 27px; font-weight: 800; letter-spacing: -.02em;
    background: linear-gradient(100deg, var(--primary), var(--accent));
    -webkit-background-clip: text; background-clip: text; color: transparent;
  }
.stat-box .lbl { font-size: 13px; color: var(--muted); margin-top: 4px; }
/* 时间线 */
  .timeline { position: relative; padding-left: 26px; }
.timeline::before {
    content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px;
    width: 2px; background: linear-gradient(180deg, var(--primary), transparent);
    opacity: .55; border-radius: 2px;
  }
.tl-item { position: relative; padding-bottom: 24px; }
.tl-item:last-child { padding-bottom: 0; }
.tl-item::before {
    content: ""; position: absolute; left: -26px; top: 8px;
    width: 12px; height: 12px; border-radius: 50%;
    background: var(--panel); border: 2px solid var(--primary);
    box-shadow: 0 0 0 4px rgba(129,140,248,.12);
  }
.tl-item .tag {
    display: inline-block; font-size: 12px; font-weight: 700;
    color: var(--accent); letter-spacing: .08em; margin-bottom: 4px;
  }
.tl-item h3 { margin-bottom: 4px; }
.tl-item p { font-size: 14.5px; color: var(--muted); margin: 0; }
/* 引用块 */
  .quote-box {
    border-left: 3px solid var(--accent);
    background: rgba(192,132,252,.07);
    border-radius: 0 14px 14px 0;
    padding: 18px 22px;
    margin: 22px 0 0;
    color: #d5d8f6;
    font-size: 15px;
    font-style: italic;
  }
/* CTA */
  .cta-band {
    background: linear-gradient(120deg, rgba(129,140,248,.18), rgba(192,132,252,.14));
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 34px 28px;
    text-align: center;
    box-shadow: var(--shadow-sm);
  }
/* 导航高亮 */
  .nav-links a.active { color: var(--accent); }
/* 页脚 */
  .site-footer {
    border-top: 1px solid var(--line);
    padding: 40px 0 30px;
    margin-top: 46px;
    background: rgba(23,20,60,.6);
  }
.footer-grid { display: flex; gap: 40px; flex-wrap: wrap; justify-content: space-between; }
.footer-brand { max-width: 340px; }
.footer-brand .brand { margin-bottom: 12px; }
.footer-brand p { color: var(--muted); font-size: 14px; margin: 0; }
.footer-col h4 {
    font-size: 13px; text-transform: uppercase; letter-spacing: .1em;
    color: var(--primary); margin: 0 0 12px; font-weight: 700;
  }
.footer-col a { display: block; color: var(--muted); font-size: 14px; margin-bottom: 9px; }
.footer-col a:hover { color: var(--text); }
.footer-bottom {
    margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--line);
    color: var(--muted); font-size: 13px; display: flex; gap: 16px;
    flex-wrap: wrap; justify-content: space-between;
  }
.stat-row { grid-template-columns: repeat(2, 1fr); }
.page-hero { padding: 36px 0 26px; }
.about-sec { padding: 34px 0; }
.stat-row { grid-template-columns: 1fr; }
.std-list li { padding: 14px; }

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站点变量 */
  .guide-hero {padding:64px 0 40px;}
.guide-hero h1 {font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;line-height:1.22;letter-spacing:-.5px;margin:14px 0 16px;}
.guide-hero h1 .hl {background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.guide-lead {color:var(--muted);font-size:1.05rem;line-height:1.85;max-width:760px;}
.sec-block {padding:34px 0 10px;}
.sec-block h2 {font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:800;letter-spacing:-.3px;margin:10px 0 14px;}
.sec-block h3 {font-size:1.1rem;font-weight:700;margin:22px 0 10px;color:var(--text);}
.sec-block p {color:var(--muted);line-height:1.9;margin-bottom:14px;font-size:.97rem;}
.sec-block p strong {color:var(--text);font-weight:600;}
.step-card {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 20px;height:100%;box-shadow:var(--shadow-sm);transition:transform .25s ease,border-color .25s ease;}
.step-card:hover {transform:translateY(-4px);border-color:var(--primary);}
.step-num {display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#141033;font-weight:900;font-size:1rem;margin-bottom:14px;}
.step-card h3 {font-size:1.02rem;margin:0 0 8px;font-weight:700;}
.step-card p {font-size:.9rem;line-height:1.8;margin:0;color:var(--muted);}
.tip-list {list-style:none;padding:0;margin:0;}
.tip-list li {position:relative;padding:12px 0 12px 34px;color:var(--muted);line-height:1.8;font-size:.95rem;border-bottom:1px dashed var(--line);}
.tip-list li:last-child {border-bottom:0;}
.tip-list li i {position:absolute;left:0;top:14px;color:var(--accent);font-size:.9rem;}
.tip-list li strong {color:var(--text);}
.cmp-row {display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0;}
.cmp-row > div {padding:14px 16px;font-size:.92rem;line-height:1.7;border-bottom:1px solid var(--line);}
.cmp-row:last-child > div {border-bottom:0;}
.cmp-head > div {background:var(--panel-2);font-weight:700;color:var(--text);font-size:.9rem;}
.cmp-row > div:first-child {color:var(--text);font-weight:600;}
.cmp-row > div:not(:first-child) {color:var(--muted);}
.cmp-row .ok {color:#a7f3d0;}
.cmp-row .no {color:#fca5a5;}
.faq-a p {padding:0 18px 16px;margin:0;}
.note-box {background:linear-gradient(135deg,rgba(129,140,248,.12),rgba(192,132,252,.08));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:16px 18px;color:var(--muted);font-size:.93rem;line-height:1.85;margin:18px 0;}
.note-box strong {color:var(--text);}
.guide-cta {background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:34px 28px;text-align:center;box-shadow:var(--shadow);margin:38px 0 10px;}
.guide-cta h2 {font-size:1.4rem;font-weight:800;margin:0 0 10px;}
.guide-cta p {color:var(--muted);font-size:.95rem;line-height:1.8;margin:0 auto 20px;max-width:620px;}
.cmp-row {grid-template-columns:1fr;}
.cmp-row > div {padding:10px 14px;}
.cmp-head > div:first-child {display:none;}
.cmp-row > div:first-child {background:var(--panel-2);font-size:.86rem;}