:root{
    --bg:#0B1410;
    --sub:#12241C;
    --main:#FF5A6E;
    --sand:#FF8A7A;
    --green:#3DDC97;
    --text:#F6FFF8;
    --seed:#12241C;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
  .grain{
    position:fixed;inset:0;pointer-events:none;z-index:1;
    background-image:radial-gradient(rgba(246,255,248,.06) 1px,transparent 1px);
    background-size:5px 5px;
  }

  /* ===== 顶部导航 ===== */
  .site-head{
    position:sticky;top:0;z-index:20;
    background:rgba(11,20,16,.88);
    backdrop-filter:blur(8px);
    border-bottom:1px solid rgba(61,220,151,.18);
  }
  .head-inner{
    display:flex;align-items:center;justify-content:space-between;
    padding:12px 20px;max-width:1180px;margin:0 auto;
  }
  .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.5px;}
  .brand img{height:32px;width:auto;}
  .nav-links{display:flex;gap:26px;font-size:14px;color:rgba(246,255,248,.72);}
  .nav-links a:hover{color:var(--green);}
  .nav-dl{
    background:linear-gradient(120deg,var(--main),var(--sand));
    color:#1a0b0e;font-weight:700;font-size:14px;
    padding:8px 18px;border-radius:22px;
  }

  /* ===== 首屏 ===== */
  .hero{
    position:relative;padding:72px 0 60px;
    overflow:hidden;
  }
  .hero-glow{
    position:absolute;top:-160px;right:-120px;width:560px;height:560px;
    background:radial-gradient(circle,rgba(255,90,110,.22),transparent 62%);
    pointer-events:none;
  }
  .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2;}
  .hero-copy h1{
    font-size:44px;line-height:1.22;font-weight:800;margin-bottom:20px;
    letter-spacing:.5px;
  }
  .hero-copy h1 em{
    font-style:normal;
    background:linear-gradient(100deg,var(--main),var(--sand));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-copy p{color:rgba(246,255,248,.76);font-size:16px;max-width:430px;margin-bottom:28px;}
  .hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
  .btn-main{
    display:inline-flex;align-items:center;gap:8px;
    background:linear-gradient(120deg,var(--main),var(--sand));
    color:#200c10;font-weight:700;font-size:15px;
    padding:13px 30px;border-radius:30px;
    box-shadow:0 8px 24px rgba(255,90,110,.26);
    transition:transform .25s;
  }
  .btn-main:hover{transform:translateY(-2px);}
  .btn-ghost{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid rgba(61,220,151,.5);
    color:var(--green);font-size:15px;padding:12px 26px;border-radius:30px;
  }
  .hero-tags{display:flex;gap:18px;margin-top:34px;font-size:13px;color:rgba(246,255,248,.56);flex-wrap:wrap;}
  .hero-tags span{display:flex;align-items:center;gap:6px;}
  .dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;}

  /* 抽象瓜瓤弧 */
  .melon-arc{
    position:relative;width:100%;max-width:430px;margin:0 auto;
    aspect-ratio:1/1;
    display:flex;align-items:center;justify-content:center;
    transform:rotate(-6deg);
  }
  .arc-ring{
    position:absolute;inset:0;border-radius:50%;
    background:conic-gradient(from 210deg,#3DDC97 0deg,#3DDC97 38deg,#F6FFF8 74deg,#FF8A7A 120deg,#FF5A6E 190deg,#FF5A6E 260deg,#12241C 300deg,#12241C 360deg);
    filter:blur(.4px);
    mask:radial-gradient(circle,transparent 55%,#000 56%,#000 74%,transparent 75%);
    -webkit-mask:radial-gradient(circle,transparent 55%,#000 56%,#000 74%,transparent 75%);
  }
  .arc-ring::after{
    content:"";position:absolute;inset:0;border-radius:50%;
    background:linear-gradient(160deg,rgba(255,255,255,.32),transparent 46%);
    mask:radial-gradient(circle,transparent 55%,#000 56%,#000 74%,transparent 75%);
    -webkit-mask:radial-gradient(circle,transparent 55%,#000 56%,#000 74%,transparent 75%);
  }
  .play-btn{
    position:relative;z-index:3;
    width:104px;height:104px;border-radius:50%;
    background:linear-gradient(140deg,var(--main),var(--sand));
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 12px rgba(255,90,110,.10),0 0 0 26px rgba(255,90,110,.05);
  }
  .play-btn::after{
    content:"";display:block;
    border-left:30px solid #1c0a0e;
    border-top:19px solid transparent;
    border-bottom:19px solid transparent;
    margin-left:8px;
  }
  .melon-seed{position:absolute;width:7px;height:11px;border-radius:50%;background:var(--seed);opacity:.85;}
  .seed-a{top:16%;left:28%;transform:rotate(28deg);}
  .seed-b{top:70%;left:18%;transform:rotate(-18deg);}
  .seed-c{top:36%;left:78%;transform:rotate(52deg);}

  /* ===== 通用区块标题 ===== */
  .sec{padding:64px 0;position:relative;z-index:2;}
  .sec-head{margin-bottom:34px;}
  .sec-head .kicker{
    font-size:13px;color:var(--green);letter-spacing:2px;margin-bottom:8px;
  }
  .sec-head h2{font-size:30px;font-weight:800;letter-spacing:.4px;}
  .sec-head p{color:rgba(246,255,248,.6);font-size:14px;margin-top:8px;}

  /* ===== 今日更新 ===== */
  .poster-grid{
    display:grid;grid-template-columns:repeat(6,1fr);gap:18px;
  }
  .poster{
    background:var(--sub);border-radius:12px;overflow:hidden;
    border:1px solid rgba(61,220,151,.12);
    transition:transform .25s,border-color .25s;
  }
  .poster:hover{transform:translateY(-5px);border-color:rgba(255,90,110,.45);}
  .poster .thumb{aspect-ratio:3/4;overflow:hidden;position:relative;}
  .poster .thumb img{width:100%;height:100%;object-fit:cover;}
  .poster .meta{padding:10px 11px 13px;}
  .poster .meta strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .poster .meta span{font-size:12px;color:rgba(246,255,248,.48);}
  .badge-ai{
    position:absolute;top:8px;left:8px;
    background:rgba(11,20,16,.78);border:1px solid rgba(61,220,151,.55);
    color:var(--green);font-size:11px;padding:2px 8px;border-radius:10px;
  }

  /* ===== 横屏精选 ===== */
  .wide-feature{
    display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;
    background:var(--sub);border-radius:26px;padding:34px;
    border:1px solid rgba(61,220,151,.12);
  }
  .wide-feature .wide-img{
    border-radius:18px;overflow:hidden;
    transform:rotate(-1.6deg);
    box-shadow:0 22px 48px rgba(0,0,0,.42);
  }
  .wide-feature h3{font-size:25px;margin-bottom:12px;}
  .wide-feature p{color:rgba(246,255,248,.72);font-size:15px;margin-bottom:10px;}
  .wide-feature ul{list-style:none;font-size:14px;color:rgba(246,255,248,.64);}
  .wide-feature li{padding-left:16px;position:relative;margin-top:7px;}
  .wide-feature li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--main);}
  .wide-strip{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;
  }
  .wide-strip .thumb{border-radius:14px;overflow:hidden;border:1px solid rgba(246,255,248,.08);}
  .wide-strip .thumb:nth-child(2){margin-top:22px;}
  .wide-strip .thumb:nth-child(3){margin-top:8px;}

  /* ===== 专题合集 ===== */
  .topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .topic-card{
    background:var(--sub);border-radius:24px 8px 24px 8px;
    padding:26px;border:1px solid rgba(255,138,122,.16);
    position:relative;overflow:hidden;
  }
  .topic-card:nth-child(2){transform:rotate(1.2deg);border-color:rgba(61,220,151,.24);}
  .topic-card:nth-child(3){transform:rotate(-1.2deg);}
  .topic-card h3{font-size:19px;margin-bottom:10px;}
  .topic-card p{font-size:14px;color:rgba(246,255,248,.64);}
  .topic-thumbs{display:flex;gap:10px;margin-top:18px;}
  .topic-thumbs img{width:calc(33.33% - 7px);border-radius:8px;aspect-ratio:3/4;object-fit:cover;}

  /* ===== 亮点玩法 ===== */
  .play-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .play-item{
    background:var(--sub);border-radius:16px;padding:24px 20px;
    border-top:2px solid var(--green);
    position:relative;
  }
  .play-item:nth-child(even){border-top-color:var(--main);}
  .play-num{
    font-size:34px;font-weight:800;line-height:1;
    background:linear-gradient(120deg,var(--main),var(--sand));
    -webkit-background-clip:text;background-clip:text;color:transparent;
    margin-bottom:14px;
  }
  .play-item h3{font-size:17px;margin-bottom:8px;}
  .play-item p{font-size:13.5px;color:rgba(246,255,248,.62);}
  .star-ring{
    display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap;
  }
  .star-ring .avatar{
    width:76px;height:76px;border-radius:50%;overflow:hidden;
    border:2px solid var(--green);
  }
  .star-ring .avatar:nth-child(2){border-color:var(--main);}
  .star-ring .avatar:nth-child(3){border-color:var(--sand);}
  .star-ring .avatar img{width:100%;height:100%;object-fit:cover;}
  .star-ring p{font-size:14px;color:rgba(246,255,248,.6);max-width:420px;}

  /* ===== 用户评价 ===== */
  .review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .review{
    background:var(--sub);border-radius:16px;padding:24px;
    border:1px solid rgba(246,255,248,.06);
  }
  .review .who{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
  .review .who i{
    width:32px;height:32px;border-radius:50%;display:block;
    background:linear-gradient(140deg,var(--green),#1d5f45);
  }
  .review .who b{font-size:14px;font-weight:600;}
  .review p{font-size:14px;color:rgba(246,255,248,.72);}

  /* ===== 常见问题 ===== */
  .faq-list{max-width:820px;}
  .faq-item{
    border-bottom:1px solid rgba(246,255,248,.1);
    padding:20px 0;
  }
  .faq-item h3{font-size:16.5px;margin-bottom:8px;color:#fff;}
  .faq-item p{font-size:14px;color:rgba(246,255,248,.64);}

  /* ===== 下载 ===== */
  .dl-box{
    background:linear-gradient(135deg,#12241C,#0e1c15);
    border:1px solid rgba(255,90,110,.24);
    border-radius:28px;padding:48px 40px;
    display:flex;align-items:center;justify-content:space-between;gap:32px;
    flex-wrap:wrap;
  }
  .dl-box h2{font-size:28px;margin-bottom:12px;}
  .dl-box p{font-size:14.5px;color:rgba(246,255,248,.66);max-width:520px;}
  .dl-side{text-align:right;}
  .dl-side small{display:block;margin-top:12px;font-size:12px;color:rgba(246,255,248,.42);}

  /* ===== 页脚 ===== */
  .site-foot{
    border-top:1px solid rgba(246,255,248,.08);
    padding:30px 0 36px;font-size:12.5px;
    color:rgba(246,255,248,.4);
  }
  .foot-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-end;}
  .foot-inner a{color:rgba(246,255,248,.46);}
  .foot-inner a:hover{color:var(--green);}
  .foot-lines p{margin-bottom:4px;}

  /* ===== 响应式 ===== */
  @media (max-width:1024px){
    .hero-copy h1{font-size:36px;}
    .poster-grid{grid-template-columns:repeat(4,1fr);}
    .play-grid{grid-template-columns:repeat(2,1fr);}
    .review-grid{grid-template-columns:repeat(2,1fr);}
    .wide-feature{grid-template-columns:1fr;}
  }
  @media (max-width:768px){
    .nav-links{display:none;}
    .hero{padding:48px 0 40px;}
    .hero-grid{grid-template-columns:1fr;gap:38px;}
    .hero-copy h1{font-size:30px;}
    .melon-arc{max-width:300px;}
    .play-btn{width:82px;height:82px;}
    .play-btn::after{border-left:24px solid #1c0a0e;border-top:15px solid transparent;border-bottom:15px solid transparent;}
    .sec{padding:46px 0;}
    .sec-head h2{font-size:24px;}
    .poster-grid{grid-template-columns:repeat(3,1fr);gap:12px;}
    .topic-row{grid-template-columns:1fr;}
    .wide-strip{grid-template-columns:1fr;}
    .wide-strip .thumb{margin-top:0 !important;}
    .play-grid{grid-template-columns:1fr 1fr;gap:14px;}
    .review-grid{grid-template-columns:1fr;}
    .dl-box{padding:32px 24px;}
    .dl-side{text-align:left;}
    .brand img{height:28px;}
  }