:root{
  --ink:#221a2e;
  --paper:#f6f1e7;
  --line:#221a2e;
  --pink:#ff5f8d;
  --blue:#3b6ef5;
  --amber:#ffb02e;
  --mint:#22b39a;
  --lilac:#f3ecff;
  --sky:#e8f1ff;
  --cream:#fdf9ef;
  --sun:#fff3d1;
  --rose:#ffe9ef;
  --radius:14px;
  --shadow:5px 5px 0 var(--ink);
  --font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font);
  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;}
ul{list-style:none;}
.wrap{width:min(1120px,92%);margin:0 auto;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 18px;border-radius:999px;
  border:2px solid var(--ink);
  font-weight:700;font-size:14px;
  background:#fff;color:var(--ink);
  transition:transform .18s,box-shadow .18s,background .18s;
  cursor:pointer;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--ink);}
.btn-solid{background:var(--pink);color:#fff;}
.tag{
  display:inline-block;padding:2px 10px;border-radius:999px;
  font-size:12px;font-weight:600;
  border:1.5px solid var(--ink);
  background:#fff;
}

/* ---------- 顶栏 ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,241,231,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:.5px;}
.brand img{height:34px;width:auto;border-radius:8px;border:2px solid var(--ink);}
.nav-desktop{display:none;gap:2px;flex-wrap:wrap;}
.nav-desktop a{
  padding:6px 10px;font-size:14px;font-weight:600;border-radius:999px;
  transition:background .18s,color .18s,transform .18s;
}
.nav-desktop a:hover{background:var(--pink);color:#fff;transform:rotate(-2deg);}
.header-cta{font-size:13px;padding:8px 14px;}
.menu-toggle{
  display:flex;align-items:center;gap:6px;
  background:#fff;border:2px solid var(--ink);border-radius:999px;
  padding:7px 14px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;
}
.mobile-nav{display:none;padding:10px 0 16px;}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:11px 14px;font-size:15px;font-weight:600;border-bottom:1.5px dashed rgba(34,26,46,.3);}
.mobile-nav a:hover{background:var(--lilac);}

/* ---------- 首屏 ---------- */
.hero{padding:34px 0 0;}
.hero-grid{display:grid;gap:26px;grid-template-columns:1fr;}
.hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.hero h1{font-size:clamp(26px,6vw,44px);line-height:1.25;letter-spacing:-.5px;font-weight:900;}
.hero h1 em{font-style:normal;background:linear-gradient(92deg,var(--pink),var(--amber));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{margin-top:14px;font-size:15px;color:#4b4258;max-width:34em;}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.hero-points span{
  font-size:13px;font-weight:700;padding:5px 12px;border-radius:8px;
  background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);
}
.dl-board{
  margin-top:24px;background:var(--cream);
  border:2.5px solid var(--ink);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:18px;
}
.dl-board h2{font-size:17px;margin-bottom:4px;}
.dl-board p.dl-note{font-size:13px;color:#5a5066;margin-bottom:12px;}
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.dl-btn{
  display:flex;align-items:center;gap:8px;padding:11px 12px;
  border:2px solid var(--ink);border-radius:10px;background:#fff;
  font-weight:700;font-size:14px;transition:transform .18s,background .18s;
}
.dl-btn:hover{transform:translateY(-2px);background:var(--sun);}
.dl-btn .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-size:11px;flex:none;background:var(--sky);}
.hero-art{position:relative;}
.phone-frame{
  border:3px solid var(--ink);border-radius:26px;overflow:hidden;background:#fff;
  box-shadow:8px 8px 0 var(--ink);transform:rotate(1.2deg);
}
.phone-frame img{width:100%;height:auto;}
.hero-sticker{
  position:absolute;right:-6px;bottom:-14px;
  background:var(--amber);border:2.5px solid var(--ink);border-radius:12px;
  padding:8px 14px;font-weight:800;font-size:13px;transform:rotate(-4deg);
  box-shadow:4px 4px 0 var(--ink);
}

/* 跑马灯 */
.marquee{overflow:hidden;border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);background:var(--ink);margin-top:34px;}
.marquee-track{display:flex;width:max-content;animation:slide 30s linear infinite;}
.marquee-track span{
  padding:9px 0;font-weight:800;font-size:15px;letter-spacing:1px;
  background:linear-gradient(90deg,#ff7ba6,#ffc46b,#8fe3d0,#9db6ff,#ff7ba6);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  white-space:nowrap;
}
.marquee-track span::after{content:"·";margin:0 18px;-webkit-text-fill-color:#ff7ba6;}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- 通用区块 ---------- */
section.block{padding:44px 0;}
.block-head{margin-bottom:22px;}
.block-head .kicker{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7a6c8a;}
.block-head h2{font-size:clamp(21px,4.4vw,30px);line-height:1.3;margin-top:4px;font-weight:900;}
.block-head p{font-size:14px;color:#544a62;margin-top:8px;max-width:40em;}

/* 昨日爆款 —— 深夜纸刊 */
.bg-boom{background:var(--lilac);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.boom-layout{display:grid;gap:22px;grid-template-columns:1fr;}
.boom-cover{border:2.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff;align-self:start;}
.boom-cover img{width:100%;height:auto;display:block;}
.boom-cover figcaption{padding:12px 14px;font-size:13px;font-weight:600;border-top:2px solid var(--ink);background:var(--sun);}
.boom-list{display:grid;gap:0;}
.boom-item{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  padding:13px 2px;border-bottom:1.5px dashed rgba(34,26,46,.35);
}
.boom-item:last-child{border-bottom:none;}
.boom-no{font-weight:900;font-size:15px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid var(--ink);background:#fff;}
.boom-item h3{font-size:15px;font-weight:800;line-height:1.45;}
.boom-item p{font-size:13px;color:#5d5268;margin-top:2px;}
.boom-item .tag{margin-top:6px;}

/* 完结精选 —— 剪辑台/票根 */
.bg-finish{background:var(--sky);}
.finish-strip{display:grid;gap:14px;grid-template-columns:1fr;}
.ticket{
  display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;
  background:#fff;border:2.5px solid var(--ink);border-radius:10px;
  padding:12px;position:relative;
  box-shadow:4px 4px 0 rgba(34,26,46,.85);
}
.ticket::before{
  content:"";position:absolute;left:78px;top:6px;bottom:6px;width:0;
  border-left:2px dashed rgba(34,26,46,.25);
}
.ticket-thumb{width:66px;height:66px;object-fit:cover;border-radius:8px;border:2px solid var(--ink);}
.ticket-body h3{font-size:15px;font-weight:800;}
.ticket-body p{font-size:13px;color:#5d5268;margin-top:2px;}
.ticket-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;}
.ticket-tags span{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--lilac);border:1.5px solid rgba(34,26,46,.5);}

/* 飙升热榜 —— 榜单墙 */
.bg-rise{background:var(--rose);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.rise-grid{display:grid;gap:12px;grid-template-columns:1fr;}
.rise-card{
  background:#fff;border:2.5px solid var(--ink);border-radius:10px;padding:14px 16px;
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
  transition:transform .18s,box-shadow .18s;
}
.rise-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);}
.rise-rank{font-size:20px;font-weight:900;color:var(--pink);font-style:italic;width:38px;text-align:center;}
.rise-card h3{font-size:15px;font-weight:800;}
.rise-card p{font-size:13px;color:#5d5268;margin-top:2px;}

/* 放映厅 —— 时间轴 */
.bg-hall{background:var(--cream);}
.hall-flex{display:grid;gap:24px;grid-template-columns:1fr;}
.hall-poster{border:2.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#fff;align-self:start;}
.hall-poster img{width:100%;height:auto;}
.hall-poster .poster-cap{padding:12px 14px;border-top:2px solid var(--ink);font-size:13px;font-weight:700;background:var(--sky);}
.timeline{position:relative;padding-left:24px;}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:3px;background:var(--ink);border-radius:3px;}
.tl-item{position:relative;padding:0 0 16px 4px;}
.tl-item::before{
  content:"";position:absolute;left:-24px;top:6px;width:15px;height:15px;border-radius:50%;
  background:var(--mint);border:2.5px solid var(--ink);
}
.tl-time{font-size:13px;font-weight:900;letter-spacing:.5px;color:var(--blue);}
.tl-item h3{font-size:15px;font-weight:800;margin-top:1px;}
.tl-item p{font-size:13px;color:#5d5268;}

/* 创作者激励 —— 问答 */
.bg-maker{background:var(--sun);border-top:2.5px solid var(--ink);}
.qa-grid{display:grid;gap:12px;grid-template-columns:1fr;}
.qa-card{border:2.5px solid var(--ink);border-radius:12px;background:#fff;padding:14px 16px;}
.qa-card .q{font-size:14.5px;font-weight:800;display:flex;gap:8px;}
.qa-card .q b{color:var(--pink);flex:none;}
.qa-card .a{font-size:13.5px;color:#544a62;margin-top:6px;padding-left:22px;}

/* 神评墙 —— 便签 */
.bg-voice{background:var(--lilac);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.voice-grid{display:grid;gap:14px;grid-template-columns:1fr;}
.voice-card{
  background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:14px;
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  transform:rotate(-.5deg);
}
.voice-card:nth-child(even){transform:rotate(.6deg);background:var(--rose);}
.voice-card img{width:40px;height:40px;border-radius:50%;border:2px solid var(--ink);object-fit:cover;}
.voice-card .v-name{font-size:13.5px;font-weight:800;}
.voice-card .v-text{font-size:13.5px;color:#463c52;margin-top:2px;}
.voice-card .v-tag{font-size:11.5px;font-weight:700;color:var(--blue);margin-top:6px;}

/* 未成年人保护 */
.bg-teen{background:var(--mint);color:#0f2c26;border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);}
.bg-teen .block-head .kicker{color:#0c4a3d;}
.bg-teen .block-head p{color:#12463a;}
.teen-grid{display:grid;gap:12px;grid-template-columns:1fr;}
.teen-card{background:#f3fffb;border:2.5px solid var(--ink);border-radius:12px;padding:14px 16px;}
.teen-card h3{font-size:15px;font-weight:800;}
.teen-card p{font-size:13.5px;color:#1c4c40;margin-top:4px;}

/* 意见反馈 */
.bg-feedback{background:var(--cream);}
.fb-grid{display:grid;gap:12px;grid-template-columns:1fr;}
.fb-card{border:2.5px solid var(--ink);border-radius:12px;background:#fff;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;}
.fb-icon{width:38px;height:38px;border-radius:10px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;background:var(--sky);flex:none;}
.fb-card h3{font-size:14.5px;font-weight:800;}
.fb-card p{font-size:13px;color:#5d5268;margin-top:2px;}

/* 下载区 */
.bg-download{background:var(--ink);color:#f6f1e7;padding:46px 0;}
.bg-download .block-head .kicker{color:#a99cc0;}
.bg-download .block-head p{color:#c8bfd6;}
.dl-cols{display:grid;gap:24px;grid-template-columns:1fr;}
.steps{counter-reset:step;}
.steps li{
  counter-increment:step;position:relative;padding:0 0 16px 40px;font-size:14px;color:#e2dbee;
}
.steps li::before{
  content:counter(step);position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:50%;background:var(--amber);color:var(--ink);
  display:grid;place-items:center;font-weight:900;font-size:13px;
}
.steps li b{color:#fff;}
.dl-final{background:#2d2440;border:2.5px solid #6a5a86;border-radius:var(--radius);padding:18px;}
.dl-final h3{font-size:16px;color:#fff;margin-bottom:12px;}
.dl-final .dl-grid .dl-btn{background:#f6f1e7;color:var(--ink);border-color:#f6f1e7;}
.dl-final .dl-grid .dl-btn:hover{background:var(--amber);}
.dl-final .dl-grid .dl-btn .dot{background:#fff;border-color:var(--ink);}

/* 浮动下载条 */
.float-dl{
  position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
  z-index:80;display:flex;align-items:center;gap:10px;
  background:var(--ink);color:#fff;border:2px solid #fff;
  border-radius:999px;padding:7px 8px 7px 10px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  max-width:94vw;
}
.float-dl img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;flex:none;}
.float-dl span{font-size:13px;font-weight:700;white-space:nowrap;}
.float-dl a{background:var(--pink);color:#fff;border:none;padding:7px 14px;font-size:13px;flex:none;}

/* 复制弹窗 */
.copy-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(20,14,30,.55);}
.copy-modal.open{display:flex;}
.copy-box{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:20px;max-width:360px;width:100%;box-shadow:8px 8px 0 var(--ink);}
.copy-box h3{font-size:15px;line-height:1.6;font-weight:800;}
.copy-box .link-val{margin:12px 0;padding:10px 12px;border:2px dashed var(--ink);border-radius:10px;font-size:12.5px;word-break:break-all;background:var(--sun);}
.copy-box .copy-actions{display:flex;gap:10px;}
.copy-box .copy-actions .btn{flex:1;}

/* 页脚 */
.site-footer{background:#1b1426;color:#a99cc0;padding:30px 0 96px;font-size:12.5px;border-top:2.5px solid #4a3d60;}
.footer-top{display:grid;gap:20px;grid-template-columns:1fr;}
.footer-brand{display:flex;align-items:center;gap:10px;color:#e8e2f2;font-weight:800;font-size:15px;}
.footer-brand img{height:30px;width:auto;border-radius:6px;}
.footer-desc{margin-top:8px;max-width:32em;line-height:1.8;}
.footer-nav{display:flex;flex-wrap:wrap;gap:8px 16px;}
.footer-nav a{color:#c8bfd6;font-size:12.5px;}
.footer-nav a:hover{color:#ffb0c8;}
.footer-bottom{margin-top:20px;padding-top:14px;border-top:1px solid #3a2f4e;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;}
.footer-bottom a{color:#c8bfd6;}
.footer-bottom .upd{font-size:11.5px;color:#8c81a3;}

/* ---------- 断点 768 ---------- */
@media (min-width:768px){
  .dl-grid{grid-template-columns:repeat(4,1fr);}
  .boom-layout{grid-template-columns:280px 1fr;}
  .finish-strip{grid-template-columns:1fr 1fr;}
  .rise-grid{grid-template-columns:1fr 1fr;}
  .hall-flex{grid-template-columns:300px 1fr;}
  .qa-grid{grid-template-columns:1fr 1fr;}
  .voice-grid{grid-template-columns:1fr 1fr;}
  .teen-grid{grid-template-columns:1fr 1fr;}
  .fb-grid{grid-template-columns:1fr 1fr;}
  .dl-cols{grid-template-columns:1.05fr .95fr;}
  .footer-top{grid-template-columns:1.4fr 1fr;}
}
/* ---------- 断点 1024 ---------- */
@media (min-width:1024px){
  .hero-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:36px;}
  .nav-desktop{display:flex;}
  .menu-toggle{display:none;}
  .mobile-nav{display:none !important;}
  .rise-grid{grid-template-columns:repeat(2,1fr);}
  .finish-strip{grid-template-columns:repeat(2,1fr);}
  section.block{padding:56px 0;}
  .voice-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:767px){
  .hero-art{max-width:420px;margin:0 auto;}
  .float-dl span{font-size:12px;}
  .boom-item h3{font-size:14px;}
}