:root{--bg:#F1F3F1;--paper:#FBFCFA;--white:#fff;--pine:#234B43;--pine-deep:#17372F;--pine-light:#38685C;--electric:#36AFA5;--amber:#C88A45;--ice:#DDEBF0;--graphite:#252E30;--title:#273432;--body:#485651;--muted:#75817C;--border:#DCE4DF;--shadow:0 18px 55px rgba(25,55,47,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--title);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:76px;padding:0 max(28px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:38px;background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.brand{font-size:22px;font-weight:850;letter-spacing:.04em;color:var(--pine);white-space:nowrap}.brand span{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted);font-weight:600}.main-nav{display:flex;gap:27px;align-items:center;font-size:14px;color:#53615c;flex:1}.main-nav a:hover,.text-link:hover{color:var(--electric-deep)}.top-search{display:flex;border:1px solid var(--border);border-radius:30px;padding:4px;background:#fff}.top-search input{border:0;outline:0;width:130px;padding:6px 10px;background:transparent;font-size:13px}.top-search button{border:0;border-radius:24px;background:var(--pine);color:#fff;padding:6px 14px;font-size:12px}.menu-toggle{display:none}.page-shell{max-width:1360px;margin:auto;padding:0 30px}.hero{margin:28px 0 76px;min-height:420px;background:var(--pine-deep);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;color:#f8fbf9;position:relative}.hero-copy{padding:56px 5vw 38px 62px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.19em;color:var(--electric-deep);font-weight:800}.hero .eyebrow{color:#7bd2c6}.hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.16;letter-spacing:-.045em;margin:22px 0}.hero h1 em{font-style:normal;color:#b9d7cb}.hero-copy>p{max-width:480px;color:#d1ded8;font-size:15px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:16px;padding:12px 20px;border:0;border-radius:6px;background:var(--pine);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.hero .button{background:var(--electric);color:#102c28}.text-link{font-size:14px;font-weight:700;color:var(--pine)}.hero .text-link{color:#e5f1ed}.film-line{display:flex;align-items:center;gap:12px;margin-top:50px;font-size:9px;letter-spacing:.16em;color:#9db6ac}.film-line i{height:1px;width:85px;background:#66867a}.hero-art{position:relative;min-height:420px;background:radial-gradient(ellipse at 50% 50%,#4c8b7c 0,#28594e 35%,#17372f 72%);display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(220,243,234,.22);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:520px;height:280px}.orbit-b{width:430px;height:390px;transform:rotate(48deg)}.hero-panel{width:58%;height:65%;border:1px solid rgba(255,255,255,.32);background:linear-gradient(140deg,rgba(244,251,247,.18),rgba(244,251,247,.04));backdrop-filter:blur(8px);padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(4deg);box-shadow:0 25px 70px #10251f55}.hero-panel span,.hero-panel small{font-size:9px;letter-spacing:.18em;color:#d5e8df}.hero-panel strong{font-size:clamp(34px,4vw,55px);line-height:1.12}.hero-stamp{position:absolute;right:11%;bottom:10%;border:1px solid #d9ebe055;border-radius:50%;width:70px;height:70px;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.3;color:#e4f1eb;transform:rotate(-12deg)}.section-block{margin:0 0 76px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:29px;letter-spacing:-.03em;margin:7px 0 3px}.section-heading p{margin:0;color:var(--muted);font-size:14px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-tile{position:relative;min-height:148px;padding:19px 20px;background:var(--paper);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:.2s}.channel-tile:before{content:"";position:absolute;width:5px;left:0;top:0;bottom:0;background:var(--accent)}.channel-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.channel-no{font-size:10px;letter-spacing:.16em;color:var(--accent)}.channel-tile b{font-size:18px;margin:9px 0 4px}.channel-tile small{color:var(--muted);font-size:12px;max-width:90%}.channel-tile i{position:absolute;right:18px;top:18px;font-style:normal;color:var(--accent)}.feature-band{padding:34px;background:#e7eeea;border-radius:18px}.index-note{font-size:10px;letter-spacing:.15em;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.video-card{min-width:0}.cover-link{display:block;overflow:hidden;border-radius:10px;background:#dfe7e2}.cover{width:100%;aspect-ratio:16/10;display:block;object-fit:cover}.cover-fallback{background:linear-gradient(135deg,#dce6e0,#b9cbc2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#38685c;gap:6px}.cover-fallback span{font-size:22px;font-weight:800;letter-spacing:.1em}.cover-fallback small{font-size:11px}.card-meta{display:flex;justify-content:space-between;margin-top:11px;color:var(--muted);font-size:11px}.video-card h3{font-size:17px;margin:4px 0}.video-card p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state{padding:44px 25px;border:1px dashed #b8c9c0;border-radius:12px;text-align:center;background:#f8faf8;color:var(--body)}.empty-state b{font-size:19px;color:var(--pine)}.empty-state p{font-size:14px;color:var(--muted);margin:7px auto 0;max-width:520px}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch}.split-intro{padding:34px 10px}.split-intro h2{font-size:39px;line-height:1.18;margin:15px 0}.split-intro p{color:var(--muted);max-width:330px;margin-bottom:25px}.split-visual{min-height:300px;background:linear-gradient(130deg,#c8d8d0,#8da99b);border-radius:16px;padding:35px;display:flex;flex-direction:column;justify-content:space-between;color:#17372f;position:relative;overflow:hidden}.split-visual:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff99;border-radius:50%;right:6%;top:-25%;box-shadow:0 0 0 35px #ffffff22,0 0 0 70px #ffffff17}.split-visual span,.split-visual small{font-size:10px;letter-spacing:.17em}.split-visual strong{font-size:54px;line-height:1.05;z-index:1}.editorial-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.editorial-card{min-height:230px;border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.editorial-card span{font-size:10px;letter-spacing:.16em}.editorial-card h2{font-size:26px;margin:26px 0 3px}.editorial-card p{font-size:13px;max-width:280px;margin:0 0 18px}.editorial-card a{margin-top:auto;font-size:13px;font-weight:700}.green{background:#234b43;color:#f3f8f5}.amber{background:#f1e3d1;color:#68451f}.ice{background:#dcebf0;color:#315464}.closing-rail{margin:0 0 55px;background:var(--pine);color:#fff;border-radius:16px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between}.closing-rail h2{font-size:30px;line-height:1.2;margin:10px 0 0}.closing-rail .eyebrow{color:#a9d8ce}.button-light{background:#eff7f3;color:var(--pine)}.footer{max-width:1360px;margin:0 auto;padding:30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.footer b{color:var(--pine)}.footer p{margin:4px 0}.footer nav{display:flex;gap:22px}.page-intro{padding:65px 0 35px}.page-intro h1{font-size:44px;letter-spacing:-.04em;margin:8px 0}.page-intro p{color:var(--muted);max-width:650px}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;margin-bottom:75px}.filter-panel{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px;height:max-content}.filter-panel h3{margin:0 0 12px}.filter-link{display:block;padding:9px 10px;border-radius:6px;font-size:13px;color:var(--body)}.filter-link.active,.filter-link:hover{background:#e4efea;color:var(--pine);font-weight:700}.filter-bar{display:flex;gap:10px;margin-bottom:20px}.filter-bar input,.filter-bar select{min-width:0;border:1px solid var(--border);border-radius:7px;background:#fff;padding:11px 13px}.filter-bar input{flex:1}.result-line{font-size:13px;color:var(--muted);margin:0 0 18px}.result-line b{color:var(--pine)}.result-line span{float:right}.pagination{display:flex;gap:7px;margin-top:28px}.pagination a{padding:7px 12px;background:#fff;border-radius:5px}.pagination .current{background:var(--pine);color:#fff}.detail-hero{display:grid;grid-template-columns:38% 1fr;gap:45px;padding:55px 0}.detail-cover .cover{aspect-ratio:2/3;border-radius:14px}.detail-copy h1{font-size:42px;line-height:1.2;margin:12px 0}.detail-copy>p{color:var(--body);font-size:16px;max-width:700px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag-row span{background:#e3ece7;color:var(--pine);padding:4px 9px;border-radius:30px;font-size:11px}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.facts div{border-top:1px solid var(--border);padding-top:8px}.facts dt{font-size:11px;color:var(--muted)}.facts dd{margin:3px 0;font-size:13px;font-weight:700}.status-note{display:inline-block;padding:9px 13px;background:#f6eddf;color:#805b2d;border-radius:6px;font-size:12px}.prose-block{max-width:900px;line-height:1.9}.prose-block h2{font-size:22px;margin-top:30px}.prose-block p{color:var(--body)}.episode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.episode-list a{padding:13px;background:#fff;border:1px solid var(--border);border-radius:7px;font-size:13px}.player-page{padding:35px 0 75px}.player-top{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:14px}.player-frame{background:#080d0e;aspect-ratio:16/9;max-height:720px;border-radius:12px;overflow:hidden;display:grid;place-items:center}.player-frame video{width:100%;height:100%;object-fit:contain}.player-empty{text-align:center;color:#e7efeb;padding:25px}.play-symbol{width:58px;height:58px;border:1px solid #8fb5a8;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;color:#8bd3c6;font-size:24px}.player-empty h1{font-size:23px}.player-empty p{max-width:520px;color:#aabbb4;font-size:14px}.player-empty span{font-size:9px;letter-spacing:.17em;color:#6f9285}.player-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.player-caption h2{margin:4px 0}.player-caption p{margin:0;color:var(--muted);font-size:13px}.schedule-list article{display:grid;grid-template-columns:190px 1fr 130px;gap:20px;padding:20px;border-bottom:1px solid var(--border);align-items:center}.schedule-list time{color:var(--pine);font-weight:700}.schedule-list p{margin:3px 0;color:var(--muted);font-size:13px}.schedule-list a{font-size:13px;color:var(--pine);font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:75px}.collection-tile{padding:27px;background:var(--paper);border:1px solid var(--border);border-radius:13px;min-height:210px;transition:.2s}.collection-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.collection-tile span,.collection-tile small{font-size:11px;color:var(--pine);letter-spacing:.08em}.collection-tile h2{margin:22px 0 5px;font-size:24px}.collection-tile p{color:var(--muted);font-size:13px;max-width:520px}.legal-copy{margin-bottom:80px}.legal-copy h2{border-bottom:1px solid var(--border);padding-bottom:8px}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #36afa5;outline-offset:3px}
@media(max-width:1050px){.topbar{gap:18px;padding:0 20px}.main-nav{gap:14px}.top-search input{width:90px}.video-grid{grid-template-columns:repeat(3,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:64px;padding:0 16px;justify-content:space-between}.main-nav,.top-search{display:none}.menu-toggle{display:block;border:1px solid var(--border);background:#fff;border-radius:6px;padding:7px 12px;color:var(--pine)}.page-shell{padding:0 16px}.hero{grid-template-columns:1fr;margin:16px 0 52px}.hero-copy{padding:38px 25px 25px}.hero h1{font-size:42px}.hero-art{min-height:260px}.hero-panel{height:68%;width:62%}.film-line{margin-top:32px}.section-block{margin-bottom:52px}.section-heading h2{font-size:24px}.channel-grid{grid-template-columns:1fr 1fr;gap:8px}.channel-tile{min-height:150px;padding:15px}.channel-tile b{font-size:15px}.channel-tile small{font-size:11px}.feature-band{padding:20px 14px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.video-card h3{font-size:14px}.video-card p{font-size:12px}.split-section{grid-template-columns:1fr;gap:10px}.split-intro{padding:0}.split-intro h2{font-size:32px}.split-visual{min-height:230px}.editorial-grid{grid-template-columns:1fr}.editorial-card{min-height:190px}.closing-rail{padding:25px;gap:15px;align-items:flex-start;flex-direction:column}.closing-rail h2{font-size:26px}.footer{padding:25px 16px;flex-direction:column;gap:15px}.page-intro{padding:42px 0 25px}.page-intro h1{font-size:34px}.catalog-layout{grid-template-columns:1fr;gap:14px}.filter-panel{display:flex;overflow:auto;gap:4px;align-items:center}.filter-panel h3{display:none}.filter-link{white-space:nowrap}.filter-bar{flex-wrap:wrap}.filter-bar input{flex-basis:100%}.filter-bar select{flex:1}.detail-hero{grid-template-columns:1fr;gap:20px;padding:28px 0}.detail-cover{max-width:260px}.detail-copy h1{font-size:32px}.facts{grid-template-columns:repeat(2,1fr)}.episode-list{grid-template-columns:1fr 1fr}.player-top{gap:12px;flex-direction:column}.player-empty h1{font-size:17px}.player-empty p{font-size:12px}.player-caption{align-items:flex-start;gap:12px;flex-direction:column}.schedule-list article{grid-template-columns:1fr;gap:5px}.collection-grid{grid-template-columns:1fr}.collection-tile{min-height:0}.result-line span{float:none;display:block;margin-top:4px}}
@media(max-width:360px){.hero h1{font-size:35px}.channel-grid{grid-template-columns:1fr}.video-grid{gap:14px 8px}.video-card h3{font-size:13px}.page-shell{padding:0 13px}}
