*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9f1;color:#292025;font:16px/1.78 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(29px,3.2vw,40px);margin:12px 0 24px}h2{font-size:clamp(22px,2.2vw,27px);margin:8px 0 18px}h3{font-size:19px;margin:10px 0}p{color:#4a3c42}.container{width:min(100% - 64px,1250px);margin-inline:auto}.content-section{margin-block:60px}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#a2243d}.lead{font-size:18px;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-yellow{background:#f4c53e;color:#292025}.btn-red{background:#a2243d;color:#fff}.btn-light{background:#fff;color:#401b29}.btn-outline{border:1px solid #a2243d;color:#751a32;background:transparent}.text-link{color:#8b1c34;font-weight:800;display:inline-flex;align-items:center;min-height:44px}.skip{position:absolute;left:-9999px;z-index:1000;background:white;padding:12px}.skip:focus{left:10px;top:10px}.microbar{background:#401b29;color:#f8f4f3;font-size:11px;letter-spacing:.11em}.microbar .container{min-height:29px;display:flex;justify-content:space-between;align-items:center}.microbar a{letter-spacing:0}.site-header{background:#fff9f1;border-bottom:1px solid #f1ddd7;position:relative;z-index:15}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;line-height:1.2}.logo img{max-height:54px;max-width:190px;object-fit:contain}.logo b{font-size:21px;letter-spacing:.05em}.logo small{display:block;font-size:9px;color:#8d4b57;letter-spacing:.11em}.logo-symbol{display:grid;place-items:center;background:#a2243d;color:#ffe6a0;width:44px;height:44px;border-radius:14px;font-size:23px;font-weight:900}.primary{display:flex;align-items:center;gap:clamp(10px,1.7vw,28px);font-size:14px;font-weight:800;white-space:nowrap}.primary a{padding-block:24px}.primary a:hover,.topic-scroll a:hover{color:#a2243d}.header-actions{display:flex;gap:14px;align-items:center}.search-link{font-size:18px;font-weight:700;white-space:nowrap}.search-link span{font-size:13px}.menu-toggle{background:#751a32;border:0;color:white;border-radius:9px;padding:11px 13px;min-height:44px;font-size:13px;white-space:nowrap}.topic-nav{background:#fff1d2;border-bottom:1px solid #ead8b7}.topic-scroll{display:flex;align-items:center;gap:32px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;min-height:43px;font-size:13px;font-weight:750}.drawer-shade{position:fixed;inset:0;background:rgba(20,14,19,.63);z-index:60}.drawer-shade[hidden]{display:none}.drawer{position:fixed;z-index:61;right:0;top:0;bottom:0;width:min(660px,88vw);overflow-y:auto;background:#fff9f1;padding:28px;box-shadow:-12px 0 42px #1a0d1430;transform:translateX(102%);transition:transform .24s ease}.drawer:not([aria-hidden="true"]){transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;font-size:23px}.drawer-top button{width:44px;height:44px;border:1px solid #e4c4c9;border-radius:9px;background:white}.drawer-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 26px;padding-top:20px}.drawer-groups h2{font-size:17px;color:#a2243d}.drawer-groups section>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 12px}.drawer-groups a{padding:8px 0;font-size:14px}.home-hero{background:#401b29;color:#f8f4f3;overflow:hidden}.hero-inner{display:grid;grid-template-columns:44% 56%;align-items:center;min-height:390px;gap:22px;padding-block:27px}.home-hero h1{font-size:clamp(30px,3.3vw,42px);line-height:1.35}.home-hero h1 em{font-style:normal;color:#f4c53e;display:block}.home-hero p{color:#e9dbdf;max-width:490px}.home-hero .eyebrow{color:#ffe6a0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0}.hero-note{font-size:12px}.hero-art{height:330px}.media,.work-art,.hero-art{border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9e8e6}.hero-art{background:#5c2738}.media img,.hero-art img,.work-art img{width:100%;height:100%;object-fit:contain}.media-fallback{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;width:100%;height:100%;min-height:170px;background:linear-gradient(130deg,#5c2738,#a2243d 61%,#c47460);overflow:hidden}.media-fallback:before{content:"";position:absolute;width:54%;height:190%;border:42px solid #f4c53e;transform:rotate(34deg);opacity:.2;right:-4%}.media-fallback span{font-weight:900;letter-spacing:.26em;font-size:clamp(16px,2.8vw,30px);color:#ffe6a0;z-index:1}.media-fallback i{position:absolute;left:12%;bottom:17%;width:38px;height:6px;background:#f4c53e}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-heading p{margin:0}.grid-3,.grid-4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.work-card,.panel{background:white;border:1px solid #f0e3dc;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.work-card:hover,.panel:hover{transform:translateY(-4px);box-shadow:0 14px 32px #55223617}.work-art{aspect-ratio:16/9;border-radius:0}.work-info{display:flex;flex-direction:column;gap:6px;padding:18px}.work-info strong{font-size:18px;line-height:1.5}.work-info>span:last-child{font-size:13px;color:#63535a;line-height:1.7}.feature{display:grid;grid-template-columns:52% 1fr;gap:46px;align-items:center}.feature-right .feature-media{order:2}.feature .media{min-height:270px;aspect-ratio:16/9}.feature-copy>p{max-width:510px}.compact-list{padding:0;list-style:none;border-top:1px solid #ead9d2}.compact-list li{border-bottom:1px solid #ead9d2}.compact-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0}.compact-list span{font-size:12px;color:#8c6470;white-space:nowrap}.dark-band{background:#19151c;color:#f8f4f3}.dark-band p,.dark-band .timeline small{color:#e9dbdf}.dark-band .eyebrow{color:#ffe6a0}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:25px 0}.timeline a{border-top:3px solid #f4c53e;background:#fff9f1;color:#292025;border-radius:0 0 12px 12px;padding:17px;display:flex;flex-direction:column;gap:10px}.timeline b{color:#a2243d;font-size:12px}.timeline span{font-weight:800}.timeline small,.dark-band .timeline small{color:#64545b;font-size:12px;line-height:1.6}.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.duo-card{display:block;border-radius:16px;background:white;overflow:hidden;padding-bottom:20px;border:1px solid #f0e3dc}.duo-card .media{border-radius:0;aspect-ratio:16/7}.duo-card h3,.duo-card p,.duo-card strong{display:block;margin:12px 24px}.duo-card strong{color:#a2243d}.future{background:#eaf0f0}.fantasy{background:#f7e9f8}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.character-card{padding:22px;background:#fff1d2;border-radius:14px}.character-card:nth-child(even){background:#f9e8e6}.character-card span{font-size:12px;color:#a2243d;font-weight:800}.character-card h3{font-size:17px}.character-card p{font-size:13px}.shelf{display:grid;grid-template-columns:1fr 42%;gap:35px;align-items:center;padding:30px;border-radius:16px;background:#fff1d2}.shelf .media{aspect-ratio:16/9}.topic-chips{display:flex;flex-wrap:wrap;gap:12px}.topic-chips a,.topic-chips span{background:white;padding:9px 17px;border:1px solid #edc9a8;border-radius:99px;font-size:14px;font-weight:800}.workshop-band{background:#fff1d2}.workshop-band .split{padding-block:45px}.split{display:grid;grid-template-columns:1fr 48%;gap:44px;align-items:center}.split .media{aspect-ratio:16/9}.steps{display:flex;flex-wrap:wrap;gap:7px;margin-block:16px}.steps span{background:white;color:#751a32;padding:7px 10px;border-radius:6px;font-weight:800;font-size:12px}.panel{display:block;padding:23px}.panel p{font-size:14px}.home-search,.search-form{background:#fff1d2;border-radius:16px;padding:25px}.home-search label,.search-form>label{display:block;font-weight:800;margin-bottom:10px}.home-search>div,.search-form>div:first-of-type{display:flex;gap:12px}.home-search input,.search-form input[type=search]{min-height:46px;flex:1;min-width:0;border:1px solid #d8b5a3;border-radius:9px;padding:10px 15px;background:white}.final-shelf{background:#f9e8e6}.section-hero{background:#401b29;color:#f8f4f3;padding:36px 0}.section-hero p{color:#e9dbdf}.section-hero .eyebrow{color:#ffe6a0}.section-hero .media{min-height:270px}.reading-panel{background:white;border-radius:15px;padding:30px;box-shadow:0 4px 20px #562c3010}.reading-panel p{font-size:16px;line-height:1.85}.callout{padding:35px;border:1px solid #f1d4b0;background:#fff1d2;border-radius:15px}.empty,.unavailable{border-radius:15px;background:#fff1d2;padding:35px}.service{max-width:850px;padding-block:65px}.service-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.story-layout{display:grid;grid-template-columns:1fr 300px;align-items:start;gap:25px}.side-panel{border-radius:13px;padding:22px;background:#fff1d2}.side-panel dl{display:grid;grid-template-columns:95px 1fr;gap:12px;border-top:1px solid #dcc8b2;padding-top:18px}.side-panel dt{color:#75615e}.side-panel dd{margin:0;font-weight:800}.episode-list{display:grid;gap:10px}.episode-list>a{display:flex;align-items:center;gap:18px;padding:17px 22px;border-radius:11px;background:white;border:1px solid #f0e3dc}.episode-index{color:#a2243d;font-size:28px;font-weight:900}.episode-list>a>span:nth-child(2){flex:1}.episode-list strong,.episode-list small{display:block}.episode-list small{color:#6c5c60;font-size:13px}.episode-list b{font-size:12px;color:#8b1c34}.watch-layout{display:grid;grid-template-columns:1fr 285px;gap:27px}.unavailable{display:grid;align-content:center;min-height:310px;text-align:center;background:#401b29;color:#f8f4f3}.unavailable strong{font-size:22px}.unavailable span{color:#ffe6a0}.unavailable p{color:#e9dbdf}.player{background:#111;aspect-ratio:16/9}.player video{width:100%;height:100%}.watch-layout .reading-panel{margin-block:18px}.episode-mini{display:grid;gap:10px}.episode-mini a{display:flex;justify-content:space-between;gap:15px;font-size:13px;padding:9px;background:white;border-radius:7px}.episode-mini small{white-space:nowrap;color:#a2243d}.episode-mini [aria-current]{border:1px solid #a2243d}.article-page{max-width:850px;padding-block:60px}.article-text{margin-block:26px}.article-text p{margin-bottom:24px}.article-footer{display:flex;gap:22px;align-items:center}.filters{display:flex;align-items:end;gap:15px;flex-wrap:wrap;background:#fff1d2;border-radius:14px;padding:20px}.filters label{display:grid;font-size:13px;font-weight:800;gap:7px}.filters select{padding:10px;border:1px solid #ddc0a3;border-radius:8px;background:#fff;min-width:150px}.results-count{font-weight:800;margin:20px 0}.filter-tabs{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.filter-tabs label{font-size:14px}.site-footer{background:#19151c;color:#f8f4f3;padding:45px 0 22px}.site-footer p{color:#e9dbdf;font-size:14px}.site-footer h2 small{font-size:11px;color:#ffe6a0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid h3{color:#ffe6a0;font-size:15px}.footer-grid a{display:block;color:#e9dbdf;font-size:13px;padding-block:5px}.footer-bottom{border-top:1px solid #66505b;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#cab7bb}.mobile-bottom{display:none}:focus-visible{outline:3px solid #206e68;outline-offset:3px}
@media(max-width:1050px){.primary{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 34px)}body{font-size:16px;padding-bottom:69px}.microbar .container{font-size:10px}.header-inner{min-height:67px}.logo b{font-size:18px}.logo small{font-size:8px}.logo img{max-width:160px}.search-link span{display:none}.menu-toggle{font-size:0}.menu-toggle span{font-size:21px}.topic-scroll{gap:20px}.content-section{margin-block:35px}.hero-inner{grid-template-columns:1fr;padding-block:28px;min-height:auto}.home-hero h1{font-size:30px}.hero-art{height:195px}.grid-3,.grid-4,.duo,.feature,.shelf,.split,.story-layout,.watch-layout,.footer-grid,.character-grid{grid-template-columns:1fr}.feature{gap:16px}.feature-right .feature-media{order:0}.feature .media{min-height:200px}.section-heading{align-items:start;flex-direction:column;gap:2px}.timeline{grid-template-columns:1fr 1fr}.duo-card .media{aspect-ratio:16/9}.shelf{padding:22px}.reading-panel{padding:23px}.drawer{padding:18px}.drawer-groups{grid-template-columns:1fr}.drawer-groups section>div{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff9f1;border-top:1px solid #e5c7bd;min-height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}.mobile-bottom a{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:center;line-height:1.15;color:#751a32;font-size:24px}.mobile-bottom span{font-size:11px;margin-top:4px}.home-search>div,.search-form>div:first-of-type{flex-direction:column}.episode-list>a{padding:12px;gap:10px}.episode-list b{white-space:nowrap}.service{padding-block:40px}}
@media(max-width:400px){.timeline{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}