:root{
  --brand:#d6336c;
  --brand-dark:#a61e4d;
  --brand-soft:#fce8ef;
  --ink:#1a1a1f;
  --ink-2:#3d3d47;
  --muted:#767683;
  --line:#e8e8ee;
  --bg:#ffffff;
  --bg-soft:#f7f7fa;
  --green:#0f9d58;
  --radius:18px;
  --shadow:0 20px 50px -18px rgba(22,22,40,.28);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg-soft);color:var(--ink);line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px;}
.brand{color:var(--brand);}

/* ============ 顶部导航 ============ */
.site-header{
  position:sticky;top:0;z-index:120;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
.site-header.is-scrolled{box-shadow:0 8px 26px -12px rgba(22,22,40,.22);}
.nav-inner{display:flex;align-items:center;gap:26px;height:70px;}
.logo-link{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.5px;white-space:nowrap;}
.logo-link img{height:32px;width:auto;border-radius:8px;}
.nav-menu{display:flex;align-items:center;gap:20px;font-size:14.5px;color:var(--ink-2);flex-shrink:0;}
.nav-menu a{padding:6px 2px;border-bottom:2px solid transparent;transition:.2s;}
.nav-menu a:hover{color:var(--brand);border-color:var(--brand);}
.nav-search{margin-left:auto;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;min-width:200px;background:#fff;}
.nav-search input{border:0;outline:0;font-size:13.5px;width:100%;background:transparent;color:var(--ink);font-family:inherit;}
.nav-search span{color:var(--muted);font-size:14px;}
.btn-download{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:var(--brand);color:#fff;font-weight:700;font-size:14px;
  padding:11px 22px;border-radius:999px;white-space:nowrap;
  box-shadow:0 10px 22px -10px rgba(214,51,108,.8);
  transition:transform .2s ease,background .2s ease;
}
.btn-download:hover{background:var(--brand-dark);transform:translateY(-1px);}
.nav-toggle{display:none;background:none;border:0;font-size:22px;color:var(--ink);cursor:pointer;}

/* ============ 楼层堆叠 ============ */
.floor{position:relative;padding:90px 0;}
.floor-stack{position:relative;z-index:1;margin-bottom:-60px;}
.floor-card{
  position:sticky;top:82px;
  background:var(--bg);
  border-radius:28px;
  box-shadow:var(--shadow);
  padding:72px 0 78px;
  margin-bottom:34px;
  overflow:hidden;
}
.ghost-num{
  position:absolute;right:24px;top:-14px;
  font-size:clamp(120px,18vw,240px);
  font-weight:900;line-height:1;
  color:transparent;
  -webkit-text-stroke:2px rgba(214,51,108,.16);
  pointer-events:none;user-select:none;
}
.floor-head{max-width:720px;margin-bottom:46px;}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;color:var(--brand);margin-bottom:12px;}
.eyebrow::after{content:"";display:block;width:34px;height:3px;background:var(--brand);margin-top:8px;border-radius:2px;}
h2{font-size:clamp(24px,3vw,36px);line-height:1.3;font-weight:800;letter-spacing:-.5px;}
h3{font-size:16px;font-weight:700;line-height:1.4;}
.lead{color:var(--ink-2);font-size:15.5px;margin-top:14px;}

/* ============ 首屏 ============ */
.hero{padding-top:64px;padding-bottom:40px;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;}
h1{font-size:clamp(32px,4.6vw,58px);line-height:1.14;letter-spacing:-1.5px;font-weight:900;}
.hook{margin-top:22px;font-size:17px;color:var(--ink-2);max-width:520px;}
.hero-stats{display:flex;gap:40px;margin-top:38px;flex-wrap:wrap;}
.stat-num{font-size:clamp(26px,3vw,38px);font-weight:900;color:var(--ink);line-height:1;letter-spacing:-1px;}
.stat-num em{font-style:normal;color:var(--brand);}
.stat-label{font-size:13px;color:var(--muted);margin-top:8px;}
.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}
.btn-os{
  display:inline-flex;align-items:center;gap:9px;
  padding:14px 30px;border-radius:14px;font-weight:700;font-size:15px;
  background:var(--ink);color:#fff;transition:transform .2s,background .2s;
}
.btn-os.is-brand{background:var(--brand);}
.btn-os:hover{transform:translateY(-2px);}
.btn-os small{display:block;font-size:11px;font-weight:400;opacity:.7;}

/* 卡堆 */
.card-deck{position:relative;height:470px;display:flex;align-items:center;justify-content:center;}
.deck-card{
  position:absolute;width:216px;height:300px;border-radius:16px;overflow:hidden;
  box-shadow:0 22px 42px -18px rgba(20,20,40,.45);
  background:var(--bg-soft);
  transition:transform .45s cubic-bezier(.25,.8,.3,1),opacity .35s;
  cursor:grab;
  border:3px solid #fff;
}
.deck-card img{width:100%;height:100%;object-fit:cover;}
.deck-card.is-front{z-index:5;transform:translate(0,0) rotate(-2deg) scale(1);}
.deck-card.p1{z-index:4;transform:translate(58px,-22px) rotate(6deg) scale(.93);opacity:.92;}
.deck-card.p2{z-index:3;transform:translate(104px,-46px) rotate(11deg) scale(.86);opacity:.8;}
.deck-card.p3{z-index:2;transform:translate(-64px,18px) rotate(-9deg) scale(.9);opacity:.75;}
.deck-tag{
  position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);
  background:#fff;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;
  white-space:nowrap;box-shadow:0 12px 24px -12px rgba(20,20,40,.4);z-index:8;
}
.deck-tag span{color:var(--brand);}

/* ============ 热播 cover-flow ============ */
.flow-stage{position:relative;height:360px;display:flex;align-items:center;justify-content:center;perspective:1200px;}
.flow-item{
  position:absolute;width:190px;height:266px;border-radius:14px;overflow:hidden;
  transition:transform .5s cubic-bezier(.25,.8,.3,1),opacity .4s,filter .4s;
  box-shadow:0 18px 36px -16px rgba(20,20,40,.4);cursor:pointer;background:#eee;
}
.flow-item img{width:100%;height:100%;object-fit:cover;}
.flow-item.c0{transform:translateX(0) scale(1.12);z-index:6;}
.flow-item.c1{transform:translateX(180px) rotateY(-24deg) scale(.84);z-index:5;filter:brightness(.9);}
.flow-item.c2{transform:translateX(310px) rotateY(-38deg) scale(.7);z-index:4;opacity:.7;}
.flow-item.c-1{transform:translateX(-180px) rotateY(24deg) scale(.84);z-index:5;filter:brightness(.9);}
.flow-item.c-2{transform:translateX(-310px) rotateY(38deg) scale(.7);z-index:4;opacity:.7;}
.flow-meta{text-align:center;margin-top:28px;}
.flow-meta h3{font-size:19px;}
.flow-caps{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap;}
.cap{font-size:12px;background:var(--brand-soft);color:var(--brand-dark);padding:4px 12px;border-radius:999px;font-weight:600;}
.cap.hot{background:#fff0e6;color:#c2410c;}
.flow-dots{display:flex;gap:8px;justify-content:center;margin-top:20px;}
.flow-dots i{width:26px;height:38px;border-radius:6px;overflow:hidden;opacity:.45;transition:.2s;cursor:pointer;border:2px solid transparent;}
.flow-dots i.active{opacity:1;border-color:var(--brand);}
.flow-dots img{width:100%;height:100%;object-fit:cover;}

/* ============ 更新日历 ============ */
.cal-list{border-top:2px solid var(--ink);}
.cal-row{display:grid;grid-template-columns:110px 1fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.cal-time{font-size:20px;font-weight:900;letter-spacing:-.5px;}
.cal-row.is-now .cal-time{color:var(--brand);}
.cal-shows{display:flex;gap:16px;flex-wrap:wrap;}
.cal-show{display:flex;gap:10px;align-items:center;width:calc(33.333% - 11px);min-width:210px;}
.cal-show img{width:48px;height:68px;object-fit:cover;border-radius:8px;flex-shrink:0;}
.cal-show h3{font-size:14px;line-height:1.3;}
.cal-badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px;background:#e8f7ee;color:var(--green);font-weight:700;margin-top:5px;}
.cal-row.is-wait .cal-show img{filter:grayscale(1);opacity:.55;}
.cal-badge.wait{background:#f1f1f5;color:var(--muted);}

/* ============ 排行榜 ============ */
.rank-list{position:relative;}
.rank-item{position:relative;padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;}
.rank-item:nth-child(odd){padding-left:0;}
.rank-item:nth-child(even){flex-direction:row-reverse;text-align:right;padding-right:0;}
.rank-num{
  font-size:88px;font-weight:900;line-height:.8;letter-spacing:-4px;
  color:transparent;-webkit-text-stroke:2px #d9d9e2;width:120px;flex-shrink:0;
}
.rank-item.top .rank-num{color:var(--brand);-webkit-text-stroke:0;}
.rank-cover{width:54px;height:76px;border-radius:8px;object-fit:cover;flex-shrink:0;}
.rank-info{flex:1;min-width:0;}
.rank-info h3{font-size:16px;}
.rank-sub{font-size:12.5px;color:var(--muted);margin-top:4px;}
.rank-trend{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;flex-shrink:0;}
.rank-trend.up{color:#e11d48;}
.rank-trend.down{color:#0f9d58;}

/* ============ Bento ============ */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.tile{
  border-radius:var(--radius);padding:22px;background:var(--bg-soft);
  position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;
  display:flex;flex-direction:column;justify-content:space-between;min-height:150px;
}
.tile:hover{transform:scale(1.025);box-shadow:0 18px 34px -18px rgba(20,20,40,.35);}
.tile.big{grid-column:span 2;grid-row:span 2;min-height:316px;background:var(--brand-soft);}
.tile.mid{grid-column:span 2;background:#fff;border:1px solid var(--line);}
.tile h3{font-size:17px;}
.tile.big h3{font-size:24px;}
.tile-count{font-size:12.5px;color:var(--muted);margin-top:6px;}
.tile-thumbs{display:flex;gap:8px;margin-top:16px;}
.tile-thumbs img{width:44px;height:62px;border-radius:6px;object-fit:cover;}
.tile.big .tile-thumbs img{width:74px;height:104px;border-radius:8px;}

/* ============ 独播首发 ============ */
.premier{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.premier-main{border:2px solid var(--brand);border-radius:24px;padding:30px;display:flex;gap:22px;background:#fff;}
.premier-main img{width:120px;height:168px;object-fit:cover;border-radius:12px;flex-shrink:0;}
.premier-main p{font-size:14px;color:var(--ink-2);margin-top:10px;}
.count-flip{display:flex;gap:8px;margin-top:18px;}
.flip-unit{background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;text-align:center;}
.flip-unit b{display:block;font-size:22px;line-height:1;letter-spacing:-1px;}
.flip-unit small{font-size:10px;opacity:.65;}
.btn-ghost{
  margin-top:20px;display:inline-flex;padding:11px 26px;border-radius:999px;
  border:2px solid var(--brand);color:var(--brand);font-weight:700;font-size:14px;background:#fff;
}
.premier-list li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed var(--line);}
.premier-list img{width:42px;height:58px;object-fit:cover;border-radius:6px;}
.premier-list .date{font-size:12px;color:var(--muted);margin-top:2px;}

/* ============ 免费专区 ============ */
.free-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.free-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;position:relative;}
.free-card{position:relative;}
.free-badge{
  position:absolute;top:10px;left:10px;background:var(--green);color:#fff;
  font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;z-index:2;
}
.free-card h3{font-size:14px;margin-top:10px;}
.free-meta{font-size:12px;color:var(--muted);margin-top:2px;}
.progress{height:4px;border-radius:4px;background:#ececf2;margin-top:9px;overflow:hidden;}
.progress b{display:block;height:100%;background:var(--brand);border-radius:4px;animation:shrink 6s ease-out infinite alternate;}
@keyframes shrink{from{width:86%;}to{width:52%;}}
.free-hint{font-size:11px;color:var(--muted);margin-top:5px;}

/* ============ 评价 ============ */
.review-stats{display:flex;gap:56px;flex-wrap:wrap;margin-bottom:40px;}
.review-stats .stat-num{color:var(--brand);}
.masonry{columns:2;column-gap:20px;}
.review{
  break-inside:avoid;background:var(--bg-soft);border-radius:var(--radius);
  padding:20px;margin-bottom:20px;position:relative;
}
.review-index{
  position:absolute;top:-8px;left:14px;background:var(--ink);color:#fff;
  font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;
}
.review-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.review-head img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.review-name{font-size:13.5px;font-weight:700;}
.stars{color:#f59e0b;font-size:12px;letter-spacing:1px;}
.review p{font-size:13.5px;color:var(--ink-2);}

/* ============ FAQ ============ */
.faq-split{display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:start;}
.faq-q{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:10px;font-family:inherit;color:var(--ink);transition:.2s;}
.faq-q.active{background:var(--brand);color:#fff;border-color:var(--brand);}
.faq-q:hover{border-color:var(--brand);}
.faq-a{background:var(--bg-soft);border-radius:var(--radius);padding:26px;display:none;}
.faq-a.active{display:block;}
.faq-a h3{font-size:17px;margin-bottom:10px;}
.faq-a p{font-size:14.5px;color:var(--ink-2);}

/* ============ 下载 ============ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px;position:relative;}
.step{background:var(--bg-soft);border-radius:var(--radius);padding:26px;position:relative;}
.step-icon{width:44px;height:44px;border-radius:12px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;margin-bottom:14px;}
.step h3{font-size:16px;}
.step p{font-size:13.5px;color:var(--ink-2);margin-top:8px;}
.download-zone{display:grid;grid-template-columns:1fr auto 1fr;gap:48px;align-items:center;}
.dl-side{display:flex;flex-direction:column;gap:14px;align-items:center;}
.qr-box{width:150px;height:150px;border-radius:18px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--brand-dark);text-align:center;padding:12px;font-weight:600;line-height:1.5;}
.qr-hint{font-size:13px;color:var(--muted);text-align:center;max-width:220px;}

/* ============ 页脚 ============ */
.site-footer{background:#141419;color:#c7c7d1;padding:64px 0 30px;border-radius:28px 28px 0 0;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;}
.site-footer h4{color:#fff;font-size:14px;margin-bottom:14px;}
.site-footer a{font-size:13px;color:#a9a9b6;display:block;padding:5px 0;transition:.2s;}
.site-footer a:hover{color:var(--brand);}
.footer-brand p{font-size:13.5px;color:#9d9daa;margin-top:10px;max-width:300px;}
.socials{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
.socials a{border:1px solid #33333f;border-radius:8px;padding:6px 13px;font-size:12.5px;}
.footer-bottom{border-top:1px solid #26262f;margin-top:40px;padding-top:22px;font-size:12px;color:#7c7c8a;line-height:2;}
.footer-bottom a{display:inline;color:#9d9daa;font-size:12px;}
.update-time{font-size:12px;color:#6d6d7c;margin-top:6px;}

/* 移动端底部悬浮下载 */
.mobile-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;
  background:#fff;border-top:1px solid var(--line);padding:10px 14px;
  gap:10px;align-items:center;box-shadow:0 -8px 24px -14px rgba(0,0,0,.3);
}
.mobile-bar a{flex:1;text-align:center;padding:11px 0;border-radius:10px;font-size:14px;font-weight:700;background:var(--ink);color:#fff;}
.mobile-bar a.is-brand{background:var(--brand);}
.mobile-close{background:none;border:0;font-size:20px;color:var(--muted);padding:0 4px;cursor:pointer;}

/* ============ 断点 ============ */
@media (max-width:1200px){
  .bento{grid-template-columns:repeat(3,1fr);}
  .free-grid{grid-template-columns:repeat(3,1fr);}
  .cal-show{width:calc(50% - 8px);}
}
@media (max-width:992px){
  .nav-menu,.nav-search{display:none;}
  .nav-toggle{display:block;margin-left:auto;}
  .hero-grid{grid-template-columns:1fr;gap:44px;}
  .card-deck{height:400px;}
  .premier{grid-template-columns:1fr;}
  .faq-split{grid-template-columns:1fr;}
  .download-zone{grid-template-columns:1fr;gap:30px;}
  .steps{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .rank-num{font-size:64px;width:86px;}
}
@media (max-width:768px){
  .wrap{padding:0 18px;}
  .floor-card{position:static;padding:52px 0 58px;border-radius:22px;box-shadow:none;border:1px solid var(--line);}
  .floor-stack{margin-bottom:0;}
  .floor{padding:20px 0;}
  .bento{grid-template-columns:repeat(2,1fr);}
  .tile.big{grid-column:span 2;grid-row:auto;min-height:220px;}
  .tile.mid{grid-column:span 2;}
  .free-grid{grid-template-columns:repeat(2,1fr);}
  .cal-row{grid-template-columns:1fr;gap:12px;}
  .cal-show{width:100%;min-width:0;}
  .rank-item,.rank-item:nth-child(even){flex-direction:row;text-align:left;padding-right:0;}
  .rank-num{font-size:52px;width:72px;-webkit-text-stroke:1.5px #d9d9e2;}
  .masonry{columns:1;}
  .flow-stage{height:300px;}
  .flow-item{width:150px;height:210px;}
  .flow-item.c1{transform:translateX(120px) rotateY(-24deg) scale(.82);}
  .flow-item.c-1{transform:translateX(-120px) rotateY(24deg) scale(.82);}
  .flow-item.c2,.flow-item.c-2{opacity:0;}
  .premier-main{flex-direction:column;}
  .premier-main img{width:100%;height:auto;aspect-ratio:3/4;max-width:180px;}
  .footer-grid{grid-template-columns:1fr;}
  .mobile-bar{display:flex;}
  .site-footer{padding-bottom:90px;}
  .deck-card{width:170px;height:238px;}
  .review-stats{gap:32px;}
  .hero-stats{gap:26px;}
}
@media (max-width:480px){
  h1{font-size:30px;letter-spacing:-1px;}
  .ghost-num{font-size:100px;right:8px;}
  .flow-dots i{width:20px;height:30px;}
  .rank-cover{width:44px;height:62px;}
}