:root{
    --bg:#0b0a14;
    --bg2:#12101f;
    --panel:#191627;
    --line:rgba(255,255,255,.09);
    --text:#f2f0f7;
    --muted:#a9a3bd;
    --gold:#ffcc4d;
    --hot:#ff5470;
    --violet:#8b5cf6;
    --cyan:#38e1d6;
    --radius:18px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}
  .eyebrow{
    display:inline-block;font-size:13px;letter-spacing:.18em;
    color:var(--gold);text-transform:uppercase;margin-bottom:12px;
  }
  h2{font-size:clamp(22px,3.2vw,32px);line-height:1.35;letter-spacing:.01em;}
  h3{font-size:17px;line-height:1.5;}
  .sec{padding:76px 0;position:relative;}
  .sec-head{margin-bottom:36px;max-width:760px;}
  .sec-head p{color:var(--muted);margin-top:10px;font-size:15px;}
  .tag{
    display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;
    background:rgba(139,92,246,.16);color:#c9b6ff;border:1px solid rgba(139,92,246,.3);
  }
  .tag.gold{background:rgba(255,204,77,.12);color:var(--gold);border-color:rgba(255,204,77,.32);}
  .tag.hot{background:rgba(255,84,112,.13);color:#ff8fa2;border-color:rgba(255,84,112,.32);}

  /* ---------- 顶部导航 ---------- */
  .topbar{
    position:fixed;top:0;left:0;right:0;z-index:80;
    background:rgba(11,10,20,.82);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .topbar-inner{
    display:flex;align-items:center;justify-content:space-between;
    gap:16px;height:62px;
  }
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .brand img{height:32px;width:32px;border-radius:8px;}
  .brand span{font-weight:700;font-size:16px;letter-spacing:.02em;white-space:nowrap;}
  .nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:flex-end;}
  .nav::-webkit-scrollbar{display:none;}
  .nav a{
    font-size:13.5px;color:var(--muted);padding:7px 10px;border-radius:9px;
    white-space:nowrap;transition:color .2s,background .2s;
  }
  .nav a:hover{color:var(--text);background:rgba(255,255,255,.07);}
  .nav a.nav-strong{color:var(--gold);}
  .menu-toggle{
    display:none;background:none;border:1px solid var(--line);color:var(--text);
    padding:6px 12px;border-radius:9px;font-size:13px;cursor:pointer;
  }

  /* ---------- 首屏 ---------- */
  .hero{
    position:relative;padding:130px 0 70px;overflow:hidden;
    background:
      radial-gradient(900px 520px at 78% 6%,rgba(139,92,246,.30),transparent 62%),
      radial-gradient(700px 460px at 8% 78%,rgba(56,225,214,.16),transparent 60%),
      linear-gradient(180deg,#0b0a14 0%,#100d1c 70%,#0b0a14 100%);
  }
  .hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);
    background-size:34px 34px;opacity:.35;
    -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 78%);
    mask-image:radial-gradient(circle at 50% 30%,#000 20%,transparent 78%);
  }
  .hero-grid{
    position:relative;display:grid;grid-template-columns:1.05fr .95fr;
    gap:48px;align-items:center;
  }
  .hero h1{
    font-size:clamp(30px,4.6vw,52px);line-height:1.2;letter-spacing:.01em;
    margin-bottom:18px;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(100deg,var(--gold),#ff7fb0 55%,var(--violet));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-lead{color:#cfc9e2;font-size:16.5px;max-width:520px;}
  .hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px;}
  .hero-points span{
    font-size:13px;padding:6px 13px;border-radius:999px;
    border:1px solid var(--line);background:rgba(255,255,255,.04);color:#dcd7ec;
  }
  .cta-row{display:flex;flex-wrap:wrap;gap:14px;}
  .btn{
    display:inline-flex;align-items:center;gap:9px;justify-content:center;
    padding:14px 26px;border-radius:999px;font-size:15px;font-weight:600;
    border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn-main{
    background:linear-gradient(100deg,var(--gold),#ff9f68);
    color:#20180a;box-shadow:0 12px 30px rgba(255,180,60,.24);
  }
  .btn-ghost{
    background:rgba(255,255,255,.05);color:var(--text);border-color:rgba(255,255,255,.16);
  }
  .hero-note{color:#8b85a3;font-size:12.5px;margin-top:16px;}

  /* 层叠轮播 */
  .deck{position:relative;height:460px;}
  .deck-card{
    position:absolute;top:50%;left:50%;width:236px;border-radius:16px;
    overflow:hidden;border:1px solid rgba(255,255,255,.14);
    box-shadow:0 26px 60px rgba(0,0,0,.58);
    transition:transform .6s cubic-bezier(.22,.7,.25,1),opacity .6s;
    background:#1a1728;
  }
  .deck-card img{width:100%;height:352px;object-fit:cover;}
  .deck-card figcaption{
    padding:9px 12px;font-size:12.5px;color:#d7d1ea;
    background:rgba(12,10,22,.94);
  }
  .deck-card.pos-0{transform:translate(-50%,-50%) rotate(-11deg) translateX(-128px) scale(.82);opacity:.55;z-index:1;}
  .deck-card.pos-1{transform:translate(-50%,-50%) rotate(-5deg) translateX(-64px) scale(.92);opacity:.85;z-index:2;}
  .deck-card.pos-2{transform:translate(-50%,-50%) rotate(0) translateX(0) scale(1.04);opacity:1;z-index:4;}
  .deck-card.pos-3{transform:translate(-50%,-50%) rotate(6deg) translateX(66px) scale(.92);opacity:.85;z-index:3;}
  .deck-card.pos-4{transform:translate(-50%,-50%) rotate(12deg) translateX(130px) scale(.82);opacity:.55;z-index:1;}

  /* ---------- 真人爽剧 瀑布流 ---------- */
  .sec-shuang{background:linear-gradient(180deg,#0b0a14,#1a0f1a 55%,#0b0a14);}
  .falls{column-count:4;column-gap:20px;}
  .fall-item{
    break-inside:avoid;margin-bottom:20px;border-radius:var(--radius);overflow:hidden;
    background:var(--panel);border:1px solid var(--line);
    transition:transform .28s,border-color .28s,box-shadow .28s;
  }
  .fall-item:hover{
    transform:translateY(-8px);border-color:rgba(255,204,77,.4);
    box-shadow:0 18px 40px rgba(0,0,0,.5);
  }
  .fall-item img{width:100%;height:auto;}
  .fall-body{padding:13px 15px 16px;}
  .fall-body h3{font-size:15.5px;margin-bottom:7px;}
  .fall-body p{font-size:13px;color:var(--muted);line-height:1.65;}
  .fall-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px;}

  /* ---------- 原创精品 Z 字 ---------- */
  .sec-orig{background:linear-gradient(180deg,#0b0a14,#0d1626 60%,#0b0a14);}
  .zrow{
    display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;
    padding:26px 0;border-bottom:1px dashed var(--line);
  }
  .zrow:last-child{border-bottom:0;}
  .zrow.rev{grid-template-columns:1fr 300px;}
  .zrow.rev .zpic{order:2;}
  .zrow.rev .ztext{order:1;}
  .zpic img{
    width:100%;height:400px;object-fit:cover;border-radius:14px;
    border:1px solid rgba(255,255,255,.12);
  }
  .ztext h3{font-size:21px;margin-bottom:12px;}
  .ztext p{color:var(--muted);font-size:14.5px;margin-bottom:14px;}
  .zmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
  .zdate{font-size:12.5px;color:#8f89a8;}

  /* ---------- 更新日历 时间轴 ---------- */
  .sec-cal{background:linear-gradient(180deg,#0b0a14,#0f1220 50%,#0b0a14);}
  .tl{position:relative;padding-left:26px;}
  .tl::before{
    content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
    background:linear-gradient(180deg,var(--cyan),var(--violet),var(--hot));
    box-shadow:0 0 14px rgba(139,92,246,.6);border-radius:2px;
  }
  .tl-item{position:relative;margin-bottom:22px;display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;}
  .tl-item::before{
    content:"";position:absolute;left:-25px;top:14px;width:12px;height:12px;border-radius:50%;
    background:#0b0a14;border:2px solid var(--cyan);
    box-shadow:0 0 12px rgba(56,225,214,.9);
  }
  .tl-time{
    font-size:17px;font-weight:700;color:var(--cyan);letter-spacing:.04em;
    text-shadow:0 0 14px rgba(56,225,214,.45);
  }
  .tl-card{
    background:var(--panel);border:1px solid var(--line);border-radius:14px;
    padding:14px 18px;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;
  }
  .tl-card img{width:64px;height:86px;object-fit:cover;border-radius:8px;}
  .tl-card h3{font-size:15px;margin-bottom:5px;}
  .tl-card p{font-size:13px;color:var(--muted);}

  /* ---------- 心愿榜 ---------- */
  .sec-wish{background:linear-gradient(180deg,#0b0a14,#1b1226 60%,#0b0a14);}
  .podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px;align-items:end;}
  .pod{
    background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
    padding:16px;text-align:center;position:relative;transition:transform .25s;
  }
  .pod:hover{transform:translateY(-6px);}
  .pod img{width:100%;height:210px;object-fit:cover;border-radius:11px;margin-bottom:12px;}
  .pod h3{font-size:15px;margin-bottom:6px;}
  .pod p{font-size:12.5px;color:var(--muted);}
  .pod .badge{
    position:absolute;top:-13px;left:50%;transform:translateX(-50%);
    font-size:11.5px;padding:3px 12px;border-radius:999px;font-weight:700;
    background:linear-gradient(100deg,var(--gold),#ff9f68);color:#221908;white-space:nowrap;
  }
  .pod.first{border-color:rgba(255,204,77,.55);box-shadow:0 0 0 1px rgba(255,204,77,.25),0 18px 44px rgba(255,180,60,.15);}
  .pod.first img{height:250px;}
  .ranklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .rank{
    display:flex;align-items:center;gap:14px;padding:12px 16px;
    background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;
  }
  .rank .num{
    font-size:15px;font-weight:800;color:var(--violet);min-width:26px;
  }
  .rank .rk-txt{font-size:14px;color:#e3dff0;}
  .rank .rk-txt small{display:block;font-size:12px;color:var(--muted);font-weight:400;}

  /* ---------- 魔改周榜 横滑 ---------- */
  .sec-week{background:linear-gradient(180deg,#0b0a14,#241026 55%,#0b0a14);}
  .hscroll{
    display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:18px;
    overflow-x:auto;padding:6px 4px 22px;scroll-snap-type:x mandatory;
    scrollbar-width:thin;
  }
  .hscroll::-webkit-scrollbar{height:7px;}
  .hscroll::-webkit-scrollbar-thumb{background:rgba(255,84,112,.45);border-radius:8px;}
  .hcard{
    scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);
    border-radius:16px;overflow:hidden;transition:transform .25s,border-color .25s;
  }
  .hcard:hover{transform:translateY(-6px);border-color:rgba(255,84,112,.45);}
  .hcard img{width:100%;height:320px;object-fit:cover;}
  .hcard .hb{padding:13px 15px 17px;}
  .hcard h3{font-size:15px;margin-bottom:6px;}
  .hcard p{font-size:12.5px;color:var(--muted);}
  .hcard .tag{margin-bottom:8px;}

  /* ---------- 用户神评 ---------- */
  .sec-cmt{background:linear-gradient(180deg,#0b0a14,#0e1a1e 55%,#0b0a14);}
  .bubbles{display:flex;flex-direction:column;gap:16px;max-width:820px;margin:0 auto;}
  .bub{
    display:flex;gap:12px;align-items:flex-start;max-width:86%;
    animation:floatin .9s ease both;
  }
  .bub.right{margin-left:auto;flex-direction:row-reverse;}
  .bub img{width:38px;height:38px;border-radius:50%;flex-shrink:0;border:1px solid var(--line);}
  .bub .bcard{
    background:rgba(255,255,255,.055);border:1px solid var(--line);
    padding:12px 16px;border-radius:16px;font-size:14px;color:#e8e4f4;
  }
  .bub.right .bcard{
    background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.32);
  }
  .bub .bname{font-size:12px;color:var(--muted);margin-bottom:4px;}
  @keyframes floatin{
    from{transform:translateY(14px);}
    to{transform:translateY(0);}
  }

  /* ---------- 隐私安全 ---------- */
  .sec-safe{background:linear-gradient(180deg,#0b0a14,#101a2c 55%,#0b0a14);}
  .safe-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start;}
  .shield{
    position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(56,225,214,.28);
    background:radial-gradient(circle at 50% 22%,rgba(56,225,214,.22),transparent 68%),var(--panel);
    padding:30px 22px;text-align:center;
  }
  .shield img{width:100%;border-radius:12px;margin-bottom:16px;}
  .shield h3{font-size:17px;margin-bottom:8px;}
  .shield p{font-size:13px;color:var(--muted);}
  .faq-list details{
    border:1px solid var(--line);border-radius:12px;padding:13px 17px;
    background:rgba(255,255,255,.03);margin-bottom:11px;
  }
  .faq-list summary{
    cursor:pointer;font-size:14.5px;font-weight:600;list-style:none;
    display:flex;justify-content:space-between;gap:14px;align-items:center;
  }
  .faq-list summary::-webkit-details-marker{display:none;}
  .faq-list summary::after{
    content:"+";color:var(--cyan);font-size:18px;line-height:1;flex-shrink:0;
  }
  .faq-list details[open] summary::after{content:"–";}
  .faq-list details p{font-size:13.5px;color:var(--muted);margin-top:9px;}

  /* ---------- 常见问题 宫格 ---------- */
  .sec-faq{background:linear-gradient(180deg,#0b0a14,#1a1426 55%,#0b0a14);}
  .grid-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .gcard{
    background:var(--panel);border:1px solid var(--line);border-radius:16px;
    padding:18px 20px;transition:border-color .25s,transform .25s;
  }
  .gcard:hover{border-color:rgba(255,204,77,.4);transform:translateY(-4px);}
  .gcard summary{
    cursor:pointer;font-size:14.5px;font-weight:600;list-style:none;
    display:flex;justify-content:space-between;gap:12px;
  }
  .gcard summary::-webkit-details-marker{display:none;}
  .gcard summary::after{content:"▾";color:var(--gold);font-size:13px;flex-shrink:0;}
  .gcard details[open] summary::after{content:"▴";}
  .gcard p{font-size:13.5px;color:var(--muted);margin-top:10px;}

  /* ---------- 下载区 ---------- */
  .sec-down{background:linear-gradient(180deg,#0b0a14,#171226 60%,#0b0a14);}
  .down-box{
    text-align:center;border:1px solid var(--line);border-radius:24px;
    padding:44px 24px;background:
      radial-gradient(600px 300px at 50% 0%,rgba(255,204,77,.14),transparent 70%),
      var(--panel);
  }
  .down-box h2{margin-bottom:12px;}
  .down-box > p{color:var(--muted);font-size:14.5px;max-width:600px;margin:0 auto 30px;}
  .steps{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
    max-width:860px;margin:0 auto 34px;text-align:left;
  }
  .step{
    background:rgba(255,255,255,.04);border:1px solid var(--line);
    border-radius:14px;padding:16px 18px;
  }
  .step b{
    display:inline-block;font-size:12px;color:var(--gold);margin-bottom:6px;
    letter-spacing:.08em;
  }
  .step h3{font-size:14.5px;margin-bottom:6px;}
  .step p{font-size:13px;color:var(--muted);}
  .down-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
  .qr-wrap{
    display:flex;align-items:center;justify-content:center;gap:16px;
    margin-top:30px;flex-wrap:wrap;
  }
  .qr-wrap img{width:118px;height:118px;border-radius:12px;background:#fff;padding:6px;}
  .qr-wrap span{font-size:13px;color:var(--muted);text-align:left;max-width:180px;}

  /* ---------- 页脚 ---------- */
  footer{
    background:#08070f;border-top:1px solid var(--line);
    padding:42px 20px 30px;text-align:center;
  }
  .foot-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px;}
  .foot-brand img{height:26px;width:26px;border-radius:6px;}
  .foot-brand strong{font-size:15px;}
  footer p{font-size:12.5px;color:#7c7695;line-height:1.9;}
  footer time{color:#6f6890;}

  /* ---------- 弹窗 ---------- */
  .modal{
    position:fixed;inset:0;z-index:200;display:none;
    align-items:center;justify-content:center;padding:22px;
    background:rgba(4,3,10,.82);
  }
  .modal.show{display:flex;}
  .modal-box{
    width:100%;max-width:380px;background:#191627;border:1px solid rgba(255,255,255,.16);
    border-radius:18px;padding:26px 22px;text-align:center;
  }
  .modal-box h3{font-size:16px;line-height:1.6;margin-bottom:16px;}
  .modal-box .url{
    word-break:break-all;font-size:12.5px;color:var(--cyan);
    background:rgba(56,225,214,.08);border:1px dashed rgba(56,225,214,.35);
    border-radius:10px;padding:11px 12px;margin-bottom:16px;
  }
  .modal-btns{display:flex;gap:10px;justify-content:center;}
  .modal-btns button{
    flex:1;padding:11px 14px;border-radius:10px;font-size:13.5px;cursor:pointer;
    border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);
  }
  .modal-btns .ok{background:linear-gradient(100deg,var(--gold),#ff9f68);color:#221908;border-color:transparent;font-weight:600;}

  /* ---------- 响应式 ---------- */
  @media (max-width:1024px){
    .hero-grid{grid-template-columns:1fr;gap:34px;}
    .deck{height:400px;}
    .deck-card{width:210px;}
    .deck-card img{height:310px;}
    .falls{column-count:3;}
    .zrow,.zrow.rev{grid-template-columns:1fr;gap:22px;}
    .zrow.rev .zpic{order:1;}
    .zrow.rev .ztext{order:2;}
    .zpic img{height:340px;}
    .safe-grid{grid-template-columns:1fr;gap:26px;}
    .grid-faq{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr;}
    .podium{grid-template-columns:repeat(3,1fr);}
    .pod img{height:180px;}
    .pod.first img{height:200px;}
    .ranklist{grid-template-columns:1fr;}
  }
  @media (max-width:768px){
    .sec{padding:52px 0;}
    .hero{padding:104px 0 50px;}
    .nav{
      display:none;position:absolute;top:62px;left:0;right:0;
      flex-direction:column;gap:2px;background:#100d1c;
      border-bottom:1px solid var(--line);padding:12px;max-height:70vh;overflow-y:auto;
    }
    .nav.open{display:flex;}
    .nav a{padding:11px 12px;font-size:14px;}
    .menu-toggle{display:block;}
    .deck{height:360px;}
    .deck-card{width:168px;}
    .deck-card img{height:246px;}
    .deck-card.pos-0{transform:translate(-50%,-50%) rotate(-10deg) translateX(-92px) scale(.8);}
    .deck-card.pos-1{transform:translate(-50%,-50%) rotate(-5deg) translateX(-46px) scale(.9);}
    .deck-card.pos-3{transform:translate(-50%,-50%) rotate(6deg) translateX(46px) scale(.9);}
    .deck-card.pos-4{transform:translate(-50%,-50%) rotate(12deg) translateX(94px) scale(.8);}
    .falls{column-count:2;column-gap:14px;}
    .fall-item{margin-bottom:14px;}
    .fall-body{padding:11px 12px 14px;}
    .fall-body h3{font-size:14px;}
    .zpic img{height:300px;}
    .tl-item{grid-template-columns:78px 1fr;gap:12px;}
    .tl-time{font-size:15px;}
    .tl-card{grid-template-columns:54px 1fr;padding:12px 14px;gap:12px;}
    .tl-card img{width:54px;height:72px;}
    .podium{grid-template-columns:1fr;gap:14px;}
    .pod.first{order:-1;}
    .pod img{height:240px;}
    .pod.first img{height:260px;}
    .grid-faq{grid-template-columns:1fr;}
    .hscroll{grid-auto-columns:200px;}
    .hcard img{height:264px;}
    .bub{max-width:94%;}
    .down-box{padding:30px 16px;}
    .btn{width:100%;}
    .down-actions{flex-direction:column;}
    .qr-wrap{flex-direction:column;text-align:center;}
    .qr-wrap span{text-align:center;max-width:260px;}
  }