:root{
    --bg:#0b0c10;
    --bg-2:#12141c;
    --card:#171a24;
    --line:rgba(255,255,255,.08);
    --text:#eceef4;
    --sub:#a3a9ba;
    --gold:#f5c451;
    --gold-2:#e19a2b;
    --pink:#ff5d8f;
    --purple:#7a5cff;
    --radius:16px;
  }
  *{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{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
  section{padding:64px 0;position:relative;}
  .eyebrow{
    display:inline-block;font-size:12px;letter-spacing:.2em;
    color:var(--gold);border:1px solid rgba(245,196,81,.35);
    border-radius:99px;padding:4px 14px;margin-bottom:16px;
  }
  h2{font-size:clamp(22px,3.2vw,32px);line-height:1.35;margin-bottom:12px;}
  h3{font-size:18px;margin-bottom:8px;}
  .lead{color:var(--sub);font-size:15px;max-width:640px;}

  /* ---------- header ---------- */
  .site-head{
    position:sticky;top:0;z-index:50;
    background:rgba(11,12,16,.82);
    backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line);
  }
  .head-inner{
    display:flex;align-items:center;gap:20px;
    height:64px;
  }
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .brand img{height:34px;width:34px;border-radius:9px;object-fit:cover;}
  .brand span{font-size:18px;font-weight:700;letter-spacing:.02em;}
  .nav{display:none;gap:22px;font-size:14px;color:var(--sub);}
  .nav a:hover{color:var(--gold);}
  .head-dl{
    margin-left:auto;font-size:13px;font-weight:600;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:#231a05;padding:8px 18px;border-radius:99px;white-space:nowrap;
  }

  /* ---------- hero ---------- */
  .hero{
    padding:56px 0 64px;
    background:
      radial-gradient(700px 380px at 12% 0%,rgba(122,92,255,.22),transparent 70%),
      radial-gradient(700px 420px at 92% 10%,rgba(255,93,143,.16),transparent 70%),
      linear-gradient(180deg,#0b0c10 0%,#10121a 100%);
    overflow:hidden;
  }
  .hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}
  .hero h1{
    font-size:clamp(26px,4.4vw,44px);line-height:1.25;
    letter-spacing:.01em;margin-bottom:18px;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(120deg,var(--gold) 20%,#ff9d5c 80%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero p.desc{color:var(--sub);font-size:15.5px;max-width:560px;margin-bottom:26px;}
  .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
  .hero-tags span{
    font-size:12.5px;color:#dfe2ec;
    background:rgba(255,255,255,.06);
    border:1px solid var(--line);
    padding:5px 13px;border-radius:99px;
  }
  .dl-row{display:flex;flex-wrap:wrap;gap:12px;}
  .btn{
    display:inline-flex;align-items:center;gap:9px;
    padding:12px 22px;border-radius:12px;font-size:14.5px;font-weight:600;
    border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease;
  }
  .btn:hover{transform:translateY(-2px);}
  .btn .ico{font-size:16px;line-height:1;}
  .btn-main{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:#231a05;box-shadow:0 10px 26px -12px rgba(245,196,81,.7);
  }
  .btn-ghost{
    background:rgba(255,255,255,.06);color:var(--text);
    border-color:var(--line);
  }
  .btn-pink{
    background:linear-gradient(135deg,#ff6d9a,#e63f7a);
    color:#fff;box-shadow:0 10px 26px -14px rgba(255,93,143,.8);
  }
  .hero-note{font-size:12.5px;color:#767d90;margin-top:16px;}

  .poster-collage{
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  }
  .poster-collage figure{
    border-radius:12px;overflow:hidden;border:1px solid var(--line);
    background:var(--card);
  }
  .poster-collage figure:nth-child(2){transform:translateY(18px);}
  .poster-collage figure:nth-child(3){transform:translateY(36px);}
  .poster-collage img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;}

  /* ---------- 筛选标签 ---------- */
  .filter-bar{
    display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 26px;
  }
  .filter-bar a{
    font-size:13px;padding:7px 16px;border-radius:99px;
    background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--sub);
  }
  .filter-bar a.on,.filter-bar a:hover{
    background:rgba(245,196,81,.12);color:var(--gold);border-color:rgba(245,196,81,.4);
  }

  /* ---------- 卡片 ---------- */
  .card-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:16px;
  }
  .show-card{
    background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;display:flex;flex-direction:column;
    transition:transform .2s ease,border-color .2s ease;
  }
  .show-card:hover{transform:translateY(-4px);border-color:rgba(245,196,81,.35);}
  .show-card .thumb{position:relative;overflow:hidden;}
  .show-card .thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .score{
    position:absolute;top:10px;right:10px;font-size:12px;font-weight:700;
    background:rgba(0,0,0,.62);color:var(--gold);padding:2px 9px;border-radius:8px;
    border:1px solid rgba(245,196,81,.35);
  }
  .show-card .body{padding:12px 13px 15px;display:flex;flex-direction:column;gap:7px;flex:1;}
  .show-card h3{font-size:15px;margin:0;}
  .show-card .tags{display:flex;flex-wrap:wrap;gap:6px;}
  .show-card .tags i{
    font-style:normal;font-size:11px;color:#cfd4e2;
    background:rgba(122,92,255,.16);border-radius:6px;padding:2px 8px;
  }
  .show-card .brief{font-size:12.5px;color:var(--sub);line-height:1.6;flex:1;}
  .show-card .date{font-size:11.5px;color:#6f768a;}

  /* ---------- AI 专区 ---------- */
  .ai-sec{
    background:
      radial-gradient(600px 320px at 80% 0%,rgba(122,92,255,.2),transparent 70%),
      var(--bg-2);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  }
  .ai-layout{display:grid;grid-template-columns:1fr;gap:28px;}
  .ai-feature{
    display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
  }
  .ai-feature img{border-radius:12px;border:1px solid var(--line);aspect-ratio:3/4;object-fit:cover;}
  .ai-list{display:grid;grid-template-columns:1fr;gap:14px;}
  .ai-item{
    background:rgba(255,255,255,.04);border:1px solid var(--line);
    border-left:3px solid var(--purple);
    border-radius:10px;padding:14px 16px;
  }
  .ai-item h3{font-size:15px;margin-bottom:4px;}
  .ai-item p{font-size:13px;color:var(--sub);}

  /* ---------- 热播榜单 ---------- */
  .rank-list{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
  .rank-item{
    display:flex;gap:14px;align-items:flex-start;
    background:var(--card);border:1px solid var(--line);
    border-radius:14px;padding:12px;
  }
  .rank-item img{
    width:74px;aspect-ratio:3/4;object-fit:cover;border-radius:8px;flex-shrink:0;
  }
  .rank-num{
    font-size:12px;font-weight:700;color:#1d1607;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    width:22px;height:22px;display:grid;place-items:center;border-radius:6px;
    flex-shrink:0;margin-top:2px;
  }
  .rank-body{flex:1;min-width:0;}
  .rank-body h3{font-size:15px;margin-bottom:3px;}
  .rank-body p{font-size:12.5px;color:var(--sub);}
  .rank-meta{font-size:11.5px;color:#6f768a;margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;}

  /* ---------- 安装步骤 ---------- */
  .steps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px;}
  .step{
    background:var(--card);border:1px solid var(--line);border-radius:14px;
    padding:18px 18px 18px 62px;position:relative;
  }
  .step::before{
    content:attr(data-n);
    position:absolute;left:18px;top:16px;
    width:30px;height:30px;border-radius:9px;
    background:rgba(245,196,81,.14);color:var(--gold);
    display:grid;place-items:center;font-size:13px;font-weight:700;
    border:1px solid rgba(245,196,81,.3);
  }
  .step h3{font-size:15px;}
  .step p{font-size:13px;color:var(--sub);}

  /* ---------- 问答 ---------- */
  .faq{display:grid;grid-template-columns:1fr;gap:12px;margin-top:26px;}
  .qa{
    background:var(--card);border:1px solid var(--line);border-radius:12px;
    padding:16px 18px;
  }
  .qa .q{font-size:14.5px;font-weight:600;color:#fff;display:flex;gap:9px;}
  .qa .q::before{content:"Q";color:var(--pink);font-weight:800;}
  .qa .a{font-size:13.5px;color:var(--sub);margin-top:8px;display:flex;gap:9px;}
  .qa .a::before{content:"A";color:var(--gold);font-weight:800;}

  /* ---------- 热评 ---------- */
  .review-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
  .review{
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
    border:1px solid var(--line);border-radius:14px;padding:18px;
  }
  .review .who{font-size:13px;color:var(--gold);margin-bottom:6px;display:flex;justify-content:space-between;}
  .review .who span{color:#6f768a;font-size:11.5px;}
  .review p{font-size:13.5px;color:#d6dae6;}

  /* ---------- 隐私 ---------- */
  .privacy-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:26px;}
  .pv{
    background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px 18px;
  }
  .pv h3{font-size:14.5px;color:#fff;margin-bottom:6px;}
  .pv p{font-size:13px;color:var(--sub);}

  /* ---------- 创作者 & 社区 ---------- */
  .creator-layout{display:grid;grid-template-columns:1fr;gap:24px;margin-top:26px;}
  .creator-card{
    background:linear-gradient(150deg,rgba(245,196,81,.12),rgba(255,93,143,.08));
    border:1px solid rgba(245,196,81,.25);border-radius:var(--radius);padding:24px;
  }
  .creator-card h3{font-size:17px;margin-bottom:10px;}
  .creator-card ul{list-style:none;display:grid;gap:10px;}
  .creator-card li{
    font-size:13.5px;color:#d6dae6;padding-left:20px;position:relative;
  }
  .creator-card li::before{
    content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;
    border-radius:50%;background:var(--gold);
  }
  .community{display:grid;gap:12px;}
  .community .cm{
    background:var(--card);border:1px solid var(--line);
    border-radius:12px;padding:16px 18px;
  }
  .community .cm h3{font-size:14.5px;}
  .community .cm p{font-size:13px;color:var(--sub);}

  /* ---------- 下载区 ---------- */
  .download-sec{
    background:
      radial-gradient(700px 380px at 50% 0%,rgba(245,196,81,.16),transparent 70%),
      linear-gradient(180deg,#0e1017,#0b0c10);
    border-top:1px solid var(--line);
    text-align:center;
  }
  .download-sec h2{max-width:720px;margin-left:auto;margin-right:auto;}
  .download-sec .lead{margin:0 auto 10px;}
  .dl-tips{
    display:grid;grid-template-columns:1fr;gap:10px;
    max-width:720px;margin:26px auto 30px;text-align:left;
  }
  .dl-tips div{
    font-size:13px;color:#cfd4e2;
    background:rgba(255,255,255,.05);border:1px solid var(--line);
    border-radius:10px;padding:11px 15px;
  }
  .dl-row.center{justify-content:center;}
  .dl-row .btn{min-width:150px;justify-content:center;}

  /* ---------- footer ---------- */
  .site-foot{
    border-top:1px solid var(--line);
    padding:26px 0 34px;font-size:12px;color:#6f768a;text-align:center;
  }
  .site-foot p{margin-bottom:6px;}
  .site-foot a{color:#8d94a6;}
  .site-foot a:hover{color:var(--gold);}
  .site-foot .upd{color:#5d6474;font-size:11.5px;}

  /* ---------- 断点 ---------- */
  @media (min-width:768px){
    section{padding:80px 0;}
    .nav{display:flex;}
    .hero-grid{grid-template-columns:1.05fr .95fr;gap:48px;}
    .card-grid{grid-template-columns:repeat(3,1fr);gap:18px;}
    .ai-layout{grid-template-columns:1fr 1fr;align-items:start;gap:34px;}
    .ai-list{grid-template-columns:1fr 1fr;}
    .rank-list{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr 1fr;}
    .faq{grid-template-columns:1fr 1fr;}
    .review-grid{grid-template-columns:1fr 1fr;}
    .privacy-grid{grid-template-columns:1fr 1fr;}
    .creator-layout{grid-template-columns:1.1fr .9fr;}
    .dl-tips{grid-template-columns:1fr 1fr 1fr;}
  }
  @media (min-width:1024px){
    .head-inner{height:72px;}
    .brand span{font-size:20px;}
    .brand img{height:38px;width:38px;}
    .nav{gap:30px;}
    .hero{padding:80px 0 96px;}
    .card-grid{grid-template-columns:repeat(4,1fr);}
    .rank-list{grid-template-columns:1fr 1fr 1fr;}
    .steps{grid-template-columns:repeat(3,1fr);}
    .review-grid{grid-template-columns:repeat(3,1fr);}
    .privacy-grid{grid-template-columns:repeat(3,1fr);}
    .ai-list{grid-template-columns:1fr;}
    .poster-collage{gap:14px;}
  }