:root{
    --main:#6d5dfc;
    --accent:#22d3ee;
    --bg:#0f1020;
    --text:#e8eaf6;
    --card:#181a33;
    --card-2:#1e2140;
    --muted:#9aa0c3;
    --radius:22px;
    --shadow:0 18px 50px -18px rgba(109,93,252,.55), 0 8px 24px -12px rgba(0,0,0,.7);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
    overflow-x:hidden;
    letter-spacing:.2px;
  }
  h1,h2,h3,.roundfont{
    font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
    font-weight:800;
    letter-spacing:-.5px;
  }
  a{text-decoration:none;color:inherit;}
  ::selection{background:var(--main);color:#fff;}

  /* 顶部导航 */
  .topnav{
    position:sticky;top:0;z-index:1030;
    backdrop-filter:blur(18px);
    background:rgba(15,16,32,.78);
    border-bottom:1px solid rgba(109,93,252,.18);
  }
  .brand-logo{
    font-weight:900;font-size:1.45rem;
    color:var(--text);
    display:inline-flex;align-items:center;gap:.5rem;
  }
  .brand-logo .dot{color:var(--accent);}
  .nav-link-x{
    color:var(--muted);font-weight:500;font-size:.95rem;
    padding:.5rem .9rem;border-radius:999px;transition:.25s;white-space:nowrap;
  }
  .nav-link-x:hover{color:var(--text);background:rgba(109,93,252,.18);}
  .nav-scroll{
    display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:none;
  }
  .nav-scroll::-webkit-scrollbar{display:none;}

  /* Hero */
  .hero{
    position:relative;overflow:hidden;
    padding:6.5rem 0 5rem;
    border-radius:0 0 48px 48px;
  }
  .hero-bg{
    position:absolute;inset:-20% 0 0 0;height:150%;
    background:
      radial-gradient(60% 70% at 18% 22%, rgba(109,93,252,.55), transparent 60%),
      radial-gradient(50% 60% at 82% 18%, rgba(34,211,238,.30), transparent 62%),
      radial-gradient(70% 80% at 50% 100%, rgba(109,93,252,.28), transparent 70%);
    z-index:0;will-change:transform;
  }
  .hero-grid{
    position:absolute;inset:0;z-index:0;opacity:.16;
    background-image:linear-gradient(rgba(232,234,246,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(232,234,246,.35) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(circle at 50% 40%,#000 20%,transparent 78%);
  }
  .hero-inner{position:relative;z-index:2;}
  .hero-title{
    font-size:clamp(2.4rem,5.4vw,4rem);
    line-height:1.08;font-weight:900;
  }
  .hero-title .grad{
    background:linear-gradient(100deg,var(--accent),var(--main) 70%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-sub{color:var(--muted);font-size:1.08rem;max-width:36rem;line-height:1.85;}
  .btn-main{
    background:linear-gradient(120deg,var(--main),#8b7bff);
    color:#fff;border:none;border-radius:999px;
    padding:.85rem 2rem;font-weight:700;
    box-shadow:0 14px 34px -12px rgba(109,93,252,.9);
    transition:.28s;
  }
  .btn-main:hover{transform:translateY(-3px);color:#fff;box-shadow:0 20px 42px -12px rgba(109,93,252,1);}
  .btn-ghost{
    border:1.5px solid rgba(34,211,238,.55);
    color:var(--accent);border-radius:999px;
    padding:.85rem 2rem;font-weight:700;background:transparent;transition:.28s;
  }
  .btn-ghost:hover{background:rgba(34,211,238,.12);color:var(--accent);transform:translateY(-3px);}
  .hero-stat{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2.6rem;}
  .hero-stat b{font-size:1.7rem;color:var(--accent);font-weight:800;display:block;}
  .hero-stat span{color:var(--muted);font-size:.85rem;}

  /* 通用区块 */
  .sec{padding:4.2rem 0;}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}
  .sec-title{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:900;margin:0;}
  .sec-title .bar{color:var(--accent);}
  .sec-desc{color:var(--muted);margin:.5rem 0 0;font-size:.95rem;}
  .more-link{color:var(--accent);font-weight:600;font-size:.92rem;white-space:nowrap;}
  .more-link:hover{color:#7fe9f8;}

  /* 排行榜 */
  .rank-board{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.22);
    border-radius:28px;padding:1.4rem;
    box-shadow:var(--shadow);
  }
  .rank-row{
    display:flex;align-items:center;gap:1rem;
    padding:.7rem .8rem;border-radius:18px;
    transition:.24s;cursor:pointer;
    border:1px solid transparent;
  }
  .rank-row:hover{background:rgba(109,93,252,.14);border-color:rgba(109,93,252,.4);transform:translateX(4px);}
  .rank-no{
    width:38px;height:38px;flex:0 0 38px;border-radius:12px;
    display:grid;place-items:center;font-weight:900;font-size:1rem;
    background:rgba(232,234,246,.08);color:var(--muted);
  }
  .rank-no.g1{background:linear-gradient(140deg,#ffd76a,#f0a91a);color:#3a2a00;box-shadow:0 8px 20px -8px rgba(240,169,26,.9);}
  .rank-no.g2{background:linear-gradient(140deg,#e2e8f5,#a7b3c9);color:#2b3341;}
  .rank-no.g3{background:linear-gradient(140deg,#f2b98c,#c97a44);color:#3a1f08;}
  .rank-thumb{
    width:52px;height:70px;flex:0 0 52px;border-radius:12px;object-fit:cover;
    background:linear-gradient(140deg,#24264a,#171933);
  }
  .rank-info{min-width:0;flex:1;}
  .rank-info h4{font-size:1rem;margin:0 0 .2rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rank-info p{margin:0;font-size:.78rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .rank-score{font-weight:800;color:var(--accent);font-size:.95rem;white-space:nowrap;}
  .rank-side .rank-row{padding:.55rem .7rem;}

  /* 海报卡 */
  .poster-card{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.18);
    border-radius:var(--radius);
    overflow:hidden;cursor:pointer;
    transition:transform .3s cubic-bezier(.2,.8,.3,1),border-color .3s,box-shadow .3s;
    height:100%;
  }
  .poster-card:hover{
    transform:scale(1.035) translateY(-4px);
    border-color:rgba(34,211,238,.65);
    box-shadow:0 22px 46px -20px rgba(34,211,238,.55);
  }
  .poster-wrap{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(150deg,#232650,#16182e);}
  .poster-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
  .poster-card:hover .poster-wrap img{transform:scale(1.06);}
  .poster-score{
    position:absolute;top:.6rem;right:.6rem;
    background:rgba(15,16,32,.78);backdrop-filter:blur(6px);
    color:var(--accent);font-weight:800;font-size:.8rem;
    padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(34,211,238,.4);
  }
  .poster-tag{
    position:absolute;left:.6rem;bottom:.6rem;
    background:rgba(109,93,252,.9);color:#fff;
    font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:999px;
  }
  .poster-meta{padding:.85rem .9rem 1rem;}
  .poster-meta h4{font-size:.95rem;margin:0 0 .28rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .poster-meta p{margin:0;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* 横向滑动 */
  .hscroll{
    display:flex;gap:1rem;overflow-x:auto;padding:.3rem .2rem 1.2rem;
    scroll-snap-type:x mandatory;scrollbar-width:thin;
  }
  .hscroll::-webkit-scrollbar{height:6px;}
  .hscroll::-webkit-scrollbar-thumb{background:rgba(109,93,252,.5);border-radius:99px;}
  .hscroll > .hitem{flex:0 0 180px;scroll-snap-align:start;}
  @media(max-width:576px){.hscroll > .hitem{flex:0 0 148px;}}

  /* 分类胶囊 */
  .pill{
    display:inline-flex;align-items:center;gap:.4rem;
    padding:.5rem 1.15rem;border-radius:999px;
    background:rgba(109,93,252,.12);
    border:1px solid rgba(109,93,252,.3);
    color:var(--muted);font-weight:600;font-size:.88rem;
    transition:.24s;cursor:pointer;
  }
  .pill:hover{color:var(--text);border-color:rgba(34,211,238,.6);}
  .pill.active{background:linear-gradient(120deg,var(--main),#8b7bff);color:#fff;border-color:transparent;box-shadow:0 10px 26px -12px rgba(109,93,252,.9);}

  /* 标签页 */
  .tab-btn{
    background:transparent;border:1px solid rgba(109,93,252,.32);
    color:var(--muted);border-radius:14px;padding:.55rem 1.3rem;
    font-weight:700;font-size:.9rem;transition:.25s;cursor:pointer;
  }
  .tab-btn.active{background:linear-gradient(120deg,var(--main),#8b7bff);color:#fff;border-color:transparent;box-shadow:0 12px 28px -14px rgba(109,93,252,.95);}

  /* 时间线 */
  .timeline{position:relative;padding-left:2.2rem;}
  .timeline::before{
    content:"";position:absolute;left:.6rem;top:.4rem;bottom:.4rem;width:2px;
    background:linear-gradient(var(--accent),var(--main),transparent);
    border-radius:2px;
  }
  .tl-item{position:relative;margin-bottom:1.8rem;}
  .tl-item::before{
    content:"";position:absolute;left:-1.95rem;top:.35rem;
    width:14px;height:14px;border-radius:50%;
    background:var(--bg);border:3px solid var(--accent);
    box-shadow:0 0 0 4px rgba(34,211,238,.15);
  }
  .tl-item h5{font-size:1.02rem;font-weight:800;margin:0 0 .3rem;}
  .tl-item p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.8;}

  /* 经典专区 */
  .classic-card{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.2);
    border-radius:26px;padding:1.3rem;
    height:100%;transition:.28s;
  }
  .classic-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.5);box-shadow:var(--shadow);}
  .classic-card .ico{
    width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
    background:linear-gradient(140deg,rgba(109,93,252,.4),rgba(34,211,238,.25));
    color:var(--accent);font-size:1.15rem;margin-bottom:.9rem;
  }
  .classic-card h5{font-size:1.05rem;font-weight:800;margin-bottom:.5rem;}
  .classic-card p{color:var(--muted);font-size:.87rem;line-height:1.8;margin:0;}

  /* 预告 */
  .trailer-card{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.2);
    border-radius:24px;overflow:hidden;transition:.28s;height:100%;
  }
  .trailer-card:hover{transform:scale(1.025);border-color:rgba(34,211,238,.55);box-shadow:var(--shadow);}
  .trailer-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1a1c36;}
  .trailer-cover img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.4s;}
  .trailer-card:hover .trailer-cover img{opacity:1;transform:scale(1.05);}
  .play-badge{
    position:absolute;inset:0;display:grid;place-items:center;
    font-size:2.1rem;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.7);
  }
  .trailer-body{padding:1rem 1.1rem 1.2rem;}
  .trailer-body h5{font-size:1rem;font-weight:800;margin:0 0 .4rem;}
  .trailer-body p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.7;}

  /* 专题 */
  .topic-box{
    background:
      radial-gradient(80% 120% at 0% 0%, rgba(109,93,252,.35), transparent 60%),
      radial-gradient(70% 120% at 100% 100%, rgba(34,211,238,.22), transparent 62%),
      linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.28);
    border-radius:30px;padding:2.4rem;box-shadow:var(--shadow);
  }
  .topic-box h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;margin-bottom:.9rem;}
  .topic-box p{color:var(--muted);line-height:1.95;font-size:.96rem;}

  /* FAQ */
  .faq-item{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(109,93,252,.2);
    border-radius:20px;padding:1.15rem 1.4rem;margin-bottom:.9rem;
    transition:.25s;
  }
  .faq-item:hover{border-color:rgba(34,211,238,.45);}
  .faq-q{font-weight:800;font-size:.98rem;display:flex;gap:.7rem;align-items:flex-start;margin:0;}
  .faq-q i{color:var(--accent);margin-top:.25rem;}
  .faq-a{color:var(--muted);font-size:.9rem;line-height:1.9;margin:.6rem 0 0 1.55rem;}

  /* 推荐组件 */
  .rec-box{
    background:linear-gradient(160deg,var(--card),var(--card-2));
    border:1px solid rgba(34,211,238,.3);
    border-radius:28px;padding:2.2rem;text-align:center;
    box-shadow:var(--shadow);
  }
  .rec-result{
    min-height:120px;display:grid;place-items:center;
    border-radius:20px;border:1px dashed rgba(109,93,252,.4);
    padding:1.2rem;margin-top:1.4rem;background:rgba(109,93,252,.07);
  }
  .rec-result h5{font-size:1.25rem;font-weight:900;margin-bottom:.5rem;color:var(--accent);}
  .rec-result p{color:var(--muted);font-size:.9rem;margin:0;line-height:1.8;}

  /* 友链 */
  .friends{
    background:linear-gradient(160deg,var(--card-2),var(--card));
    border-radius:28px;padding:2rem;border:1px solid rgba(109,93,252,.18);
  }
  .friend-links{display:flex;flex-wrap:wrap;gap:.7rem;}
  .friend-links a{
    padding:.45rem 1rem;border-radius:999px;
    background:rgba(109,93,252,.1);border:1px solid rgba(109,93,252,.22);
    font-size:.85rem;color:var(--muted);transition:.24s;
  }
  .friend-links a:hover{color:#fff;background:var(--main);border-color:transparent;}

  /* 页脚 */
  footer{
    margin-top:4rem;padding:3.4rem 0 2rem;
    border-top:1px solid rgba(109,93,252,.18);
    background:linear-gradient(180deg,transparent,rgba(109,93,252,.06));
  }
  footer h6{font-weight:800;font-size:.95rem;margin-bottom:1rem;color:var(--text);}
  footer a.fl{display:block;color:var(--muted);font-size:.87rem;margin-bottom:.6rem;transition:.2s;}
  footer a.fl:hover{color:var(--accent);padding-left:4px;}
  .copyline{color:var(--muted);font-size:.83rem;}

  /* 回到顶部 */
  #toTop{
    position:fixed;right:22px;bottom:26px;z-index:1050;
    width:50px;height:50px;border-radius:50%;border:none;
    background:linear-gradient(140deg,var(--main),#8b7bff);color:#fff;
    font-size:1.05rem;display:grid;place-items:center;
    opacity:0;pointer-events:none;transform:translateY(18px);
    transition:.35s;box-shadow:0 14px 30px -12px rgba(109,93,252,.95);
  }
  #toTop.show{opacity:1;pointer-events:auto;transform:translateY(0);}
  #toTop:hover{transform:translateY(-4px);}

  /* 抽屉弹窗 */
  .drawer-mask{
    position:fixed;inset:0;background:rgba(5,6,16,.72);backdrop-filter:blur(5px);
    z-index:1060;opacity:0;pointer-events:none;transition:.3s;
  }
  .drawer-mask.show{opacity:1;pointer-events:auto;}
  .drawer{
    position:fixed;left:0;right:0;bottom:0;z-index:1070;
    background:linear-gradient(170deg,#1a1c38,#12142a);
    border-radius:30px 30px 0 0;
    border-top:1px solid rgba(34,211,238,.35);
    max-height:86vh;overflow-y:auto;
    transform:translateY(105%);transition:transform .38s cubic-bezier(.24,.9,.3,1);
    padding:1.8rem 1.9rem 2.4rem;
    box-shadow:0 -24px 60px -20px rgba(0,0,0,.9);
  }
  .drawer.show{transform:translateY(0);}
  .drawer-close{
    position:absolute;top:1rem;right:1.2rem;
    width:38px;height:38px;border-radius:50%;border:none;
    background:rgba(232,234,246,.1);color:var(--text);font-size:1rem;
    display:grid;place-items:center;transition:.25s;
  }
  .drawer-close:hover{background:rgba(109,93,252,.7);}
  .drawer h3{font-size:1.5rem;font-weight:900;margin-bottom:.5rem;padding-right:2.5rem;}
  .chip{
    display:inline-block;padding:.25rem .75rem;border-radius:999px;
    background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.4);
    color:var(--accent);font-size:.78rem;font-weight:700;margin:0 .4rem .5rem 0;
  }
  .drawer .lbl{color:var(--muted);font-size:.82rem;font-weight:600;display:block;margin-bottom:.25rem;}
  .drawer .val{font-size:.92rem;margin-bottom:.9rem;line-height:1.75;}
  .drawer .plot{color:#c9cde8;font-size:.94rem;line-height:2;}

  @media(max-width:768px){
    .hero{padding:4.5rem 0 3.5rem;border-radius:0 0 30px 30px;}
    .sec{padding:3rem 0;}
    .topic-box{padding:1.6rem;}
    .rec-box{padding:1.5rem;}
    .friends{padding:1.4rem;}
    .drawer{padding:1.5rem 1.1rem 2rem;}
  }

/* --- 子页面追加 --- */
.rk-tabs {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 30px}
.rk-tab {padding:9px 20px;border-radius:999px;background:var(--card);color:var(--muted);border:1px solid rgba(109,93,252,.22);font-size:14px;font-weight:600;cursor:pointer;transition:.2s;text-decoration:none}
.rk-tab:hover {color:var(--text);border-color:rgba(109,93,252,.6)}
.rk-tab.active {background:linear-gradient(135deg,var(--main),var(--accent));color:#fff;border-color:transparent;box-shadow:0 10px 26px -12px rgba(109,93,252,.9)}
.rk-rule {background:var(--card);border:1px solid rgba(109,93,252,.18);border-radius:var(--radius);padding:26px 28px;margin-top:8px}
.rk-rule h3 {font-size:18px;font-weight:700;margin-bottom:14px;color:var(--text)}
.rk-rule ul {margin:0;padding-left:18px;color:var(--muted);font-size:14.5px;line-height:2}
.rk-rule li::marker {color:var(--accent)}
.rk-note {font-size:13px;color:var(--muted);margin-top:14px}
.rk-mv {display:flex;align-items:center;gap:10px;margin-top:6px}
.rk-mv .tag {font-size:11.5px;padding:2px 9px;border-radius:999px;background:rgba(34,211,238,.12);color:var(--accent);border:1px solid rgba(34,211,238,.3)}
.rk-mv .tag.hot {background:rgba(109,93,252,.16);color:#b8b0ff;border-color:rgba(109,93,252,.4)}
.rk-mv .tag.new {background:rgba(255,255,255,.07);color:var(--muted);border-color:rgba(255,255,255,.14)}
.rk-rule {padding:20px 18px}
.rk-tab {padding:8px 15px;font-size:13px}

/* --- 子页面追加 --- */
.brand-logo:hover {color:#fff;}
.nav-link-x.active {color:#fff;background:linear-gradient(135deg,rgba(109,93,252,.9),rgba(34,211,238,.55));box-shadow:0 8px 22px -10px rgba(109,93,252,.9);}
.sec-title em {font-style:normal;background:linear-gradient(120deg,var(--accent),#8b7dff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-title span {background:linear-gradient(120deg,#8b7dff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-stat div {display:flex;flex-direction:column;}
.hero-stat small {color:var(--muted);font-size:.8rem;letter-spacing:.6px;}
.chip-row {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.chip:hover,.chip.on {color:#fff;background:linear-gradient(135deg,rgba(109,93,252,.85),rgba(34,211,238,.45));border-color:transparent;box-shadow:0 10px 26px -14px rgba(109,93,252,.95);}
.poster-thumb {position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--card-2);}
.poster-thumb img {width:100%;height:100%;object-fit:cover;display:block;transition:.4s;}
.poster-card:hover .poster-thumb img {transform:scale(1.06);}
.poster-badge {position:absolute;top:10px;left:10px;padding:.24rem .6rem;border-radius:9px;font-size:.72rem;font-weight:700;background:rgba(15,16,32,.78);color:var(--accent);border:1px solid rgba(34,211,238,.4);backdrop-filter:blur(6px);}
.poster-body {padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.poster-body h3 {font-size:1rem;font-weight:700;margin:0;color:var(--text);line-height:1.4;}
.poster-meta i {color:var(--accent);}
.poster-body p {font-size:.84rem;color:var(--muted);line-height:1.65;margin:0;}
.poster-foot {margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:8px;}
.poster-score small {color:var(--muted);font-weight:500;font-size:.72rem;}
.poster-link {font-size:.82rem;color:var(--accent);text-decoration:none;font-weight:600;}
.poster-link:hover {color:#fff;}
.rank-row:nth-child(1) .rank-no,.rank-row:nth-child(2) .rank-no,.rank-row:nth-child(3) .rank-no {color:var(--accent);}
.rank-info b {display:block;font-size:.9rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-info span {font-size:.76rem;color:var(--muted);}
.guide-card {background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid rgba(109,93,252,.22);border-radius:var(--radius);padding:22px;height:100%;}
.guide-card i.gi {font-size:1.2rem;color:var(--accent);margin-bottom:12px;display:inline-block;}
.guide-card h3 {font-size:1rem;font-weight:700;margin:0 0 8px;}
.guide-card p {font-size:.86rem;color:var(--muted);line-height:1.75;margin:0;}
.faq-item h3 {font-size:.95rem;font-weight:700;margin:0 0 8px;color:var(--text);}
.faq-item h3 .q {color:var(--accent);margin-right:6px;}
.faq-item p {font-size:.86rem;color:var(--muted);line-height:1.75;margin:0;}
footer.site-foot {border-top:1px solid rgba(109,93,252,.18);padding:44px 0 30px;background:rgba(24,26,51,.4);}
footer.site-foot .fbrand {display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text);text-decoration:none;font-size:1.05rem;}
footer.site-foot .fbrand i {color:var(--accent);}
footer.site-foot p {color:var(--muted);font-size:.84rem;line-height:1.8;}
footer.site-foot a.fl {color:var(--muted);text-decoration:none;font-size:.85rem;margin-right:16px;display:inline-block;line-height:2;}
footer.site-foot a.fl:hover {color:var(--accent);}
.foot-links {padding-top:12px;}
.copy-line {border-top:1px solid rgba(109,93,252,.14);margin-top:22px;padding-top:18px;color:var(--muted);font-size:.8rem;}

/* --- 子页面追加 --- */
.about-hero {padding:56px 0 8px;}
.about-kicker {display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.28);padding:7px 14px;border-radius:999px;margin-bottom:18px;}
.about-lead {color:var(--muted);font-size:1.02rem;line-height:1.95;max-width:760px;}
.panel {background:var(--card);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);padding:28px 26px;height:100%;transition:.25s ease;}
.panel:hover {transform:translateY(-4px);border-color:rgba(109,93,252,.5);box-shadow:var(--shadow);}
.panel-icon {width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#fff;background:linear-gradient(135deg,var(--main),var(--accent));margin-bottom:16px;}
.panel h3 {font-size:1.06rem;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.5;}
.panel p {color:var(--muted);font-size:.92rem;line-height:1.85;margin:0;}
.num-row {display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;}
.num-cell {flex:1 1 150px;background:var(--card-2);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px 20px;}
.num-cell strong {display:block;font-size:1.7rem;font-weight:800;background:linear-gradient(120deg,var(--main),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;}
.num-cell span {color:var(--muted);font-size:.82rem;letter-spacing:.03em;}
.story-list {list-style:none;padding:0;margin:0;}
.story-list li {position:relative;padding:0 0 0 30px;margin-bottom:18px;color:var(--muted);font-size:.94rem;line-height:1.85;}
.story-list li:last-child {margin-bottom:0;}
.story-list li::before {content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--accent);position:absolute;left:0;top:2px;font-size:.9rem;}
.story-list li b {color:var(--text);font-weight:600;}
.cta-strip {margin-top:52px;background:linear-gradient(135deg,rgba(109,93,252,.18),rgba(34,211,238,.1));border:1px solid rgba(109,93,252,.35);border-radius:var(--radius);padding:34px 28px;text-align:center;}
.cta-strip h2 {font-size:1.35rem;font-weight:800;color:var(--text);margin-bottom:10px;}
.cta-strip p {color:var(--muted);font-size:.94rem;margin-bottom:20px;}
.footer-x {border-top:1px solid rgba(255,255,255,.07);margin-top:64px;padding:34px 0 42px;color:var(--muted);font-size:.88rem;}
.footer-x a {color:var(--muted);text-decoration:none;margin-right:16px;transition:.2s;}
.footer-x a:hover {color:var(--accent);}
.footer-brand {display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--text);font-size:1.02rem;text-decoration:none;}
.footer-brand .dot {color:var(--accent);}
.about-hero {padding:36px 0 4px;}
.panel {padding:22px 20px;}
.cta-strip {padding:26px 20px;}

/* --- 子页面追加 --- */
.guide-hero {padding:70px 0 40px;position:relative;overflow:hidden;}
.guide-hero::before {content:"";position:absolute;inset:-30% -10% auto -10%;height:520px;background:radial-gradient(600px 320px at 20% 10%,rgba(109,93,252,.35),transparent 70%),radial-gradient(520px 300px at 85% 0%,rgba(34,211,238,.22),transparent 70%);filter:blur(10px);pointer-events:none;}
.guide-hero .hero-inner {position:relative;z-index:2;}
.guide-tag {display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;letter-spacing:.06em;color:var(--accent);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);padding:7px 15px;border-radius:999px;margin-bottom:20px;}
.guide-h1 {font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:900;line-height:1.18;letter-spacing:-.02em;margin-bottom:18px;}
.guide-h1 .hl {background:linear-gradient(100deg,var(--main),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;}
.guide-card:hover {transform:translateY(-4px);border-color:rgba(109,93,252,.5);box-shadow:var(--shadow);}
.guide-card .ic {width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:linear-gradient(135deg,rgba(109,93,252,.28),rgba(34,211,238,.2));color:var(--accent);margin-bottom:16px;}
.step-wrap {display:flex;flex-direction:column;gap:16px;margin-top:8px;}
.step-item {display:flex;gap:18px;background:var(--card-2);border:1px solid rgba(109,93,252,.16);border-radius:18px;padding:20px 22px;}
.step-no {flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--main),var(--accent));box-shadow:0 8px 20px -8px rgba(109,93,252,.9);}
.step-item h3 {font-size:1.02rem;font-weight:700;margin:0 0 6px;}
.step-item p {color:var(--muted);font-size:.93rem;line-height:1.8;margin:0;}
.faq-item h3 i {color:var(--accent);font-size:.85rem;}
.tip-band {margin-top:26px;background:linear-gradient(120deg,rgba(109,93,252,.16),rgba(34,211,238,.1));border:1px solid rgba(34,211,238,.24);border-radius:20px;padding:22px 24px;color:var(--text);font-size:.95rem;line-height:1.85;}
.tip-band i {color:var(--accent);margin-right:8px;}
.guide-links {display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}
.guide-links a {color:var(--accent);text-decoration:none;font-weight:600;font-size:.94rem;border:1px solid rgba(34,211,238,.28);border-radius:999px;padding:9px 18px;transition:.2s;}
.guide-links a:hover {background:rgba(34,211,238,.12);color:#fff;}
footer.site-footer {border-top:1px solid rgba(109,93,252,.16);padding:38px 0;margin-top:60px;color:var(--muted);font-size:.9rem;text-align:center;line-height:2;}
footer.site-footer a {color:var(--muted);text-decoration:none;margin:0 8px;}
footer.site-footer a:hover {color:var(--accent);}

/* --- 子页面追加 --- */
.legal-wrap {max-width:900px;margin:0 auto}
.legal-card {
    background:var(--card);
    border:1px solid rgba(109,93,252,.18);
    border-radius:var(--radius);
    padding:clamp(20px,4vw,42px);
    box-shadow:var(--shadow);
  }
.legal-card h2 {
    font-size:clamp(1.15rem,2.4vw,1.5rem);
    font-weight:800;
    color:var(--text);
    margin:34px 0 14px;
    line-height:1.4;
  }
.legal-card h2:first-child {margin-top:0}
.legal-card h2 .num {
    display:inline-flex;align-items:center;justify-content:center;
    width:30px;height:30px;border-radius:10px;margin-right:10px;
    font-size:.9rem;font-weight:800;
    background:linear-gradient(135deg,var(--main),var(--accent));
    color:#fff;vertical-align:middle;
  }
.legal-card p,.legal-card li {
    color:var(--muted);
    font-size:.95rem;
    line-height:1.9;
    margin-bottom:10px;
  }
.legal-card ul {padding-left:1.2rem;margin-bottom:14px}
.legal-card strong {color:var(--text);font-weight:600}
.legal-card a {color:var(--accent);text-decoration:none}
.legal-card a:hover {text-decoration:underline}
.legal-note {
    margin-top:34px;padding:18px 20px;border-radius:16px;
    background:var(--card-2);
    border-left:3px solid var(--accent);
    color:var(--muted);font-size:.9rem;line-height:1.8;
  }
.legal-note strong {color:var(--text)}
.legal-updated {
    display:inline-block;margin-bottom:20px;padding:6px 14px;border-radius:999px;
    background:rgba(109,93,252,.15);color:var(--accent);
    font-size:.8rem;font-weight:600;letter-spacing:.3px;
  }
.legal-hero {padding:56px 0 8px;text-align:center}
.legal-hero .hero-title {font-size:clamp(1.6rem,4vw,2.4rem)}
.legal-hero .hero-sub {max-width:680px;margin:14px auto 0}
.legal-card h2 .num {width:26px;height:26px;font-size:.8rem;margin-right:8px}

/* --- 子页面追加 --- */
#mnav .nav-link-x {display:block;padding:.6rem .8rem;}
.legal-hero::before {
    content:"";position:absolute;inset:-40% -10% auto -10%;height:420px;
    background:radial-gradient(60% 60% at 30% 20%,rgba(109,93,252,.35),transparent 70%),
               radial-gradient(50% 50% at 80% 0%,rgba(34,211,238,.22),transparent 70%);
    pointer-events:none;
  }
.legal-hero .kicker {
    display:inline-flex;align-items:center;gap:.5rem;
    font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--accent);
    background:rgba(34,211,238,.1);
    border:1px solid rgba(34,211,238,.28);
    padding:.4rem .85rem;border-radius:999px;margin-bottom:1.1rem;
  }
.legal-title {
    font-size:clamp(1.8rem,4.2vw,2.9rem);
    font-weight:900;line-height:1.22;letter-spacing:-.5px;margin-bottom:1rem;
    background:linear-gradient(120deg,#fff 20%,#b9b2ff 60%,#7ff0ff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
.legal-sub {color:var(--muted);font-size:1.02rem;max-width:760px;line-height:1.8;}
.legal-meta {
    display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem;
  }
.legal-meta span {
    font-size:.82rem;color:var(--muted);
    background:var(--card);border:1px solid rgba(109,93,252,.22);
    padding:.42rem .9rem;border-radius:999px;
  }
.legal-meta span i {color:var(--accent);margin-right:.35rem;}
.sec-title i {color:var(--accent);font-size:1.05rem;margin-top:.28rem;}
.policy-card {
    background:var(--card);
    border:1px solid rgba(109,93,252,.18);
    border-radius:var(--radius);
    padding:26px 26px 22px;
    box-shadow:var(--shadow);
    height:100%;
    transition:.25s;
  }
.policy-card:hover {transform:translateY(-3px);border-color:rgba(34,211,238,.35);}
.policy-card h3 {
    font-size:1.05rem;font-weight:700;margin-bottom:.7rem;line-height:1.5;
    display:flex;align-items:center;gap:.55rem;
  }
.policy-card h3 .num {
    flex:0 0 auto;
    width:26px;height:26px;border-radius:9px;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:.78rem;font-weight:800;
    background:linear-gradient(135deg,var(--main),var(--accent));
    color:#0b0c18;
  }
.policy-card p {color:var(--muted);font-size:.92rem;line-height:1.85;margin:0 0 .6rem;}
.policy-card p:last-child {margin-bottom:0;}
.policy-card strong {color:var(--text);font-weight:600;}
.policy-list {list-style:none;padding:0;margin:.4rem 0 0;}
.policy-list li {
    position:relative;padding-left:1.35rem;margin-bottom:.55rem;
    color:var(--muted);font-size:.9rem;line-height:1.8;
  }
.policy-list li::before {
    content:"";position:absolute;left:0;top:.62rem;
    width:7px;height:7px;border-radius:50%;
    background:linear-gradient(135deg,var(--main),var(--accent));
  }
.policy-list li strong {color:var(--text);font-weight:600;}
.note-strip {
    background:var(--card-2);
    border-radius:var(--radius);
    border:1px solid rgba(34,211,238,.24);
    padding:22px 24px;
    display:flex;gap:1rem;align-items:flex-start;
    box-shadow:var(--shadow);
  }
.note-strip i {color:var(--accent);font-size:1.35rem;margin-top:.15rem;}
.note-strip p {margin:0;color:var(--muted);font-size:.94rem;line-height:1.85;}
.note-strip strong {color:var(--text);}
.quick-nav {
    background:var(--card);
    border:1px solid rgba(109,93,252,.18);
    border-radius:var(--radius);
    padding:18px 20px;
    position:sticky;top:92px;
    box-shadow:var(--shadow);
  }
.quick-nav h4 {
    font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
    color:var(--accent);font-weight:700;margin-bottom:.9rem;
  }
.quick-nav a {
    display:block;color:var(--muted);text-decoration:none;
    font-size:.9rem;padding:.45rem .6rem;border-radius:10px;
    border-left:2px solid transparent;transition:.2s;line-height:1.5;
  }
.quick-nav a:hover {color:var(--text);background:rgba(109,93,252,.14);border-left-color:var(--accent);}
.table-wrap {
    background:var(--card);
    border:1px solid rgba(109,93,252,.18);
    border-radius:var(--radius);
    overflow:hidden;box-shadow:var(--shadow);
  }
.policy-table {width:100%;border-collapse:collapse;font-size:.9rem;}
.policy-table thead th {
    text-align:left;padding:14px 18px;
    background:rgba(109,93,252,.16);
    color:var(--text);font-weight:700;font-size:.85rem;
    letter-spacing:.02em;border-bottom:1px solid rgba(109,93,252,.22);
    white-space:nowrap;
  }
.policy-table tbody td {
    padding:14px 18px;color:var(--muted);line-height:1.75;
    border-bottom:1px solid rgba(109,93,252,.1);
    vertical-align:top;
  }
.policy-table tbody tr:last-child td {border-bottom:none;}
.policy-table tbody tr:hover td {background:rgba(109,93,252,.06);}
.policy-table td strong {color:var(--text);font-weight:600;}
.cta-box {
    background:linear-gradient(135deg,rgba(109,93,252,.22),rgba(34,211,238,.12));
    border:1px solid rgba(109,93,252,.32);
    border-radius:var(--radius);
    padding:32px 28px;
    text-align:center;
    box-shadow:var(--shadow);
  }
.cta-box h2 {font-size:1.35rem;font-weight:800;margin-bottom:.7rem;line-height:1.45;}
.cta-box p {color:var(--muted);font-size:.95rem;line-height:1.85;max-width:640px;margin:0 auto 1.4rem;}
footer.site-foot .f-brand {font-weight:800;font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;}
footer.site-foot .f-brand i {color:var(--accent);}
footer.site-foot .f-links {display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-top:.2rem;}
footer.site-foot .f-links a {color:var(--muted);text-decoration:none;font-size:.88rem;transition:.2s;}
footer.site-foot .f-links a:hover {color:var(--accent);}
footer.site-foot .f-title {font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:.85rem;}
.f-friend {color:var(--muted);font-size:.86rem;line-height:1.9;}
.quick-nav {position:static;margin-bottom:22px;}
.policy-card {padding:20px 18px;}
.policy-table thead th,.policy-table tbody td {padding:11px 13px;}
.cta-box {padding:24px 18px;}