:root{
  --peach:#ff8a3d;
  --peach-deep:#e8621f;
  --peach-soft:#fff3e9;
  --ink:#241a14;
  --ink-soft:#5d4c42;
  --line:rgba(36,26,20,.12);
  --night:#1b1626;
  --night2:#2a2140;
  --cream:#fffaf5;
  --mint:#e8f5ee;
  --sky:#eef3fc;
  --lemon:#fdf6e0;
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  color:var(--ink);
  background:var(--cream);
  line-height:1.75;
  -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 20px}

/* ============ 顶部导航 ============ */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(255,250,245,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:16px;padding:10px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:.5px}
.brand img{height:34px;width:34px;border-radius:9px;object-fit:cover;box-shadow:0 3px 10px rgba(232,98,31,.28)}
.brand span{background:linear-gradient(120deg,#e8621f,#f7a23b);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-toggle{
  margin-left:auto;display:none;border:1px solid var(--line);background:#fff;
  border-radius:10px;padding:7px 14px;font-size:14px;color:var(--ink-soft);cursor:pointer;
}
.main-nav{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.main-nav a{
  font-size:14px;padding:7px 11px;border-radius:9px;color:var(--ink-soft);
  transition:background .22s,color .22s,transform .22s;
}
.main-nav a:hover{background:var(--peach-soft);color:var(--peach-deep);transform:translateY(-1px)}
.nav-dl{
  font-size:14px;font-weight:700;color:#fff;padding:8px 16px;border-radius:999px;
  background:linear-gradient(120deg,#e8621f,#f7a23b);box-shadow:0 6px 16px rgba(232,98,31,.3);
}
@media(max-width:1023px){
  .nav-toggle{display:block}
  .main-nav{display:none;width:100%;margin:6px 0 10px;flex-direction:column;gap:2px}
  .main-nav.open{display:flex}
  .main-nav a{padding:11px 12px;background:#fff;border:1px solid var(--line)}
}

/* ============ 首屏 ============ */
.hero{
  position:relative;
  background:
    radial-gradient(900px 420px at 12% 0%,#ffe4cc 0%,transparent 62%),
    radial-gradient(700px 380px at 92% 8%,#ffe9d2 0%,transparent 60%),
    linear-gradient(180deg,#fff6ee 0%,#fffaf5 100%);
  padding:38px 0 0;
  overflow:hidden;
}
.hero-grid{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:34px;align-items:center;
}
.hero-copy h1{
  font-size:clamp(26px,3.6vw,42px);line-height:1.32;letter-spacing:-.5px;font-weight:900;
}
.hero-copy h1 em{
  font-style:normal;
  background:linear-gradient(100deg,#e8621f,#f7a23b 55%,#e8621f);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.hero-tags span{
  font-size:13px;padding:5px 12px;border-radius:999px;
  background:#fff;border:1px solid rgba(232,98,31,.24);color:var(--peach-deep);font-weight:600;
}
.hero-copy p.lead{color:var(--ink-soft);font-size:15.5px;max-width:36em}
.dl-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dl-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:12px;font-size:14.5px;font-weight:700;
  background:#fff;border:1px solid var(--line);color:var(--ink);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.dl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(232,98,31,.16);border-color:rgba(232,98,31,.4)}
.dl-btn.primary{
  background:linear-gradient(120deg,#e8621f,#f7a23b);color:#fff;border-color:transparent;
  box-shadow:0 10px 24px rgba(232,98,31,.32);
}
.dl-btn small{display:block;font-size:11px;font-weight:500;opacity:.72;line-height:1.2}
.dl-btn .txt{line-height:1.2}

/* 首屏轮播 */
.hero-stage{position:relative;height:430px}
.stage-card{
  position:absolute;border-radius:22px;overflow:hidden;
  box-shadow:0 22px 44px rgba(84,44,18,.22);background:#fff;
  animation:floaty 7s ease-in-out infinite;
}
.stage-card img{width:100%;height:100%;object-fit:cover}
.stage-card.c1{width:46%;height:78%;left:0;top:6%;z-index:3}
.stage-card.c2{width:40%;height:66%;right:4%;top:0;z-index:2;animation-delay:-2.2s}
.stage-card.c3{width:38%;height:58%;right:14%;bottom:0;z-index:4;animation-delay:-4.4s}
.stage-badge{
  position:absolute;left:14px;bottom:14px;z-index:5;
  background:rgba(255,250,245,.94);border-radius:12px;padding:7px 13px;
  font-size:12.5px;font-weight:700;color:var(--peach-deep);
  box-shadow:0 6px 16px rgba(84,44,18,.16);
}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* 跑马灯 */
.marquee{
  margin-top:34px;background:linear-gradient(90deg,#2a1630,#4a1f3a 45%,#2a1630);
  padding:12px 0;overflow:hidden;position:relative;
}
.marquee-track{display:flex;gap:38px;width:max-content;animation:scrollx 26s linear infinite}
.marquee-track span{
  font-size:15px;font-weight:800;white-space:nowrap;
  background:linear-gradient(90deg,#ff7a45,#ffd166 40%,#ff5fa2 70%,#8f7bff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@keyframes scrollx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:1023px){
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-stage{height:330px;max-width:460px;margin:0 auto}
}
@media(max-width:767px){
  .hero{padding-top:24px}
  .hero-stage{height:300px}
  .stage-card.c1{width:48%;height:76%}
  .stage-card.c2{width:42%;height:62%}
  .stage-card.c3{width:40%;height:56%}
  .dl-btn{flex:1 1 44%;justify-content:center;padding:11px 12px}
}

/* ============ 通用区块 ============ */
.block{padding:58px 0}
.block-head{margin-bottom:26px}
.block-head .kicker{
  font-size:12.5px;font-weight:800;letter-spacing:2px;color:var(--peach-deep);text-transform:uppercase;
}
.block-head h2{font-size:clamp(22px,2.8vw,31px);line-height:1.35;margin-top:6px;font-weight:900}
.block-head p{color:var(--ink-soft);font-size:15px;margin-top:8px;max-width:44em}

/* 经典剧场 */
.sec-classic{background:linear-gradient(180deg,#fffaf5,#fff3e9)}
.classic-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.classic-card{
  background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  transition:transform .24s,box-shadow .24s;
}
.classic-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(232,98,31,.18)}
.classic-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.classic-card .info{padding:11px 12px 14px}
.classic-card h3{font-size:15px;line-height:1.4;font-weight:800}
.classic-card .metas{font-size:11.5px;color:var(--ink-soft);margin-top:5px;display:flex;flex-wrap:wrap;gap:6px}
.classic-card .metas i{font-style:normal;background:var(--peach-soft);color:var(--peach-deep);padding:1px 7px;border-radius:6px}
@media(max-width:1023px){.classic-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.classic-grid{grid-template-columns:repeat(2,1fr);gap:12px}}

/* 深夜心跳剧场 */
.sec-night{background:linear-gradient(160deg,#1b1626,#2a2140 60%,#1b1626);color:#f4eefb}
.sec-night .block-head h2{color:#fff}
.sec-night .block-head p{color:#c3b6d8}
.sec-night .block-head .kicker{color:#ffab7a}
.night-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}
.night-side{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.4);position:relative}
.night-side img{width:100%;aspect-ratio:3/4;object-fit:cover}
.night-side .caption{
  position:absolute;left:0;right:0;bottom:0;padding:40px 16px 16px;
  background:linear-gradient(transparent,rgba(20,14,30,.92));font-size:13px;color:#e6dcf5;
}
.timeline{position:relative;padding-left:26px}
.timeline::before{
  content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(#ff8a3d,#8f7bff);
}
.tl-item{position:relative;padding:0 0 18px 4px}
.tl-item::before{
  content:"";position:absolute;left:-24px;top:7px;width:11px;height:11px;border-radius:50%;
  background:#ff8a3d;box-shadow:0 0 0 4px rgba(255,138,61,.18);
}
.tl-time{font-size:12.5px;font-weight:800;color:#ffab7a;letter-spacing:1px}
.tl-body{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;margin-top:5px}
.tl-body b{font-size:14.5px;font-weight:800;color:#fff}
.tl-body p{font-size:13px;color:#c3b6d8;margin-top:2px}
@media(max-width:1023px){.night-layout{grid-template-columns:1fr}.night-side{max-width:360px;margin:0 auto}}

/* 原著联动区 */
.sec-origin{background:linear-gradient(180deg,#eef3fc,#f8fbff)}
.origin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.origin-item{
  background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(70,110,180,.16);
  display:flex;flex-direction:column;gap:8px;transition:transform .22s,box-shadow .22s;
}
.origin-item:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(70,110,180,.16)}
.origin-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:11px}
.origin-item h3{font-size:15px;font-weight:800}
.origin-item p{font-size:13px;color:var(--ink-soft)}
.origin-item .badge{
  align-self:flex-start;font-size:11.5px;font-weight:700;color:#3a66b0;
  background:rgba(70,110,180,.1);padding:2px 9px;border-radius:6px;
}
@media(max-width:1023px){.origin-grid{grid-template-columns:repeat(2,1fr)}}

/* 全集短剧 + 排片时间轴 */
.sec-full{background:linear-gradient(180deg,#fdf6e0,#fffdf7)}
.full-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}
.full-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.full-row{
  display:flex;gap:12px;background:#fff;border-radius:14px;padding:10px;
  border:1px solid rgba(200,160,60,.2);transition:box-shadow .22s,transform .22s;
}
.full-row:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(180,140,50,.16)}
.full-row img{width:62px;height:82px;object-fit:cover;border-radius:9px;flex:0 0 auto}
.full-row .meta h3{font-size:14.5px;font-weight:800;line-height:1.4}
.full-row .meta p{font-size:12px;color:var(--ink-soft);margin-top:3px}
.full-row .meta .tags{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px}
.full-row .meta .tags i{
  font-style:normal;font-size:11px;background:var(--lemon);color:#96701a;
  border:1px solid rgba(200,160,60,.3);border-radius:5px;padding:0 6px;
}
.schedule{background:#fff;border-radius:18px;padding:20px;border:1px solid rgba(200,160,60,.24)}
.schedule h3{font-size:17px;font-weight:900;margin-bottom:4px}
.schedule .sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:14px}
.sch-line{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(180,140,50,.28)}
.sch-line:last-child{border-bottom:none}
.sch-line b{flex:0 0 54px;font-size:13px;font-weight:800;color:#b07b1c}
.sch-line span{font-size:13.5px;color:var(--ink-soft)}
@media(max-width:1023px){.full-layout{grid-template-columns:1fr}}
@media(max-width:767px){.full-list{grid-template-columns:1fr}}

/* AI 剧场 */
.sec-ai{background:linear-gradient(150deg,#0f1a1c,#16302f 55%,#0f1a1c);color:#e8f5ee}
.sec-ai .block-head h2{color:#fff}
.sec-ai .block-head p{color:#a6c8bf}
.sec-ai .block-head .kicker{color:#6ee7b7}
.ai-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ai-card{
  border-radius:16px;overflow:hidden;position:relative;background:#123;
  border:1px solid rgba(110,231,183,.2);transition:transform .24s,border-color .24s;
}
.ai-card:hover{transform:translateY(-5px);border-color:rgba(110,231,183,.55)}
.ai-card img{width:100%;aspect-ratio:3/4;object-fit:cover;opacity:.94}
.ai-card .cap{padding:10px 12px 13px}
.ai-card .cap h3{font-size:14px;font-weight:800;color:#fff}
.ai-card .cap p{font-size:12px;color:#a6c8bf;margin-top:3px}
@media(max-width:1023px){.ai-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.ai-grid{grid-template-columns:repeat(2,1fr);gap:11px}}

/* 神评墙 */
.sec-wall{background:linear-gradient(180deg,#fff3e9,#ffe9dc)}
.wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wall-card{
  background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(232,98,31,.16);
  display:flex;flex-direction:column;gap:10px;
}
.wall-top{display:flex;align-items:center;gap:10px}
.wall-top img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #ffd7bb}
.wall-name{font-size:14px;font-weight:800}
.wall-stars{font-size:12px;color:#ea8a2d}
.wall-card p{font-size:13.5px;color:var(--ink-soft)}
.wall-card .show{font-size:12px;color:var(--peach-deep);font-weight:700}
@media(max-width:1023px){.wall-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.wall-grid{grid-template-columns:1fr}}

/* 未成年人保护 + 意见反馈 */
.sec-safe{background:linear-gradient(180deg,#e8f5ee,#f7fdfa)}
.safe-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.panel{background:#fff;border-radius:18px;padding:22px;border:1px solid rgba(60,150,110,.2)}
.panel h2{font-size:20px;font-weight:900;margin-bottom:6px}
.panel .sub{font-size:13px;color:var(--ink-soft);margin-bottom:14px}
.qa{border-top:1px dashed rgba(60,150,110,.3);padding:12px 0}
.qa:first-of-type{border-top:none}
.qa h3{font-size:14.5px;font-weight:800;color:#22734f}
.qa p{font-size:13.5px;color:var(--ink-soft);margin-top:4px}
.fb-list{display:flex;flex-direction:column;gap:9px}
.fb-item{
  display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);
  background:#f6fbf8;border-radius:10px;padding:10px 12px;
}
.fb-item b{color:#22734f;flex:0 0 auto}
@media(max-width:1023px){.safe-layout{grid-template-columns:1fr}}

/* 下载专区 */
.sec-download{background:linear-gradient(160deg,#2a1630,#4a1f3a 50%,#3a1b2c);color:#fff}
.sec-download h2{font-size:clamp(22px,2.8vw,30px);font-weight:900}
.sec-download .sub{color:#e2cfe0;font-size:15px;margin-top:8px;max-width:44em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.step{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px}
.step b{display:inline-flex;width:26px;height:26px;border-radius:8px;align-items:center;justify-content:center;
  background:linear-gradient(120deg,#e8621f,#f7a23b);font-size:13px;margin-bottom:8px}
.step h3{font-size:15px;font-weight:800;margin-bottom:4px}
.step p{font-size:13px;color:#e2cfe0}
.dl-row.on-dark .dl-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.dl-row.on-dark .dl-btn.primary{background:linear-gradient(120deg,#e8621f,#f7a23b);border-color:transparent}
.dl-row.on-dark .dl-btn small{opacity:.7}
@media(max-width:1023px){.steps{grid-template-columns:1fr}}

/* 页脚 */
.site-footer{background:#1d1614;color:#a3968f;padding:30px 0 26px;font-size:12.5px}
.footer-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}
.footer-brand{max-width:340px}
.footer-brand .fb-name{display:flex;align-items:center;gap:8px;color:#f0e3dc;font-weight:800;font-size:14px;margin-bottom:6px}
.footer-brand img{height:24px;width:24px;border-radius:6px;object-fit:cover}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 18px;max-width:420px;align-content:flex-start}
.footer-nav a{color:#a3968f;transition:color .2s}
.footer-nav a:hover{color:#ffab7a}
.footer-bottom{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
.footer-bottom a{color:#a3968f}
.footer-bottom a:hover{color:#ffab7a}
@media(max-width:767px){.footer-grid{flex-direction:column;gap:16px}}

/* 浮动下载 */
.float-dl{
  position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:80;
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 20px 10px 12px;border-radius:999px;
  background:linear-gradient(120deg,#e8621f,#f7a23b);color:#fff;font-weight:800;font-size:14.5px;
  box-shadow:0 12px 28px rgba(232,98,31,.42);
  transition:transform .2s,box-shadow .2s;
}
.float-dl:hover{transform:translateX(-50%) translateY(-3px);box-shadow:0 16px 32px rgba(232,98,31,.5)}
.float-dl img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.6)}

/* 复制弹窗 */
.copy-mask{
  position:fixed;inset:0;z-index:120;display:none;
  background:rgba(20,12,8,.6);backdrop-filter:blur(3px);
  align-items:center;justify-content:center;padding:20px;
}
.copy-mask.show{display:flex}
.copy-box{background:#fff;border-radius:18px;max-width:400px;width:100%;padding:22px;text-align:center}
.copy-box p{font-size:14px;color:var(--ink-soft);line-height:1.7}
.copy-box .url{
  margin:12px 0;padding:10px;border-radius:10px;background:var(--peach-soft);
  font-size:12.5px;color:var(--peach-deep);word-break:break-all;
}
.copy-box .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.copy-box button{
  border:none;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;
  padding:10px 22px;border-radius:10px;background:linear-gradient(120deg,#e8621f,#f7a23b);color:#fff;
}
.copy-box button.ghost{background:#f2ece7;color:var(--ink-soft)}