:root{
  --ink:#151420;
  --ink-2:#2b2940;
  --paper:#f7f5f0;
  --coral:#ff5a5f;
  --gold:#f2b544;
  --violet:#7b5cff;
  --mint:#2ec9a8;
  --line:rgba(21,20,32,.1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--paper);line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 18px}

/* ===== 顶部导航 ===== */
.site-head{
  position:sticky;top:0;z-index:60;
  background:rgba(21,20,32,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:60px}
.brand{display:flex;align-items:center;gap:9px;min-width:0}
.brand img{height:32px;width:auto;border-radius:8px}
.brand-name{color:#fff;font-weight:800;font-size:16px;letter-spacing:.5px;white-space:nowrap}
.nav-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:flex-end}
.nav-links::-webkit-scrollbar{display:none}
.nav-links a{
  color:rgba(255,255,255,.72);font-size:13px;padding:6px 10px;border-radius:20px;
  white-space:nowrap;transition:.2s;
}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}

/* ===== 首屏 ===== */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 90% at 85% 0%,#3c2a63 0%,#1a1630 45%,#100e1c 100%);
  color:#fff;padding:46px 0 40px;
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.glow-a{width:340px;height:340px;background:rgba(123,92,255,.5);top:-110px;right:-70px}
.glow-b{width:250px;height:250px;background:rgba(255,90,95,.35);bottom:-110px;left:-60px}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr;gap:30px}
.hero-copy .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tag-pill{
  font-size:12px;padding:5px 12px;border-radius:20px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#ffe9c9;letter-spacing:.4px;
}
.hero h1{
  font-size:30px;line-height:1.3;font-weight:900;letter-spacing:-.5px;margin-bottom:16px;
}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(96deg,#ffd166,#ff7a8a 55%,#a98bff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{font-size:15px;color:rgba(255,255,255,.78);max-width:34em;margin-bottom:14px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:26px}
.hero-points span{font-size:13.5px;color:rgba(255,255,255,.85);display:flex;align-items:center;gap:7px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}
.dl-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.btn{
  display:inline-flex;align-items:center;gap:8px;justify-content:center;
  padding:12px 20px;border-radius:32px;font-size:14.5px;font-weight:700;
  border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s;
}
.btn:active{transform:scale(.97)}
.btn-android{background:linear-gradient(100deg,#2ec9a8,#1f9e84);color:#052e26;box-shadow:0 8px 22px rgba(46,201,168,.32)}
.btn-ios{background:linear-gradient(100deg,#ffd166,#f2a03d);color:#3a2405;box-shadow:0 8px 22px rgba(242,181,68,.28)}
.btn-other{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.28)}
.btn-big{padding:14px 26px;font-size:15.5px}
.dl-note{font-size:12px;color:rgba(255,255,255,.5)}

/* 首屏轮播 */
.hero-slider{position:relative}
.slider-view{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.slide{
  position:absolute;inset:0;opacity:0;transform:scale(1.04);
  transition:opacity .7s ease,transform .9s ease;pointer-events:none;
}
.slide:first-child{position:relative;opacity:1;transform:scale(1)}
.slide.is-on{opacity:1;transform:scale(1)}
.slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.slide-cap{
  position:absolute;left:0;right:0;bottom:0;padding:38px 16px 14px;
  background:linear-gradient(to top,rgba(9,8,16,.92),rgba(9,8,16,0));
  font-size:13px;color:#fff;
}
.slide-cap b{display:block;font-size:15px;margin-bottom:2px}
.slider-dots{display:flex;gap:6px;justify-content:center;margin-top:14px}
.slider-dots button{
  width:22px;height:4px;border-radius:4px;border:0;background:rgba(255,255,255,.26);
  cursor:pointer;transition:.25s;padding:0;
}
.slider-dots button.on{background:var(--gold);width:34px}

/* ===== 通用区块 ===== */
.section{padding:52px 0}
.sec-head{margin-bottom:26px}
.sec-kicker{
  display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.6px;
  color:var(--coral);text-transform:uppercase;margin-bottom:8px;
}
.sec-head h2{font-size:23px;line-height:1.35;font-weight:900;letter-spacing:-.3px}
.sec-head p{font-size:14px;color:#6d6a80;margin-top:8px;max-width:46em}
.sec-head.center{text-align:center}
.sec-head.center p{margin-left:auto;margin-right:auto}

/* 排片时间轴 */
.schedule{background:#151420;color:#fff;padding:50px 0}
.tl{position:relative;display:grid;gap:0;margin-top:10px}
.tl::before{
  content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(#7b5cff,#ff5a5f,#f2b544);opacity:.55;
}
.tl-item{position:relative;padding:0 0 20px 52px}
.tl-time{
  position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;
  background:#221e38;border:1px solid rgba(255,255,255,.16);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#ffd166;letter-spacing:.2px;
}
.tl-body{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px}
.tl-body b{font-size:14.5px;display:block;margin-bottom:3px}
.tl-body span{font-size:13px;color:rgba(255,255,255,.62)}

/* 每日原创 —— 左右结构 */
.split{display:grid;gap:26px}
.split-left .poster-frame{
  border-radius:20px;overflow:hidden;box-shadow:0 20px 44px rgba(21,20,32,.18);
  position:relative;background:#000;
}
.split-left .poster-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}
.poster-stamp{
  position:absolute;top:12px;left:12px;background:var(--coral);color:#fff;
  font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:20px;letter-spacing:.5px;
}
.list-10{display:grid;gap:9px}
.list-row{
  display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:13px;padding:11px 13px;transition:.2s;
}
.list-row:hover{border-color:#c9c2ef;transform:translateX(2px)}
.list-no{
  flex:none;width:24px;height:24px;border-radius:8px;background:#f0ecff;color:#6647d8;
  font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;
}
.list-row b{font-size:14px;display:block}
.list-row span{font-size:12.5px;color:#6d6a80;line-height:1.55}

/* 精品短剧卡片网格 */
.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.drama-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:.22s;
}
.drama-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(21,20,32,.12)}
.drama-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.drama-info{padding:10px 11px 12px}
.drama-info b{font-size:13.5px;display:block;line-height:1.4}
.drama-info .meta{font-size:11.5px;color:#8a8697;margin-top:3px}
.chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.chip{font-size:10.5px;padding:2px 7px;border-radius:20px;background:#f3f0ff;color:#5a44c8;font-weight:700}
.chip.warm{background:#fff1ec;color:#d9542f}
.chip.cool{background:#e9f8f4;color:#1a8f76}

/* 魔改区 */
.magic{background:linear-gradient(160deg,#191227,#2a1638 60%,#160f22);color:#fff}
.magic .sec-head p{color:rgba(255,255,255,.65)}
.magic .sec-kicker{color:#ff9baa}
.magic-grid{display:grid;gap:12px;grid-template-columns:1fr}
.magic-card{
  border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:15px 16px;
  background:rgba(255,255,255,.05);
}
.magic-card b{font-size:14.5px;display:block;margin-bottom:4px;color:#ffd9a3}
.magic-card p{font-size:13px;color:rgba(255,255,255,.66)}
.strip-row{display:flex;gap:9px;overflow-x:auto;padding:6px 0 14px;scrollbar-width:none}
.strip-row::-webkit-scrollbar{display:none}
.strip-row figure{flex:none;width:112px}
.strip-row img{width:112px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.14)}

/* 社区 / 神评 */
.qa-list{display:grid;gap:10px}
.qa{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;
}
.qa b{display:block;font-size:14px;margin-bottom:3px}
.qa b::before{content:"问 ";color:var(--coral);font-weight:800;font-size:12px}
.qa p{font-size:13px;color:#6d6a80}
.qa p::before{content:"答 ";color:#5a44c8;font-weight:800;font-size:12px}

.comment-list{display:grid;gap:11px}
.comment{
  display:flex;gap:11px;background:#fff;border:1px solid var(--line);
  border-radius:15px;padding:12px 14px;
}
.comment img{width:38px;height:38px;border-radius:11px;object-fit:cover;flex:none;background:#eee}
.comment .c-body b{font-size:13px;display:block}
.comment .c-body b i{font-style:normal;font-size:11px;color:#a09cb2;font-weight:500;margin-left:6px}
.comment .c-body p{font-size:13px;color:#4d4a5e;margin-top:2px}
.stars{color:var(--gold);font-size:11.5px;letter-spacing:1px}

/* 竖图侧栏 */
.side-poster{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.side-poster figure{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 12px 26px rgba(21,20,32,.14)}
.side-poster img{width:100%;aspect-ratio:3/4;object-fit:cover}
.side-poster figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;
  background:linear-gradient(to top,rgba(10,9,18,.9),rgba(10,9,18,0));
  color:#fff;font-size:11.5px;
}
.side-poster figcaption b{display:block;font-size:12.5px;margin-bottom:1px}

/* 特色条带 */
.feature-band{background:#eef7f4;padding:50px 0}
.band-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.band-item{background:#fff;border-radius:14px;padding:14px;border:1px solid rgba(46,201,168,.22)}
.band-item b{font-size:13.5px;color:#127a63;display:block;margin-bottom:3px}
.band-item p{font-size:12.5px;color:#5b6b66}

/* 投稿 */
.submit{background:#fff7ef}
.step-list{display:grid;gap:10px}
.step{display:flex;gap:12px;background:#fff;border:1px solid #f2e2cf;border-radius:14px;padding:13px 15px}
.step i{
  font-style:normal;flex:none;width:26px;height:26px;border-radius:9px;
  background:#ffe6c7;color:#a35d00;font-weight:800;font-size:12.5px;
  display:flex;align-items:center;justify-content:center;
}
.step b{font-size:14px;display:block}
.step span{font-size:12.5px;color:#7a6a58}

/* 动态 */
.news-list{display:grid;gap:0;border-top:1px solid var(--line)}
.news-item{
  display:flex;gap:14px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--line);
}
.news-item time{flex:none;font-size:12px;color:#9b97ab;font-variant-numeric:tabular-nums}
.news-item b{font-size:13.5px;font-weight:600}
.news-item span{font-size:12px;color:#8a8697;display:none}

/* 隐私 */
.privacy{background:#101820;color:#dfe9ee}
.privacy .sec-head p{color:rgba(223,233,238,.62)}
.privacy .sec-kicker{color:#5fd8b8}
.priv-grid{display:grid;gap:11px;grid-template-columns:1fr 1fr}
.priv-item{border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:13px;background:rgba(255,255,255,.04)}
.priv-item b{font-size:13.5px;color:#8ce8cd;display:block;margin-bottom:3px}
.priv-item p{font-size:12.5px;color:rgba(223,233,238,.66)}

/* 安装步骤 + 底部下载 */
.install{background:linear-gradient(150deg,#1d1533,#33194a 55%,#191227);color:#fff;padding:56px 0}
.install .sec-head p{color:rgba(255,255,255,.66)}
.install .sec-kicker{color:#ffd166}
.inst-grid{display:grid;gap:12px;grid-template-columns:1fr}
.inst-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:16px}
.inst-card h3{font-size:15px;margin-bottom:8px;color:#ffd9a3}
.inst-card ol{padding-left:18px;font-size:13px;color:rgba(255,255,255,.72)}
.inst-card ol li{margin-bottom:4px}
.cta-box{margin-top:26px;text-align:center;border-top:1px dashed rgba(255,255,255,.2);padding-top:26px}
.cta-box .dl-group{justify-content:center}
.cta-box .dl-note{color:rgba(255,255,255,.5)}

/* 复制提示框 */
.copy-mask{
  position:fixed;inset:0;background:rgba(10,8,18,.66);z-index:99;
  display:none;align-items:center;justify-content:center;padding:22px;
}
.copy-mask.on{display:flex}
.copy-box{
  width:100%;max-width:330px;background:#fff;color:var(--ink);border-radius:20px;
  padding:22px 20px;text-align:center;box-shadow:0 24px 50px rgba(0,0,0,.4);
  transform:translateY(10px) scale(.97);transition:.25s;
}
.copy-mask.on .copy-box{transform:translateY(0) scale(1)}
.copy-box .cb-ico{
  width:46px;height:46px;margin:0 auto 12px;border-radius:14px;
  background:linear-gradient(120deg,#7b5cff,#ff5a5f);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;
}
.copy-box p{font-size:13.5px;color:#4d4a5e;margin-bottom:12px}
.copy-box code{
  display:block;font-size:12px;background:#f3f1fb;color:#5a44c8;padding:10px;
  border-radius:10px;word-break:break-all;margin-bottom:14px;line-height:1.5;
}
.copy-actions{display:flex;gap:8px}
.copy-actions button{
  flex:1;border:0;border-radius:24px;padding:11px;font-size:13.5px;font-weight:700;cursor:pointer;
  font-family:inherit;
}
.cb-yes{background:#151420;color:#fff}
.cb-no{background:#eeebf6;color:#4d4a5e}

/* 页脚 */
.site-foot{background:#0d0c14;color:rgba(255,255,255,.5);padding:30px 0 34px;font-size:12px}
.foot-top{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:14px}
.foot-brand{display:flex;align-items:center;gap:8px}
.foot-brand img{height:24px;width:auto;border-radius:6px}
.foot-brand span{color:rgba(255,255,255,.82);font-weight:700;font-size:13px}
.foot-links{display:flex;flex-wrap:wrap;gap:14px}
.foot-links a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:14px;line-height:1.9}
.foot-bottom a{color:rgba(255,255,255,.62)}
.foot-bottom a:hover{color:#fff}
.foot-time{font-size:11.5px;color:rgba(255,255,255,.34)}

/* ===== 断点 ===== */
@media (min-width:768px){
  .head-inner{height:66px}
  .brand img{height:36px}
  .brand-name{font-size:17px}
  .nav-links a{font-size:13.5px;padding:7px 12px}
  .hero{padding:64px 0 56px}
  .hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:34px}
  .hero h1{font-size:38px}
  .hero-lead{font-size:15.5px}
  .section{padding:66px 0}
  .sec-head h2{font-size:27px}
  .split{grid-template-columns:.85fr 1.15fr;align-items:start;gap:34px}
  .grid-cards{grid-template-columns:repeat(3,1fr);gap:16px}
  .magic-grid{grid-template-columns:1fr 1fr}
  .side-poster{grid-template-columns:1fr 1fr}
  .band-grid{grid-template-columns:1fr 1fr 1fr}
  .inst-grid{grid-template-columns:1fr 1fr}
  .priv-grid{grid-template-columns:1fr 1fr}
  .news-item span{display:inline}
  .tl{grid-template-columns:1fr 1fr;column-gap:26px}
  .tl::before{left:calc(50% - 1px);display:none}
  .tl-item{padding:0 0 18px 52px}
  .install{padding:70px 0}
  .strip-row figure{width:132px}
  .strip-row img{width:132px}
}
@media (min-width:1024px){
  .wrap{padding:0 26px}
  .hero h1{font-size:44px}
  .sec-head h2{font-size:30px}
  .grid-cards{grid-template-columns:repeat(4,1fr)}
  .split{grid-template-columns:.72fr 1.28fr;gap:44px}
  .split-left{position:sticky;top:86px}
  .magic-grid{grid-template-columns:repeat(3,1fr)}
  .inst-grid{grid-template-columns:repeat(3,1fr)}
  .band-grid{grid-template-columns:repeat(4,1fr)}
  .side-poster{grid-template-columns:1fr;}
  .poster-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}