/* roulang page: index */
:root{
            --orange:#e9a23b;--orange-deep:#c97b20;--cream:#fff9f0;--paper:#fffdf9;
            --ink:#302733;--muted:#766b71;--green:#718565;--red:#b85c4a;
            --line:#eadfd1;--soft:#f7eee3;--shadow:0 12px 28px rgba(69,43,26,.08);
            --radius:18px;--max:1200px;
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;font-size:15px;padding-bottom:64px}
        a{color:inherit;text-decoration:none}
        img{display:block;width:100%;object-fit:cover}
        button,input{font:inherit}
        button{cursor:pointer}
        :focus-visible{outline:3px solid rgba(233,162,59,.55);outline-offset:3px}
        .container{width:min(var(--max),calc(100% - 44px));margin:auto}
        .site-header{position:sticky;top:0;z-index:20;background:rgba(255,249,240,.96);border-bottom:1px solid var(--line)}
        .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
        .brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:.02em}
        .brand-mark{width:38px;height:38px;background:var(--orange);border-radius:10px 15px 10px 15px;display:grid;place-items:center;color:#fff;font-size:20px}
        .nav-links{display:flex;align-items:center;gap:28px}
        .nav-links a{font-weight:600;color:var(--muted);padding:24px 0;border-bottom:3px solid transparent;transition:.2s}
        .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--orange)}
        .menu-btn{display:none;border:1px solid var(--line);background:var(--paper);width:44px;height:44px;border-radius:10px;color:var(--ink)}
        .hero{padding:74px 0 84px;position:relative;overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:68px;align-items:center}
        .eyebrow,.section-kicker{color:var(--orange-deep);font-weight:800;font-size:13px;letter-spacing:.1em}
        h1,h2,h3{margin:0;color:var(--ink);line-height:1.25}
        h1{font-size:clamp(34px,5vw,62px);max-width:620px;letter-spacing:-.04em}
        h1 em{font-style:normal;color:var(--orange-deep);position:relative}
        h1 em:after{content:"";position:absolute;left:0;right:12%;bottom:1px;height:8px;background:#f4d69c;z-index:-1}
        .hero-copy{font-size:16px;color:var(--muted);max-width:610px;margin:24px 0 30px}
        .hero-actions{display:flex;gap:13px;flex-wrap:wrap}
        .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 21px;border-radius:11px;border:1px solid transparent;font-weight:800;transition:.2s}
        .btn-primary{background:var(--orange);color:#fff}
        .btn-primary:hover{background:var(--orange-deep);transform:translateY(-2px)}
        .btn-outline{border-color:#bda995;background:transparent}
        .btn-outline:hover{border-color:var(--orange);background:#fff0d8}
        .hero-art{position:relative;min-height:400px;background:#f1d9b1;clip-path:polygon(7% 0,100% 8%,92% 100%,0 91%);padding:28px}
        .poster-main{height:350px;width:72%;margin-left:14%;border-radius:16px;box-shadow:var(--shadow);transform:rotate(3deg)}
        .poster-small{position:absolute;width:30%;height:170px;border:8px solid var(--cream);border-radius:14px;box-shadow:var(--shadow)}
        .poster-small.one{left:3%;bottom:43px;transform:rotate(-8deg)}
        .poster-small.two{right:2%;top:44px;transform:rotate(8deg)}
        .art-note{position:absolute;bottom:20px;right:17%;background:var(--ink);color:#fff;padding:8px 13px;border-radius:8px;font-size:12px}
        section{padding:82px 0;border-top:1px solid rgba(234,223,209,.8)}
        .section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}
        .section-head h2{font-size:clamp(25px,3vw,38px);margin-top:5px}
        .section-head p{max-width:530px;color:var(--muted);margin:0}
        .benefits{background:#fffdf9}
        .benefit-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
        .benefit{padding:28px 30px;border-right:1px solid var(--line);position:relative}
        .benefit:last-child{border:0}.benefit-num{color:var(--orange-deep);font-size:13px;font-weight:900}
        .benefit h3{font-size:20px;margin:10px 0 6px}.benefit p{margin:0;color:var(--muted);font-size:14px}
        .scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
        .scene-poster{height:390px;border-radius:20px;box-shadow:var(--shadow)}
        .scene-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
        .scene-panel h3{font-size:25px;margin:12px 0}
        .scene-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:20px;color:var(--muted)}
        .badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:800;background:#f7d794;color:#80551c}
        .badge.green{background:#dce8d8;color:#4d6749}.badge.red{background:#f2d7cf;color:#9a493d}
        .review-strip{background:var(--ink);color:#fff}
        .review-strip h2{color:#fff}.review-strip .section-kicker{color:#f4c878}.review-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;align-items:center}
        .score{font-size:64px;font-weight:900;color:#f4c878;line-height:1}.score small{font-size:15px;color:#e7dcd0;font-weight:400}
        .quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quote{border-left:3px solid var(--orange);padding:9px 0 9px 18px;color:#f3eae1}
        .compare{background:#f7eee3}.compare-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}
        .compare-col{padding:26px}.compare-col:first-child{background:#fbf5ec;border-right:1px solid var(--line)}.compare-col h3{font-size:19px;padding-bottom:12px;border-bottom:1px solid var(--line)}
        .compare-col li{list-style:none;padding:11px 0;border-bottom:1px dashed var(--line);color:var(--muted)}.compare-col ul{padding:0;margin:8px 0 0}
        .poster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
        .poster-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.22s}
        .poster-card:hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:var(--shadow)}
        .poster-card img{aspect-ratio:2/3}.card-body{padding:13px}.card-body h3{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.card-sub{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}
        .popular{background:#fffdf9}.popular-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.feature-pop{position:relative;min-height:430px;border-radius:20px;overflow:hidden;color:#fff}.feature-pop img{height:100%;position:absolute;inset:0}.feature-pop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(40,27,31,.86),transparent 65%)}.feature-info{position:absolute;z-index:1;bottom:25px;left:25px}.feature-info h3{color:#fff;font-size:27px}.pop-list{display:grid;gap:10px}.pop-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:12px}.pop-item img{width:62px;height:82px;border-radius:9px}.pop-item h3{font-size:16px}.pop-item p{margin:3px 0;color:var(--muted);font-size:12px}
        .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{padding:25px;border-radius:16px;border:1px solid var(--line);min-height:170px;background:var(--paper);transition:.2s}.category:hover{transform:translateY(-3px);border-color:var(--orange)}.category strong{font-size:23px}.category p{color:var(--muted);font-size:14px}
        .rank-news{display:grid;grid-template-columns:1fr 1fr;gap:70px}.rank-list{display:grid;gap:0}.rank-item{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.rank-no{font-size:18px;font-weight:900;color:var(--orange-deep)}.rank-item p{margin:0;color:var(--muted);font-size:12px}.rank-score{font-weight:800;color:var(--green)}
        .news-list{display:grid;gap:13px}.news-item{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line)}.news-item img{height:70px;border-radius:9px}.news-item h3{font-size:15px}.news-item time{color:var(--muted);font-size:12px}
        .faq-list{max-width:860px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;background:none;border:0;padding:19px 0;text-align:left;font-weight:800;color:var(--ink)}.faq-q span{color:var(--orange-deep);font-size:22px}.faq-a{display:none;color:var(--muted);padding:0 40px 18px 0}.faq-item.open .faq-a{display:block}
        .assurance{background:#f3eadf}.assure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.assure{padding:20px;background:var(--paper);border-radius:13px;border:1px solid var(--line)}.assure b{display:block;margin-bottom:5px}.assure span{color:var(--muted);font-size:13px}
        .closing{padding:58px 0;background:var(--orange);color:#fff}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.closing h2{color:#fff;font-size:30px}.closing p{margin:5px 0 0;color:#fff3dd}.closing .btn{background:var(--ink);color:#fff}
        footer{background:#2b222d;color:#eadfd5;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer-brand{font-size:21px;font-weight:800;color:#fff}.footer h3{color:#fff;font-size:15px;margin-bottom:12px}.footer a,.footer p{display:block;color:#b9aeb0;font-size:13px;margin:6px 0}.copyright{border-top:1px solid #4a3e49;margin-top:35px;padding-top:20px;color:#9e9296;font-size:12px}
        .fixed-bar{position:fixed;bottom:0;left:0;right:0;height:62px;background:var(--ink);color:#fff;z-index:30;display:flex;align-items:center}.fixed-inner{display:flex;justify-content:space-between;align-items:center}.fixed-bar strong{font-size:14px}.fixed-bar .btn{min-height:38px;padding:0 17px}
        @media(max-width:1024px){.hero-grid{gap:35px}.poster-grid{grid-template-columns:repeat(3,1fr)}.rank-news{gap:35px}}
        @media(max-width:768px){body{font-size:14px}.container{width:min(100% - 30px,var(--max))}.nav-wrap{height:68px}.menu-btn{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;background:var(--cream);padding:10px 15px 18px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.show{display:flex}.nav-links a{padding:13px 10px}.hero{padding:48px 0 55px}.hero-grid,.scene-grid,.review-grid,.popular-layout,.rank-news{grid-template-columns:1fr}.hero-art{min-height:330px}.poster-main{height:290px}.section-head{display:block}.section-head p{margin-top:12px}.benefit-row{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.poster-grid{grid-template-columns:repeat(2,1fr);gap:13px}.category-grid{grid-template-columns:repeat(2,1fr)}.assure-grid{grid-template-columns:repeat(2,1fr)}.compare-table{font-size:13px}.closing-inner{display:block}.closing .btn{margin-top:18px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:26px}}
        @media(max-width:520px){h1{font-size:35px}.hero-copy{font-size:14px}.hero-actions .btn{flex:1;padding:0 10px}.hero-art{min-height:285px}.poster-main{height:245px}.poster-small{height:120px}.scene-poster{height:300px}.quotes{grid-template-columns:1fr}.category-grid,.assure-grid{grid-template-columns:1fr}.news-item{grid-template-columns:82px 1fr}.news-item time{display:none}.fixed-bar{height:58px}.fixed-bar strong{font-size:12px}.fixed-bar .btn{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr}}

/* roulang page: category1 */
:root{
            --orange:#e9a23b;--orange-deep:#c97b20;--cream:#fff9f0;--paper:#fffdf9;
            --ink:#302733;--muted:#766b71;--green:#718565;--red:#b85c4a;
            --line:#eadfd1;--soft:#f7eee3;--shadow:0 12px 28px rgba(69,43,26,.08);
            --radius:18px;--max:1200px
        }
        *{box-sizing:border-box}
        html{scroll-behavior:smooth;scroll-padding-top:90px}
        body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;font-size:15px;padding-bottom:70px}
        a{color:inherit;text-decoration:none}
        img{display:block;width:100%;object-fit:cover}
        button{font:inherit;cursor:pointer}
        .container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
        .site-header{position:sticky;top:0;z-index:20;background:rgba(255,249,240,.97);border-bottom:1px solid var(--line)}
        .nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}
        .brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800}
        .brand-mark{width:38px;height:38px;background:var(--orange);border-radius:10px 15px 10px 15px;display:grid;place-items:center;color:#fff;font-size:20px}
        .nav-links{display:flex;align-items:center;gap:28px}
        .nav-links a{font-weight:700;color:var(--muted);padding:24px 0;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
        .nav-links a:hover,.nav-links a.active{color:var(--ink);border-color:var(--orange)}
        .menu-btn{display:none;border:1px solid var(--line);background:var(--paper);width:44px;height:44px;border-radius:10px;color:var(--ink)}
        a:focus-visible,button:focus-visible{outline:3px solid rgba(201,123,32,.45);outline-offset:3px}
        main{overflow:hidden}
        section{padding:72px 0;border-top:1px solid rgba(234,223,209,.82)}
        .category-intro{padding:48px 0 38px;border-top:0}
        .intro-layout{display:grid;grid-template-columns:1fr 250px;gap:38px;align-items:center}
        .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}
        .breadcrumb a:hover{color:var(--orange-deep)}
        .section-kicker{color:var(--orange-deep);font-size:13px;font-weight:800}
        h1,h2,h3,p{margin-top:0}
        h1{font-size:clamp(32px,4vw,48px);line-height:1.2;margin:8px 0 14px}
        h2{font-size:clamp(24px,3vw,34px);line-height:1.3;margin:5px 0 0}
        h3{line-height:1.4}
        .intro-copy{max-width:720px;color:var(--muted);margin:0}
        .intro-art{height:160px;border-radius:16px;overflow:hidden;position:relative;background:#f2d9af}
        .intro-art img{height:100%;filter:saturate(.78)}
        .intro-art span{position:absolute;left:16px;bottom:13px;background:rgba(48,39,51,.84);color:#fff;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700}
        .filter-section{padding:20px 0;background:#fbf4e9}
        .filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
        .filter-label{font-weight:800;margin-right:5px}
        .filter-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
        .filter-chip{border:1px solid #d9cabb;background:var(--paper);color:var(--muted);padding:7px 12px;border-radius:7px;font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}
        .filter-chip:hover{border-color:var(--orange);background:#fff5e6}
        .filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
        .filter-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px 0}
        .section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}
        .section-head p{max-width:520px;color:var(--muted);margin:0}
        .poster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
        .poster-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
        .poster-card:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:var(--shadow)}
        .poster-image{position:relative;background:#ead9bf;aspect-ratio:2/3;overflow:hidden}
        .poster-image img{height:100%;transition:filter .2s,transform .3s}
        .poster-card:hover .poster-image img{filter:brightness(1.05);transform:scale(1.025)}
        .badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:800;background:#f7d794;color:#80551c}
        .poster-image .badge{position:absolute;top:10px;left:10px}
        .badge.green{background:#dce8d8;color:#4d6749}
        .badge.red{background:#f2d7cf;color:#9a493d}
        .card-body{padding:13px}
        .card-body h3{font-size:16px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .card-sub{color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:8px}
        .rating{color:var(--orange-deep);font-weight:800}
        .sort-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#f5ebdc;border-left:4px solid var(--orange);border-radius:0 10px 10px 0}
        .sort-strip p{margin:0;color:var(--muted)}
        .sort-options{display:flex;gap:8px;flex-wrap:wrap}
        .sort-options span{padding:5px 10px;border:1px solid #decebb;border-radius:6px;font-size:12px;font-weight:700}
        .sort-options span:first-child{background:#fff0d8;border-color:#e9c78f;color:#875519}
        .popular-section{background:#fbf5ec}
        .popular-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
        .popular-item{padding:18px 16px;border-right:1px solid var(--line);transition:background .2s}
        .popular-item:last-child{border-right:0}
        .popular-item:hover{background:#fffaf2}
        .popular-item .rank-no{color:var(--orange-deep);font-size:13px;font-weight:900}
        .popular-item h3{font-size:15px;margin:6px 0}
        .popular-item p{font-size:12px;color:var(--muted);margin:0}
        .news-list{display:grid;grid-template-columns:1fr 1fr;column-gap:34px}
        .news-item{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
        .news-item img{height:74px;border-radius:9px;background:#ead9bf}
        .news-item h3{font-size:14px;margin:0;line-height:1.55}
        .news-item time{font-size:11px;color:var(--muted);white-space:nowrap}
        .faq-list{max-width:900px}
        .faq-item{border-bottom:1px solid var(--line)}
        .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;background:none;border:0;padding:18px 2px;text-align:left;font-weight:800;color:var(--ink)}
        .faq-q span{color:var(--orange-deep);font-size:22px;transition:transform .2s}
        .faq-item.open .faq-q span{transform:rotate(45deg)}
        .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s}
        .faq-a p{overflow:hidden;color:var(--muted);margin:0;padding:0 42px 0 2px}
        .faq-item.open .faq-a{grid-template-rows:1fr}
        .faq-item.open .faq-a p{padding-bottom:18px}
        .closing{padding:48px 0}
        .closing-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f3dfc3;padding:28px 32px;border-radius:14px}
        .closing-panel h2{font-size:25px;margin:0 0 5px}
        .closing-panel p{color:#6f5c53;margin:0}
        .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid transparent;font-weight:800;transition:.2s}
        .btn-primary{background:var(--orange);color:#fff}
        .btn-primary:hover{background:var(--orange-deep);transform:translateY(-2px)}
        footer{background:#2b222d;color:#eadfd5;padding:52px 0 26px}
        .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
        .footer-brand{font-size:21px;font-weight:800;color:#fff}
        .footer-grid h3{color:#fff;font-size:15px;margin:0 0 12px}
        .footer-grid a,.footer-grid p{display:block;color:#b9aeb0;font-size:13px;margin:6px 0}
        .footer-grid a:hover{color:#f4c878}
        .copyright{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;margin-top:32px;color:#b9aeb0;font-size:12px}
        .bottom-bar{position:fixed;z-index:18;bottom:0;left:0;width:100%;min-height:62px;background:#302733;color:#fff;display:flex;align-items:center}
        .bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:18px}
        .bottom-inner strong{font-size:14px}
        .bottom-inner .btn{min-height:40px;padding:0 16px}
        .empty-image{background:linear-gradient(135deg,#f1dfc7,#e8ceb0)}
        @media(max-width:1024px){
            .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
            .popular-row{grid-template-columns:repeat(5,minmax(0,1fr))}
            .news-item{grid-template-columns:90px 1fr}
            .news-item time{grid-column:2}
            .footer-grid{grid-template-columns:repeat(2,1fr)}
        }
        @media(max-width:768px){
            body{padding-bottom:74px}
            .container{width:min(var(--max),calc(100% - 32px))}
            .nav-wrap{height:66px}
            .brand{font-size:18px}
            .brand-mark{width:36px;height:36px}
            .menu-btn{display:block}
            .nav-links{display:none;position:absolute;top:65px;left:0;right:0;padding:10px 16px 16px;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 10px 18px rgba(69,43,26,.06);gap:0}
            .nav-links.open{display:flex;flex-direction:column;align-items:stretch}
            .nav-links a{padding:12px 10px;border-bottom:1px solid var(--line);min-height:44px}
            .nav-links a:last-child{border-bottom:0}
            section{padding:54px 0}
            .category-intro{padding:36px 0 30px}
            .intro-layout{grid-template-columns:1fr 190px;gap:22px}
            .intro-art{height:135px}
            .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
            .popular-row{grid-template-columns:repeat(5,180px);overflow-x:auto;scroll-snap-type:x mandatory}
            .popular-item{scroll-snap-align:start}
            .news-list{grid-template-columns:1fr;column-gap:0}
            .sort-strip{align-items:flex-start;flex-direction:column}
        }
        @media(max-width:520px){
            .container{width:calc(100% - 30px)}
            .intro-layout{grid-template-columns:1fr}
            .intro-art{height:125px}
            h1{font-size:32px}
            .section-head{display:block;margin-bottom:20px}
            .section-head p{margin-top:8px}
            .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
            .card-body{padding:10px}
            .card-body h3{font-size:14px}
            .card-sub{font-size:11px}
            .filter-row{display:block}
            .filter-label{display:block;margin:0 0 8px}
            .filter-scroll{flex-wrap:nowrap}
            .sort-strip{padding:14px}
            .news-item{grid-template-columns:84px 1fr;gap:11px}
            .news-item img{height:66px}
            .news-item h3{font-size:13px}
            .news-item time{font-size:10px}
            .closing-panel{align-items:flex-start;flex-direction:column;padding:23px}
            .closing-panel h2{font-size:22px}
            .footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}
            .footer-grid>div:first-child{grid-column:1/-1}
            .bottom-inner strong{font-size:12px}
            .bottom-inner .btn{font-size:12px;padding:0 12px;min-height:38px}
        }
        @media(max-width:375px){
            .poster-grid{gap:9px}
            .card-sub{display:block}
            .card-sub span{display:block}
            .bottom-inner strong{max-width:130px}
        }