*{margin:0;padding:0;box-sizing:border-box}
html,body{
  width:750px; /* 固定H5宽度 */
  min-height:1624px;
  margin:0 auto;
  overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#090b17;
}
body{
  background:
  radial-gradient(circle at top right,#4736ff55,transparent 35%),
  linear-gradient(180deg,#111633,#090b17);
  color:#fff;
}
.page{
  width:750px;
  min-height:1624px;
  position:relative;
}
.hero{
  padding:40px 48px 30px;
  position:relative;
}
.badge{
  display:inline-block;
  padding:12px 26px;
  border-radius:50px;
  background:linear-gradient(90deg,#ffce63,#ff7f50);
  color:#111;
  font-weight:700;
  font-size:28px;
}
.top{
  display:flex;
  margin-top:40px;
  gap:30px;
  align-items:center;
}
.logo{
  width:140px;height:140px;border-radius:34px;
  background:linear-gradient(135deg,#7857ff,#31d4ff);
  display:flex;align-items:center;justify-content:center;
  font-size:56px;font-weight:900;
  box-shadow:0 20px 40px rgba(74,94,255,.35);
}
.hero-text h1{
  font-size:56px;
  line-height:1.2;
  margin-bottom:18px;
}
.hero-text p{
  font-size:28px;
  line-height:1.6;
  color:#d3dcff;
}
.slogan2{
  margin-top:28px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  padding:24px 28px;
  border-radius:24px;
  font-size:28px;
  line-height:1.6;
}
.slider-wrap{
 padding:30px 32px 0;
}
.slider{
 position:relative;
 overflow:hidden;
 border-radius:34px;
 height:860px;
 box-shadow:0 25px 60px rgba(0,0,0,.35);
}
.slide{
 position:absolute;
 inset:0;
 padding:48px;
 opacity:0;
 transition:.8s;
}
.slide.active{opacity:1}
.s1{background:linear-gradient(135deg,#3d4dff,#111942)}
.s2{background:linear-gradient(135deg,#ff5d70,#401038)}
.s3{background:linear-gradient(135deg,#14a3c7,#112b50)}
.slide-title{
 font-size:52px;
 font-weight:900;
 margin-bottom:20px;
}
.slide-sub{
 font-size:32px;
 line-height:1.9;
 margin-top:40px;
 max-width:560px;
}
.phone-mock{
 position:absolute;
 right:60px;top:180px;
 width:240px;height:470px;
 border-radius:45px;
 background:#fff;
 overflow:hidden;
 box-shadow:0 20px 50px rgba(0,0,0,.4);
}
.screen-top{
 height:70px;
 background:#101010;
}
.poster-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px;
 padding:18px;
}
.poster{
 border-radius:16px;
 height:160px;
 background:linear-gradient(135deg,#7a6cff,#2ee4ff);
}
.poster:nth-child(2){background:linear-gradient(135deg,#ff756c,#ffd36d)}
.poster:nth-child(3){background:linear-gradient(135deg,#00c3a7,#74f8ca)}
.poster:nth-child(4){background:linear-gradient(135deg,#ff64d2,#8a6bff)}
.dots{
 display:flex;
 justify-content:center;
 gap:16px;
 margin-top:24px;
}
.dot{
 width:14px;height:14px;border-radius:50%;background:#57618f;
}
.dot.active{background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.08)}
.download-panel{
 margin:42px 32px 0;
 background:linear-gradient(180deg,#171d3b,#11162c);
 border-radius:34px;
 padding:38px;
 box-shadow:0 15px 40px rgba(0,0,0,.28);
}
.platform{
 display:inline-block;
 background:#253063;
 padding:14px 28px;
 border-radius:50px;
 font-size:28px;
 margin-bottom:22px;
}
.download-btn{
 width:100%;
 height:100px;
 border:none;
 border-radius:28px;
 font-size:36px;
 font-weight:800;
 color:#081123;
 background:linear-gradient(90deg,#6ef7ff,#7f95ff);
 box-shadow:0 12px 30px rgba(111,177,255,.35);
 cursor:pointer;
}
.feature{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
 margin-top:30px;
}
.feature div{
 background:#202952;
 border-radius:20px;
 text-align:center;
 padding:22px 10px;
 font-size:24px;
}
.footer{
 text-align:center;
 padding:48px 40px 60px;
 color:#aab3dd;
 font-size:24px;
 line-height:1.8;
}
.modal{
 display:none;
 position:fixed;
 inset:0;
 background:rgba(0,0,0,.75);
 z-index:99;
}
.modal.show{display:block}
.dialog{
 width:650px;
 background:#151c36;
 border-radius:32px;
 margin:180px auto 0;
 padding:42px;
}
.dialog h3{
 font-size:42px;
 margin-bottom:25px;
}
.dialog ol{
 padding-left:34px;
 color:#d9e0ff;
 font-size:30px;
 line-height:1.8;
}
.final-btn{
 margin-top:36px;
 width:100%;
 height:92px;
 border:none;
 border-radius:24px;
 background:linear-gradient(90deg,#ffcf67,#ff7b6b);
 font-size:34px;
 font-weight:800;
}
.close{
 margin-top:20px;
 width:100%;
 height:80px;
 background:transparent;
 color:#9fb1ff;
 border:2px solid #4458b8;
 border-radius:22px;
 font-size:30px;
}