:root{
    --peach:#ff7a3d;
    --peach-deep:#e2501f;
    --gold:#f7b955;
    --ink:#1c1418;
    --cream:#fff8f0;
    --plum:#2a1622;
    --violet:#3a1f3d;
    --night:#160f1a;
    --teal:#0f3b3a;
    --line:rgba(28,20,24,.12);
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
    background:var(--cream);
    color:var(--ink);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%;}
  a{text-decoration:none;color:inherit;}
  ul{list-style:none;}

  /* ---------- 顶部导航 ---------- */
  .site-header{
    position:sticky;top:0;z-index:60;
    background:rgba(28,20,24,.94);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .header-inner{
    max-width:1200px;margin:0 auto;
    padding:10px 18px;
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  }
  .brand{display:flex;align-items:center;gap:9px;flex-shrink:0;}
  .brand img{height:32px;width:auto;border-radius:8px;}
  .brand-name{
    color:#fff;font-size:17px;font-weight:800;letter-spacing:.5px;
    white-space:nowrap;
  }
  .brand-name span{color:var(--gold);}
  .nav-toggle{
    display:none;margin-left:auto;
    background:linear-gradient(135deg,var(--peach),var(--gold));
    color:#2a1108;border:none;border-radius:9px;
    padding:7px 13px;font-size:14px;font-weight:700;cursor:pointer;
    font-family:inherit;
  }
  .main-nav{width:100%;}
  .main-nav ul{
    display:flex;flex-wrap:wrap;gap:4px;
    justify-content:flex-start;
  }
  .main-nav a{
    display:block;padding:5px 11px;border-radius:20px;
    font-size:13.5px;color:rgba(255,255,255,.7);
    transition:color .22s ease,background .22s ease,transform .22s ease;
    white-space:nowrap;
  }
  .main-nav a:hover{
    color:#1c1418;
    background:linear-gradient(135deg,var(--gold),var(--peach));
    transform:translateY(-1px);
  }

  /* ---------- 首屏 ---------- */
  .hero{
    position:relative;
    background:
      radial-gradient(900px 480px at 12% -10%,rgba(255,122,61,.42),transparent 62%),
      radial-gradient(760px 460px at 92% 8%,rgba(140,60,180,.42),transparent 60%),
      linear-gradient(160deg,#20111c 0%,#2a1622 46%,#150d18 100%);
    color:#fff;
    padding:34px 18px 0;
    overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;inset:auto 0 0 0;height:90px;
    background:linear-gradient(to bottom,rgba(255,248,240,0),var(--cream));
    pointer-events:none;
  }
  .hero-inner{
    max-width:1160px;margin:0 auto;
    display:grid;grid-template-columns:1.02fr .98fr;
    gap:26px;align-items:center;
    padding-bottom:26px;
    position:relative;z-index:2;
  }
  .hero-tag{
    display:inline-block;
    font-size:12.5px;letter-spacing:3px;
    color:var(--gold);border:1px solid rgba(247,185,85,.45);
    border-radius:20px;padding:3px 14px;margin-bottom:14px;
  }
  .hero h1{
    font-size:clamp(27px,3.5vw,43px);
    line-height:1.28;font-weight:900;
    letter-spacing:.5px;
    margin-bottom:14px;
  }
  .hero h1 em{
    font-style:normal;
    background:linear-gradient(100deg,var(--gold),var(--peach) 55%,#ff9bbd);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .hero-lead{
    font-size:15px;color:rgba(255,255,255,.82);
    max-width:33em;margin-bottom:20px;
  }
  .hero-points{
    display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;
  }
  .hero-points li{
    font-size:12.5px;color:#ffe4c9;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
    padding:4px 11px;border-radius:8px;
  }
  .dl-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
  .btn-dl{
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 22px;border-radius:14px;
    font-size:14.5px;font-weight:800;
    color:#2a1108;
    background:linear-gradient(135deg,#ffc66b,var(--peach));
    box-shadow:0 10px 24px -10px rgba(255,122,61,.85);
    transition:transform .2s ease,box-shadow .2s ease;
    white-space:nowrap;
  }
  .btn-dl:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(255,122,61,.95);}
  .btn-dl.ios{
    background:linear-gradient(135deg,#e7d8ff,#a986e8);
    color:#22152e;
    box-shadow:0 10px 24px -10px rgba(160,120,220,.8);
  }
  .btn-dl .glyph{font-size:16px;line-height:1;}

  /* 首屏竖屏轮播 */
  .hero-stage{
    display:flex;gap:12px;justify-content:center;
    perspective:900px;
  }
  .hero-col{
    flex:1;display:flex;flex-direction:column;gap:12px;
    max-width:150px;
  }
  .hero-col img{
    width:100%;border-radius:14px;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 14px 30px -16px rgba(0,0,0,.9);
    transition:transform .4s ease;
  }
  .hero-col img:hover{transform:scale(1.04);}
  .hero-col:nth-child(1){margin-top:26px;}
  .hero-col:nth-child(3){margin-top:44px;}

  /* 跑马灯 */
  .marquee{
    position:relative;z-index:3;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(0,0,0,.28);
    padding:9px 0;
  }
  .marquee-track{
    display:flex;gap:0;width:max-content;
    animation:marq 34s linear infinite;
  }
  .marquee-track span{
    padding:0 22px;font-size:13.5px;font-weight:700;letter-spacing:1px;
    white-space:nowrap;
    background:linear-gradient(90deg,#ffd166,#ff6f91 40%,#8f7bff 75%,#48e0c0);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .marquee-track span::after{content:"◆";margin-left:22px;font-size:9px;color:rgba(255,255,255,.4);-webkit-text-fill-color:rgba(255,255,255,.4);}
  @keyframes marq{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ---------- 通用区块 ---------- */
  section{padding:52px 18px;}
  .wrap{max-width:1160px;margin:0 auto;}
  .sec-head{margin-bottom:26px;}
  .sec-head .kicker{
    font-size:12px;letter-spacing:3px;font-weight:700;
    color:var(--peach-deep);margin-bottom:6px;display:block;
  }
  .sec-head h2{
    font-size:clamp(21px,2.6vw,30px);font-weight:900;line-height:1.3;
  }
  .sec-head p{margin-top:8px;font-size:14.5px;opacity:.75;max-width:44em;}

  /* ---------- 排片时间轴（经典剧场） ---------- */
  .classic{background:linear-gradient(180deg,#fff8f0,#ffeede);}
  .timeline{
    position:relative;margin-top:10px;
    display:grid;grid-template-columns:repeat(6,1fr);gap:14px;
  }
  .timeline::before{
    content:"";position:absolute;left:0;right:0;top:26px;height:2px;
    background:linear-gradient(90deg,rgba(226,80,31,0),var(--peach),var(--gold),rgba(226,80,31,0));
  }
  .tl-item{position:relative;padding-top:0;}
  .tl-time{
    position:relative;z-index:2;
    display:inline-block;
    font-size:12.5px;font-weight:800;color:#fff;
    background:var(--peach-deep);
    padding:3px 9px;border-radius:7px;
    margin-bottom:14px;
  }
  .tl-item:nth-child(even) .tl-time{background:var(--plum);}
  .tl-card{
    background:#fff;border-radius:14px;
    border:1px solid var(--line);
    padding:9px;box-shadow:0 8px 20px -16px rgba(60,25,10,.6);
    transition:transform .25s ease,box-shadow .25s ease;
  }
  .tl-card:hover{transform:translateY(-4px);box-shadow:0 16px 26px -18px rgba(60,25,10,.7);}
  .tl-card img{border-radius:9px;aspect-ratio:3/4;object-fit:cover;width:100%;}
  .tl-card h3{font-size:14px;margin:8px 0 3px;font-weight:800;line-height:1.35;}
  .tl-card .meta{font-size:11.5px;opacity:.62;}
  .tl-card .desc{font-size:12.5px;margin-top:6px;opacity:.8;line-height:1.55;}
  .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px;}
  .tags i{
    font-style:normal;font-size:11px;
    background:#fff1e4;color:#b8451b;
    padding:1px 7px;border-radius:6px;
  }

  /* ---------- 深夜剧场（深色） ---------- */
  .night{background:linear-gradient(170deg,#160f1a,#2b1030 60%,#1a0d1f);color:#f4ebf5;}
  .night .sec-head .kicker{color:#ff8fb8;}
  .night .sec-head p{opacity:.72;}
  .night-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:13px;
  }
  .night-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.13);
    border-radius:13px;overflow:hidden;
    transition:border-color .25s ease,transform .25s ease;
  }
  .night-card:hover{border-color:#ff8fb8;transform:translateY(-4px);}
  .night-card img{aspect-ratio:3/4;object-fit:cover;width:100%;}
  .night-card .n-body{padding:9px 10px 12px;}
  .night-card h3{font-size:13.5px;font-weight:800;line-height:1.35;}
  .night-card p{font-size:12px;opacity:.68;margin-top:5px;line-height:1.5;}
  .night-card .dot{
    display:inline-block;width:6px;height:6px;border-radius:50%;
    background:#ff8fb8;margin-right:5px;vertical-align:middle;
  }

  /* ---------- 原著联动（横向滑动） ---------- */
  .origin{background:linear-gradient(180deg,#f4f7f2,#e7f1ea);}
  .scroll-rail{
    display:flex;gap:14px;overflow-x:auto;
    padding:4px 4px 16px;
    scroll-snap-type:x mandatory;
  }
  .scroll-rail::-webkit-scrollbar{height:6px;}
  .scroll-rail::-webkit-scrollbar-thumb{background:rgba(15,59,58,.3);border-radius:6px;}
  .rail-card{
    flex:0 0 210px;scroll-snap-align:start;
    background:#fff;border-radius:16px;
    border:1px solid rgba(15,59,58,.12);
    overflow:hidden;
    box-shadow:0 10px 22px -18px rgba(15,59,58,.6);
  }
  .rail-card img{aspect-ratio:3/4;object-fit:cover;width:100%;}
  .rail-card .r-body{padding:10px 12px 14px;}
  .rail-card h3{font-size:14px;font-weight:800;line-height:1.35;}
  .rail-card .meta{font-size:11.5px;color:#3c6b62;margin-top:4px;}
  .rail-card p{font-size:12.5px;margin-top:6px;opacity:.78;line-height:1.55;}

  /* ---------- 全集短剧（墙） ---------- */
  .fullset{background:linear-gradient(180deg,#fdf6ff,#efe4fb);}
  .wall{
    display:grid;grid-template-columns:repeat(6,1fr);gap:10px;
  }
  .wall figure{position:relative;border-radius:11px;overflow:hidden;}
  .wall img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .35s ease;}
  .wall figure:hover img{transform:scale(1.06);}
  .wall figcaption{
    position:absolute;left:0;right:0;bottom:0;
    padding:18px 8px 7px;
    font-size:11.5px;font-weight:700;color:#fff;
    background:linear-gradient(to top,rgba(30,12,40,.9),transparent);
    line-height:1.3;
  }
  .wall-note{
    margin-top:16px;font-size:13.5px;color:#4a2b5c;
    background:rgba(255,255,255,.66);
    border-left:3px solid #a77bd6;
    border-radius:0 10px 10px 0;
    padding:10px 14px;
  }

  /* ---------- AI 剧场 ---------- */
  .ai{background:linear-gradient(160deg,#0c2f2d,#12403c 55%,#0a2321);color:#e9fbf6;}
  .ai .sec-head .kicker{color:#5fe3c4;}
  .ai .sec-head p{opacity:.72;}
  .ai-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
  }
  .ai-card{
    display:flex;gap:12px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(95,227,196,.22);
    border-radius:14px;padding:11px;
    transition:background .25s ease;
  }
  .ai-card:hover{background:rgba(95,227,196,.1);}
  .ai-card img{
    width:76px;flex:0 0 76px;aspect-ratio:3/4;
    object-fit:cover;border-radius:9px;
  }
  .ai-card h3{font-size:14px;font-weight:800;line-height:1.35;}
  .ai-card p{font-size:12.5px;opacity:.74;margin-top:4px;line-height:1.55;}
  .ai-card .date{font-size:11px;color:#5fe3c4;margin-top:5px;}

  /* ---------- 用户神评墙（问答） ---------- */
  .reviews{background:linear-gradient(180deg,#fff9ec,#ffeccd);}
  .qa-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
  .qa{
    background:#fff;border-radius:14px;
    padding:14px 16px;
    border:1px solid rgba(200,140,40,.22);
    box-shadow:0 8px 18px -16px rgba(120,70,10,.7);
  }
  .qa .q{font-size:14px;font-weight:800;display:flex;gap:8px;align-items:flex-start;}
  .qa .q b{
    flex:0 0 auto;font-size:11px;font-weight:800;
    background:#ffcf6b;color:#5a3600;
    border-radius:6px;padding:1px 6px;margin-top:2px;
  }
  .qa .a{font-size:13px;margin-top:7px;opacity:.8;padding-left:2px;line-height:1.6;}
  .qa .who{font-size:11.5px;opacity:.55;margin-top:8px;}

  /* ---------- 未成年人保护 ---------- */
  .guard{background:linear-gradient(180deg,#eef6ff,#dceafc);}
  .guard-cols{
    display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start;
  }
  .guard-list{display:flex;flex-direction:column;gap:10px;}
  .guard-item{
    background:#fff;border-radius:12px;padding:13px 16px;
    border-left:4px solid #4a86d8;
  }
  .guard-item h3{font-size:14px;font-weight:800;}
  .guard-item p{font-size:13px;opacity:.78;margin-top:5px;line-height:1.6;}
  .guard-side{
    background:#fff;border-radius:14px;padding:16px;
    border:1px dashed rgba(74,134,216,.45);
  }
  .guard-side h3{font-size:15px;font-weight:800;margin-bottom:8px;color:#2c5c9e;}
  .guard-side p{font-size:13px;opacity:.8;line-height:1.7;}

  /* ---------- 意见反馈 ---------- */
  .feedback{background:linear-gradient(180deg,#fff3f3,#ffe1e1);}
  .fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
  .fb-card{
    background:#fff;border-radius:13px;padding:15px;
    border:1px solid rgba(226,80,96,.2);
  }
  .fb-card h3{font-size:14px;font-weight:800;color:#9a2b38;}
  .fb-card p{font-size:13px;opacity:.78;margin-top:6px;line-height:1.65;}
  .fb-note{
    margin-top:18px;font-size:13px;
    background:#fff;border-radius:12px;padding:12px 16px;
    border-left:4px solid #e25060;color:#5c1f28;
  }

  /* ---------- 下载专区 ---------- */
  .download{
    background:
      radial-gradient(700px 360px at 50% -20%,rgba(255,180,90,.4),transparent 65%),
      linear-gradient(165deg,#2a1622,#3d1a2c 55%,#22101a);
    color:#fff;
  }
  .download .sec-head h2{color:#fff;}
  .download .sec-head .kicker{color:var(--gold);}
  .download .sec-head p{opacity:.76;}
  .steps{
    display:grid;grid-template-columns:repeat(4,1fr);gap:13px;
    margin-bottom:26px;
  }
  .step{
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.15);
    border-radius:13px;padding:14px;
  }
  .step .num{
    display:inline-block;font-size:12px;font-weight:800;
    background:linear-gradient(135deg,var(--gold),var(--peach));
    color:#2a1108;border-radius:7px;padding:2px 9px;margin-bottom:9px;
  }
  .step h3{font-size:14px;font-weight:800;}
  .step p{font-size:12.5px;opacity:.72;margin-top:5px;line-height:1.6;}
  .dl-center{
    display:flex;flex-wrap:wrap;gap:14px;justify-content:center;
    align-items:center;
    text-align:center;
  }
  .dl-tip{
    width:100%;font-size:13px;opacity:.65;margin-top:6px;
  }

  /* ---------- 浮动下载窗 ---------- */
  .float-dl{
    position:fixed;left:50%;bottom:16px;transform:translateX(-50%);
    z-index:80;
    display:flex;align-items:center;gap:9px;
    background:linear-gradient(135deg,#ffe0ad,#ffb15e);
    color:#3a1a06;
    padding:8px 18px 8px 9px;
    border-radius:40px;
    box-shadow:0 14px 30px -12px rgba(0,0,0,.6);
    font-size:13.5px;font-weight:800;
    transition:transform .2s ease;
    max-width:calc(100vw - 28px);
  }
  .float-dl:hover{transform:translateX(-50%) translateY(-2px);}
  .float-dl img{
    height:28px;width:28px;border-radius:50%;object-fit:cover;
    border:1px solid rgba(0,0,0,.15);
  }

  /* ---------- 页脚 ---------- */
  .site-footer{
    background:#150d13;color:rgba(255,255,255,.52);
    padding:26px 18px 90px;
    font-size:12.5px;
    text-align:center;
    line-height:1.9;
  }
  .site-footer a{color:rgba(255,255,255,.62);border-bottom:1px dotted rgba(255,255,255,.3);}
  .site-footer .f-line{margin-top:4px;}

  /* ---------- 响应式 ---------- */
  @media (max-width:1024px){
    .hero-inner{grid-template-columns:1fr;gap:22px;}
    .hero-stage{order:-1;max-width:520px;margin:0 auto;}
    .hero-col{max-width:none;}
    .hero-col:nth-child(1){margin-top:0;}
    .hero-col:nth-child(3){margin-top:22px;}
    .timeline{grid-template-columns:repeat(3,1fr);row-gap:22px;}
    .timeline::before{display:none;}
    .night-grid{grid-template-columns:repeat(3,1fr);}
    .wall{grid-template-columns:repeat(4,1fr);}
    .ai-grid{grid-template-columns:repeat(2,1fr);}
    .qa-list{grid-template-columns:1fr;}
    .guard-cols{grid-template-columns:1fr;}
    .steps{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:768px){
    .header-inner{padding:9px 14px;gap:10px;}
    .nav-toggle{display:inline-block;}
    .main-nav{display:none;width:100%;}
    .main-nav.open{display:block;}
    .main-nav ul{flex-direction:column;gap:2px;padding-bottom:6px;}
    .main-nav a{padding:8px 10px;border-radius:9px;font-size:14px;}
    section{padding:38px 14px;}
    .hero{padding:22px 14px 0;}
    .hero-stage{gap:8px;}
    .hero-col{gap:8px;}
    .hero-lead{font-size:14px;}
    .btn-dl{flex:1 1 auto;justify-content:center;padding:11px 14px;}
    .timeline{grid-template-columns:repeat(2,1fr);gap:12px;}
    .night-grid{grid-template-columns:repeat(2,1fr);}
    .wall{grid-template-columns:repeat(3,1fr);}
    .ai-grid{grid-template-columns:1fr;}
    .fb-grid{grid-template-columns:1fr;}
    .rail-card{flex:0 0 168px;}
    .float-dl{font-size:12.5px;padding:7px 15px 7px 8px;bottom:12px;}
    .site-footer{padding-bottom:84px;}
  }
  @media (prefers-reduced-motion:reduce){
    .marquee-track{animation:none;}
    html{scroll-behavior:auto;}
  }