*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaee;color:#41484c;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#24282b;line-height:1.32;letter-spacing:-.025em}h1{font-size:clamp(25px,3vw,36px)}h2{font-size:clamp(21px,2.3vw,26px)}h3{font-size:18px}p{margin-bottom:16px}a{color:inherit;text-decoration:none}a:hover{color:#9c6a03}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd8021;outline-offset:3px}.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;top:-60px;left:12px;background:#ffcd38;color:#202428;padding:10px;z-index:100}.skip:focus{top:8px}.site-header{background:white;position:relative;z-index:20;border-bottom:1px solid #e9e1ce}.nav-wrap{min-height:70px;display:flex;align-items:center;gap:24px}.brand{flex:none;display:flex;align-items:center}.logo{max-height:35px;max-width:155px;width:auto;height:auto;object-fit:contain}.wordmark{font-size:24px;line-height:1;font-weight:900;letter-spacing:-1px;color:#252b2d}.wordmark span{color:#c99018}.main-links{display:flex;align-items:center;gap:clamp(10px,1.65vw,25px);margin-left:auto}.main-links a,.genre-scroll a{white-space:nowrap;font-size:14px;font-weight:650}.main-links a:hover,.genre-scroll a:hover{text-decoration:underline;text-decoration-color:#ffcd38;text-underline-offset:7px}.header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.icon-button{border:0;background:#f8f4e9;color:#24282b;width:44px;height:44px;display:grid;place-items:center;border-radius:10px;font-size:25px}.icon-button:hover{background:#ffe07a}.app-pill{font-size:13px;font-weight:700;border:1px solid #e8d9af;border-radius:9px;padding:9px 12px;white-space:nowrap}.genre-bar{background:#fff2cf}.genre-scroll{display:flex;align-items:center;gap:30px;white-space:nowrap;overflow-x:auto;min-height:44px;scrollbar-width:thin}.genre-scroll a{font-size:13px;color:#4a4c43}.drawer-shade{position:fixed;inset:0;background:rgba(21,25,28,.52);z-index:35}.drawer-shade[hidden]{display:none}.site-drawer{position:fixed;z-index:40;right:0;top:0;bottom:0;width:min(390px,86vw);overflow:auto;background:#fffaf0;padding:24px;box-shadow:-20px 0 40px #0002;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.site-drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;font-size:21px;color:#24282b}.drawer-group{margin-top:22px}.drawer-group h2{font-size:15px;padding-bottom:7px;border-bottom:1px solid #eadfbe}.drawer-group>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-group a{font-size:14px}.drawer-search{margin-top:20px}.drawer-search label,.search-form label{display:block;font-weight:700;font-size:14px;margin-bottom:9px}.drawer-search>div,.search-form>div{display:flex;gap:8px}.drawer-search input,.search-form input{min-width:0;flex:1;border:1px solid #dcd4c4;border-radius:9px;padding:10px;background:white}.drawer-search button{background:#ffcd38;border:0;border-radius:9px;padding:9px 14px;color:#202428;font-weight:700}.section{padding-block:55px}.section-heading{margin-bottom:24px;max-width:780px}.section-heading h2{margin:8px 0}.section-heading p{color:#626c70}.eyebrow{color:#856314;font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:850;display:inline-block}.eyebrow.light{color:#ffe07a}.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:42px;align-items:center;padding-block:42px}.hero h1{margin:15px 0}.hero p{max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:10px;font-size:14px;font-weight:750;line-height:1.4;border:1px solid transparent;text-align:center}.btn.primary{background:#ffcd38;color:#202428}.btn.primary:hover{background:#ffe07a;color:#202428}.btn.secondary{background:white;color:#2b2f32;border-color:#e5cb85}.btn.secondary:hover{background:#fff2cf}.hero-art .media-box{aspect-ratio:16/10;max-height:380px}.media-box{width:100%;aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#ffe9a3,#f5ddbc 45%,#bfcfc4);display:flex;align-items:center;justify-content:center;position:relative}.media-img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}.media-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;position:relative}.media-fallback span{font-size:clamp(18px,4vw,37px);letter-spacing:.12em;font-weight:900;color:#5e522e;z-index:1}.media-fallback i{position:absolute;width:55%;aspect-ratio:1;border:1px solid #ffffff99;border-radius:50%;right:-10%;top:-35%;box-shadow:0 0 0 60px #ffffff20}.soft-band{background:#fff2cf}.section-tail{text-align:right;margin-top:20px}.text-link{color:#80560d;font-size:14px;font-weight:800}.text-link:hover{text-decoration:underline}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.drama-card{background:white;border:1px solid rgba(77,67,41,.13);border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 10px 24px rgba(39,38,26,.05)}.drama-card .media-box{border-radius:0}.card-content{padding:17px}.card-content h3{margin:5px 0 10px}.card-content p{font-size:14px;line-height:1.7;color:#626c70;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.card-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.small-muted{color:#626c70;font-size:13px}.featured-layout{display:grid;grid-template-columns:1.13fr 1fr;gap:18px;align-items:stretch}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drama-card.compact .media-box{aspect-ratio:16/8}.drama-card.compact .card-content{padding:12px}.drama-card.compact h3{font-size:16px}.drama-card.compact p{font-size:13px;-webkit-line-clamp:2;margin-bottom:6px}.drama-card.compact .card-bottom{font-size:12px}.drama-card.spotlight .media-box{aspect-ratio:16/10}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-tile{display:flex;flex-direction:column;gap:4px;min-height:128px;border-radius:15px;background:white;padding:20px;border-top:5px solid #ef9a43;font-weight:700;box-shadow:0 5px 18px #00000009}.genre-tile span{font-size:14px;font-weight:400}.genre-tile b{color:#24282b}.tile-future{border-color:#85bbb1}.tile-twist{border-color:#998bb7}.tile-costume{border-color:#c99018}.tile-sweet{border-color:#7b9873}.tile-fantasy{border-color:#998bb7}.horizontal-cards{grid-template-columns:repeat(3,1fr)}.theatre-band{background:#15191c;color:#fafaf5}.theatre-band h2{color:#fafaf5}.theatre-band p{color:#d3d7d5}.future-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.future-layout .media-box{aspect-ratio:3/2}.line-links{display:grid;gap:12px;margin-top:22px}.line-links a{border-bottom:1px solid #ffffff29;padding-bottom:9px;color:#ffe07a;font-weight:750}.editorial-duo{display:grid;gap:25px;grid-template-columns:1fr 1fr}.editorial{background:white;border-radius:15px;padding:20px}.editorial .media-box{margin-bottom:20px}.editorial-alt{display:flex;flex-direction:column;justify-content:space-between;background:#f5efe2}.editorial-alt .media-box{margin-top:15px;aspect-ratio:16/8}.split-cards{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.narrative-card{background:#deebd8;border-radius:17px;padding:30px;min-height:210px}.narrative-card.lilac{background:#e9e2f5}.narrative-card a,.empty-library a{font-weight:800;color:#80560d}.status-list{display:grid;gap:8px}.status-row{display:grid;grid-template-columns:12px minmax(100px,1fr) minmax(130px,1fr) auto;align-items:center;gap:16px;background:white;border:1px solid #eee4d5;padding:15px 19px;border-radius:11px;font-size:14px}.status-row b{color:#9b6b17}.status-dot{width:9px;height:9px;background:#c99018;border-radius:50%}.empty-library{padding:44px 28px;border:1px dashed #cbbb91;background:#fffdf5;border-radius:15px}.empty-library h2,.empty-library h3{margin-bottom:10px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{border-top:3px solid #ffcd38;background:white;padding:20px;border-radius:8px}.steps-grid article span{color:#c99018;font-weight:900}.steps-grid h3{margin:8px 0}.steps-grid p{font-size:14px;margin:0}.dual-info,.mobile-experience{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.character-lines{background:white;padding:24px;border-radius:16px}.character-lines p{display:flex;justify-content:space-between;border-bottom:1px solid #eee3d3;gap:20px;padding:12px 0}.character-lines p:last-child{border:0}.character-lines span{font-size:14px}.topic-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-columns a{background:white;padding:18px;border-radius:12px;border:1px solid #e7ddc7}.topic-columns p{font-size:14px;margin:8px 0 0}.editor-note{max-width:850px;margin-top:25px}.editor-note a{color:#80560d;font-weight:800}.mobile-experience{grid-template-columns:.75fr 1.25fr}.mobile-experience .media-box{aspect-ratio:3/4;max-width:320px;margin:auto}.legal-strip{background:#15191c;color:#fafaf5;padding:25px;border-radius:15px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.legal-strip div{flex:1 1 330px}.legal-strip h2{color:white}.legal-strip a{color:#ffe07a;font-weight:700}.faq-home-heading{margin-top:35px}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-mini details,.faq-list details{background:white;border-radius:12px;border:1px solid #eae0cf;padding:17px}.faq-mini summary,.faq-list summary{cursor:pointer;font-weight:800;color:#24282b}.faq-mini p{margin:10px 0 0;font-size:14px}.page-intro{padding-block:44px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.page-intro p{max-width:690px}.page-intro .media-box{aspect-ratio:3/2}.editorial-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.editorial-block{background:white;border-radius:15px;padding:24px;border:1px solid #eadfce}.editorial-block h2{margin:12px 0}.editorial-block p{font-size:15px}.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:clues}.reading-note{border-left:6px solid #ffcd38;padding:24px;background:white;border-radius:0 14px 14px 0}.character-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.character-directory a{display:flex;gap:8px;align-items:center;justify-content:space-between;background:white;padding:15px;border-radius:10px}.character-directory a span{color:#9c6a03;font-weight:800}.character-directory small{color:#626c70}.related{width:min(1240px,calc(100% - 40px));margin:35px auto 55px;padding:22px;border-radius:14px;background:#fff2cf}.related strong{display:block;margin-bottom:9px;color:#24282b}.related>div{display:flex;gap:10px;flex-wrap:wrap}.related a{font-size:13px;font-weight:700;background:white;border:1px solid #eee0bf;border-radius:8px;padding:5px 11px}.detail-head{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;padding-block:46px}.detail-art{aspect-ratio:3/4;max-height:440px}.detail-summary{font-size:17px}.detail-state{display:inline-block;background:#fff2cf;border-radius:8px;padding:4px 12px;font-size:14px;font-weight:700}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tag-list span{padding:4px 12px;background:white;border-radius:20px;font-size:13px}.article-layout{display:grid;grid-template-columns:1fr 320px;gap:35px}.article-layout article{max-width:770px}.article-layout h2{margin-top:20px}.side-note{background:white;padding:22px;border-radius:14px;align-self:start}.side-note dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.side-note dt{color:#626c70}.side-note dd{margin:0;text-align:right;font-weight:700}.episodes{display:grid;gap:12px}.episode{display:grid;grid-template-columns:45px 1fr auto;gap:17px;align-items:center;background:white;border-radius:12px;padding:18px}.episode-number{font-size:28px;color:#c99018;font-weight:900}.episode h3{margin-bottom:5px}.episode p{font-size:14px;margin:0 0 4px}.watch-page{padding-block:40px}.watch-crumb{font-size:14px;margin-bottom:20px;color:#626c70}.player-shell{background:#15191c;color:#fafaf5;border-radius:15px;overflow:hidden;min-height:260px;margin:22px 0}.player-shell video{display:block;width:100%;height:auto;max-height:70vh;background:#000}.not-ready{text-align:center;padding:60px 20px;max-width:600px;margin:auto}.not-ready span{color:#ffe07a;font-size:12px;letter-spacing:.2em}.not-ready h2{color:white;margin:16px 0}.not-ready p{color:#d4d4d0}.watch-description{max-width:820px}.episode-pagination{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:22px 0}.search-page>p{max-width:780px}.search-form{max-width:750px;margin:28px 0 38px}.search-page>.work-grid{margin-top:18px}.page-narrow{max-width:950px}.large-intro{font-size:17px}.faq-list{display:grid;gap:12px;margin-top:30px}.faq-list details{padding:20px}.faq-list summary{display:flex;gap:17px;align-items:baseline}.faq-list summary span{color:#b47d12}.faq-list details p{margin:14px 0 0;padding-left:36px}.empty-state{min-height:45vh}.site-footer{background:#15191c;color:#fafaf5;padding:50px 0 24px}.footer-layout{display:grid;grid-template-columns:2.1fr repeat(4,1fr);gap:26px}.footer-logo{font-size:25px;color:#ffe07a;font-weight:900}.footer-brand>span{display:block;font-size:11px;letter-spacing:.1em;margin:5px 0 22px}.footer-brand p{font-size:13px;color:#d1d5d2;max-width:300px}.footer-group h2{color:#ffe07a;font-size:15px;margin-bottom:14px}.footer-group a{display:block;font-size:13px;color:#e8ebe8;margin:7px 0}.footer-group a:hover{color:#ffe07a}.foot-bottom{border-top:1px solid #525b53;padding-top:17px;margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#d0d2ce}.mobile-tabs{display:none}@media(max-width:1100px){.main-links{gap:10px}.main-links a{font-size:12px}.nav-wrap{gap:10px}.app-pill{display:none}.footer-layout{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:1/-1}}@media(max-width:800px){.container{width:calc(100% - 36px)}.section{padding-block:36px}.hero,.page-intro,.future-layout,.detail-head,.dual-info,.mobile-experience{grid-template-columns:1fr;gap:24px}.hero-art{order:-1}.hero-art .media-box{max-height:310px}.main-links{display:none}.header-actions{margin-left:auto}.featured-layout,.split-cards,.editorial-duo,.article-layout{grid-template-columns:1fr}.work-grid,.steps-grid,.topic-columns,.editorial-sections,.clue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-directory{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.foot-bottom{padding-bottom:15px}}@media(max-width:600px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.container,.related{width:calc(100% - 32px)}h1{font-size:27px}h2{font-size:22px}h3{font-size:17px}.nav-wrap{min-height:60px}.genre-scroll{gap:22px}.app-pill{display:none}.hero{padding-top:24px}.hero-copy p{font-size:15px}.work-grid,.editorial-sections,.clue-grid,.split-cards,.editorial-duo,.faq-mini{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.featured-layout{grid-template-columns:1fr}.drama-card.compact .media-box{aspect-ratio:16/9}.genre-grid{gap:10px}.genre-tile{min-height:115px;padding:14px;font-size:14px}.genre-tile span{font-size:13px}.steps-grid,.topic-columns,.character-directory{grid-template-columns:1fr 1fr}.topic-columns a{padding:12px}.steps-grid article{padding:13px}.character-directory a{flex-direction:column;align-items:start}.status-row{grid-template-columns:10px 1fr auto;gap:10px}.status-row>span:nth-of-type(2){grid-column:2;grid-row:2}.status-row>b{grid-column:3;grid-row:1/3}.mobile-experience .media-box{max-height:290px;aspect-ratio:4/3}.detail-art{max-height:310px;aspect-ratio:4/3}.episode{grid-template-columns:34px 1fr;gap:12px}.episode .btn{grid-column:2;justify-self:start}.footer-layout{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.foot-bottom{flex-direction:column}.mobile-tabs{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:25;background:white;border-top:1px solid #e7ddc7}.mobile-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;color:#24282b;font-size:20px}.mobile-tabs span{font-size:12px;margin-top:4px}.not-ready{padding:42px 18px}.player-shell{min-height:230px}.character-lines p{flex-wrap:wrap}.faq-list details p{padding-left:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* HUANGGUO 2026 / Story Station refresh */
:root{--new-ink:#202c2b;--new-mint:#d9eee4;--new-peach:#ffecd8}
body{background:#fcfbf5;color:#28312d}
.site-header{box-shadow:0 5px 24px rgba(36,49,40,.04)}
.new-hero{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:38px;padding-top:49px;padding-bottom:48px}
.new-hero-main{padding:16px 0}.new-hero h1{font-size:clamp(31px,3vw,44px);line-height:1.22;letter-spacing:-.035em;margin:16px 0 20px;color:#20312e}
.new-hero p{font-size:16px;line-height:1.85;max-width:570px}.new-hero-art .media-box{min-height:350px;border-radius:28px;background:linear-gradient(130deg,#ffe28b,#d8ead9)}
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-meta span{font-size:13px;color:#41514b;border:1px solid #d9e1d7;border-radius:20px;padding:5px 11px}
.new-section-top{display:flex;justify-content:space-between;align-items:end;gap:15px}.new-picks{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.new-picks-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.new-picks-mini .drama-card .media-box{min-height:136px}.new-picks-mini .drama-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.new-picks-mini .card-content{padding:14px}
.new-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.new-category-grid a{display:block;background:white;padding:24px;border:1px solid #e8e8dc;border-radius:18px;color:#27322d;text-decoration:none;transition:transform .15s,box-shadow .15s}.new-category-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 26px #243a2a13}.new-category-grid b{color:#aa7b24;font-size:13px}.new-category-grid h3{font-size:23px;margin:18px 0 8px}.new-category-grid p{margin:0 0 22px;color:#657069}.new-category-grid span{font-weight:700;font-size:14px}.new-category-grid a:nth-child(2),.new-category-grid a:nth-child(5){background:#e7f1e8}.new-category-grid a:nth-child(3),.new-category-grid a:nth-child(6){background:#fff0df}
.new-editorial{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center}.new-editorial-visual .media-box{min-height:280px;border-radius:22px}.new-editorial h2{font-size:29px}.new-editorial p{line-height:1.9}
.new-duo{display:grid;grid-template-columns:1fr 1fr;gap:23px}.new-duo article{background:#fff;border:1px solid #eee9dc;border-radius:20px;overflow:hidden}.new-duo .media-box{border-radius:0;min-height:240px}.new-duo article>div:last-child{padding:23px}.new-duo h2{margin:0 0 10px}.new-duo p{color:#5d6762}
.new-three{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.new-three article{padding:14px 14px 23px;border:1px solid #e8e8dc;border-radius:20px;background:#fff}.new-three article .media-box{min-height:180px}.new-three h2,.new-three p,.new-three article>a{margin-left:10px;margin-right:10px}.new-three h2{font-size:21px}.new-three p{line-height:1.8}.new-three article>a{color:#795800;font-weight:700}
.new-endcap{display:flex;justify-content:space-between;align-items:center;gap:24px}.new-endcap h2{color:#fff;font-size:30px}.new-endcap p{max-width:570px;color:#e9e9dd}.subline{font-size:19px!important;color:#886a23;font-weight:550}
@media(max-width:1050px){.new-picks-mini{grid-template-columns:1fr}.new-picks-mini .drama-card p{display:none}}
@media(max-width:760px){.new-hero,.new-editorial,.new-duo,.new-picks{grid-template-columns:1fr}.new-hero{gap:18px;padding-top:25px}.new-hero-art .media-box{min-height:200px}.new-picks-mini{grid-template-columns:1fr 1fr}.new-picks-mini .drama-card p{display:block}.new-category-grid{grid-template-columns:repeat(2,1fr)}.new-three{grid-template-columns:1fr}.new-endcap{display:block}.new-hero h1{font-size:31px}}
@media(max-width:440px){.new-category-grid{grid-template-columns:1fr}.new-picks-mini{grid-template-columns:1fr}.new-section-top{display:block}.new-hero h1{font-size:28px}}