*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaee;color:#41484c;font:16px/1.72 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:#9a6810}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#24282b;line-height:1.3}h1{font-size:clamp(26px,3vw,36px)}h2{font-size:clamp(21px,2.2vw,26px)}h3{font-size:18px}p{line-height:1.75}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:800;color:#846018;margin-bottom:12px}.section{padding-block:30px 35px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.section-head h2{margin:0}.section-head p{margin:0;max-width:650px;font-size:15px;color:#626c70}.site-header{background:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(77,67,41,.13)}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;min-width:148px;align-items:center}.brand img{max-height:36px;max-width:155px;object-fit:contain}.brand-mark{font-size:24px;font-weight:900;color:#24282b;letter-spacing:-1px}.brand-mark span{color:#c99018}.primary,.head-actions{display:flex;gap:20px;align-items:center}.primary a{font-size:14px;font-weight:700;white-space:nowrap;padding:22px 0;border-bottom:3px solid transparent}.primary a.active,.primary a:hover{border-color:#ffcd38;color:#24282b}.head-actions{gap:10px}.search-icon{font-size:29px;width:44px;text-align:center;line-height:44px}.mobile-link{font-size:13px;white-space:nowrap}.menu-trigger{border:1px solid #ddd4b9;border-radius:10px;background:#fffaee;color:#24282b;padding:9px 14px;min-height:44px}.subnav{background:#fff2cf}.subnav-scroll{display:flex;gap:30px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:44px}.subnav a{font-size:14px;font-weight:650;flex-shrink:0}.subnav a.active{color:#815700;border-bottom:3px solid #c99018}.drawer-overlay{position:fixed;inset:0;background:#12161999;z-index:39;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(390px,86vw);background:#fff;z-index:40;overflow-y:auto;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s;padding:24px}.drawer-open .drawer-overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-open{overflow:hidden}.drawer-top{display:flex;justify-content:space-between;align-items:center;font-size:21px}.drawer-top button{font-size:30px;background:transparent;border:0;width:44px;height:44px}.drawer-group{padding:18px 0;border-bottom:1px solid #e6ddcc;display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-group h2{grid-column:1/-1;font-size:16px;margin:0}.drawer-group a{padding:7px;font-size:14px}.hero{display:grid;grid-template-columns:1fr 1.06fr;gap:38px;align-items:center;padding-block:42px}.hero-copy h1{margin:0 0 19px}.hero-copy p{max-width:570px}.hero-art{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#ffe07a}.hero-art img,.media img,.intro-media img,.feature-image img,.detail-art img,.mobile-image img{width:100%;height:100%;object-fit:contain;object-position:center}.media-fallback{background:linear-gradient(135deg,#ffe07a 0%,#fff2cf 48%,#e3ebdd 100%);position:relative;overflow:hidden}.media-fallback:before{content:'';position:absolute;right:-6%;top:-24%;width:49%;aspect-ratio:1;border:3px solid #ffffff66;border-radius:50%}.media-fallback:after{content:'';position:absolute;left:12%;bottom:12%;width:20%;height:2px;background:#c990184a;box-shadow:0 -18px #c9901840,0 -36px #c990182b}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;min-height:46px;padding:9px 20px;font-weight:750;font-size:14px}.btn-primary{background:#ffcd38;color:#202428}.btn-secondary{background:#fff;color:#2b2f32;border:1px solid #c99018}.btn:hover{filter:brightness(.95);color:#24282b}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{background:#fff;border:1px solid rgba(77,67,41,.13);border-radius:15px;overflow:hidden;box-shadow:0 14px 34px rgba(39,38,26,.06);min-width:0}.work-card .media{aspect-ratio:3/2;background:#fff2cf}.card-copy{padding:18px}.card-copy h3{margin:2px 0 10px}.card-copy p{font-size:14px;color:#626c70;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;font-size:13px;color:#626c70;border-top:1px solid #ede6d8;padding-top:12px}.card-foot a{font-weight:750;color:#816019}.featured{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.featured .media{aspect-ratio:16/9}.featured .card-copy{padding:24px;flex:1}.featured h3{font-size:23px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-tile{border-radius:15px;padding:24px;min-height:172px;border-left:5px solid #c99018;background:#fff2cf}.genre-tile h3{margin:6px 0}.genre-tile p,.genre-tile span:last-child{font-size:14px}.genre-tile span:last-child{font-weight:700}.genre-tile.future{background:#e6e9e5;border-color:#7b9873}.genre-tile.twist{background:#eae8ef;border-color:#998bb7}.genre-tile.costume{background:#f6e9d9;border-color:#ef9a43}.genre-tile.sweet{background:#eff1dd;border-color:#85bbb1}.genre-tile.fantasy{background:#ede9f7;border-color:#998bb7}.tile-symbol{font-size:20px;color:#c99018}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.text-link{display:inline-block;font-weight:800;color:#825b0c;margin-top:18px}.wide-dark{background:#15191c;color:#fafaf5;margin-block:30px}.wide-dark h2{color:#fafaf5}.wide-dark .eyebrow{color:#ffe07a}.split-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding-block:52px}.feature-image{aspect-ratio:16/10;border-radius:15px;overflow:hidden}.stack-links{display:flex;flex-direction:column;gap:5px;margin-top:20px}.stack-links a{color:#ffe07a;padding:9px 0;border-bottom:1px solid #ffffff30}.topic-duo{display:grid;grid-template-columns:1fr 1fr;gap:25px}.topic-duo article{padding:25px;background:white;border-radius:16px}.topic-duo .media{aspect-ratio:16/8;margin:20px 0;border-radius:10px}.split-articles{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.soft-panel{padding:36px;border-radius:16px}.sage{background:#e6ecdc}.lilac{background:#eae5f4}.soft-panel a{font-weight:800}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:1fr 1.3fr auto;gap:12px;padding:17px 20px;border-radius:12px;background:#fff;align-items:center}.timeline-item span{font-size:14px;color:#626c70}.timeline-item a{color:#825b0c;font-weight:750;font-size:14px}.empty-state{padding:34px;background:#fff2cf;border-radius:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:24px;background:#fff;border-radius:12px}.step span{display:block;font-weight:900;color:#c99018}.step h3{margin:10px 0}.step p{font-size:14px;margin:0}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.editorial-grid>div,.editorial-grid>article{background:#fff;border-radius:14px;padding:24px}.editorial-grid .section-head{display:block}.editorial-grid p{font-size:15px}.mobile-feature{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;align-items:center;background:#fff2cf;border-radius:20px;padding:35px}.mobile-image{aspect-ratio:3/4;max-height:350px;justify-self:center;max-width:300px;border-radius:20px;overflow:hidden}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-row a{background:#fff;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.service-row span{font-size:13px;color:#626c70}.page-intro{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:35px;padding-block:44px}.page-intro p{max-width:770px}.intro-media{aspect-ratio:16/9;border-radius:16px;overflow:hidden}.feature-line{display:grid;grid-template-columns:90px 1fr;gap:20px;border-top:1px solid #e4dac7;padding:24px 8px}.feature-number{font-size:25px;font-weight:900;color:#c99018}.feature-line>div{max-width:950px}.prose-panel{background:#fff;border-radius:15px;padding:30px;max-width:950px}.related{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:25px 0;margin-top:20px;border-top:1px solid #ded4bf}.related a{padding:6px 12px;background:#fff;border-radius:8px;font-size:14px}.detail-hero{padding-block:45px;display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center}.detail-art{aspect-ratio:3/2;border-radius:16px;overflow:hidden}.detail-lead{font-size:18px}.meta-line{font-size:14px;color:#626c70}.episode-list{display:grid;gap:12px}.episode-item{background:#fff;padding:17px 20px;border-radius:12px;display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center}.episode-number{font-size:24px;font-weight:900;color:#c99018}.episode-item p{font-size:14px;margin:3px 0 0;color:#626c70}.episode-status{font-size:13px;font-weight:700;color:#946310}.watch-shell{background:#15191c;color:#fafaf5;padding:42px 0}.watch-shell h1{color:#fafaf5}.watch-shell .eyebrow{color:#ffe07a}.watch-shell video{width:100%;max-height:65vh;background:#080808;border-radius:12px;display:block}.video-unavailable{min-height:290px;background:#24282b;border:1px solid #45494b;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.video-unavailable strong{font-size:21px}.video-unavailable p{max-width:460px}.episode-nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.episode-nav a{padding:11px 16px;border-radius:10px;background:#fff}.search-form{max-width:680px}.search-form label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.search-form>div{display:flex;gap:8px}.search-form input{flex:1;min-width:0;border:1px solid #c8bda5;border-radius:10px;padding:10px 14px;min-height:46px;background:#fff}.faq-list details{background:#fff;margin-bottom:12px;border-radius:12px;padding:18px 22px}.faq-list summary{font-weight:800;color:#24282b;cursor:pointer}.faq-list p{margin:15px 0 0;color:#626c70}.footer{background:#15191c;color:#fafaf5;padding-top:52px;margin-top:45px}.footer-layout{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.footer-brand strong{display:block;color:#ffe07a;font-size:25px}.footer-brand span{font-size:12px;letter-spacing:.14em}.footer-brand p{font-size:13px;margin-top:20px;max-width:320px}.footer-group h2{font-size:15px;color:#ffe07a;margin:5px 0 13px}.footer-group a{display:block;color:#fafaf5;font-size:13px;padding:5px 0}.footer-group a:hover{color:#ffe07a}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff30;margin-top:40px;padding-block:18px;font-size:12px;color:#ddd}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c99018;outline-offset:3px}@media(max-width:1050px){.primary{gap:11px}.primary a{font-size:13px}.footer-layout{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:1/-1}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-row:auto}.service-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.container{width:calc(100% - 32px)}.primary,.mobile-link{display:none}.topbar{height:64px}.hero,.page-intro,.detail-hero,.split-feature,.mobile-feature{grid-template-columns:1fr}.hero{padding-block:25px;gap:20px}.hero-art{order:-1}.section{padding-block:23px}.section-head{display:block}.section-head p{margin-top:8px}.featured-grid,.cards.two,.cards.three,.topic-duo,.split-articles,.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.featured{grid-column:span 2}.split-feature{gap:22px}.footer-layout{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:18;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e7dbc6;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{display:flex;justify-content:center;align-items:center;min-height:52px;font-size:13px;font-weight:800}.footer{padding-bottom:75px}.intro-media{max-height:290px}.mobile-feature{padding:25px}}@media(max-width:520px){.featured-grid,.cards.two,.cards.three,.topic-duo,.split-articles,.editorial-grid,.steps{grid-template-columns:1fr}.featured{grid-column:auto}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{padding:16px;min-height:155px}.genre-tile h3{font-size:16px}.hero-copy p{font-size:15px}.timeline-item{grid-template-columns:1fr}.episode-item{grid-template-columns:35px 1fr}.episode-status{grid-column:2}.service-row{grid-template-columns:1fr 1fr}.service-row a{padding:14px}.footer-layout{grid-template-columns:repeat(2,1fr);gap:20px}.footer-bottom{flex-direction:column}.feature-line{grid-template-columns:48px 1fr;gap:10px}.feature-number{font-size:19px}.search-form>div{flex-wrap:wrap}.search-form button{width:100%}.mobile-image{max-width:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}