*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#292826;background:#fffdf8;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:#c65b0c}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.27}h1{font-size:clamp(30px,3.7vw,50px);letter-spacing:-1.5px}h2{font-size:clamp(24px,2.35vw,32px);letter-spacing:-.6px}h3{font-size:19px}p{color:#625d54}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.skip,.sr-only{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:30;padding:12px;background:#fff}.site-header{background:#fff;position:relative;z-index:10;border-bottom:1px solid #eee7db}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:21px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ffc83d,#f58a24);color:#352a10;display:grid;place-items:center;font-weight:900}.desktop-nav{display:flex;gap:32px;font-size:15px;font-weight:650}.nav-actions{display:flex;align-items:center;gap:12px}.search-link{font-size:14px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.mobile-menu{position:absolute;right:16px;top:74px;background:white;width:min(330px,calc(100vw - 32px));border:1px solid #eee3cf;box-shadow:0 20px 50px #39281124;border-radius:16px;padding:12px}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:9px 15px}.category-bar{border-bottom:1px solid #f1e8d9;background:#fff9ef}.category-scroll{display:flex;gap:34px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.category-scroll a{font-size:13px;padding:11px 0;color:#62564c}.category-scroll a:hover{color:#c65b0c}.kicker{font-weight:850;letter-spacing:2px;color:#c65b0c;font-size:12px;display:block;margin-bottom:16px}.eyebrow{font-size:12px;font-weight:700;color:#b46b23}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 22px;background:#ffc83d;border:1px solid #ffc83d;color:#2b2419;border-radius:9px;font-weight:800;min-height:44px}.btn:hover{background:#f5a92c;color:#211c15}.btn-outline{background:transparent;border-color:#d9c9ae}.btn-dark{background:#292826;border-color:#292826;color:white}.text-link{color:#c65b0c;font-weight:800}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;padding-block:66px 48px}.hero h1{font-size:clamp(38px,4.5vw,61px);line-height:1.18}.hero em{font-style:normal;color:#dc7820}.hero-copy>p{font-size:18px;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-note{display:block;margin-top:26px;font-size:12px;color:#857968}.hero-visual{position:relative;min-height:370px}.hero-image,.placeholder{background:linear-gradient(130deg,#fff0b5,#f5b75d 42%,#eb8864 80%,#9787d8);display:block;width:100%;object-fit:cover;min-height:100%;border-radius:22px}.hero-image{height:390px}.hero-visual .placeholder{height:390px}.placeholder{position:relative;overflow:hidden;isolation:isolate}.placeholder:before{content:'';position:absolute;width:65%;height:130%;top:-20%;right:-10%;transform:rotate(32deg);background:#ffffff2e;border-radius:45%}.placeholder-ring{position:absolute;width:45%;aspect-ratio:1;left:8%;top:20%;border-radius:50%;border:36px solid #ffffff40;box-shadow:0 0 0 40px #9a4b0820}.hero-float{position:absolute;right:-14px;bottom:20px;background:#fff;box-shadow:0 15px 45px #5e391b26;border-radius:12px;min-width:190px;padding:14px 20px;display:grid;gap:2px}.hero-float small,.hero-float span{font-size:12px;color:#8b6947}.hero-float b{font-size:18px}.section{padding-block:66px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.section-head h2{margin-bottom:0}.section-head p{margin:10px 0 0}.genre-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.genre{padding:19px 20px;border-radius:13px;background:#fff0cc;min-height:105px;display:flex;align-items:flex-end;justify-content:space-between;position:relative}.genre span{position:absolute;top:13px;left:20px;color:#8c7460;font-size:12px}.genre strong{font-size:18px}.genre b{font-size:20px}.genre-1,.genre-4{background:#efeaff}.genre-2,.genre-6{background:#e8f2fa}.genre-3{background:#e4f4ec}.genre-5{background:#ffe7df}.genre-7{background:#f9ebc9}.feature-section{background:#282729;color:#fff}.feature-layout{display:grid;grid-template-columns:40% 1fr;gap:7%;align-items:center}.feature-image{max-width:390px}.feature-poster,.poster,.drama-poster{aspect-ratio:2/3;width:100%;object-fit:cover;border-radius:13px}.feature-copy h2{font-size:45px}.feature-copy p{color:#e2ded7;max-width:650px}.feature-copy .kicker{color:#ffd07a}.feature-copy .btn{margin-top:13px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{display:block;background:white;border-radius:14px;overflow:hidden;border:1px solid #f0e8da;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #60421e16}.work-card .poster{aspect-ratio:3/2;border-radius:0}.work-text{padding:17px 19px 23px}.work-text h3{margin:7px 0}.work-text p{font-size:14px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.editorial{background:#fff1d8}.editorial-layout,.lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.editorial-layout h2,.lab-layout h2{font-size:clamp(29px,3vw,44px)}.editorial-layout p{max-width:540px}.wide-image{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:18px}.story-world{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-world article{padding:28px;border:1px solid #eae5dc;border-radius:15px;background:white}.story-world h3{margin:8px 0}.spotlight-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.spotlight-main .work-card .poster{aspect-ratio:1.2}.spotlight-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spotlight-side .work-card .poster{aspect-ratio:3/4}.spotlight-side .work-text p{display:none}.lab{background:#eef6f7}.lab-steps{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.lab-steps span{background:white;border-radius:20px;padding:6px 12px;font-size:13px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.duo article{border-radius:18px;background:#efeaff;padding:34px}.duo article+article{background:#fff0cc}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note-card{display:block;padding:27px;border:1px solid #eae5dc;border-radius:13px;background:white}.note-card p{font-size:14px}.note-card b{color:#bd6318;font-size:14px}.theme-teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.theme-teasers a{background:#312c2c;color:white;border-radius:15px;padding:25px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.theme-teasers a:nth-child(2){background:#604b7a}.theme-teasers a:nth-child(3){background:#916023}.theme-teasers a:nth-child(4){background:#4b766b}.theme-teasers h3{margin:0}.theme-teasers span{font-size:13px}.discovery{border-radius:23px;background:#fff0bf;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px}.discovery h2{margin-bottom:10px}.search-form,.search-page-form{display:flex;gap:8px}.search-form input,.search-page-form input{padding:12px 15px;border:1px solid #ded4c5;border-radius:9px;min-width:220px;background:white}.service-note{text-align:center;padding:25px 0 50px;font-size:14px}.service-note a{color:#c65b0c}.footer{background:#242426;color:#f8f5ec;padding:50px 0 22px;margin-top:25px}.footer p{color:#c2bcb2;font-size:14px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:23px}.footer-links{display:grid;grid-template-columns:repeat(3,auto);column-gap:24px;align-content:start;row-gap:16px;font-size:14px}.footer-bottom{font-size:12px;color:#aaa29c;border-top:1px solid #484443;padding-top:18px;margin-top:28px}.mobile-bottom{display:none}.top-button{position:fixed;bottom:22px;right:20px;border:1px solid #e4c58d;border-radius:50%;background:#fff;box-shadow:0 2px 18px #0001;width:43px;height:43px;z-index:8}.page{padding-block:32px 65px;min-height:60vh}.page-intro{padding:40px 0 34px;max-width:820px}.page-intro h1{margin-bottom:13px}.count{font-weight:800;color:#bb6b1a}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter{padding:8px 15px;background:#fff;border-radius:30px;border:1px solid #e8dfd2;font-size:14px}.filter.active{background:#ffc83d;border-color:#ffc83d;color:#242424;font-weight:700}.compact{align-items:center}.compact form{font-size:13px}.compact select{border:1px solid #dcd4c8;border-radius:8px;padding:6px;background:#fff}.pagination{display:flex;gap:8px;justify-content:center;margin:35px 0}.pagination a{padding:7px 14px;border-radius:8px;border:1px solid #e5dccd}.pagination a[aria-current]{background:#ffc83d;font-weight:800}.aside-cta{background:#fff1d4;padding:28px 33px;border-radius:17px;margin-top:40px}.aside-cta h2{font-size:24px}.empty{padding:50px 20px;background:#fff6e6;border-radius:14px}.breadcrumbs{font-size:13px;color:#8b8070;padding:12px 0 35px}.drama-hero{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:6%;align-items:center;padding-bottom:44px;border-bottom:1px solid #eee5da}.drama-hero h1{font-size:clamp(34px,4vw,54px)}.drama-poster{box-shadow:0 16px 45px #33200d19}.lead{font-size:19px;color:#49433b}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tags span{font-size:13px;padding:6px 10px;background:#fff0cc;border-radius:30px}.drama-intro{max-width:680px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:7%;padding-top:45px}.readable{max-width:790px;line-height:1.85}.readable section{margin-bottom:50px}.readable section>h2{margin:5px 0 16px}.readable p{margin-bottom:18px}.character{padding:17px 20px;background:#fff;border:1px solid #eee4d8;border-radius:10px;margin:12px 0}.character p{margin:7px 0 0}.info-panel{border-radius:13px;background:#fff4dc;padding:24px;margin-bottom:18px}.info-panel h3{margin:0 0 16px}.info-panel dl{display:grid;grid-template-columns:85px 1fr;gap:10px;font-size:13px}.info-panel dt{color:#756b5b}.info-panel dd{margin:0}.episode-list details{border-bottom:1px solid #e6dfd5;padding:12px 0}.episode-list summary{list-style:none;display:flex;align-items:center;gap:17px;cursor:pointer}.episode-list summary::-webkit-details-marker{display:none}.episode-list summary span{color:#bf6f21;font-weight:800;font-size:13px}.episode-list summary b{margin-left:auto}.episode-list details p{padding:12px 0 0 61px}.theme-hero,.studio-hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;margin:20px 0 45px}.theme-list{display:grid;gap:28px}.theme-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center;padding:18px;background:white;border:1px solid #eee4d8;border-radius:20px}.theme-row:nth-child(even)>div:first-child{order:2}.theme-row h2{margin:0 0 14px}.theme-row p{font-size:15px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.process-grid a{border:1px solid #e7e1d7;border-radius:14px;padding:25px;background:white}.process-grid span{color:#c65b0c;font-weight:800}.process-grid h3{margin:8px 0}.process-grid p{font-size:14px}.article{margin-inline:auto}.article h1{margin-bottom:14px}.article p{font-size:17px}.search-page-form{max-width:750px;margin-bottom:38px}.search-page-form input{flex:1}.search-page-form select{background:#fff;border:1px solid #dcd4c8;border-radius:8px;padding:9px}.results-heading{font-size:24px}.results-heading small{font-size:14px;color:#82786c}.results>a{display:block;background:#fff;border-bottom:1px solid #eee5da;padding:20px 24px}.results h3{margin:5px 0}.results p{margin:0;font-size:14px}.about-layout{display:grid;grid-template-columns:210px 1fr;gap:8%}.about-index{position:sticky;top:25px;align-self:start;display:grid;gap:8px}.about-index a{padding:8px 12px;border-left:2px solid #e7ca91}.about-content section{scroll-margin-top:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ab62d7;outline-offset:3px}@media(max-width:1000px){.desktop-nav{gap:16px}.hero{gap:15px}.wrap{width:min(1280px,calc(100% - 42px))}.genre-grid{grid-template-columns:repeat(4,1fr)}.work-grid,.notes-grid{gap:14px}.feature-copy h2{font-size:35px}.detail-layout{grid-template-columns:1fr 250px;gap:24px}}@media(max-width:700px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.desktop-nav,.search-link{display:none}.menu-toggle{display:block}.nav{height:64px}.mobile-menu{top:64px}.category-scroll{gap:22px}.hero{grid-template-columns:1fr;padding:35px 0}.hero h1{font-size:37px}.hero-visual,.hero-image,.hero-visual .placeholder{min-height:240px;height:260px}.hero-float{right:8px;bottom:9px}.section{padding-block:40px}.section-head{align-items:start}.section-head .text-link{white-space:nowrap;font-size:13px}.genre-grid{grid-template-columns:repeat(2,1fr)}.genre{min-height:95px}.feature-layout,.editorial-layout,.lab-layout,.theme-hero,.studio-hero,.detail-layout,.about-layout{grid-template-columns:1fr}.feature-image{max-width:260px;margin:auto}.feature-copy h2{font-size:31px}.feature-layout{gap:24px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card .poster{aspect-ratio:2/3}.work-text{padding:12px}.work-text h3{font-size:16px}.work-text p{font-size:12px}.story-world,.notes-grid,.process-grid{grid-template-columns:1fr}.spotlight-grid{grid-template-columns:1fr}.spotlight-side{gap:10px}.duo{grid-template-columns:1fr}.theme-teasers{grid-template-columns:repeat(2,1fr)}.discovery{display:block;padding:25px}.search-form,.search-page-form{flex-wrap:wrap}.search-form input,.search-page-form input{width:100%;min-width:0}.footer-inner{display:block}.footer-links{grid-template-columns:repeat(2,1fr);margin-top:28px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;background:white;z-index:9;border-top:1px solid #eee2ce;display:flex;justify-content:space-around;padding:9px 3px calc(9px + env(safe-area-inset-bottom));font-size:12px;font-weight:800}.footer{padding-bottom:90px}.top-button{bottom:75px}.page{padding-block:20px 45px}.page-intro{padding:25px 0}.drama-hero{grid-template-columns:1fr;gap:24px}.drama-hero>div:first-child{max-width:220px}.detail-aside{order:2}.theme-row{grid-template-columns:1fr;gap:20px}.theme-row:nth-child(even)>div:first-child{order:0}.about-index{position:static;display:flex;flex-wrap:wrap}.about-index a{font-size:13px}.section-head h2{font-size:23px}.episode-list details p{padding-left:0}}@media(max-width:360px){.hero h1{font-size:32px}.hero-actions .btn{padding-inline:13px}.work-grid{gap:8px}.work-text h3{font-size:15px}.theme-teasers{grid-template-columns:1fr}.genre{padding:13px}.genre strong{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card{transition:none}}