*{box-sizing:border-box} :root{--ink:#17222d;--muted:#6e7882;--paper:#f5f6f3;--line:#dfe4df;--accent:#d87a45;--accent2:#f0b15d;--night:#17242a;--white:#fff}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:1200px;margin:0 auto;padding-left:28px;padding-right:28px}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:10}.site-header{padding:24px 0;background:rgba(245,246,243,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.header-inner{max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand strong{display:block;font-size:19px;letter-spacing:.05em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em}.brand-mark{width:34px;height:28px;border:2px solid var(--ink);border-radius:4px;display:grid;place-items:center;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--accent)}.brand-mark:before{left:8px}.brand-mark:after{right:8px}.brand-mark span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid var(--accent);margin-left:3px;z-index:1}.site-nav{display:flex;gap:18px;align-items:center;flex:1;justify-content:flex-end}.nav-link{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:2px solid transparent}.nav-link:hover,.nav-link:focus,.nav-link.active{color:var(--ink);border-bottom-color:var(--accent)}.nav-icon{width:14px;height:14px;display:inline-block;position:relative}.nav-icon:before{content:"";display:block;width:10px;height:10px;border:1.5px solid currentColor;border-radius:3px;margin:1px}.nav-link[data-icon=home] .nav-icon:before{transform:rotate(45deg);border-radius:1px}.nav-link[data-icon=flame] .nav-icon:before{border-radius:60% 40% 55% 45%;transform:rotate(-45deg)}.nav-link[data-icon=trophy] .nav-icon:before{border-radius:50%}.nav-link[data-icon=grid] .nav-icon:before{box-shadow:5px 0 0 -1px var(--paper),5px 0 0 0 currentColor,0 5px 0 -1px var(--paper),0 5px 0 0 currentColor,5px 5px 0 -1px var(--paper),5px 5px 0 0 currentColor}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}.hero{max-width:1200px;margin:70px auto 30px;padding:40px 28px 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.kicker{font-size:11px;letter-spacing:.22em;color:var(--accent);font-weight:700;margin-bottom:14px}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-.06em;margin:0 0 22px;max-width:650px}.hero h1 a{border-bottom:5px solid var(--accent2)}.hero-lead{font-size:24px;max-width:540px;margin:0 0 12px}.hero-desc{color:var(--muted);max-width:560px}.hero-actions,.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid var(--ink);font-size:13px;transition:.2s}.button:hover,.button:focus{transform:translateY(-2px);box-shadow:4px 4px 0 var(--ink)}.button-primary{background:var(--ink);color:#fff}.button-ghost{background:transparent}.hero-reel{height:390px;background:var(--night);position:relative;overflow:hidden;color:#fff;border-radius:4px;box-shadow:20px 20px 0 var(--accent2)}.reel-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%);background-size:48px 48px;transform:skewY(-12deg) scale(1.4);opacity:.6}.reel-beam{position:absolute;inset:-20% 10% 0 30%;background:linear-gradient(110deg,rgba(240,177,93,.8),rgba(240,177,93,0));clip-path:polygon(35% 0,100% 100%,0 100%);opacity:.8}.reel-copy{position:absolute;left:34px;bottom:62px}.reel-copy span{font-size:10px;letter-spacing:.25em;color:var(--accent2)}.reel-copy strong{display:block;font-size:42px;line-height:1.05;margin:10px 0}.reel-copy em{font-size:12px;color:#c7d1cf;font-style:normal}.reel-controls{position:absolute;bottom:22px;left:28px;right:28px;display:flex;gap:12px;align-items:center;font-size:11px;color:#c7d1cf}.reel-controls i{height:2px;background:var(--accent2);flex:1;position:relative}.reel-controls i:after{content:"";position:absolute;width:8px;height:8px;background:var(--accent2);border-radius:50%;left:28%;top:-3px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:24px;padding-bottom:24px;gap:20px}.feature-strip>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center}.feature-strip small{grid-column:2;color:var(--muted);font-size:11px}.feature-icon{grid-row:span 2;font-size:22px;color:var(--accent)}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading h2,.guide-grid h2,.about-grid h2,.subscribe h2{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:0 0 10px}.section-heading p{color:var(--muted);margin:0}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.media-card{min-width:0}.poster{display:block;aspect-ratio:3/4;overflow:hidden;position:relative;background:#ddd}.poster img,.wide-poster img,.series-row img,.short-card img,.detail-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.poster:hover img,.wide-poster:hover img,.short-card:hover img{transform:scale(1.04)}.poster-play{position:absolute;bottom:12px;right:12px;width:34px;height:34px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px}.card-copy{padding-top:14px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.card-copy h3{font-size:19px;margin:5px 0}.card-copy p{font-size:12px;color:var(--muted);margin:0 0 12px}.text-link span{color:var(--accent)}.section-dark{background:var(--night);color:#fff}.section-dark .kicker{color:var(--accent2)}.section-dark .section-heading p{color:#aab8b7}.feature-movies{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.wide-poster{height:420px;position:relative;overflow:hidden;background:#22323a}.wide-poster:first-child{height:480px;transform:translateY(-30px)}.wide-poster:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.wide-poster span{position:absolute;bottom:20px;left:20px;z-index:1;font-size:22px}.wide-poster b{font-size:11px;color:var(--accent2);margin-right:10px}.series-list{border-top:1px solid var(--line)}.series-row{display:grid;grid-template-columns:40px 150px 1fr 40px;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.series-no{font-size:12px;color:var(--accent)}.series-row img{aspect-ratio:5/3}.series-main b{display:block;font-size:20px}.series-main small,.series-main em{display:block;color:var(--muted);font-size:12px;font-style:normal}.series-main em{color:var(--accent);margin-top:5px}.arrow{font-size:22px;text-align:right}.short-section{background:#e8ebe5}.short-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.short-card{position:relative;aspect-ratio:3/4;background:#bbc2ba;overflow:hidden;color:#fff}.short-card:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.short-time,.short-title,.short-card small{position:absolute;z-index:1;left:16px}.short-time{top:14px;border:1px solid rgba(255,255,255,.7);padding:3px 7px;font-size:11px}.short-title{bottom:34px;font-size:20px}.short-card small{bottom:14px;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{padding:22px;border:1px solid var(--line);display:grid;grid-template-columns:40px 1fr 20px;gap:12px;align-items:start;min-height:115px;transition:.2s}.category-card:hover{background:#fff;border-color:var(--accent);transform:translateY(-3px)}.category-symbol{font-size:24px;color:var(--accent)}.category-card b,.category-card small{display:block}.category-card small{font-size:12px;color:var(--muted);margin-top:5px}.category-card i{font-style:normal}.ranking-section{background:#fff}.ranking-list{border-top:1px solid var(--line)}.ranking-list a{display:grid;grid-template-columns:60px 1.5fr 1fr 30px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.ranking-list span{color:var(--accent);font-size:14px}.ranking-list small{color:var(--muted)}.ranking-list i{font-style:normal}.calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.calendar-day{padding:24px;background:#fff;border:1px solid var(--line)}.calendar-day.today{border:2px solid var(--accent);transform:translateY(-8px)}.calendar-day b,.calendar-day span,.calendar-day a{display:block}.calendar-day b{font-size:24px}.calendar-day span{font-size:11px;color:var(--accent);margin:8px 0 20px}.calendar-day a{font-size:14px}.guide-section{background:#dfe6e0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.guide-grid p,.about-grid p{color:#56636a}.steps>div{display:flex;gap:20px;border-bottom:1px solid #bbc7bf;padding:20px 0}.steps b{color:var(--accent);font-size:12px}.steps strong,.steps small{display:block}.steps small{color:var(--muted);font-size:12px;margin-top:4px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq p{font-size:13px;margin-bottom:0}.subscribe{margin-top:20px;margin-bottom:100px;background:var(--ink);color:#fff;padding-top:45px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.subscribe .kicker{color:var(--accent2)}.subscribe h2{margin-bottom:6px}.subscribe p{color:#b9c3c2;margin:0}.subscribe-art{display:flex;align-items:center;gap:22px}.subscribe-art span{border:1px solid var(--accent2);color:var(--accent2);padding:16px 12px;font-size:13px;letter-spacing:.12em}.subscribe-art i{width:44px;height:44px;border:1px solid #768480;border-radius:50%;position:relative}.subscribe-art i:after{content:"";position:absolute;inset:9px;border:1px dashed var(--accent2);border-radius:50%}.site-footer{background:#10191e;color:#d8e0dc;padding:60px max(28px,calc((100% - 1144px)/2)) 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px}.footer-brand{color:#fff}.site-footer p{color:#8d9b9b;font-size:12px;max-width:380px}.site-footer h2{font-size:13px;color:var(--accent2);margin:0 0 15px}.footer-links{display:grid;gap:7px;font-size:12px;color:#b4c0bc}.footer-bottom{border-top:1px solid #2b373a;margin-top:45px;padding-top:16px;display:flex;justify-content:space-between;color:#73817f;font-size:11px}.page-hero{padding-top:70px;padding-bottom:50px;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:8px;color:var(--muted);font-size:12px;margin-bottom:50px}.breadcrumbs a:hover{color:var(--accent)}.page-hero h1{font-size:60px;line-height:1.1;margin:0 0 14px;letter-spacing:-.05em}.page-hero p{color:var(--muted);max-width:630px;margin:0}.listing-section{padding-top:35px}.listing-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:22px}.detail-hero{padding-top:45px}.detail-layout{display:grid;grid-template-columns:330px 1fr;gap:60px;align-items:center}.detail-poster{aspect-ratio:7/10;position:relative;background:#ddd}.content-badge{position:absolute;left:16px;bottom:16px;background:var(--accent);color:#fff;padding:5px 9px;font-size:11px}.detail-copy h1{font-size:56px;line-height:1.05;margin:0 0 18px;letter-spacing:-.05em}.detail-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}.detail-intro{font-size:19px;max-width:650px;margin:28px 0 12px}.notice,.player-note{font-size:12px;color:#8a5f48;background:#f2e4d8;padding:12px 14px;max-width:650px}.player-section{padding-top:85px;padding-bottom:40px}.player-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.player-heading h2{margin:0;font-size:24px}.player-status{font-size:11px;color:var(--accent)}.video-wrap{background:#101719;aspect-ratio:16/9;max-height:650px}.video-wrap video{width:100%;height:100%;display:block}.detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:55px}.detail-bottom h2{font-size:26px}.episode-nav{display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px}.episode-nav a{border-bottom:1px solid var(--ink);padding-bottom:4px}.favorite-btn.is-saved{background:var(--accent2)}
@media(max-width:900px){.site-nav{gap:10px}.nav-link{font-size:11px}.header-inner{gap:16px}.hero{gap:40px}.card-grid{grid-template-columns:repeat(2,1fr)}.feature-movies{grid-template-columns:1fr 1fr}.wide-poster:first-child{grid-row:span 2;height:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:30px}.detail-layout{grid-template-columns:270px 1fr}}
@media(max-width:680px){.container{padding-left:20px;padding-right:20px}.site-header{padding:15px 0}.header-inner{padding:0 20px;justify-content:space-between}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:70px;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 20px;flex-wrap:wrap;justify-content:flex-start}.site-nav.is-open{display:flex}.nav-link{font-size:12px;width:30%;padding:8px 0}.hero{display:block;margin-top:30px;padding-top:20px;padding-bottom:60px}.hero h1{font-size:45px}.hero-reel{margin-top:45px;height:300px}.feature-strip{grid-template-columns:repeat(2,1fr);padding-top:18px;padding-bottom:18px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:18px}.section-heading h2,.guide-grid h2,.about-grid h2,.subscribe h2{font-size:30px}.card-grid,.short-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card-copy h3{font-size:16px}.card-copy p{font-size:11px}.feature-movies{grid-template-columns:1fr 1fr;gap:10px}.wide-poster{height:270px}.wide-poster:first-child{height:550px}.wide-poster span{font-size:17px;left:12px;bottom:14px}.series-row{grid-template-columns:25px 90px 1fr 20px;gap:10px}.series-main b{font-size:15px}.series-main small,.series-main em{font-size:10px}.category-grid{grid-template-columns:1fr}.ranking-list a{grid-template-columns:35px 1.4fr 1fr 20px;gap:8px}.ranking-list small{font-size:10px}.calendar{grid-template-columns:1fr}.calendar-day.today{transform:none}.guide-grid,.about-grid,.detail-bottom{grid-template-columns:1fr;gap:30px}.subscribe{display:block;margin:0 20px 65px}.subscribe-art{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding-top:35px;padding-bottom:35px}.breadcrumbs{margin-bottom:30px}.page-hero h1{font-size:45px}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-poster{max-width:280px}.detail-copy h1{font-size:42px}.player-heading{display:block}.player-status{display:inline-block;margin-top:8px}.episode-nav{justify-content:flex-start}}