:root{
    --bg:#0b0d14;
    --bg-2:#12151f;
    --card:#181c28;
    --card-2:#1f2434;
    --line:rgba(255,255,255,.09);
    --text:#eef1f7;
    --muted:#9aa3b8;
    --brand:#ff5d73;
    --brand-2:#ffb03a;
    --violet:#7b6cff;
    --cyan:#3ad6c8;
    --radius:18px;
    --max:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:
      radial-gradient(900px 520px at 12% -8%, rgba(255,93,115,.20), transparent 60%),
      radial-gradient(800px 500px at 92% 4%, rgba(123,108,255,.18), transparent 62%),
      var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px;}
  .section{padding:76px 0;border-top:1px solid var(--line);}
  .eyebrow{
    display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;
    color:var(--brand-2);border:1px solid rgba(255,176,58,.35);
    padding:4px 12px;border-radius:999px;margin-bottom:16px;
  }
  h1,h2,h3{margin:0;line-height:1.32;font-weight:800;letter-spacing:-.01em;}
  h2{font-size:clamp(22px,3.2vw,32px);}
  h3{font-size:18px;}
  p{margin:0;}
  .lead{color:var(--muted);font-size:15px;max-width:64ch;}
  .muted{color:var(--muted);}

  /* ---------- HEADER ---------- */
  .site-header{
    position:sticky;top:0;z-index:60;
    backdrop-filter:blur(14px);
    background:rgba(11,13,20,.82);
    border-bottom:1px solid var(--line);
  }
  .nav-inner{display:flex;align-items:center;gap:16px;height:64px;}
  .brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .brand img{height:32px;width:auto;border-radius:8px;}
  .brand-name{font-weight:800;font-size:17px;letter-spacing:.02em;white-space:nowrap;}
  .nav-toggle{
    margin-left:auto;display:inline-flex;flex-direction:column;justify-content:center;gap:4px;
    width:40px;height:40px;border:1px solid var(--line);border-radius:10px;
    background:var(--card);cursor:pointer;
  }
  .nav-toggle span{display:block;height:2px;width:18px;margin:0 auto;background:var(--text);border-radius:2px;}
  .nav-list{
    display:none;position:absolute;left:0;right:0;top:64px;
    background:rgba(15,18,27,.98);border-bottom:1px solid var(--line);
    padding:10px 20px 18px;margin:0;list-style:none;
    grid-template-columns:1fr 1fr;gap:4px;
  }
  .nav-list.open{display:grid;}
  .nav-list a{display:block;padding:9px 10px;border-radius:10px;font-size:14px;color:var(--muted);}
  .nav-list a:hover{background:var(--card);color:var(--text);}
  .nav-cta{
    display:none;margin-left:auto;
    padding:9px 18px;border-radius:999px;font-size:14px;font-weight:700;
    background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#171018;
  }

  /* ---------- HERO ---------- */
  .hero{position:relative;overflow:hidden;padding:52px 0 64px;}
  .hero::after{
    content:"";position:absolute;inset:auto -10% -30% -10%;height:60%;
    background:radial-gradient(closest-side,rgba(123,108,255,.18),transparent);
    pointer-events:none;
  }
  .hero-grid{display:grid;gap:36px;align-items:center;}
  .hero-title{font-size:clamp(30px,5.6vw,52px);margin-bottom:18px;}
  .hero-title em{
    font-style:normal;
    background:linear-gradient(96deg,var(--brand),var(--brand-2) 70%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-desc{color:#c3cad9;font-size:16px;max-width:52ch;}
  .hero-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;}
  .hero-points li{display:flex;gap:10px;font-size:14.5px;color:#d3d9e6;}
  .dot{
    flex:none;width:8px;height:8px;border-radius:50%;margin-top:8px;
    background:linear-gradient(120deg,var(--brand),var(--brand-2));
  }
  .dl-group{display:grid;gap:12px;margin-top:28px;grid-template-columns:1fr 1fr;}
  .dl-btn{
    display:flex;flex-direction:column;gap:2px;
    padding:12px 16px;border-radius:14px;border:1px solid var(--line);
    background:var(--card);transition:transform .18s ease,border-color .18s ease;
  }
  .dl-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.24);}
  .dl-btn .dl-top{font-size:11px;color:var(--muted);letter-spacing:.06em;}
  .dl-btn .dl-name{font-size:14.5px;font-weight:700;}
  .dl-btn.primary{
    grid-column:1 / -1;
    background:linear-gradient(120deg,var(--brand),var(--brand-2));
    border:none;color:#180f12;
  }
  .dl-btn.primary .dl-top{color:rgba(24,15,18,.7);}
  .dl-note{font-size:12.5px;color:var(--muted);margin-top:12px;}

  .hero-visual{position:relative;}
  .hero-screens{
    display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
  }
  .hero-screens img{
    border-radius:16px;border:1px solid var(--line);
    aspect-ratio:3/4;object-fit:cover;box-shadow:0 18px 40px rgba(0,0,0,.45);
  }
  .hero-screens img:first-child{transform:translateY(18px);}
  .hero-screens img:nth-child(2){transform:translateY(-8px);}

  /* ---------- AI ---------- */
  .ai-band{
    background:linear-gradient(135deg,rgba(123,108,255,.14),rgba(58,214,200,.08) 60%,transparent);
    border:1px solid var(--line);border-radius:26px;padding:30px 24px;
  }
  .ai-grid{display:grid;gap:14px;margin-top:24px;}
  .ai-card{
    background:rgba(24,28,40,.85);border:1px solid var(--line);border-radius:16px;
    padding:18px 18px 20px;position:relative;overflow:hidden;
  }
  .ai-card::before{
    content:"";position:absolute;left:0;top:0;width:3px;height:100%;
    background:linear-gradient(180deg,var(--violet),var(--cyan));
  }
  .ai-card h3{margin-bottom:8px;}
  .ai-card p{font-size:14px;color:var(--muted);}

  /* ---------- POSTERS ---------- */
  .poster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;}
  .poster{
    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;
  }
  .poster:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);}
  .poster .shot{position:relative;}
  .poster .shot img{width:100%;aspect-ratio:3/4;object-fit:cover;}
  .score{
    position:absolute;top:10px;right:10px;
    font-size:12px;font-weight:700;color:#1a1013;
    background:linear-gradient(120deg,var(--brand-2),#ffe0a3);
    padding:2px 9px;border-radius:999px;
  }
  .poster-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1;}
  .poster-body h3{font-size:15.5px;}
  .poster-body .desc{font-size:13px;color:var(--muted);line-height:1.6;flex:1;}
  .tags{display:flex;flex-wrap:wrap;gap:6px;}
  .tag{
    font-size:11.5px;color:#cfd6e6;background:rgba(255,255,255,.06);
    border:1px solid var(--line);padding:1px 8px;border-radius:999px;
  }
  .date{font-size:11.5px;color:#7f889b;}

  /* ---------- STEPS ---------- */
  .steps{display:grid;gap:14px;margin-top:26px;counter-reset:step;}
  .step{
    position:relative;padding:18px 18px 18px 62px;
    background:var(--card);border:1px solid var(--line);border-radius:16px;
  }
  .step::before{
    counter-increment:step;content:counter(step);
    position:absolute;left:16px;top:16px;
    width:32px;height:32px;border-radius:10px;
    display:grid;place-items:center;font-weight:800;font-size:14px;
    background:linear-gradient(140deg,var(--brand),var(--brand-2));color:#1a1013;
  }
  .step h3{font-size:15.5px;margin-bottom:4px;}
  .step p{font-size:13.5px;color:var(--muted);}

  /* ---------- FAQ ---------- */
  .faq{display:grid;gap:12px;margin-top:26px;}
  .faq details{
    background:var(--card);border:1px solid var(--line);border-radius:14px;
    padding:16px 18px;
  }
  .faq summary{
    cursor:pointer;font-weight:700;font-size:15px;list-style:none;
    display:flex;gap:10px;align-items:flex-start;
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::before{
    content:"问";flex:none;font-size:11px;font-weight:800;color:#1a1013;
    background:linear-gradient(120deg,var(--brand-2),#ffe0a3);
    width:20px;height:20px;border-radius:6px;display:grid;place-items:center;margin-top:3px;
  }
  .faq .ans{
    margin-top:10px;padding-left:30px;font-size:13.8px;color:var(--muted);
    animation:none;
  }

  /* ---------- REVIEWS ---------- */
  .reviews{display:grid;gap:14px;margin-top:26px;}
  .review{
    background:linear-gradient(160deg,var(--card-2),var(--card));
    border:1px solid var(--line);border-radius:16px;padding:18px;
  }
  .review .quote{font-size:14px;color:#dbe1ee;margin-bottom:12px;}
  .review .who{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);}
  .avatar{
    width:30px;height:30px;border-radius:50%;flex:none;
    display:grid;place-items:center;font-weight:800;font-size:12.5px;color:#181018;
    background:linear-gradient(140deg,var(--brand),var(--brand-2));
  }

  /* ---------- PRIVACY ---------- */
  .privacy-panel{
    border:1px solid var(--line);border-radius:24px;padding:26px 22px;
    background:linear-gradient(200deg,rgba(58,214,200,.10),rgba(24,28,40,.9) 55%);
  }
  .privacy-grid{display:grid;gap:14px;margin-top:22px;}
  .privacy-item{
    border:1px solid var(--line);border-radius:14px;padding:16px 16px;
    background:rgba(11,13,20,.55);
  }
  .privacy-item h3{font-size:15px;margin-bottom:6px;}
  .privacy-item p{font-size:13.5px;color:var(--muted);}

  /* ---------- CREATOR ---------- */
  .creator-grid{display:grid;gap:14px;margin-top:26px;}
  .creator-card{
    border-radius:16px;padding:18px;border:1px solid var(--line);
    background:var(--card);
  }
  .creator-card h3{font-size:16px;margin-bottom:8px;color:#fff;}
  .creator-card p{font-size:13.5px;color:var(--muted);}
  .creator-card:nth-child(2n){background:linear-gradient(160deg,rgba(255,93,115,.12),var(--card));}

  /* ---------- COMMUNITY ---------- */
  .community{
    display:grid;gap:24px;align-items:center;
    border:1px solid var(--line);border-radius:24px;padding:26px 22px;
    background:linear-gradient(120deg,rgba(123,108,255,.14),transparent 65%);
  }
  .community-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;}
  .community-list li{font-size:14px;color:#cfd6e6;display:flex;gap:10px;}
  .community-list li::before{content:"·";color:var(--brand-2);font-weight:800;}
  .community-shot img{
    border-radius:18px;border:1px solid var(--line);aspect-ratio:3/4;object-fit:cover;
    max-width:320px;margin:0 auto;box-shadow:0 20px 44px rgba(0,0,0,.5);
  }

  /* ---------- DOWNLOAD ---------- */
  .download-final{
    border-radius:28px;padding:34px 22px;
    background:
      radial-gradient(600px 300px at 85% 0%, rgba(255,176,58,.20), transparent 65%),
      linear-gradient(160deg,#1b1a2c,#12151f 70%);
    border:1px solid var(--line);
  }
  .final-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px;font-size:14px;color:#cfd6e6;}
  .final-steps li{display:flex;gap:10px;}
  .final-steps li::before{content:"✓";color:var(--cyan);font-weight:800;}
  .final-dl{display:grid;gap:12px;margin-top:26px;grid-template-columns:1fr 1fr;}
  .final-dl .primary{grid-column:1 / -1;}

  /* ---------- FOOTER ---------- */
  .site-footer{border-top:1px solid var(--line);padding:30px 0 40px;font-size:12.5px;color:#6f7889;}
  .site-footer .f-inner{display:grid;gap:10px;}
  .site-footer a{color:#8b93a6;border-bottom:1px dotted rgba(139,147,166,.5);}
  .site-footer .f-row{display:flex;flex-wrap:wrap;gap:8px 18px;}
  .site-footer time{color:#6f7889;}

  /* ---------- REVEAL (位移动效，初始可见) ---------- */
  .reveal{transition:transform .5s ease,opacity .5s ease;}
  .reveal.will{transform:translateY(14px);}
  .reveal.in{transform:none;}

  /* ---------- BREAKPOINTS ---------- */
  @media (min-width:768px){
    .section{padding:88px 0;}
    .hero{padding:70px 0 88px;}
    .nav-list{grid-template-columns:repeat(5,1fr);}
    .ai-grid{grid-template-columns:repeat(2,1fr);}
    .poster-grid{grid-template-columns:repeat(3,1fr);}
    .steps{grid-template-columns:repeat(2,1fr);}
    .faq{grid-template-columns:repeat(2,1fr);}
    .reviews{grid-template-columns:repeat(2,1fr);}
    .privacy-grid{grid-template-columns:repeat(2,1fr);}
    .creator-grid{grid-template-columns:repeat(2,1fr);}
    .community{grid-template-columns:1.25fr .75fr;padding:34px 30px;}
    .download-final{padding:44px 36px;}
    .final-dl{grid-template-columns:repeat(3,1fr);}
    .final-dl .primary{grid-column:auto;grid-row:1;}
  }
  @media (min-width:1024px){
    .nav-toggle{display:none;}
    .nav-list{
      display:grid;position:static;background:none;border:none;padding:0;
      grid-template-columns:repeat(5,auto);gap:2px;margin-left:auto;
    }
    .nav-list a{font-size:13.5px;padding:8px 11px;white-space:nowrap;}
    .nav-cta{display:inline-flex;margin-left:14px;}
    .hero-grid{grid-template-columns:1.08fr .92fr;gap:48px;}
    .hero-screens{grid-template-columns:repeat(2,1fr);gap:16px;}
    .ai-grid{grid-template-columns:repeat(4,1fr);}
    .poster-grid{grid-template-columns:repeat(5,1fr);gap:18px;}
    .steps{grid-template-columns:repeat(5,1fr);}
    .step{padding:56px 16px 18px;}
    .step::before{left:16px;top:16px;}
    .reviews{grid-template-columns:repeat(3,1fr);}
    .creator-grid{grid-template-columns:repeat(4,1fr);}
    .download-final{padding:56px 56px;}
    .final-dl{grid-template-columns:repeat(4,1fr);}
  }