:root{
    --bg:#0b0c14;
    --bg-soft:#141625;
    --card:#191c2e;
    --card-2:#20243a;
    --line:rgba(140,150,200,.16);
    --text:#e8eaf6;
    --muted:#9aa0bd;
    --accent:#ff5f8a;
    --accent-2:#8a6bff;
    --accent-3:#35d0c0;
    --gold:#f3c56b;
    --radius:18px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:
      radial-gradient(1200px 600px at 15% -10%, rgba(138,107,255,.22), transparent 60%),
      radial-gradient(900px 500px at 90% 0%, rgba(255,95,138,.16), transparent 60%),
      linear-gradient(180deg,#0b0c14 0%,#0e101c 40%,#0b0c14 100%);
    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{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}
  section{position:relative;}

  /* ---------- 通用标题 ---------- */
  .sec-head{margin-bottom:30px;}
  .sec-head .kicker{
    display:inline-block;font-size:12px;letter-spacing:.22em;
    color:var(--accent-3);margin-bottom:10px;text-transform:uppercase;
  }
  .sec-head h2{
    font-size:clamp(22px,3.2vw,32px);line-height:1.3;font-weight:800;
    letter-spacing:.01em;
  }
  .sec-head p{color:var(--muted);font-size:14.5px;margin-top:8px;max-width:720px;}

  /* ---------- 顶部导航 ---------- */
  .site-header{
    position:sticky;top:0;z-index:50;
    backdrop-filter:blur(14px);
    background:rgba(11,12,20,.78);
    border-bottom:1px solid var(--line);
  }
  .nav-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:auto;border-radius:8px;}
  .brand span{font-weight:800;font-size:17px;letter-spacing:.02em;white-space:nowrap;}
  .nav-links{display:none;gap:6px;flex-wrap:wrap;}
  .nav-links a{
    font-size:13.5px;color:var(--muted);padding:6px 10px;border-radius:999px;
    transition:color .2s,background .2s;white-space:nowrap;
  }
  .nav-links a:hover{color:var(--text);background:rgba(255,255,255,.06);}
  .nav-cta{
    display:none;flex-shrink:0;padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:700;
    background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;
  }
  .menu-btn{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;border-radius:12px;border:1px solid var(--line);
    background:rgba(255,255,255,.04);color:var(--text);font-size:18px;cursor:pointer;
  }
  .mobile-menu{display:none;padding:10px 0 18px;border-top:1px solid var(--line);}
  .mobile-menu.open{display:block;}
  .mobile-menu a{display:block;padding:10px 4px;font-size:14px;color:var(--muted);border-bottom:1px dashed rgba(255,255,255,.06);}
  .mobile-menu a:last-child{border-bottom:none;}

  /* ---------- 首屏 ---------- */
  .hero{padding:46px 0 60px;overflow:hidden;}
  .hero-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;}
  .hero-badge{
    display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--accent-3);
    border:1px solid rgba(53,208,192,.35);background:rgba(53,208,192,.08);
    padding:5px 14px;border-radius:999px;margin-bottom:18px;
  }
  .hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--accent-3);display:inline-block;animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.75);}}
  .hero h1{
    font-size:clamp(28px,5vw,46px);line-height:1.25;font-weight:900;letter-spacing:-.01em;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(100deg,var(--accent),var(--accent-2) 55%,var(--accent-3));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-sub{color:var(--muted);font-size:15.5px;margin-top:16px;max-width:540px;}
  .hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
  .hero-tags span{
    font-size:12.5px;color:#c9cde8;border:1px solid var(--line);
    background:rgba(255,255,255,.04);padding:4px 12px;border-radius:999px;
  }
  .download-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
  .dl-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:12px 22px;border-radius:14px;font-weight:700;font-size:14.5px;
    color:#fff;transition:transform .2s,box-shadow .2s;
  }
  .dl-btn:hover{transform:translateY(-2px);}
  .dl-btn .ico{font-size:16px;}
  .dl-btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 10px 28px -12px rgba(255,95,138,.9);}
  .dl-btn.ghost{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--text);}
  .dl-btn.ghost:hover{border-color:rgba(255,255,255,.28);}

  /* 首屏轮播 */
  .hero-stage{position:relative;}
  .slider{
    position:relative;width:100%;aspect-ratio:3/4;max-height:560px;
    border-radius:26px;overflow:hidden;border:1px solid var(--line);
    box-shadow:0 40px 90px -50px rgba(138,107,255,.9);
  }
  .slide{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    animation:fadeSlide 20s infinite;
  }
  .slide:nth-child(1){animation-delay:0s;}
  .slide:nth-child(2){animation-delay:4s;}
  .slide:nth-child(3){animation-delay:8s;}
  .slide:nth-child(4){animation-delay:12s;}
  .slide:nth-child(5){animation-delay:16s;}
  @keyframes fadeSlide{
    0%{opacity:0;}
    4%{opacity:1;}
    20%{opacity:1;}
    24%{opacity:0;}
    100%{opacity:0;}
  }
  .slider-mask{
    position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(11,12,20,.85));
    pointer-events:none;
  }
  .slider-caption{
    position:absolute;left:20px;right:20px;bottom:18px;z-index:2;
  }
  .slider-caption strong{display:block;font-size:18px;font-weight:800;}
  .slider-caption small{color:#c9cde8;font-size:12.5px;}
  .slider-dots{display:flex;gap:6px;margin-top:14px;justify-content:center;}
  .slider-dots i{width:22px;height:3px;border-radius:2px;background:rgba(255,255,255,.16);display:block;animation:dotOn 20s infinite;}
  .slider-dots i:nth-child(1){animation-delay:0s;}
  .slider-dots i:nth-child(2){animation-delay:4s;}
  .slider-dots i:nth-child(3){animation-delay:8s;}
  .slider-dots i:nth-child(4){animation-delay:12s;}
  .slider-dots i:nth-child(5){animation-delay:16s;}
  @keyframes dotOn{0%,24%{background:linear-gradient(90deg,var(--accent),var(--accent-2));}25%,100%{background:rgba(255,255,255,.16);}}

  /* ---------- 每日更新 · 时间轴 ---------- */
  .section-pad{padding:64px 0;}
  .timeline{position:relative;padding-left:26px;}
  .timeline::before{
    content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
    background:linear-gradient(180deg,var(--accent),var(--accent-2),transparent);
    border-radius:2px;
  }
  .tl-item{position:relative;padding:0 0 24px 0;}
  .tl-item::before{
    content:"";position:absolute;left:-26px;top:8px;width:12px;height:12px;border-radius:50%;
    background:var(--bg);border:2px solid var(--accent);
  }
  .tl-time{
    display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;
    color:var(--accent-3);margin-bottom:4px;
  }
  .tl-card{
    background:linear-gradient(150deg,var(--card),var(--bg-soft));
    border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  }
  .tl-card h3{font-size:15.5px;font-weight:800;margin-bottom:4px;}
  .tl-card p{font-size:13.5px;color:var(--muted);}

  /* ---------- 网格卡片 ---------- */
  .poster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
  .poster-card{
    background:linear-gradient(160deg,var(--card),var(--bg-soft));
    border:1px solid var(--line);border-radius:16px;overflow:hidden;
    transition:transform .25s,border-color .25s;
  }
  .poster-card:hover{transform:translateY(-4px);border-color:rgba(255,95,138,.4);}
  .poster-card .thumb{position:relative;aspect-ratio:3/4;overflow:hidden;}
  .poster-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
  .poster-card:hover .thumb img{transform:scale(1.05);}
  .poster-card .score{
    position:absolute;top:8px;right:8px;font-size:11.5px;font-weight:800;
    background:rgba(11,12,20,.72);color:var(--gold);border:1px solid rgba(243,197,107,.35);
    padding:2px 8px;border-radius:999px;
  }
  .poster-card .body{padding:12px 13px 14px;}
  .poster-card h3{font-size:14.5px;font-weight:800;margin-bottom:6px;}
  .poster-card .tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px;}
  .poster-card .tags span{font-size:11px;color:#b9bedd;background:rgba(255,255,255,.06);padding:1px 8px;border-radius:999px;}
  .poster-card .desc{font-size:12.5px;color:var(--muted);line-height:1.6;}
  .poster-card .meta{font-size:11.5px;color:#7b81a5;margin-top:8px;}

  /* ---------- 榜单 ---------- */
  .rank-list{display:grid;gap:10px;}
  .rank-row{
    display:flex;align-items:center;gap:14px;
    background:linear-gradient(120deg,var(--card),var(--bg-soft));
    border:1px solid var(--line);border-radius:14px;padding:12px 14px;
  }
  .rank-no{
    font-size:17px;font-weight:900;width:34px;text-align:center;flex-shrink:0;
    background:linear-gradient(120deg,var(--accent),var(--accent-2));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .rank-thumb{width:46px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0;}
  .rank-info{min-width:0;flex:1;}
  .rank-info strong{display:block;font-size:14px;font-weight:800;}
  .rank-info small{color:var(--muted);font-size:12px;display:block;margin-top:2px;}
  .rank-badge{font-size:11px;color:var(--accent-3);border:1px solid rgba(53,208,192,.3);padding:2px 9px;border-radius:999px;flex-shrink:0;}

  /* ---------- 魔改 / 横滑 ---------- */
  .hscroll{
    display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;
    scroll-snap-type:x mandatory;
  }
  .hscroll::-webkit-scrollbar{height:6px;}
  .hscroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px;}
  .hcard{
    flex:0 0 200px;scroll-snap-align:start;
    background:linear-gradient(160deg,var(--card-2),var(--bg-soft));
    border:1px solid var(--line);border-radius:16px;padding:16px;
  }
  .hcard h3{font-size:15px;font-weight:800;margin-bottom:6px;}
  .hcard p{font-size:12.5px;color:var(--muted);}
  .hcard .tagline{font-size:11.5px;color:var(--accent);margin-top:10px;font-weight:700;}

  /* ---------- 推荐 · 双栏图文 ---------- */
  .feature-split{display:grid;grid-template-columns:1fr;gap:22px;}
  .feature-main{
    position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);
  }
  .feature-main img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;}
  .feature-main .overlay{
    position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
    padding:20px;background:linear-gradient(180deg,transparent 35%,rgba(11,12,20,.92));
  }
  .feature-main h3{font-size:19px;font-weight:900;margin-bottom:6px;}
  .feature-main p{font-size:13px;color:#c9cde8;}
  .feature-side{display:grid;gap:14px;}
  .mini-card{
    display:flex;gap:12px;align-items:center;
    background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:10px;
  }
  .mini-card img{width:58px;height:74px;border-radius:8px;object-fit:cover;flex-shrink:0;}
  .mini-card div{min-width:0;}
  .mini-card strong{display:block;font-size:13.5px;font-weight:800;}
  .mini-card small{display:block;font-size:12px;color:var(--muted);}

  /* ---------- 问答 ---------- */
  .faq-grid{display:grid;gap:12px;}
  .faq-item{
    background:linear-gradient(140deg,var(--card),var(--bg-soft));
    border:1px solid var(--line);border-radius:16px;padding:16px 18px;
  }
  .faq-item .q{
    display:flex;gap:10px;font-size:14.5px;font-weight:800;color:#fff;margin-bottom:6px;
  }
  .faq-item .q b{color:var(--accent);}
  .faq-item .a{font-size:13px;color:var(--muted);padding-left:22px;}

  /* ---------- 社区评论 ---------- */
  .review-wall{display:grid;gap:14px;}
  .review-card{
    background:rgba(255,255,255,.03);border:1px solid var(--line);
    border-radius:16px;padding:14px 16px;
  }
  .review-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  .review-head img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--line);}
  .review-head strong{font-size:13.5px;}
  .review-head small{display:block;font-size:11.5px;color:#7b81a5;}
  .review-card p{font-size:13.5px;color:#c6cae4;}

  /* ---------- 隐私 ---------- */
  .privacy-grid{display:grid;gap:12px;}
  .privacy-card{
    border:1px solid var(--line);border-radius:16px;padding:16px 18px;
    background:linear-gradient(150deg,rgba(138,107,255,.10),rgba(255,255,255,.02));
  }
  .privacy-card h3{font-size:14.5px;font-weight:800;margin-bottom:6px;}
  .privacy-card p{font-size:13px;color:var(--muted);}

  /* ---------- 心愿榜 ---------- */
  .wish-list{display:grid;gap:10px;}
  .wish-row{
    display:flex;align-items:center;gap:12px;
    background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);
    border-radius:14px;padding:11px 14px;
  }
  .wish-row .idx{font-size:12px;color:var(--gold);font-weight:800;width:26px;flex-shrink:0;}
  .wish-row span{font-size:13.5px;color:#cdd1ea;}

  /* ---------- 平台动态 ---------- */
  .news-list{display:grid;gap:10px;}
  .news-item{
    display:flex;gap:14px;padding:13px 16px;border-radius:14px;
    background:linear-gradient(140deg,var(--card),var(--bg-soft));
    border:1px solid var(--line);
  }
  .news-item time{font-size:12px;color:var(--accent-3);white-space:nowrap;flex-shrink:0;padding-top:2px;}
  .news-item p{font-size:13.5px;color:#c6cae4;}

  /* ---------- 下载区 ---------- */
  .download-band{
    border-radius:26px;border:1px solid var(--line);padding:34px 22px;
    background:
      radial-gradient(600px 260px at 12% 0%,rgba(255,95,138,.20),transparent 65%),
      radial-gradient(600px 260px at 88% 100%,rgba(138,107,255,.24),transparent 65%),
      linear-gradient(160deg,#171a2b,#0f111b);
  }
  .steps{display:grid;gap:12px;margin:24px 0 28px;}
  .step{
    display:flex;gap:14px;align-items:flex-start;
    background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:13px 16px;
  }
  .step b{
    flex-shrink:0;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-size:12.5px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;
  }
  .step p{font-size:13.5px;color:#c9cde8;}

  /* ---------- 海报墙 ---------- */
  .wall{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
  .wall img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line);}

  /* ---------- 页脚 ---------- */
  .site-footer{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 34px;}
  .footer-inner{display:flex;flex-direction:column;gap:10px;color:#767c9c;font-size:12.5px;}
  .footer-inner .fbrand{display:flex;align-items:center;gap:8px;color:#a6abc9;font-weight:700;font-size:13.5px;}
  .footer-inner .fbrand img{height:22px;width:auto;border-radius:6px;}
  .footer-inner a{color:#8b91b3;border-bottom:1px dotted rgba(139,145,179,.5);}
  .footer-inner .upd{color:#666b88;font-size:12px;}

  /* ---------- 响应式 ---------- */
  @media (min-width:768px){
    .hero-grid{grid-template-columns:1.05fr .95fr;gap:40px;}
    .slider{aspect-ratio:3/4;max-height:600px;}
    .poster-grid{grid-template-columns:repeat(3,1fr);}
    .faq-grid{grid-template-columns:repeat(2,1fr);}
    .review-wall{grid-template-columns:repeat(2,1fr);}
    .privacy-grid{grid-template-columns:repeat(2,1fr);}
    .feature-split{grid-template-columns:1.25fr 1fr;}
    .steps{grid-template-columns:repeat(2,1fr);}
    .wall{grid-template-columns:repeat(4,1fr);}
    .download-band{padding:44px 40px;}
    .section-pad{padding:76px 0;}
  }
  @media (min-width:1024px){
    .nav-links{display:flex;}
    .nav-cta{display:inline-block;}
    .menu-btn{display:none;}
    .mobile-menu{display:none !important;}
    .hero{padding:64px 0 84px;}
    .poster-grid{grid-template-columns:repeat(4,1fr);}
    .faq-grid{grid-template-columns:repeat(3,1fr);}
    .review-wall{grid-template-columns:repeat(3,1fr);}
    .privacy-grid{grid-template-columns:repeat(3,1fr);}
    .steps{grid-template-columns:repeat(4,1fr);}
    .wall{grid-template-columns:repeat(5,1fr);}
    .timeline{padding-left:30px;}
  }