/* roulang page: index */
:root{
      --yellow:#ffc83d;--orange:#ff8b4b;--coral:#f05f62;--plum:#482342;--plum2:#6b315e;
      --ink:#29212b;--muted:#756a76;--cream:#fffaf0;--paper:#fff;--line:#f0dfd0;
      --soft:#fff1d7;--shadow:0 18px 45px rgba(85,45,55,.10);--radius:24px;--max:1220px;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
    a{color:inherit;text-decoration:none;transition:.25s ease} img{max-width:100%;display:block}
    button,input{font:inherit} .container{max-width:var(--max);margin:auto;padding:0 24px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,190,164,.45)}
    .topbar{min-height:78px;display:flex;align-items:center;gap:30px}
    .brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;color:var(--plum);font-size:19px;white-space:nowrap}
    .brand-mark{width:36px;height:36px;border-radius:13px 18px 13px 18px;background:linear-gradient(135deg,var(--yellow),var(--coral));box-shadow:8px 8px 0 #f8dfbc;position:relative}
    .brand-mark:after{content:"";position:absolute;width:10px;height:6px;border-radius:8px;background:var(--plum);top:4px;right:4px;transform:rotate(-25deg)}
    .main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
    .main-nav a{padding:10px 14px;border-radius:12px;color:#5e4f5b;font-size:14px;font-weight:700}
    .main-nav a:hover,.main-nav a.active{color:var(--plum);background:#ffe9b4}
    .nav-cta,.button.primary{background:linear-gradient(110deg,var(--yellow),var(--orange));color:#3f2530!important;font-weight:900;border:0;box-shadow:0 10px 22px rgba(240,111,68,.22)}
    .nav-cta{padding:12px 18px!important;border-radius:14px!important}
    .menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--plum)}
    .hero{padding:72px 0 68px;background:linear-gradient(110deg,#fff7e7 0%,#fffaf0 55%,#f8e8e6 100%);overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
    .eyebrow,.label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 12px;background:#ffe6a5;color:#674331;font-size:13px;font-weight:800}
    .eyebrow:before{content:"";width:7px;height:7px;background:var(--coral);border-radius:50%}
    h1,h2,h3{font-weight:900;letter-spacing:-.045em;line-height:1.2;color:var(--plum);margin:0 0 18px}
    h1{font-size:clamp(36px,5vw,67px);max-width:720px;margin-top:22px}
    h2{font-size:clamp(27px,3vw,40px)} h3{font-size:21px}
    .hero-copy{font-size:18px;color:#655765;max-width:650px;margin-bottom:28px}
    .button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 21px;font-weight:850;min-height:48px;margin:0 8px 8px 0}
    .button.secondary{background:#fff;border:1px solid #e7cdbc;color:var(--plum)}
    .button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(93,45,56,.14)}
    .button:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(240,95,98,.35);outline-offset:3px}
    .hero-art{min-height:390px;border-radius:34px;background:linear-gradient(155deg,rgba(72,35,66,.12),rgba(255,200,61,.35)),url('/assets/images/1a08e6e31c9d84e8.jpg') center/cover;position:relative;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.68)}
    .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(72,35,66,.52),transparent 55%);border-radius:26px}
    .hero-note{position:absolute;z-index:1;left:24px;bottom:22px;color:#fff;font-size:22px;font-weight:900}
    .float-badge{position:absolute;z-index:2;background:#fff;border-radius:16px;padding:12px 15px;box-shadow:0 12px 30px rgba(72,35,66,.18);font-size:13px;font-weight:800;color:var(--plum)}
    .float-badge strong{display:block;font-size:21px}.badge-a{top:24px;right:-18px}.badge-b{bottom:82px;right:20px}
    .section{padding:86px 0}.section.alt{background:#fff5e8}.section.dark{background:var(--plum);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section-head p{max-width:620px;color:var(--muted);margin:0}.dark h2,.dark h3{color:#fff}.dark .section-head p{color:#ead9de}
    .quick-grid{display:grid;grid-template-columns:1.25fr .85fr .85fr;gap:17px}.quick-card{padding:27px;border-radius:var(--radius);min-height:180px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.quick-card:first-child{background:linear-gradient(135deg,#ffe18a,#ff9a65);border:0}.quick-card:nth-child(2){background:#f4e5f0}.quick-card:nth-child(3){background:#fff}.quick-card:hover,.episode-card:hover,.info-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(85,45,55,.15)}
    .quick-card p,.info-card p,.episode-card p{color:var(--muted);font-size:14px}.quick-card .arrow{position:absolute;right:22px;bottom:18px;font-size:24px;color:var(--coral)}
    .triple{display:grid;grid-template-columns:1.2fr .9fr 1fr;gap:18px}.feature{padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);min-height:190px}.feature:first-child{background:var(--plum);color:#fff}.feature:first-child h3{color:#fff}.feature:first-child p{color:#ecdde0}.number{font-size:14px;color:var(--coral);font-weight:900;margin-bottom:25px}
    .scene-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:stretch}.scene-intro{padding:35px;border-radius:var(--radius);background:url('/assets/images/18971f68adc5236e.jpg') center/cover;position:relative;color:#fff;overflow:hidden}.scene-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(72,35,66,.86),rgba(240,95,98,.45))}.scene-intro>*{position:relative}.scene-intro p{color:#f7e9e9}.scene-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.episode-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;transition:.25s}.episode-top{display:flex;justify-content:space-between;gap:10px}.pill{display:inline-block;border-radius:99px;padding:4px 10px;background:#fff0be;color:#765026;font-size:12px;font-weight:800}.pill.purple{background:#f0dcef;color:#713f68}.episode-card h3{font-size:19px;margin:15px 0 8px}
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid #6d5267;border-radius:24px;overflow:hidden}.step{padding:28px 23px;border-right:1px solid #6d5267}.step:last-child{border:0}.step-no{font-size:34px;color:var(--yellow);font-weight:900}.step p{color:#e6d8dd;font-size:14px}
    .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:24px;background:#fff;border-radius:20px;border:1px solid var(--line)}.kpi strong{font-size:28px;color:var(--coral);display:block}.kpi span{font-size:13px;color:var(--muted)}
    .wide-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.poster{min-height:310px;border-radius:28px;background:url('/assets/images/458e105b9c585181.jpg') center/cover}.detail-box{background:#fff;border-radius:28px;padding:32px;border:1px solid var(--line)}.detail-row{display:flex;justify-content:space-between;border-bottom:1px dashed #e9d8cb;padding:12px 0;color:var(--muted)}.detail-row strong{color:var(--plum)}
    .compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-box{padding:28px;border-radius:24px;border:1px solid var(--line);background:#fff}.compare-box.highlight{background:#fff0ca;border-color:#f5c958}.compare-box li{margin:12px 0;color:#655765;list-style:none}.compare-box li:before{content:"✓";color:var(--coral);font-weight:900;margin-right:9px}
    .news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.news-feature{min-height:290px;padding:30px;border-radius:26px;background:linear-gradient(135deg,rgba(72,35,66,.84),rgba(240,95,98,.56)),url('/assets/images/2340e5ceb27df1dd.jpg') center/cover;color:#fff}.news-feature h3{color:#fff;font-size:29px;margin-top:105px}.news-list{background:#fff;border-radius:26px;padding:12px 25px;border:1px solid var(--line)}.news-item{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #f2e5dc}.news-item:last-child{border:0}.news-item span{color:var(--coral);font-size:12px;font-weight:800;white-space:nowrap}
    .topic-band{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:center;background:linear-gradient(110deg,#ffcf54,#f47770);border-radius:30px;padding:38px;color:#47263a}.topic-band h2{color:#47263a}.topic-band p{max-width:650px}.topic-tags{display:flex;flex-wrap:wrap;gap:10px}.topic-tags span{padding:10px 15px;border-radius:99px;background:rgba(255,255,255,.54);font-weight:800}
    .accordion{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff}.accordion-title{color:var(--plum);font-weight:800;padding:18px 22px}.accordion-title:hover{background:#fff3d3}.accordion-content{color:var(--muted);font-size:14px;background:#fffaf4}
    .guard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.guard{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.guard-icon{font-size:25px;margin-bottom:8px}.guard p{font-size:13px;color:var(--muted)}
    .closing{padding:68px 0;background:linear-gradient(120deg,var(--plum),#71395f);color:#fff}.closing h2{color:#fff}.closing p{color:#ead9df;max-width:650px}.fixed-bar{position:fixed;z-index:19;bottom:16px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 28px));background:linear-gradient(100deg,#ffc83d,#f16a68);padding:11px 15px 11px 22px;border-radius:18px;box-shadow:0 15px 35px rgba(72,35,66,.25);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#422735;font-weight:800}.fixed-bar .button{background:var(--plum);color:#fff!important;margin:0;padding:9px 16px;min-height:40px}
    .site-footer{background:#351b35;color:#d9c7d0;padding:58px 0 82px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.site-footer .brand{color:#fff}.site-footer h3{color:#fff;font-size:16px}.site-footer a{display:block;color:#d9c7d0;font-size:14px;margin:8px 0}.site-footer a:hover{color:var(--yellow)}.copyright{border-top:1px solid #62445d;margin-top:35px;padding-top:20px;font-size:13px;color:#bca8b5}
    @media(max-width:900px){.main-nav{display:none}.menu-toggle{display:block;margin-left:auto}.hero-grid,.scene-wrap,.wide-info,.news-layout{grid-template-columns:1fr}.hero-art{min-height:310px}.quick-grid,.triple{grid-template-columns:1fr 1fr}.quick-card:first-child{grid-column:span 2}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid #6d5267}.kpi-grid,.guard-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:560px){.container{padding:0 17px}.topbar{min-height:68px}.brand{font-size:16px}.brand-mark{width:30px;height:30px}.hero{padding:47px 0}.hero-copy{font-size:16px}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:12px}.quick-grid,.triple,.scene-list,.compare,.kpi-grid,.guard-grid,.footer-grid{grid-template-columns:1fr}.quick-card:first-child{grid-column:auto}.steps{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid #6d5267}.step:last-child{border-bottom:0}.topic-band{grid-template-columns:1fr;padding:27px}.fixed-bar{font-size:13px}.fixed-bar .button{font-size:13px;padding:8px 12px}.hero-art{min-height:255px}.badge-a{right:8px}.badge-b{right:8px}.news-feature h3{margin-top:80px}}

/* roulang page: category1 */
:root{
 --yellow:#ffc83d;--orange:#ff8b4b;--coral:#f05f62;--plum:#482342;--plum2:#6b315e;
 --ink:#29212b;--muted:#756a76;--cream:#fffaf0;--paper:#fff;--line:#f0dfd0;
 --soft:#fff1d7;--shadow:0 18px 45px rgba(85,45,55,.10);--radius:24px;--max:1220px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{display:block;max-width:100%}
button,input{font:inherit}
h1,h2,h3,h4{color:var(--plum);line-height:1.3;margin-top:0}
h1{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;margin-bottom:18px}
h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;margin-bottom:12px}
h3{font-size:20px;margin-bottom:8px}
p{margin-top:0}
.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,190,164,.45)}
.topbar{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;color:var(--plum);font-size:19px;white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:13px 18px 13px 18px;background:linear-gradient(135deg,var(--yellow),var(--coral));box-shadow:8px 8px 0 #f8dfbc;position:relative}
.brand-mark:after{content:"";position:absolute;width:10px;height:6px;border-radius:8px;background:var(--plum);top:4px;right:4px;transform:rotate(-25deg)}
.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.main-nav a{padding:10px 14px;border-radius:12px;color:#5e4f5b;font-size:14px;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--plum);background:#ffe9b4}
.nav-cta,.button.primary{background:linear-gradient(110deg,var(--yellow),var(--orange));color:#3f2530!important;font-weight:900;border:0;box-shadow:0 10px 22px rgba(240,111,68,.22)}
.nav-cta{padding:12px 18px!important;border-radius:14px!important}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--plum)}
.page-intro{padding:72px 0 58px;background:linear-gradient(115deg,#fff5dc,#fffaf0 55%,#f7e6e6)}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.eyebrow,.label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 12px;background:#ffe6a5;color:#674331;font-size:13px;font-weight:800}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--coral);border-radius:50%}
.intro-copy{font-size:18px;color:#655765;max-width:650px;margin-bottom:25px}
.intro-art{height:310px;border-radius:32px;background:linear-gradient(155deg,rgba(72,35,66,.12),rgba(255,200,61,.3)),url('/assets/images/18971f68adc5236e.jpg') center/cover;position:relative;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.7)}
.intro-art:after{content:"";position:absolute;inset:0;border-radius:25px;background:linear-gradient(0deg,rgba(72,35,66,.6),transparent 62%)}
.art-caption{position:absolute;z-index:1;bottom:23px;left:25px;color:#fff;font-weight:900;font-size:23px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 21px;font-weight:850;min-height:48px;margin:0 8px 8px 0}
.button.secondary{background:#fff;border:1px solid #e7cdbc;color:var(--plum)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(93,45,56,.14)}
.button:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(240,95,98,.35);outline-offset:3px}
.section{padding:76px 0}
.section.alt{background:#fff5e8}
.section.dark{background:var(--plum);color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.section-head p{max-width:620px;color:var(--muted);margin:0}
.dark h2,.dark h3{color:#fff}.dark .section-head p{color:#ead9de}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:25px;box-shadow:var(--shadow)}
.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.filter-title{font-weight:900;color:var(--plum);margin-right:8px}
.filter-tag{display:inline-flex;align-items:center;min-height:38px;padding:7px 15px;border-radius:99px;background:#fff6df;border:1px solid #f3dfb5;color:#765026;font-size:14px;font-weight:800}
.filter-tag:hover,.filter-tag.active{background:var(--plum);border-color:var(--plum);color:#fff}
.filter-row+.filter-row{margin-top:17px;padding-top:17px;border-top:1px dashed #ecd8c8}
.episode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.episode-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;display:flex;gap:20px;transition:.25s;min-height:205px}
.episode-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.cover-block{width:128px;flex:0 0 128px;border-radius:17px;background:linear-gradient(145deg,#ffc83d,#f05f62);min-height:158px;position:relative;overflow:hidden}
.cover-block:after{content:"短剧";position:absolute;bottom:13px;left:14px;color:#fff;font-size:20px;font-weight:900}
.episode-content{flex:1;min-width:0}
.card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}
.pill{display:inline-block;border-radius:99px;padding:4px 10px;background:#fff0be;color:#765026;font-size:12px;font-weight:800}
.pill.purple{background:#f0dcef;color:#713f68}
.episode-card h3{font-size:20px;margin:0 0 8px}
.episode-card p{color:var(--muted);font-size:14px;margin-bottom:13px}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--coral);font-size:13px;font-weight:800}
.small-link{color:var(--plum);font-weight:900}
.small-link:hover{color:var(--coral)}
.more-row{text-align:center;margin-top:30px}
.data-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.data-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:27px}
.data-card.purple{background:#f2e4ef}
.metric-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.metric{padding:13px 16px;border-radius:16px;background:#fff7dc;color:var(--plum);font-weight:800}
.metric strong{display:block;font-size:24px;line-height:1.2}
.bar{height:10px;background:#f3dfd3;border-radius:99px;overflow:hidden;margin:12px 0 18px}
.bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--yellow),var(--coral))}
.scene-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
.scene-card{min-height:180px;border-radius:22px;padding:24px;background:#fff;border:1px solid var(--line)}
.scene-card:first-child{background:linear-gradient(135deg,#ffe19a,#ff9872);border:0}
.scene-card p{color:var(--muted);font-size:14px}
.info-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
.info-image{min-height:300px;border-radius:26px;background:linear-gradient(135deg,rgba(72,35,66,.65),rgba(240,95,98,.15)),url('/assets/images/458e105b9c585181.jpg') center/cover;color:#fff;padding:28px;display:flex;align-items:end}
.info-image h3{color:#fff;font-size:27px;margin:0}
.detail-card{background:#fff;border-radius:26px;padding:25px;border:1px solid var(--line)}
.detail-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px dashed #e9d8cb;padding:12px 0;color:var(--muted)}
.detail-row strong{color:var(--plum);text-align:right}
.news-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.news-feature{min-height:290px;padding:30px;border-radius:26px;background:linear-gradient(135deg,rgba(72,35,66,.86),rgba(240,95,98,.57)),url('/assets/images/2340e5ceb27df1dd.jpg') center/cover;color:#fff}
.news-feature h3{color:#fff;font-size:28px;margin-top:105px}
.news-list{background:#fff;border-radius:26px;padding:12px 25px;border:1px solid var(--line)}
.news-item{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #f2e5dc}
.news-item:last-child{border:0}.news-item span{color:var(--coral);font-size:12px;font-weight:800;white-space:nowrap}
.faq-wrap{max-width:900px;margin:auto}
.accordion{background:transparent;margin:0}
.accordion-item{border:1px solid var(--line)!important;border-radius:15px!important;margin-bottom:10px;overflow:hidden;background:#fff}
.accordion-title{color:var(--plum);font-weight:800;padding:18px 22px}
.accordion-title:hover{background:#fff3d3}
.accordion-content{border:0!important;background:#fffaf5;color:var(--muted);padding:4px 22px 20px}
.cta-band{padding:42px 48px;border-radius:30px;background:linear-gradient(110deg,var(--yellow),var(--coral));display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta-band h2{color:#402537;margin-bottom:7px}.cta-band p{color:#5f3e42;margin:0}
.site-footer{background:var(--plum);color:#f8eaf0;padding:58px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr;gap:45px}
.site-footer .brand{color:#fff}.site-footer .brand-mark{box-shadow:8px 8px 0 #673254}
.site-footer p{color:#d9c4cf;max-width:360px;margin-top:18px}
.site-footer h3{color:#fff;font-size:16px;margin-bottom:14px}
.site-footer>div a:not(.brand){display:block;color:#d9c4cf;margin:7px 0;font-size:14px}
.site-footer>div a:not(.brand):hover{color:var(--yellow)}
.copyright{border-top:1px solid rgba(255,255,255,.16);margin-top:35px;padding-top:20px;color:#c9afbc;font-size:13px}
.fixed-bar{position:fixed;z-index:15;bottom:16px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 30px));padding:10px 13px 10px 19px;border-radius:18px;background:linear-gradient(110deg,var(--yellow),var(--orange));box-shadow:0 15px 35px rgba(72,35,66,.24);display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:900}
.fixed-bar .button{background:var(--plum);color:#fff!important;margin:0;padding:9px 16px;min-height:40px}
@media(max-width:900px){
 .topbar{gap:15px}.main-nav{gap:2px}.main-nav a{padding:9px 8px}
 .intro-grid,.data-grid,.info-layout,.news-grid{grid-template-columns:1fr}
 .scene-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .container{padding:0 18px}.topbar{min-height:68px}
 .brand{font-size:16px}.brand-mark{width:31px;height:31px}
 .menu-toggle{display:block;margin-left:auto}
 .main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:12px 18px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
 .main-nav.open{display:flex}.main-nav a{padding:12px 14px}
 .nav-cta{text-align:center;margin-top:4px}
 .page-intro{padding:48px 0 40px}.intro-art{height:240px}
 .section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:10px}
 .episode-grid,.scene-grid{grid-template-columns:1fr}
 .episode-card{padding:17px;gap:14px}.cover-block{width:95px;flex-basis:95px;min-height:140px}
 .filter-panel{padding:18px}.filter-row{gap:8px}
 .filter-title{width:100%;margin-bottom:2px}.filter-tag{font-size:13px;padding:6px 11px}
 .cta-band{padding:30px 24px;display:block}.cta-band .button{margin-top:18px}
 .footer-grid{grid-template-columns:1fr;gap:20px}.fixed-bar{font-size:13px}
}
@media(max-width:420px){.fixed-bar{padding-left:13px}.fixed-bar .button{padding:8px 11px;font-size:13px}.episode-card{display:block}.cover-block{width:100%;height:115px;min-height:0;margin-bottom:15px}}

/* roulang page: category2 */
:root{
 --yellow:#ffc83d;--orange:#ff8b4b;--coral:#f05f62;--plum:#482342;--plum2:#6b315e;
 --ink:#29212b;--muted:#756a76;--cream:#fffaf0;--paper:#fff;--line:#f0dfd0;
 --soft:#fff1d7;--shadow:0 18px 45px rgba(85,45,55,.10);--radius:24px;--max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;display:block}
button,input{font:inherit}
.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,190,164,.45)}
.topbar{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;color:var(--plum);font-size:19px;white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:13px 18px 13px 18px;background:linear-gradient(135deg,var(--yellow),var(--coral));box-shadow:8px 8px 0 #f8dfbc;position:relative}
.brand-mark:after{content:"";position:absolute;width:10px;height:6px;border-radius:8px;background:var(--plum);top:4px;right:4px;transform:rotate(-25deg)}
.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.main-nav a{padding:10px 14px;border-radius:12px;color:#5e4f5b;font-size:14px;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--plum);background:#ffe9b4}
.nav-cta,.button.primary{background:linear-gradient(110deg,var(--yellow),var(--orange));color:#3f2530!important;font-weight:900;border:0;box-shadow:0 10px 22px rgba(240,111,68,.22)}
.nav-cta{padding:12px 18px!important;border-radius:14px!important}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--plum)}
h1,h2,h3{color:var(--plum);line-height:1.2;letter-spacing:-.035em}
h1{font-size:clamp(36px,5vw,64px);margin:18px 0 20px}
h2{font-size:clamp(28px,3.5vw,42px);margin:0 0 14px}
h3{font-size:21px;margin:0 0 10px}
p{color:var(--muted)}
.eyebrow,.label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 12px;background:#ffe6a5;color:#674331;font-size:13px;font-weight:800}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--coral);border-radius:50%}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 21px;font-weight:850;min-height:48px;margin:0 8px 8px 0}
.button.secondary{background:#fff;border:1px solid #e7cdbc;color:var(--plum)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(93,45,56,.14)}
.button:focus,a:focus,button:focus,input:focus{outline:3px solid rgba(240,95,98,.35);outline-offset:3px}
.category-intro{padding:65px 0 58px;background:linear-gradient(110deg,#fff7e7,#fffaf0 55%,#f8e8e6)}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.intro-copy{font-size:18px;max-width:680px}
.intro-image{height:310px;border-radius:32px;background:linear-gradient(155deg,rgba(72,35,66,.18),rgba(255,200,61,.2)),url('/assets/images/458e105b9c585181.jpg') center/cover;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.72);position:relative;overflow:hidden}
.intro-image:after{content:"题材标签 · 更新状态 · 剧集信息";position:absolute;left:24px;bottom:20px;color:#fff;font-weight:800;font-size:18px;text-shadow:0 2px 12px #482342}
.section{padding:78px 0}
.section.alt{background:#fff5e8}
.section.dark{background:var(--plum);color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.section-head p{max-width:650px;margin:0}
.dark h2,.dark h3{color:#fff}.dark .section-head p{color:#ead9de}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:25px;box-shadow:var(--shadow)}
.filter-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.filter-row:last-child{margin-bottom:0}
.filter-title{width:74px;color:var(--plum);font-weight:900}
.filter-tags{display:flex;flex-wrap:wrap;gap:9px}
.filter-tags a,.filter-tags button{border:1px solid #ecd9cd;background:#fffaf5;color:#735864;border-radius:99px;padding:8px 15px;font-size:14px;cursor:pointer}
.filter-tags a:hover,.filter-tags a.active,.filter-tags button:hover{background:#ffe19a;border-color:#ffc83d;color:var(--plum)}
.search-box{margin-left:auto;display:flex;gap:8px}
.search-box input{width:190px;border:1px solid #ead8cd;border-radius:12px;padding:9px 13px;background:#fff}
.episode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.episode-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:23px;transition:.25s;position:relative}
.episode-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(85,45,55,.15)}
.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.pill{display:inline-block;border-radius:99px;padding:4px 10px;background:#fff0be;color:#765026;font-size:12px;font-weight:800}
.pill.purple{background:#f0dcef;color:#713f68}
.pill.coral{background:#ffe0db;color:#a74643}
.episode-card h3{font-size:22px;margin:16px 0 7px}
.episode-card p{font-size:14px;margin-bottom:15px}
.meta-line{display:flex;gap:9px;flex-wrap:wrap;color:#756a76;font-size:13px;border-top:1px solid #f1e4da;padding-top:14px}
.card-action{margin-top:17px;color:var(--coral);font-weight:900;font-size:14px}
.more-link{display:block;width:max-content;margin:30px auto 0;padding:12px 24px;border-radius:14px;background:#fff;border:1px solid #e7cdbc;color:var(--plum);font-weight:900}
.more-link:hover{background:#ffe9b4}
.badge-wall{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:15px}
.data-card{padding:23px;border-radius:22px;background:#fff;border:1px solid var(--line);min-height:150px}
.data-card strong{display:block;font-size:32px;color:var(--plum);margin:10px 0 3px}
.data-card p{font-size:14px;margin:0}
.scene-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}
.scene-card{border-radius:24px;padding:25px;min-height:190px;background:#fff;border:1px solid var(--line)}
.scene-card:first-child{background:linear-gradient(135deg,#ffe18a,#ff9a65)}
.scene-card:nth-child(2){background:#f4e5f0}
.scene-card:nth-child(3){background:#fff}
.scene-card p{font-size:14px}
.info-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}
.info-image{border-radius:27px;min-height:310px;background:url('/assets/images/64d572d6a7144165.jpg') center/cover;position:relative;overflow:hidden}
.info-image:after{content:"黄果短剧 · 题材浏览";position:absolute;bottom:22px;left:25px;color:#fff;font-size:23px;font-weight:900;text-shadow:0 2px 10px #482342}
.info-table{background:#fff;border:1px solid var(--line);border-radius:27px;padding:26px}
.detail-row{display:flex;justify-content:space-between;border-bottom:1px dashed #e9d8cb;padding:13px 0;color:var(--muted)}
.detail-row strong{color:var(--plum)}
.news-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}
.news-feature{min-height:280px;padding:30px;border-radius:26px;background:linear-gradient(135deg,rgba(72,35,66,.84),rgba(240,95,98,.56)),url('/assets/images/2340e5ceb27df1dd.jpg') center/cover;color:#fff}
.news-feature h3{color:#fff;font-size:28px;margin-top:110px}
.news-list{background:#fff;border-radius:26px;padding:12px 25px;border:1px solid var(--line)}
.news-item{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #f2e5dc}
.news-item:last-child{border:0}
.news-item span{color:var(--coral);font-size:12px;font-weight:800;white-space:nowrap}
.accordion{border:0;background:transparent}
.accordion-item{border:1px solid var(--line)!important;border-radius:15px!important;margin-bottom:10px;overflow:hidden;background:#fff}
.accordion-title{color:var(--plum);font-weight:800;padding:18px 22px;border:0}
.accordion-title:hover{background:#fff3d3}
.accordion-content{border:0;background:#fffaf5;padding:0 22px 18px;color:var(--muted)}
.cta-panel{padding:40px;border-radius:30px;background:linear-gradient(110deg,var(--yellow),var(--coral));display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-panel h2{margin:0;color:#482342;font-size:30px}.cta-panel p{color:#603d42;margin:8px 0 0}
.cta-panel .button{background:var(--plum);color:#fff!important;margin:0}
.site-footer{background:var(--plum);color:#fff;padding:58px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .9fr;gap:48px}
.site-footer .brand{color:#fff}.site-footer p{color:#ead9de;max-width:390px}
.site-footer h3{color:#ffc83d;font-size:16px;margin-bottom:14px}
.site-footer> .container a:not(.brand){display:block;color:#ead9de;font-size:14px;margin:7px 0}
.site-footer> .container a:not(.brand):hover{color:#ffc83d}
.copyright{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);color:#cdbbc4;font-size:13px}
.fixed-bar{position:fixed;z-index:18;bottom:18px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 30px));background:linear-gradient(110deg,var(--yellow),var(--orange));border-radius:18px;padding:10px 14px 10px 20px;box-shadow:0 12px 35px rgba(72,35,66,.25);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#482342;font-weight:900}
.fixed-bar small{display:block;font-weight:700}
.fixed-bar .button{background:var(--plum);color:#fff!important;margin:0;padding:9px 16px;min-height:40px}
@media(max-width:900px){
 .topbar{gap:14px}.main-nav{gap:2px}.main-nav a{padding:9px 8px}
 .intro-grid,.info-layout,.news-layout{grid-template-columns:1fr}.intro-image{min-height:250px}
 .badge-wall{grid-template-columns:repeat(2,1fr)}.scene-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .container{padding:0 17px}.topbar{min-height:68px}.brand{font-size:16px}.brand-mark{width:31px;height:31px}
 .menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--cream);padding:12px 17px 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px rgba(72,35,66,.1);flex-direction:column;align-items:stretch}
 .main-nav.open{display:flex}.main-nav a{padding:12px 14px}.main-nav .nav-cta{text-align:center;margin-top:5px}
 .category-intro{padding:44px 0}.section{padding:55px 0}.section-head{display:block}.section-head p{margin-top:12px}
 h1{font-size:39px}.intro-copy{font-size:16px}.episode-grid,.scene-grid{grid-template-columns:1fr}
 .filter-row{display:block}.filter-title{margin-bottom:9px}.filter-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.filter-tags a,.filter-tags button{white-space:nowrap}
 .search-box{margin:16px 0 0}.search-box input{width:100%}.search-box button{flex:0 0 auto}
 .badge-wall{grid-template-columns:1fr 1fr}.data-card{min-height:130px;padding:17px}.data-card strong{font-size:25px}
 .cta-panel{display:block;padding:29px}.cta-panel .button{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:25px}
 .fixed-bar{bottom:10px}.fixed-bar small{font-size:12px}.fixed-bar .button{padding:8px 12px;font-size:13px}
}
@media(max-width:430px){.badge-wall{grid-template-columns:1fr}.fixed-bar{padding-left:13px}.fixed-bar small{max-width:150px}}

/* roulang page: category3 */
:root{
 --yellow:#ffc83d;--orange:#ff8b4b;--coral:#f05f62;--plum:#482342;--plum2:#6b315e;
 --ink:#29212b;--muted:#756a76;--cream:#fffaf0;--paper:#fff;--line:#f0dfd0;
 --soft:#fff1d7;--shadow:0 18px 45px rgba(85,45,55,.10);--radius:24px;--max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.container{max-width:var(--max);margin:auto;padding:0 24px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,240,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,190,164,.45)}
.topbar{min-height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;color:var(--plum);font-size:19px;white-space:nowrap}
.brand-mark{width:36px;height:36px;border-radius:13px 18px 13px 18px;background:linear-gradient(135deg,var(--yellow),var(--coral));box-shadow:8px 8px 0 #f8dfbc;position:relative}
.brand-mark:after{content:"";position:absolute;width:10px;height:6px;border-radius:8px;background:var(--plum);top:4px;right:4px;transform:rotate(-25deg)}
.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.main-nav a{padding:10px 14px;border-radius:12px;color:#5e4f5b;font-size:14px;font-weight:700}
.main-nav a:hover,.main-nav a.active{color:var(--plum);background:#ffe9b4}
.nav-cta,.button.primary{background:linear-gradient(110deg,var(--yellow),var(--orange));color:#3f2530!important;font-weight:900;border:0;box-shadow:0 10px 22px rgba(240,111,68,.22)}
.nav-cta{padding:12px 18px!important;border-radius:14px!important}
.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;color:var(--plum)}
.page-intro{padding:70px 0 58px;background:linear-gradient(115deg,#fff3d8,#fffaf0 52%,#f8e6e9)}
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.eyebrow,.label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 12px;background:#ffe6a5;color:#674331;font-size:13px;font-weight:800}
.eyebrow:before{content:"";width:7px;height:7px;background:var(--coral);border-radius:50%}
h1,h2,h3{color:var(--plum);line-height:1.25;margin-top:0}
h1{font-size:clamp(32px,5vw,58px);letter-spacing:-.055em;margin:18px 0}
h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}
h3{font-size:20px}
.intro-copy{font-size:18px;color:#655765;max-width:680px;margin-bottom:25px}
.intro-image{min-height:330px;border-radius:32px;background:linear-gradient(145deg,rgba(72,35,66,.25),rgba(255,200,61,.24)),url('/assets/images/396cede4cb17a7b4.jpg') center/cover;box-shadow:var(--shadow);border:8px solid rgba(255,255,255,.68);position:relative;overflow:hidden}
.intro-image:after{content:"更新内容 · 剧集状态 · 观看信息";position:absolute;left:24px;bottom:22px;color:#fff;font-weight:900;font-size:21px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 21px;font-weight:850;min-height:48px;margin:0 8px 8px 0}
.button.secondary{background:#fff;border:1px solid #e7cdbc;color:var(--plum)}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(93,45,56,.14)}
.button:focus,a:focus,button:focus,input:focus,select:focus{outline:3px solid rgba(240,95,98,.35);outline-offset:3px}
.section{padding:78px 0}
.section.alt{background:#fff5e8}
.section.dark{background:var(--plum);color:#fff}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}
.section-head p{max-width:650px;color:var(--muted);margin:0}
.dark h2,.dark h3{color:#fff}.dark .section-head p{color:#ead9de}
.filter-panel{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow)}
.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filter-title{font-weight:900;color:var(--plum);margin-right:8px}
.filter-chip{border:1px solid #ead5c4;background:#fffaf4;color:#695764;border-radius:99px;padding:9px 15px;cursor:pointer;min-height:42px}
.filter-chip:hover,.filter-chip.active{background:#ffe29a;border-color:#ffc83d;color:var(--plum);font-weight:800}
.search-box{display:flex;gap:8px;margin-top:18px}
.search-box input{border:1px solid #ead5c4;border-radius:13px;background:#fffaf8;box-shadow:none;margin:0;height:46px}
.search-box button{border:0;border-radius:13px;padding:0 20px;background:var(--plum);color:#fff;font-weight:800}
.episode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.episode-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:.25s;box-shadow:0 8px 24px rgba(85,45,55,.05)}
.episode-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(85,45,55,.15)}
.card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.pill{display:inline-block;border-radius:99px;padding:4px 10px;background:#fff0be;color:#765026;font-size:12px;font-weight:800}
.pill.purple{background:#f0dcef;color:#713f68}
.episode-card h3{margin:16px 0 8px;font-size:22px}
.episode-card p{color:var(--muted);font-size:14px;margin-bottom:15px}
.meta-line{display:flex;flex-wrap:wrap;gap:8px;color:#756a76;font-size:13px}
.meta-line span{padding:5px 9px;border-radius:9px;background:#fff6eb}
.card-action{margin-top:19px;color:var(--coral);font-weight:900}
.more-link{display:inline-flex;margin-top:26px;padding:12px 20px;border-radius:13px;background:#fff;border:1px solid #e7cdbc;color:var(--plum);font-weight:900}
.more-link:hover{background:#ffe9b4}
.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;min-height:135px}
.stat-card strong{display:block;color:var(--plum);font-size:28px;line-height:1.2;margin:8px 0}
.stat-card span{font-size:13px;color:var(--muted)}
.scene-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}
.scene-card{border-radius:22px;padding:25px;min-height:175px;background:#fff;border:1px solid var(--line)}
.scene-card:first-child{background:linear-gradient(135deg,#ffe18a,#ff9a65);border:0}
.scene-card:nth-child(2){background:#f4e5f0}.scene-card:nth-child(3){background:#fff}
.scene-card p{font-size:14px;color:var(--muted)}
.scene-card:first-child p{color:#694c3b}
.news-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px}
.news-feature{min-height:300px;padding:29px;border-radius:26px;background:linear-gradient(135deg,rgba(72,35,66,.86),rgba(240,95,98,.62)),url('/assets/images/2340e5ceb27df1dd.jpg') center/cover;color:#fff}
.news-feature h3{color:#fff;font-size:29px;margin-top:110px}
.news-list{background:#fff;border-radius:26px;padding:10px 25px;border:1px solid var(--line)}
.news-item{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #f2e5dc}
.news-item:last-child{border:0}
.news-item span{color:var(--coral);font-size:12px;font-weight:800;white-space:nowrap}
.faq-wrap{max-width:920px}
.accordion{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.accordion-item{border-bottom:1px solid #f1e2d8}
.accordion-item:last-child{border-bottom:0}
.accordion-title{color:var(--plum);font-weight:800;padding:18px 22px}
.accordion-title:hover{background:#fff3d3}
.accordion-content{background:#fffaf4;color:var(--muted);padding:0 22px 20px}
.cta-panel{border-radius:28px;padding:38px 44px;background:linear-gradient(110deg,var(--yellow),var(--coral));display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta-panel h2{margin-bottom:8px;color:#422936}.cta-panel p{margin:0;color:#61433d}
.cta-panel .button{background:var(--plum);color:#fff!important;margin:0}
.site-footer{background:var(--plum);color:#ead9de;padding:58px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:48px}
.site-footer .brand{color:#fff}
.site-footer p{max-width:390px;color:#d8c4cc;margin-top:18px}
.site-footer h3{font-size:16px;color:#fff;margin-bottom:14px}
.site-footer a:not(.brand){display:block;color:#d8c4cc;margin:7px 0}
.site-footer a:hover{color:var(--yellow)}
.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:40px;padding-top:20px;color:#c9b4bd;font-size:13px}
.fixed-bar{position:fixed;z-index:15;bottom:18px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));padding:10px 14px 10px 20px;border-radius:18px;background:linear-gradient(110deg,var(--yellow),var(--orange));box-shadow:0 15px 35px rgba(72,35,66,.22);display:flex;align-items:center;justify-content:space-between;gap:14px;color:#432b34;font-weight:900}
.fixed-bar .button{background:var(--plum);color:#fff!important;margin:0;padding:9px 16px;min-height:40px}
@media(max-width:1024px){.topbar{gap:15px}.main-nav a{padding:9px 9px}.intro-grid{gap:28px}.scene-grid{grid-template-columns:1fr 1fr}.scene-card:first-child{grid-column:span 2}}
@media(max-width:768px){
 .container{padding:0 18px}.topbar{min-height:70px}.brand{font-size:16px}.brand-mark{width:32px;height:32px}
 .menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--cream);padding:13px 18px 18px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(85,45,55,.1);flex-direction:column;align-items:stretch}
 .main-nav.is-open{display:flex}.main-nav a{width:100%;text-align:center}.nav-cta{margin-top:5px}
 .page-intro{padding:48px 0}.intro-grid{grid-template-columns:1fr}.intro-image{min-height:260px}
 .section{padding:56px 0}.section-head{display:block}.section-head p{margin-top:12px}.episode-grid,.news-layout{grid-template-columns:1fr}.badge-grid{grid-template-columns:1fr 1fr}.scene-grid{grid-template-columns:1fr}.scene-card:first-child{grid-column:auto}
 .cta-panel{display:block;padding:30px 25px}.cta-panel .button{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}
}
@media(max-width:520px){
 h1{font-size:34px}.intro-copy{font-size:16px}.filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.filter-title{min-width:max-content}.filter-chip{white-space:nowrap}
 .search-box{display:block}.search-box input{margin-bottom:10px}.search-box button{height:44px;width:100%}.badge-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px;min-height:120px}.stat-card strong{font-size:23px}
 .footer-grid{grid-template-columns:1fr}.fixed-bar{font-size:13px}.fixed-bar .button{font-size:13px;padding:8px 11px}
}