/* roulang page: index */
:root{--ink:#182521;--muted:#66736d;--green:#173f38;--green-2:#275d4d;--lime:#d9e3a4;--coral:#d77b65;--paper:#fbfcf9;--soft:#f1f4ee;--line:#dce3dc;--white:#fff;--radius:6px;--shadow:0 8px 24px rgba(24,37,33,.08);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #8eae5a;outline-offset:3px}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(251,252,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav-wrap{min-height:72px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--green);white-space:nowrap}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--lime);background:var(--green);border-radius:4px;font-size:19px}.nav-links{margin-left:auto;display:flex;align-items:center;gap:26px}.nav-links a{font-size:14px;color:#46534c;padding:10px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-links a:hover,.nav-links a.active{color:var(--green);border-color:#8eae5a}.nav-cta{background:var(--green);color:#fff!important;border:0!important;padding:10px 16px!important;border-radius:4px}.nav-cta:hover{background:var(--green-2);transform:translateY(-1px)}.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--green);width:44px;height:44px;border-radius:4px;cursor:pointer}.hero{position:relative;overflow:hidden;color:white;background:#173f38;min-height:490px;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,34,29,.94) 0%,rgba(15,47,40,.78) 49%,rgba(16,44,38,.25) 100%),url("<?= htmlspecialchars(posterSvg(2, '日本影视精选'), ENT_QUOTES, 'UTF-8') ?>") center 43%/cover no-repeat}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--lime);opacity:.65}.hero-inner{position:relative;z-index:1;padding:64px 0 76px;max-width:700px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:13px;font-weight:700}.hero-kicker:before{content:"";width:24px;height:1px;background:currentColor}.hero h1{font-size:52px;line-height:1.18;margin:18px 0 10px;max-width:620px;font-weight:800}.hero h1 span{color:var(--lime)}.hero-subtitle{font-size:20px;color:#e2e9e2;margin:0 0 14px}.hero-copy{max-width:620px;color:#d0dbd4;margin:0 0 24px;font-size:16px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 19px;border:1px solid transparent;border-radius:4px;font-weight:700;transition:transform .18s,background .18s,border .18s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:#1d332a}.button-primary:hover{background:#e5edbd}.button-outline{color:#fff;border-color:rgba(255,255,255,.62);background:transparent}.button-outline:hover{background:rgba(255,255,255,.1)}.hero-foot{display:flex;gap:22px;margin-top:28px;color:#d7e1d9;font-size:13px}.hero-foot span:before{content:"●";color:var(--lime);font-size:9px;margin-right:8px}.section{padding:74px 0;border-bottom:1px solid var(--line)}.section-soft{background:var(--soft)}.section-dark{background:var(--green);color:white}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-head h2{font-size:30px;line-height:1.25;margin:0;color:inherit}.section-head p{max-width:580px;color:var(--muted);margin:10px 0 0}.section-dark .section-head p{color:#c3d1c8}.eyebrow{font-size:12px;font-weight:800;color:var(--green-2);letter-spacing:1px;text-transform:uppercase;margin-bottom:9px}.section-dark .eyebrow{color:var(--lime)}.text-link{font-weight:700;color:var(--green);white-space:nowrap;border-bottom:1px solid #a5b39f;padding-bottom:3px}.text-link:hover{color:#68843c}.pain-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.pain-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.pain-item{border-top:1px solid var(--line);padding-top:14px}.pain-item strong{display:block;font-size:17px;margin-bottom:4px}.pain-item p{margin:0;color:var(--muted);font-size:14px}.route-panel{padding:25px 28px;background:#e5ebe2;border-left:3px solid #92a95b}.route-panel h3{margin:0 0 12px;font-size:19px}.route-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#43534a;font-size:13px}.route-line span{padding:7px 9px;background:#fff;border-radius:3px}.route-line b{color:#789149}.discovery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.discovery-item{padding:25px 28px 25px 0;position:relative}.discovery-item:not(:first-child){padding-left:28px;border-left:1px solid var(--line)}.discovery-number{color:#81945c;font-size:12px;font-weight:800}.discovery-item h3{font-size:19px;margin:8px 0}.discovery-item p{font-size:14px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step}.step{position:relative;padding:22px 18px 18px;border-top:2px solid #9bae76;background:#fff}.step:before{counter-increment:step;content:"0" counter(step);font-size:13px;font-weight:800;color:#81945c}.step h3{margin:8px 0 5px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:14px}.poster-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 18px}.poster-card{min-width:0}.poster-link{display:block}.poster-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#d8dfd7;border-radius:4px}.poster-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.poster-link:hover .poster-image img{transform:scale(1.045)}.badge{position:absolute;left:9px;top:9px;max-width:calc(100% - 18px);padding:4px 7px;color:#fff;background:var(--coral);font-size:11px;line-height:1.35;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;margin-top:10px}.score{color:#7a6b32;font-weight:800}.poster-card h3{font-size:15px;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-strip{display:grid;grid-template-columns:1.1fr 2fr;gap:42px;align-items:center}.update-date{font-size:42px;font-weight:800;color:var(--green);line-height:1}.update-date small{display:block;font-size:13px;color:var(--muted);font-weight:500;margin-top:12px}.filter-tags{display:flex;flex-wrap:wrap;gap:9px}.filter-tag{padding:8px 12px;border:1px solid #cad5c9;background:#fff;color:#3e5148;border-radius:3px;font-size:13px}.filter-tag.current{background:var(--green);border-color:var(--green);color:white}.hot-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}.featured-hot{position:relative;min-height:360px;overflow:hidden;background:#203e36}.featured-hot img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.7;transition:transform .35s}.featured-hot:hover img{transform:scale(1.03)}.featured-hot:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(8,28,23,.88))}.featured-copy{position:absolute;z-index:1;left:25px;right:25px;bottom:23px;color:white}.featured-copy small{color:var(--lime)}.featured-copy h3{font-size:27px;margin:5px 0}.featured-copy p{margin:0;color:#e1e8e2;font-size:14px}.hot-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.hot-list li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.hot-no{color:#8a9e65;font-weight:800;font-size:18px}.hot-list strong{display:block;font-size:15px}.hot-list small{color:var(--muted)}.hot-rating{font-weight:800;color:#74652e}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{padding:8px 22px;border-left:1px solid rgba(255,255,255,.24)}.stat:first-child{border-left:0;padding-left:0}.stat strong{display:block;font-size:29px;color:var(--lime);line-height:1.25}.stat span{font-size:13px;color:#d1ddd4}.stat-note{margin:24px 0 0;font-size:12px;color:#b6c6bc}.channel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.channel{padding:22px 20px 22px 0;border-right:1px solid var(--line)}.channel:not(:first-child){padding-left:20px}.channel:last-child{border-right:0}.channel h3{margin:0 0 8px;font-size:18px}.channel p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.channel a{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--green);border-bottom:1px solid #a4b39e}.ranking-wrap{display:grid;grid-template-columns:1fr .8fr;gap:48px}.ranking-list{list-style:none;padding:0;margin:0;counter-reset:rank}.ranking-list li{counter-increment:rank;display:grid;grid-template-columns:42px 1fr 70px 90px;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.ranking-list li:before{content:counter(rank,decimal-leading-zero);font-size:17px;font-weight:800;color:#899b66}.ranking-list strong{font-size:15px}.ranking-list .rank-genre{font-size:12px;color:var(--muted)}.ranking-list .rank-score{font-weight:800;color:#74652e}.ranking-list .rank-heat{text-align:right;font-size:12px;color:var(--muted)}.rank-aside{padding:25px;background:#e8eee6;border-top:3px solid #8da65b}.rank-aside h3{margin:0 0 8px;font-size:21px}.rank-aside p{margin:0;color:var(--muted);font-size:14px}.rank-aside .rank-mini{margin-top:18px;padding-top:15px;border-top:1px solid #cbd6c9;color:#43544b;font-size:13px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scene{padding:18px 0;border-top:2px solid var(--green)}.scene-icon{width:34px;height:34px;display:grid;place-items:center;background:#e3eadc;color:var(--green);border-radius:50%;font-weight:800}.scene h3{margin:12px 0 4px;font-size:17px}.scene p{margin:0;color:var(--muted);font-size:14px}.topic-path{display:flex;align-items:stretch;gap:0;border-top:1px solid #5a7769;border-bottom:1px solid #5a7769}.topic{flex:1;padding:19px 20px 18px 0;position:relative}.topic:not(:first-child){padding-left:20px;border-left:1px solid #5a7769}.topic small{display:block;color:var(--lime);font-size:12px}.topic strong{display:block;margin-top:5px;font-size:17px}.topic span{font-size:12px;color:#c3d1c8}.news-layout{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.news-item{display:grid;grid-template-columns:96px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.news-thumb{aspect-ratio:4/3;display:grid;place-items:center;background:#dfe8df;color:var(--green);font-weight:800;font-size:12px}.news-item small{color:var(--muted);font-size:11px}.news-item h3{font-size:15px;line-height:1.45;margin:4px 0}.news-item a:hover h3{color:#71864c}.legend{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.legend-item{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--line)}.legend-mark{flex:0 0 44px;height:44px;display:grid;place-items:center;background:#e7eee4;color:var(--green);font-weight:800;font-size:12px;border-radius:4px}.legend-item h3{font-size:15px;margin:0 0 4px}.legend-item p{font-size:13px;color:var(--muted);margin:0}.faq-list{max-width:900px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;padding:18px 38px 18px 0;position:relative;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:5px;top:14px;color:var(--green);font-size:24px;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0;padding:0 35px 18px 0;color:var(--muted);font-size:14px}.final-cta{padding:52px 0;background:#e5ebe2}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-inner h2{font-size:26px;margin:0}.cta-inner p{margin:6px 0 0;color:var(--muted)}.site-footer{background:#142b25;color:#e4ece5;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding-bottom:35px}.footer-brand{font-size:18px;font-weight:800}.footer-grid p{color:#b7c6bc;font-size:13px;max-width:280px}.footer-col h3{font-size:14px;color:var(--lime);margin:0 0 12px}.footer-col a{display:block;color:#c3d0c7;font-size:13px;margin:7px 0}.footer-col a:hover{color:#fff}.copyright{border-top:1px solid #3c554a;padding-top:16px;color:#aebdb3;font-size:12px;display:flex;justify-content:space-between;gap:15px}
@media(max-width:1024px){.poster-grid{grid-template-columns:repeat(4,1fr)}.channel-grid{grid-template-columns:repeat(3,1fr)}.channel:nth-child(4){border-top:1px solid var(--line);padding-left:0}.channel:nth-child(5){border-top:1px solid var(--line)}.ranking-wrap{gap:28px}.nav-wrap{gap:18px}.nav-links{gap:17px}}
@media(max-width:768px){.container{width:min(100% - 36px,var(--max))}.nav-wrap{min-height:66px;justify-content:space-between}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;margin:0;padding:12px 18px 18px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;gap:2px}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:10px 8px;border-bottom:0}.nav-cta{text-align:center;margin-top:5px}.hero{min-height:455px}.hero-inner{padding:52px 0 62px}.hero h1{font-size:42px}.section{padding:58px 0}.section-head{align-items:start;flex-direction:column;gap:13px}.section-head h2{font-size:26px}.pain-grid,.update-strip,.hot-layout,.ranking-wrap{grid-template-columns:1fr;gap:26px}.steps{grid-template-columns:repeat(2,1fr)}.poster-grid{grid-template-columns:repeat(3,1fr);gap:23px 14px}.discovery{grid-template-columns:1fr}.discovery-item,.discovery-item:not(:first-child){padding:19px 0;border-left:0;border-bottom:1px solid var(--line)}.channel-grid{grid-template-columns:repeat(2,1fr)}.channel:nth-child(3){padding-left:0;border-top:1px solid var(--line)}.channel:nth-child(4){padding-left:20px}.channel:nth-child(5){border-top:1px solid var(--line);padding-left:0}.stats-row{grid-template-columns:repeat(2,1fr);gap:22px}.stat:nth-child(3){padding-left:0;border-left:0}.scene-grid{grid-template-columns:repeat(2,1fr)}.topic-path{flex-wrap:wrap}.topic{flex:1 1 33%}.topic:nth-child(4){padding-left:0;border-left:0;border-top:1px solid #5a7769}.news-layout{grid-template-columns:1fr}.legend{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.brand{font-size:14px}.hero{min-height:430px}.hero h1{font-size:36px}.hero-subtitle{font-size:17px}.hero-copy{font-size:14px}.hero-foot{gap:12px;flex-wrap:wrap}.button-row .button{flex:1}.section{padding:48px 0}.section-head h2{font-size:23px}.pain-list{grid-template-columns:1fr;gap:17px}.route-panel{padding:19px}.steps{gap:10px}.step{padding:17px 13px}.poster-grid{grid-template-columns:repeat(2,1fr);gap:21px 12px}.poster-card h3{font-size:14px}.channel-grid{grid-template-columns:1fr 1fr}.channel{padding-right:12px}.channel:not(:first-child){padding-left:12px}.channel:nth-child(odd){padding-left:0}.channel:nth-child(even){border-right:0}.channel h3{font-size:16px}.channel p{font-size:12px}.ranking-list li{grid-template-columns:32px 1fr 48px 68px;gap:7px}.ranking-list strong{font-size:13px}.rank-genre{display:none}.rank-heat{font-size:11px!important}.scene-grid{grid-template-columns:1fr}.topic{flex:1 1 50%;padding-right:10px}.topic:nth-child(odd){padding-left:0;border-left:0}.topic:nth-child(even){padding-left:12px;border-left:1px solid #5a7769}.topic strong{font-size:15px}.legend{grid-template-columns:1fr}.news-item{grid-template-columns:82px 1fr;gap:11px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.cta-inner h2{font-size:23px}.update-date{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* roulang page: category1 */
:root{--ink:#182521;--muted:#66736d;--green:#173f38;--green-2:#275d4d;--lime:#d9e3a4;--coral:#d77b65;--paper:#fbfcf9;--soft:#f1f4ee;--line:#dce3dc;--white:#fff;--radius:6px;--shadow:0 8px 24px rgba(24,37,33,.08);--max:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #8eae5a;outline-offset:3px}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(251,252,249,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav-wrap{min-height:72px;display:flex;align-items:center;gap:32px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--green);white-space:nowrap}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--lime);background:var(--green);border-radius:4px;font-size:19px}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:26px}
.nav-links a{font-size:14px;color:#46534c;padding:10px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--green);border-color:#8eae5a}
.nav-links .nav-cta{background:var(--green);color:#fff;padding:10px 16px;border:0;border-radius:4px}
.nav-links .nav-cta:hover{background:var(--green-2);transform:translateY(-1px)}
.menu-toggle{display:none;border:1px solid var(--line);background:white;color:var(--green);width:44px;height:44px;border-radius:4px;cursor:pointer}
main{min-height:60vh}
.container-narrow{max-width:var(--max);margin-inline:auto}
.category-intro{padding:34px 0 28px;border-bottom:1px solid var(--line);background-color:var(--paper);background-image:radial-gradient(#b9c7ba 0.7px,transparent .7px);background-size:22px 22px}
.breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:14px}
.breadcrumb a:hover{color:var(--green);text-decoration:underline}
.breadcrumb span[aria-hidden]{color:#9ba89d}
.intro-row{display:flex;align-items:end;justify-content:space-between;gap:24px}
.intro-row h1{font-size:36px;line-height:1.25;margin:0;color:var(--green);font-weight:800}
.intro-row p{max-width:650px;margin:9px 0 0;color:#56645d}
.category-count{border-left:1px solid #aebbb0;padding-left:22px;color:var(--muted);font-size:13px;min-width:140px}
.category-count strong{display:block;color:var(--green);font-size:21px}
.section{padding:38px 0;border-bottom:1px solid var(--line)}
.section-soft{background:var(--soft)}
.section-dark{background:var(--green);color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}
.section-head h2{font-size:23px;line-height:1.3;margin:0;color:inherit}
.section-head p{max-width:580px;color:var(--muted);margin:7px 0 0;font-size:14px}
.section-dark .section-head p{color:#c3d1c8}
.eyebrow{font-size:11px;font-weight:800;color:var(--green-2);letter-spacing:0;margin-bottom:5px}
.section-dark .eyebrow{color:var(--lime)}
.filter-layout{display:grid;grid-template-columns:1fr auto;gap:18px 28px;align-items:center}
.filter-groups{display:grid;gap:12px}
.filter-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.filter-label{width:48px;color:var(--muted);font-size:13px;font-weight:700}
.filter-tags{display:flex;flex-wrap:wrap;gap:8px}
.filter-tag{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid #cad5c9;background:#fff;color:#3e5148;border-radius:3px;font-size:13px;transition:background .18s,color .18s,border .18s}
.filter-tag:hover{border-color:var(--green-2);color:var(--green)}
.filter-tag.current{background:var(--green);border-color:var(--green);color:#fff}
.sort-select{min-height:42px;padding:8px 34px 8px 12px;border:1px solid #cad5c9;border-radius:3px;color:var(--ink);background:#fff;font:inherit;font-size:13px}
.results-line{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0 16px;color:var(--muted);font-size:13px}
.results-line strong{color:var(--ink)}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 17px}
.poster-card{min-width:0}
.poster-link{display:block}
.poster-image{position:relative;aspect-ratio:5/7;overflow:hidden;background:#e4eae2;border-radius:4px}
.poster-art{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.poster-link:hover .poster-art{transform:scale(1.035)}
.badge{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:4px 7px;color:#fff;background:var(--coral);font-size:10px;line-height:1.35;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge.quality{left:auto;right:8px;background:rgba(23,63,56,.9)}
.poster-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-top:8px}
.rating{color:#8a6332;font-weight:800}
.poster-card h3{font-size:14px;line-height:1.4;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.poster-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.poster-link:hover h3{color:var(--green-2)}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}
.page-button{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:#415148;font-size:13px}
.page-button:hover{border-color:var(--green);color:var(--green)}
.page-button.current{background:var(--green);border-color:var(--green);color:#fff}
.page-button.disabled{opacity:.45;cursor:not-allowed}
.update-panel{display:grid;grid-template-columns:1fr 1.25fr;gap:42px;align-items:center}
.update-date{display:flex;align-items:center;gap:17px;border-right:1px solid rgba(255,255,255,.22);padding:8px 28px 8px 0}
.date-mark{width:54px;height:54px;display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:4px;font-weight:800;font-size:20px}
.update-date strong{display:block;font-size:18px}
.update-date span{display:block;color:#c3d1c8;font-size:13px}
.status-legend{display:flex;flex-wrap:wrap;gap:12px 20px}
.legend-item{display:flex;align-items:center;gap:9px;color:#e2e9e2;font-size:13px}
.legend-chip{padding:3px 7px;border-radius:3px;background:#d77b65;color:#fff;font-size:11px;font-weight:700}
.legend-chip.green{background:#d9e3a4;color:#263d32}
.legend-chip.outline{background:transparent;border:1px solid rgba(255,255,255,.55)}
.guide-layout{display:grid;grid-template-columns:220px 1fr;gap:42px}
.guide-index{border-left:2px solid #c6d2c6;padding-left:18px}
.guide-index span{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.guide-index strong{font-size:18px;color:var(--green)}
.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.guide-item{padding-top:12px;border-top:2px solid #9eb18f}
.guide-item strong{display:block;font-size:15px;margin-bottom:5px}
.guide-item p{margin:0;color:var(--muted);font-size:13px}
.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px}
.related-item{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;gap:12px;align-items:center}
.related-item span{font-size:14px;font-weight:700}
.related-item small{color:#c3d1c8;font-size:12px;white-space:nowrap}
.related-item:hover span{color:var(--lime)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{cursor:pointer;list-style:none;position:relative;padding:17px 40px 17px 0;font-weight:700;font-size:15px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:6px;top:12px;color:var(--green);font-size:23px;font-weight:400}
.faq-item[open] summary:after{content:"−"}
.faq-item p{margin:0;padding:0 40px 17px 0;color:var(--muted);font-size:14px}
.site-footer{background:#142f29;color:#eef2ed;padding:48px 0 20px}
.footer-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:36px;padding-bottom:34px}
.footer-brand{font-size:18px;font-weight:800;color:#fff}
.footer-grid p{max-width:290px;color:#c3d1c8;font-size:13px;margin:10px 0 0}
.footer-col{display:flex;flex-direction:column;gap:8px}
.footer-col h3{font-size:13px;margin:0 0 5px;color:var(--lime)}
.footer-col a{font-size:13px;color:#d5dfd7;width:fit-content}
.footer-col a:hover{color:var(--lime);text-decoration:underline}
.copyright{display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.18);padding-top:16px;color:#b6c6bc;font-size:12px}
@media(max-width:1024px){.nav-wrap{gap:20px}.nav-links{gap:15px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-card p{font-size:12px}.footer-grid{gap:24px}}
@media(max-width:768px){.container{width:min(var(--max),calc(100% - 36px))}.nav-wrap{min-height:66px}.menu-toggle{display:grid;place-items:center;margin-left:auto}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;margin:0;padding:14px 22px 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;gap:2px;flex-direction:column}.nav-links.is-open{display:flex}.nav-links a{padding:10px 4px}.nav-links .nav-cta{padding:10px 13px!important;width:fit-content}.intro-row{align-items:start}.intro-row h1{font-size:30px}.category-count{min-width:110px}.section{padding:32px 0}.filter-layout{grid-template-columns:1fr}.sort-select{width:100%}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.update-panel{grid-template-columns:1fr;gap:22px}.update-date{border-right:0;border-bottom:1px solid rgba(255,255,255,.22);padding:0 0 18px}.guide-layout{grid-template-columns:1fr;gap:18px}.guide-list{gap:14px}.related-list{grid-template-columns:repeat(2,1fr);gap:0 22px}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start}}
@media(max-width:520px){.container{width:calc(100% - 30px)}.brand{font-size:14px}.brand-mark{width:32px;height:32px}.category-intro{padding:24px 0 22px}.intro-row{display:block}.intro-row h1{font-size:27px}.category-count{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;margin-top:15px}.category-count strong{display:inline;margin-right:7px}.section-head{display:block}.section-head h2{font-size:21px}.filter-label{width:42px}.filter-row{gap:8px}.filter-tag{min-height:38px;padding:6px 10px;font-size:12px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.poster-card h3{font-size:14px}.poster-card p{font-size:12px}.results-line{align-items:flex-start}.guide-list{grid-template-columns:1fr;gap:14px}.guide-item{padding-top:9px}.related-list{grid-template-columns:1fr}.related-item{padding:13px 0}.faq-item summary{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column;gap:4px}.pagination{gap:5px}.page-button{min-width:38px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}