:root{
    --primary:#6d5dfc;
    --accent:#22d3ee;
    --bg:#0f1020;
    --text:#e8eaf6;
    --card:#181a30;
    --card-2:#1e2140;
    --line:rgba(109,93,252,.28);
    --muted:#a3a7c9;
    --shadow-lg:0 22px 45px -18px rgba(0,0,0,.85), 0 8px 20px -10px rgba(0,0,0,.7);
    --shadow-card:0 18px 34px -16px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:
      radial-gradient(1200px 600px at 80% -10%, rgba(109,93,252,.22), transparent 60%),
      radial-gradient(900px 500px at 0% 20%, rgba(34,211,238,.10), transparent 60%),
      var(--bg);
    color:var(--text);
    font-family:"Inter","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
    font-weight:400;
    line-height:1.7;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.serif{
    font-family:"Source Han Serif SC","Songti SC","STSong","Noto Serif SC",Serif,serif;
    letter-spacing:.02em;
  }
  a{text-decoration:none;color:inherit;}
  ::selection{background:var(--primary);color:#fff;}

  /* ===== 导航 ===== */
  .topnav{
    position:fixed;top:0;left:0;right:0;z-index:1050;
    padding:14px 0;
    background:rgba(15,16,32,.35);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:background .35s ease, border-color .35s ease, padding .35s ease, box-shadow .35s ease;
  }
  .topnav.scrolled{
    padding:8px 0;
    background:rgba(15,16,32,.86);
    border-bottom:1px solid var(--line);
    box-shadow:0 12px 30px -18px rgba(0,0,0,.9);
  }
  .brandname{
    font-family:"Source Han Serif SC","Songti SC",Serif,serif;
    font-size:1.5rem;font-weight:800;
    color:#fff;
    display:inline-flex;align-items:center;gap:9px;
    text-shadow:0 2px 14px rgba(109,93,252,.65);
    letter-spacing:.03em;
  }
  .brandname i{color:var(--accent);font-size:1.15rem;}
  .navlinks{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
  .navlinks a{
    padding:7px 14px;border-radius:10px;font-size:.95rem;color:var(--muted);
    font-weight:500;transition:all .22s ease;position:relative;
  }
  .navlinks a:hover,.navlinks a.active{color:#fff;background:rgba(109,93,252,.2);}
  .navlinks a.active{box-shadow:inset 0 0 0 1px var(--line);}
  .navtoggle{
    display:none;background:none;border:1px solid var(--line);color:var(--text);
    border-radius:10px;padding:6px 12px;
  }
  @media(max-width:991px){
    .navtoggle{display:inline-block;}
    .navlinks{
      display:none;flex-direction:column;align-items:stretch;gap:2px;
      width:100%;margin-top:12px;padding:10px;border-radius:14px;
      background:rgba(24,26,48,.98);border:1px solid var(--line);
      box-shadow:var(--shadow-lg);
    }
    .navlinks.open{display:flex;}
    .navlinks a{padding:11px 14px;}
  }

  /* ===== Hero ===== */
  .hero{
    position:relative;min-height:100vh;display:flex;align-items:center;
    padding:140px 0 90px;overflow:hidden;
  }
  .hero-bg{
    position:absolute;inset:0;z-index:0;
  }
  .hero-bg img{
    width:100%;height:100%;object-fit:cover;opacity:.34;
    filter:saturate(1.05) contrast(1.05) blur(1px);
    transform:scale(1.06);
  }
  .hero-bg::after{
    content:"";position:absolute;inset:0;
    background:
      linear-gradient(180deg, rgba(15,16,32,.62) 0%, rgba(15,16,32,.82) 55%, var(--bg) 100%),
      radial-gradient(700px 420px at 18% 30%, rgba(109,93,252,.35), transparent 70%);
  }
  .hero-inner{position:relative;z-index:2;}
  .hero-kicker{
    display:inline-flex;align-items:center;gap:8px;
    padding:7px 16px;border-radius:999px;font-size:.85rem;font-weight:600;
    background:linear-gradient(135deg, rgba(109,93,252,.9), rgba(34,211,238,.75));
    color:#fff;box-shadow:0 10px 24px -12px rgba(109,93,252,.95);
    letter-spacing:.06em;
  }
  .hero-title{
    font-size:clamp(2.5rem, 6vw, 4.2rem);
    font-weight:900;line-height:1.12;color:#fff;margin:22px 0 16px;
    text-shadow:0 12px 40px rgba(0,0,0,.75);
  }
  .hero-title .hl{
    background:linear-gradient(120deg,var(--accent),#9d8bff 70%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-sub{font-size:1.12rem;color:#c3c7e6;max-width:620px;font-weight:300;}
  .btn-hero{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 32px;border-radius:14px;font-weight:700;font-size:1rem;
    border:none;transition:transform .22s ease, box-shadow .22s ease, filter .22s;
  }
  .btn-hero-primary{
    background:linear-gradient(135deg,#7b6bff,#6d5dfc 45%,#4f43c9);
    color:#fff;
    box-shadow:0 18px 34px -14px rgba(109,93,252,.95), inset 0 1px 0 rgba(255,255,255,.35);
  }
  .btn-hero-primary:hover{transform:translateY(-3px);filter:brightness(1.08);color:#fff;}
  .btn-hero-ghost{
    background:rgba(255,255,255,.06);color:#fff;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 14px 30px -18px rgba(0,0,0,.9);
  }
  .btn-hero-ghost:hover{transform:translateY(-3px);background:rgba(109,93,252,.24);color:#fff;}
  .hero-stats{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap;}
  .hero-stats .num{font-size:1.9rem;font-weight:900;color:#fff;line-height:1;}
  .hero-stats .num span{color:var(--accent);}
  .hero-stats .lab{font-size:.85rem;color:var(--muted);margin-top:6px;letter-spacing:.05em;}

  /* ===== 通用区块 ===== */
  .section{padding:76px 0;position:relative;}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:38px;}
  .sec-title{
    font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:900;color:#fff;margin:0;line-height:1.2;
  }
  .sec-title i{color:var(--accent);font-size:.7em;margin-right:10px;vertical-align:middle;}
  .sec-desc{color:var(--muted);font-size:.95rem;max-width:520px;margin:8px 0 0;font-weight:300;}
  .sec-more{
    font-size:.9rem;color:var(--accent);font-weight:600;white-space:nowrap;
    border-bottom:1px dashed rgba(34,211,238,.5);padding-bottom:3px;transition:opacity .2s;
  }
  .sec-more:hover{opacity:.75;color:var(--accent);}

  /* ===== 海报卡 ===== */
  .poster-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));}
  .poster-card{
    background:linear-gradient(160deg,var(--card-2),var(--card));
    border-radius:16px;overflow:hidden;position:relative;cursor:pointer;
    box-shadow:var(--shadow-card);
    border:1px solid rgba(255,255,255,.055);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .poster-card:hover{
    transform:translateY(-8px) scale(1.015);
    border-color:var(--line);
    box-shadow:0 30px 50px -22px rgba(0,0,0,.95), 0 0 0 1px rgba(109,93,252,.35);
  }
  .poster-thumb{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0b0c18;}
  .poster-thumb img{
    width:100%;height:100%;object-fit:cover;display:block;
    transition:transform .55s cubic-bezier(.2,.8,.2,1), filter .4s;
    filter:saturate(.95);
  }
  .poster-card:hover .poster-thumb img{transform:scale(1.1);filter:saturate(1.15) brightness(1.03);}
  .poster-thumb::before{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(9,10,22,.55) 0%,transparent 26%,transparent 52%,rgba(9,10,22,.9) 100%);
    opacity:.9;transition:opacity .35s;
  }
  .poster-card:hover .poster-thumb::before{opacity:1;}
  .thumb-overlay{
    position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg,rgba(109,93,252,.34),rgba(34,211,238,.22));
    opacity:0;transition:opacity .35s ease;
  }
  .poster-card:hover .thumb-overlay{opacity:1;}
  .thumb-overlay .play{
    width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
    background:rgba(255,255,255,.94);color:#2b2350;font-size:1.05rem;
    box-shadow:0 10px 26px -8px rgba(0,0,0,.9);
    transform:scale(.72);transition:transform .35s ease;
  }
  .poster-card:hover .thumb-overlay .play{transform:scale(1);}
  .badge-ep{
    position:absolute;top:9px;left:9px;z-index:3;
    font-size:.7rem;font-weight:700;letter-spacing:.03em;
    padding:4px 9px;border-radius:7px;color:#06131a;
    background:linear-gradient(135deg,#5df3ff,#22d3ee 60%,#22a8c4);
    box-shadow:0 6px 16px -6px rgba(34,211,238,.95);
  }
  .badge-score{
    position:absolute;top:9px;right:9px;z-index:3;
    font-size:.78rem;font-weight:800;padding:4px 8px;border-radius:7px;
    color:#fff;background:rgba(15,16,32,.72);backdrop-filter:blur(4px);
    border:1px solid rgba(255,255,255,.18);
  }
  .badge-score i{color:#ffcf4d;font-size:.72em;margin-right:3px;}
  .poster-info{padding:12px 13px 14px;position:relative;}
  .poster-name{
    font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .poster-meta{font-size:.76rem;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;}
  .poster-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--primary);display:inline-block;flex:none;}

  /* ===== 通用面板/拟物 ===== */
  .panel{
    background:linear-gradient(160deg,#1e2140,#16182c 65%);
    border-radius:20px;border:1px solid rgba(255,255,255,.06);
    box-shadow:var(--shadow-lg);
    padding:26px;
  }

  /* ===== 特色对比表格 ===== */
  .compare-wrap{overflow-x:auto;border-radius:18px;box-shadow:var(--shadow-lg);}
  table.compare{
    width:100%;border-collapse:separate;border-spacing:0;min-width:640px;
    background:linear-gradient(160deg,#1c1f3a,#15172a);
    font-size:.93rem;
  }
  table.compare thead th{
    background:linear-gradient(135deg,rgba(109,93,252,.9),rgba(34,211,238,.55));
    color:#fff;font-weight:700;padding:16px 18px;text-align:left;font-size:.9rem;letter-spacing:.03em;
  }
  table.compare thead th:first-child{border-top-left-radius:18px;}
  table.compare thead th:last-child{border-top-right-radius:18px;}
  table.compare tbody td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.055);color:#cfd3ee;}
  table.compare tbody tr:last-child td{border-bottom:none;}
  table.compare tbody tr:nth-child(even) td{background:rgba(255,255,255,.017);}
  table.compare tbody td:first-child{color:#fff;font-weight:600;}
  table.compare .yes{color:#4ade80;font-weight:700;}
  table.compare .no{color:#f97316;font-weight:700;}
  table.compare .pill{
    display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;
    background:rgba(34,211,238,.14);color:var(--accent);
  }

  /* ===== 分区tab式 ===== */
  .cat-block{margin-bottom:26px;}
  .cat-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
  .cat-head .bar{width:6px;height:26px;border-radius:4px;background:linear-gradient(180deg,var(--accent),var(--primary));box-shadow:0 0 18px rgba(109,93,252,.9);}
  .cat-head h3{font-size:1.28rem;font-weight:800;color:#fff;margin:0;}
  .cat-head span{font-size:.82rem;color:var(--muted);}

  /* ===== 周榜 ===== */
  .rank-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
  .rank-item{
    display:flex;align-items:center;gap:16px;padding:14px 16px;cursor:pointer;
    background:linear-gradient(140deg,#1d2039,#15172a);
    border-radius:14px;border:1px solid rgba(255,255,255,.055);
    box-shadow:var(--shadow-card);
    transition:transform .25s, border-color .25s, box-shadow .25s;
  }
  .rank-item:hover{transform:translateX(4px);border-color:var(--line);box-shadow:0 22px 38px -20px rgba(0,0,0,.95);}
  .rank-num{
    font-family:"Source Han Serif SC",Serif,serif;
    font-size:1.7rem;font-weight:900;width:44px;text-align:center;flex:none;
    color:#4a4f79;
  }
  .rank-item:nth-child(1) .rank-num{color:#ffcf4d;text-shadow:0 0 18px rgba(255,207,77,.55);}
  .rank-item:nth-child(2) .rank-num{color:#cfd6f5;}
  .rank-item:nth-child(3) .rank-num{color:#e08a54;}
  .rank-thumb{width:56px;height:78px;border-radius:9px;overflow:hidden;flex:none;background:#0b0c18;box-shadow:0 8px 18px -10px #000;}
  .rank-thumb img{width:100%;height:100%;object-fit:cover;}
  .rank-main{min-width:0;flex:1;}
  .rank-name{font-weight:700;color:#fff;font-size:.98rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .rank-sub{font-size:.78rem;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .rank-heat{
    flex:none;font-size:.76rem;font-weight:800;color:var(--accent);
    padding:4px 9px;border-radius:8px;background:rgba(34,211,238,.11);
    border:1px solid rgba(34,211,238,.28);
  }
  .rank-heat i{font-size:.75em;margin-right:3px;}

  /* ===== 即将上线 ===== */
  .upcoming{
    display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  }
  .up-card{
    position:relative;border-radius:16px;overflow:hidden;min-height:190px;
    display:flex;align-items:flex-end;padding:18px;cursor:pointer;
    background:#141630;box-shadow:var(--shadow-card);border:1px solid rgba(255,255,255,.06);
    transition:transform .3s, box-shadow .3s;
  }
  .up-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:transform .6s, opacity .4s;}
  .up-card::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 20%,rgba(11,12,24,.94) 100%);
  }
  .up-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -24px rgba(0,0,0,.95);}
  .up-card:hover img{transform:scale(1.09);opacity:.62;}
  .up-body{position:relative;z-index:2;width:100%;}
  .up-tag{
    display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.05em;
    padding:3px 9px;border-radius:6px;margin-bottom:8px;
    background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;
  }
  .up-body h4{font-size:1.02rem;font-weight:800;color:#fff;margin:0 0 5px;}
  .up-body p{font-size:.78rem;color:#b3b8da;margin:0;}

  /* ===== 今天看什么 ===== */
  .pick-box{
    display:grid;gap:30px;grid-template-columns:1.05fr 1fr;align-items:center;
  }
  @media(max-width:860px){.pick-box{grid-template-columns:1fr;}}
  .pick-item{
    display:flex;gap:18px;align-items:center;padding:18px;border-radius:16px;
    background:linear-gradient(140deg,rgba(109,93,252,.14),rgba(34,211,238,.07));
    border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    min-height:132px;
  }
  .pick-poster{
    width:82px;height:114px;flex:none;border-radius:11px;overflow:hidden;background:#0b0c18;
    box-shadow:var(--shadow-card);
  }
  .pick-poster img{width:100%;height:100%;object-fit:cover;}
  .pick-info h4{font-size:1.1rem;font-weight:800;color:#fff;margin:0 0 5px;}
  .pick-info .pm{font-size:.8rem;color:var(--muted);margin-bottom:8px;}
  .pick-info .ps{font-size:.85rem;color:#c8ccec;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .pick-btn{
    display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border:none;border-radius:13px;
    font-weight:800;font-size:.98rem;color:#fff;cursor:pointer;
    background:linear-gradient(135deg,#7b6bff,#6d5dfc 50%,#4c3fbe);
    box-shadow:0 18px 34px -16px rgba(109,93,252,.95), inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .2s, filter .2s;
  }
  .pick-btn:hover{transform:translateY(-3px);filter:brightness(1.08);}
  .pick-btn:active{transform:translateY(0) scale(.98);}

  /* ===== 编号清单 ===== */
  ol.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:14px;}
  ol.steps li{
    counter-increment:s;position:relative;padding:16px 18px 16px 62px;
    background:linear-gradient(140deg,#1c1f37,#15172a);border-radius:14px;
    border:1px solid rgba(255,255,255,.055);box-shadow:var(--shadow-card);
    color:#cbd0ee;font-size:.93rem;
  }
  ol.steps li::before{
    content:counter(s,decimal-leading-zero);
    position:absolute;left:16px;top:50%;transform:translateY(-50%);
    font-family:"Source Han Serif SC",Serif,serif;
    font-size:1.15rem;font-weight:900;color:var(--accent);
    width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
    background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);
  }
  ol.steps li strong{color:#fff;}

  /* ===== FAQ ===== */
  .faq-item{
    background:linear-gradient(140deg,#1c1f37,#15172a);
    border-radius:14px;border:1px solid rgba(255,255,255,.055);
    box-shadow:var(--shadow-card);margin-bottom:12px;overflow:hidden;
  }
  .faq-q{
    width:100%;text-align:left;background:none;border:none;color:#fff;
    padding:17px 20px;font-weight:700;font-size:.98rem;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
  }
  .faq-q i{color:var(--accent);transition:transform .3s;flex:none;}
  .faq-item.open .faq-q i{transform:rotate(45deg);}
  .faq-a{
    max-height:0;overflow:hidden;transition:max-height .38s ease, padding .3s;
    padding:0 20px;color:var(--muted);font-size:.91rem;line-height:1.8;
  }
  .faq-item.open .faq-a{max-height:340px;padding:0 20px 18px;}

  /* ===== 相关推荐 ===== */
  .rel-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
  .rel-card{
    display:block;padding:22px;border-radius:16px;position:relative;overflow:hidden;
    background:linear-gradient(150deg,#20233f,#15172a);
    border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow-card);
    transition:transform .28s, border-color .28s;
  }
  .rel-card:hover{transform:translateY(-5px);border-color:var(--line);}
  .rel-card i{font-size:1.4rem;color:var(--accent);margin-bottom:12px;display:block;}
  .rel-card h4{font-size:1.02rem;font-weight:800;color:#fff;margin:0 0 6px;}
  .rel-card p{font-size:.82rem;color:var(--muted);margin:0;}

  /* ===== 友链 & 页脚 ===== */
  .friendlinks{
    padding:40px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(10,11,22,.5);
  }
  .friendlinks h5{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:14px;letter-spacing:.05em;}
  .friendlinks h5 i{color:var(--primary);margin-right:7px;}
  .friendlinks .links{font-size:.85rem;color:var(--muted);line-height:2;}
  .friendlinks .links a{color:#a9aee0;margin-right:14px;transition:color .2s;}
  .friendlinks .links a:hover{color:var(--accent);}

  footer.site-footer{padding:52px 0 32px;background:rgba(8,9,18,.72);}
  .footer-brand{font-family:"Source Han Serif SC",Serif,serif;font-size:1.4rem;font-weight:900;color:#fff;margin-bottom:12px;}
  .footer-brand i{color:var(--accent);margin-right:8px;}
  footer p{color:#8b90b8;font-size:.86rem;margin:0 0 8px;}
  .footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:18px 0;}
  .footer-links a{font-size:.85rem;color:#a3a8d4;transition:color .2s;}
  .footer-links a:hover{color:var(--accent);}
  .copyright{border-top:1px solid rgba(255,255,255,.07);padding-top:20px;margin-top:22px;font-size:.8rem;color:#6d719b;text-align:center;}

  /* ===== 弹窗 ===== */
  .modal-film{
    position:fixed;inset:0;z-index:2000;display:none;
    align-items:center;justify-content:center;padding:20px;
  }
  .modal-film.show{display:flex;}
  .modal-bg{
    position:absolute;inset:0;
    background:rgba(8,9,18,.82);
    backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  }
  .modal-bg::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(700px 500px at 50% 30%, rgba(109,93,252,.28), transparent 70%);
  }
  .modal-content-film{
    position:relative;z-index:2;width:100%;max-width:900px;
    max-height:92vh;overflow-y:auto;
    background:linear-gradient(160deg,#1e2140,#131527 70%);
    border-radius:22px;border:1px solid rgba(109,93,252,.4);
    box-shadow:0 40px 80px -30px rgba(0,0,0,.98), inset 0 1px 0 rgba(255,255,255,.08);
    display:grid;grid-template-columns:300px 1fr;
    animation:popIn .38s cubic-bezier(.2,.9,.3,1.2);
  }
  @keyframes popIn{from{opacity:0;transform:translateY(26px) scale(.96);}to{opacity:1;transform:none;}}
  @media(max-width:760px){
    .modal-content-film{grid-template-columns:1fr;max-height:88vh;}
    .m-poster{max-height:260px;}
  }
  .m-poster{position:relative;background:#0b0c18;overflow:hidden;}
  .m-poster img{width:100%;height:100%;object-fit:cover;display:block;min-height:100%;}
  .m-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(19,21,39,.9));}
  @media(max-width:760px){.m-poster::after{background:linear-gradient(180deg,transparent 55%,rgba(19,21,39,.95));}}
  .m-body{padding:30px 32px 34px;}
  @media(max-width:760px){.m-body{padding:22px 22px 28px;}}
  .m-title{font-size:1.6rem;font-weight:900;color:#fff;margin:0 0 8px;line-height:1.3;}
  .m-score-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
  .m-score{
    font-family:"Source Han Serif SC",Serif,serif;
    font-size:2rem;font-weight:900;color:#ffcf4d;line-height:1;
    text-shadow:0 0 22px rgba(255,207,77,.45);
  }
  .m-stars{color:#ffcf4d;font-size:.92rem;letter-spacing:2px;}
  .m-badges{display:flex;gap:8px;flex-wrap:wrap;}
  .m-badges span{
    font-size:.76rem;padding:4px 11px;border-radius:7px;font-weight:600;
    background:rgba(109,93,252,.2);color:#c3c7ff;border:1px solid rgba(109,93,252,.4);
  }
  .m-row{font-size:.9rem;color:#c3c8ea;margin-bottom:11px;line-height:1.7;}
  .m-row b{color:#fff;font-weight:700;margin-right:9px;display:inline-block;min-width:52px;}
  .m-plot{font-size:.91rem;color:#b6bbdf;line-height:1.85;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);}
  .m-close{
    position:absolute;top:14px;right:14px;z-index:5;
    width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);
    background:rgba(15,16,32,.75);color:#fff;font-size:1rem;cursor:pointer;
    display:grid;place-items:center;transition:all .22s;
  }
  .m-close:hover{background:var(--primary);transform:rotate(90deg);border-color:transparent;}

  /* ===== 滚动渐显 ===== */
  .reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);}
  .reveal.in{opacity:1;transform:none;}

  /* 收尾细节 */
  .divider-glow{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:0;}
  .tip-note{font-size:.82rem;color:#7f84ad;margin-top:14px;}

/* --- 子页面追加 --- */
.guide-wrap {padding-top:18px}
.guide-layout {display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.guide-toc {position:sticky;top:92px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;box-shadow:var(--shadow-card)}
.guide-toc h3 {font-size:15px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-weight:700}
.guide-toc a {display:block;color:var(--muted);text-decoration:none;font-size:14px;padding:8px 0;border-bottom:1px dashed rgba(109,93,252,.16);transition:.2s}
.guide-toc a:last-child {border-bottom:0}
.guide-toc a:hover {color:var(--primary);padding-left:6px}
.guide-card {background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 28px;margin-bottom:26px;box-shadow:var(--shadow-card)}
.guide-card h2 {font-size:22px;font-weight:800;color:var(--text);margin:0 0 14px;line-height:1.4}
.guide-card h2 .idx {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:14px;font-weight:800;margin-right:10px;vertical-align:middle}
.guide-card p {color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 12px}
.guide-card p:last-child {margin-bottom:0}
.guide-card strong {color:var(--text);font-weight:600}
.step-list {list-style:none;margin:0;padding:0;counter-reset:st}
.step-list li {position:relative;padding:14px 0 14px 46px;border-bottom:1px dashed rgba(109,93,252,.16);color:var(--muted);font-size:15px;line-height:1.85}
.step-list li:last-child {border-bottom:0}
.step-list li::before {counter-increment:st;content:counter(st);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:rgba(109,93,252,.16);border:1px solid var(--line);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.step-list li b {color:var(--text);font-weight:600}
.tip-box {background:var(--card-2);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 18px;color:var(--muted);font-size:14px;line-height:1.85;margin-top:16px}
.tip-box i {color:var(--accent);margin-right:6px}
.faq-a p {padding:0 18px 16px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.pick-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-top:6px}
.pick {background:var(--card-2);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px}
.pick span {display:inline-block;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.06em;margin-bottom:8px}
.pick h4 {font-size:15px;color:var(--text);margin:0 0 6px;font-weight:700}
.pick p {font-size:13px;color:var(--muted);line-height:1.75;margin:0}
.badge-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.mini-badge {font-size:12px;font-weight:600;color:var(--text);background:rgba(109,93,252,.14);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.guide-layout {grid-template-columns:1fr}
.guide-toc {position:static;order:-1}
.guide-card {padding:20px 18px;border-radius:16px}
.guide-card h2 {font-size:19px}

/* --- 子页面追加 --- */
.about-lead {max-width:820px;margin:0 auto;text-align:center}
.about-quote {font-size:1.05rem;line-height:1.9;color:var(--muted)}
.about-quote strong {color:var(--text);font-weight:600}
.about-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:34px}
.about-card {background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:var(--shadow-card);transition:transform .25s ease,border-color .25s ease}
.about-card:hover {transform:translateY(-4px);border-color:rgba(34,211,238,.45)}
.about-card .ico {width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(109,93,252,.35),rgba(34,211,238,.22));color:var(--accent);font-size:1.15rem;margin-bottom:16px}
.about-card h3 {font-size:1.06rem;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.5}
.about-card p {color:var(--muted);font-size:.92rem;line-height:1.85;margin:0}
.flow {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-top:34px}
.flow-step {position:relative;background:var(--card-2);border:1px solid var(--line);border-radius:16px;padding:24px 22px 22px;box-shadow:var(--shadow-card)}
.flow-step .num {font-size:1.6rem;font-weight:800;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.flow-step h3 {font-size:1rem;font-weight:600;color:var(--text);margin:12px 0 8px}
.flow-step p {color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}
.rules {list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}
.rules li {display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;color:var(--muted);font-size:.93rem;line-height:1.85;box-shadow:var(--shadow-card)}
.rules li i {color:var(--accent);margin-top:4px;flex-shrink:0}
.stat-strip {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:38px;text-align:center}
.stat-strip .st {background:var(--card-2);border:1px solid var(--line);border-radius:16px;padding:22px 14px}
.stat-strip .st b {display:block;font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-strip .st span {display:block;margin-top:6px;color:var(--muted);font-size:.85rem}
.cta-band {margin-top:16px;background:linear-gradient(120deg,rgba(109,93,252,.22),rgba(34,211,238,.12));border:1px solid var(--line);border-radius:20px;padding:38px 28px;text-align:center;box-shadow:var(--shadow-lg)}
.cta-band h2 {font-size:1.35rem;font-weight:700;color:var(--text);margin-bottom:12px}
.cta-band p {color:var(--muted);max-width:640px;margin:0 auto 22px;line-height:1.85;font-size:.94rem}
.cta-band .btns {display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* --- 子页面追加 --- */
.rank-hero .hero-title {max-width:900px;}
.rank-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}
.rank-card {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:18px;
    padding:24px 22px;
    box-shadow:var(--shadow-card);
    position:relative;
    overflow:hidden;
    height:100%;
  }
.rank-card::after {
    content:"";
    position:absolute;right:-40px;top:-40px;width:120px;height:120px;
    background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%);
    pointer-events:none;
  }
.rank-card h3 {
    font-size:1.12rem;font-weight:700;margin:0 0 10px;color:var(--text);
    display:flex;align-items:center;gap:10px;
  }
.rank-card h3 i {color:var(--accent);font-size:1rem;}
.rank-card p {margin:0;color:var(--muted);font-size:.94rem;line-height:1.75;}
.rank-tag {
    display:inline-block;margin-top:14px;padding:4px 12px;border-radius:999px;
    font-size:.76rem;font-weight:600;color:var(--accent);
    background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);
  }
.rule-list {list-style:none;padding:0;margin:0;}
.rule-list li {
    display:flex;gap:14px;padding:16px 0;border-bottom:1px dashed var(--line);
    color:var(--muted);font-size:.95rem;line-height:1.7;
  }
.rule-list li:last-child {border-bottom:none;}
.rule-list .num {
    flex:0 0 32px;height:32px;border-radius:10px;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    color:#fff;font-weight:700;font-size:.85rem;
    display:flex;align-items:center;justify-content:center;
  }
.rule-list strong {color:var(--text);}
.faq-item h4 {
    font-size:.98rem;font-weight:700;color:var(--text);margin:0 0 8px;
    display:flex;align-items:center;gap:8px;
  }
.faq-item h4 i {color:var(--primary);font-size:.85rem;}
.faq-item p {margin:0;color:var(--muted);font-size:.92rem;line-height:1.75;}
.weight-bar {
    display:flex;height:12px;border-radius:999px;overflow:hidden;margin:14px 0 10px;
    border:1px solid var(--line);
  }
.weight-bar span {display:block;height:100%;}
.w1 {width:45%;background:linear-gradient(90deg,var(--primary),#8b7dff);}
.w2 {width:30%;background:linear-gradient(90deg,var(--accent),#67e8f9);}
.w3 {width:25%;background:rgba(163,167,201,.45);}
.weight-legend {display:flex;flex-wrap:wrap;gap:18px;font-size:.82rem;color:var(--muted);}
.weight-legend i {display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;}
.note-box {
    background:var(--card);border-left:3px solid var(--accent);
    border-radius:0 14px 14px 0;padding:18px 22px;color:var(--muted);
    font-size:.93rem;line-height:1.8;box-shadow:var(--shadow-card);
  }
.note-box strong {color:var(--text);}
.rank-card {padding:20px 18px;}
.rule-list li {font-size:.9rem;}

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站点变量 */
  .legal-hero {
    position:relative;
    padding:120px 0 60px;
    overflow:hidden;
  }
.legal-hero .hero-bg {
    position:absolute;inset:0;
    background:
      radial-gradient(700px 340px at 18% 10%, rgba(109,93,252,.28), transparent 70%),
      radial-gradient(600px 320px at 82% 0%, rgba(34,211,238,.16), transparent 72%);
    pointer-events:none;
  }
.legal-hero .hero-inner {position:relative;z-index:2;max-width:820px;}
.legal-meta {
    display:flex;flex-wrap:wrap;gap:10px 22px;
    margin-top:22px;color:var(--muted);font-size:.92rem;
  }
.legal-meta span i {color:var(--accent);margin-right:6px;}
.legal-wrap {max-width:940px;margin:0 auto;}
.legal-block {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:18px;
    padding:26px 28px;
    margin-bottom:22px;
    box-shadow:var(--shadow-card);
  }
.legal-block h2 {
    font-size:1.28rem;font-weight:800;color:var(--text);
    margin:0 0 14px;display:flex;align-items:center;gap:10px;
  }
.legal-block h2 .idx {
    flex:0 0 auto;
    width:30px;height:30px;border-radius:9px;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:.86rem;font-weight:800;color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--accent));
  }
.legal-block p {color:var(--muted);line-height:1.9;margin:0 0 12px;font-size:.97rem;}
.legal-block p:last-child {margin-bottom:0;}
.legal-block ul {color:var(--muted);line-height:1.9;margin:0;padding-left:20px;font-size:.97rem;}
.legal-block li {margin-bottom:8px;}
.legal-block li:last-child {margin-bottom:0;}
.legal-block strong {color:var(--text);font-weight:600;}
.legal-block a {color:var(--accent);text-decoration:none;border-bottom:1px dashed rgba(34,211,238,.5);}
.legal-block a:hover {color:#fff;}
.legal-note {
    background:linear-gradient(135deg,rgba(109,93,252,.16),rgba(34,211,238,.10));
    border:1px solid var(--line);
    border-radius:18px;padding:22px 26px;margin-bottom:22px;
    color:var(--text);font-size:.96rem;line-height:1.9;
  }
.legal-note i {color:var(--accent);margin-right:8px;}
.legal-toc {
    background:var(--card-2);
    border:1px solid var(--line);
    border-radius:16px;
    padding:18px 22px;
    margin-bottom:26px;
  }
.legal-toc b {display:block;color:var(--text);font-size:.95rem;margin-bottom:10px;}
.legal-toc a {
    display:inline-block;color:var(--muted);text-decoration:none;
    font-size:.9rem;margin:0 14px 8px 0;
    padding:4px 12px;border-radius:999px;
    border:1px solid var(--line);
    transition:.2s;
  }
.legal-toc a:hover {color:#fff;border-color:var(--accent);background:rgba(34,211,238,.1);}
.legal-hero {padding:100px 0 40px;}
.legal-block {padding:20px 18px;}
.legal-block h2 {font-size:1.12rem;}

/* --- 子页面追加 --- */
/* 导航补充 */
    .topnav {position:sticky;top:0;z-index:50;background:rgba(15,16,32,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.topnav .brandname {display:inline-flex;align-items:center;gap:.5rem;font-weight:800;letter-spacing:.5px;color:var(--text);text-decoration:none;font-size:1.12rem;}
.topnav .brandname i {color:var(--accent);}
.navlinks a:hover {color:var(--text);background:rgba(109,93,252,.14);}
/* 本页专属 */
    .contact-hero {position:relative;overflow:hidden;padding:64px 0 48px;border-bottom:1px solid var(--line);}
.contact-hero::before {
      content:"";position:absolute;inset:0;
      background:
        radial-gradient(600px 260px at 12% 0%,rgba(109,93,252,.30),transparent 70%),
        radial-gradient(520px 240px at 88% 20%,rgba(34,211,238,.16),transparent 70%);
      pointer-events:none;
    }
.contact-hero .inner {position:relative;z-index:2;}
.kicker {display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);background:rgba(34,211,238,.07);padding:.32rem .8rem;border-radius:999px;font-weight:600;}
.contact-hero h1 {font-size:clamp(1.7rem,4.2vw,2.6rem);font-weight:800;line-height:1.25;margin:1rem 0 .7rem;}
.contact-hero h1 em {font-style:normal;background:linear-gradient(120deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent;}
.contact-hero p {color:var(--muted);max-width:62ch;margin:0;line-height:1.85;}
.fb-shell {background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow-card);}
.fb-label {display:block;font-size:.86rem;font-weight:600;color:var(--muted);margin-bottom:.4rem;letter-spacing:.3px;}
.fb-input,.fb-select,.fb-textarea {
      width:100%;background:rgba(15,16,32,.75);border:1px solid var(--line);border-radius:12px;
      color:var(--text);padding:.72rem .9rem;font-size:.94rem;font-family:inherit;outline:none;transition:.2s;
    }
.fb-input:focus,.fb-select:focus,.fb-textarea:focus {border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,93,252,.22);}
.fb-input::placeholder,.fb-textarea::placeholder {color:rgba(163,167,201,.6);}
.fb-textarea {resize:vertical;min-height:130px;line-height:1.75;}
.fb-select option {background:#181a30;color:var(--text);}
.fb-btn {
      display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer;
      background:linear-gradient(135deg,var(--primary),#4b3ee0);color:#fff;font-weight:700;
      padding:.75rem 1.6rem;border-radius:12px;font-size:.95rem;box-shadow:0 14px 26px -14px rgba(109,93,252,.95);transition:.2s;
    }
.fb-btn:hover {transform:translateY(-1px);filter:brightness(1.08);}
.fb-type {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}
.fb-type label {
      display:flex;gap:.6rem;align-items:flex-start;cursor:pointer;
      background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem;transition:.2s;
    }
.fb-type label:hover {border-color:rgba(109,93,252,.6);}
.fb-type input {accent-color:var(--primary);margin-top:.18rem;}
.fb-type span {font-size:.9rem;font-weight:600;line-height:1.5;}
.fb-type small {display:block;color:var(--muted);font-weight:400;font-size:.78rem;margin-top:.15rem;line-height:1.5;}
.fb-note {background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.28);border-radius:14px;padding:16px 18px;color:var(--muted);font-size:.88rem;line-height:1.8;}
.fb-note strong {color:var(--accent);}
.step-list li strong {color:var(--text);font-weight:600;display:block;margin-bottom:.15rem;}
.faq-item:hover {border-color:rgba(109,93,252,.55);}
.faq-item h3 {font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--text);display:flex;gap:.55rem;align-items:flex-start;}
.faq-item h3 i {color:var(--accent);margin-top:.2rem;font-size:.85rem;}
.side-card {background:var(--card-2);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow-card);}
.side-card h3 {font-size:1rem;font-weight:700;margin:0 0 .9rem;display:flex;align-items:center;gap:.5rem;}
.side-card h3 i {color:var(--primary);}
.side-card ul {list-style:none;margin:0;padding:0;}
.side-card ul li {font-size:.88rem;color:var(--muted);line-height:1.75;padding:.45rem 0;border-bottom:1px dashed rgba(109,93,252,.16);}
.side-card ul li:last-child {border-bottom:none;}
.side-card ul li b {color:var(--text);font-weight:600;}
footer.site-footer .f-brand {font-weight:800;font-size:1.05rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;}
footer.site-footer .f-brand i {color:var(--accent);}
footer.site-footer p {color:var(--muted);font-size:.86rem;line-height:1.8;margin:.7rem 0 0;max-width:54ch;}
footer.site-footer .f-links {display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;}
footer.site-footer .f-links a {color:var(--muted);text-decoration:none;font-size:.88rem;transition:.2s;}
footer.site-footer .f-links a:hover {color:var(--accent);}
footer.site-footer .f-copy {border-top:1px solid rgba(109,93,252,.16);margin-top:24px;padding-top:16px;color:rgba(163,167,201,.75);font-size:.8rem;}
.contact-hero {padding:44px 0 34px;}
.fb-shell {padding:20px;}