*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F8F7FC;color:#514B5C;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:#57447F}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;left:-9999px;z-index:1000;background:white}.skip:focus{left:10px;top:10px}.site-header{background:#fff;border-bottom:1px solid #eeeaf3}.topbar{display:flex;align-items:center;gap:40px;height:84px}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.02em;color:#57447F;font-size:24px;white-space:nowrap}.brand img{width:154px;max-height:52px;object-fit:contain}.brand-mark{background:#7963B8;color:white;border-radius:16px;display:grid;place-items:center;width:42px;height:42px}.main-nav{margin:auto;display:flex;align-items:center;gap:38px;font-size:15px;font-weight:650}.search-icon{font-size:33px;line-height:1}.menu-btn{display:none;background:transparent;border:0;font-size:25px;color:#57447F}.mobile-menu{display:none}.channel-strip{background:#fff}.channel-row{display:flex;gap:11px;padding-block:13px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.channel-row a{font-size:13px;padding:5px 13px;background:#F4F1F9;border-radius:30px;color:#57447F}.channel-row a:hover{background:#EAE4F7}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;margin-top:36px;border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#f1eafa 0%,#fdf8fb 65%);box-shadow:0 12px 45px #66558b12}.hero-copy{padding:64px 42px 45px 58px;align-self:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#7963B8;margin:0 0 16px}.hero h1{font-size:clamp(33px,3.6vw,56px);color:#302B3D;line-height:1.28;margin:0 0 22px;letter-spacing:-.03em}.hero h1 em{font-style:normal;color:#7963B8}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:450px}.hero-actions{display:flex;align-items:center;gap:26px;margin:28px 0}.button{background:#7963B8;color:#fff;border:1px solid #7963B8;border-radius:10px;padding:11px 23px;display:inline-block;font-weight:700;white-space:nowrap}.button:hover{background:#57447F;color:white}.plain-link{color:#57447F;font-weight:700}.hero-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:#777183}.hero-meta span:before{content:'✦ ';color:#BC6F91}.hero-art{position:relative;min-height:460px;background:linear-gradient(140deg,#D1C5E9,#efd3e3 50%,#b7d8eb);overflow:hidden}.hero-art .hero-image{height:100%;width:100%}.hero-tag{position:absolute;right:25px;bottom:23px;color:#302B3D;font-size:10px;letter-spacing:.2em;background:#ffffffe3;padding:10px;border-radius:7px}.art-fallback{min-height:130px;position:relative;background:radial-gradient(ellipse at 70% 20%,#ffffff78 0%,transparent 35%),linear-gradient(135deg,#c9bcea,#ecd8e9 55%,#b1d5e6);overflow:hidden}.art-fallback:before{content:'';position:absolute;width:45%;aspect-ratio:1;border:1px solid #ffffffba;border-radius:50%;left:30%;top:12%;box-shadow:0 0 0 23px #ffffff24,0 0 0 47px #ffffff12}.art-fallback:after{content:'✧';position:absolute;right:13%;bottom:10%;color:#ffffffbf;font-size:55px}.hero-art .art-fallback{height:100%;min-height:460px}.section{margin-top:82px;margin-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2,.section h2,.final-cta h2{color:#302B3D}.section-heading h2{font-size:29px;margin:0;line-height:1.25}.section-heading>p{margin:0;font-size:14px}.section-heading>a{color:#7963B8;font-size:13px;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{position:relative;border:1px solid #ebe4f0;border-radius:17px;padding:24px 20px;min-height:170px;display:flex;flex-direction:column;background:#fff}.category-card.c1{background:#FBEAF0}.category-card.c2{background:#EAF4FA}.category-card.c3{background:#FBF2E8}.category-card.c4{background:#EDF6F2}.category-emoji{font-size:29px;margin-bottom:10px}.category-card strong{font-size:18px;color:#302B3D}.category-card small{font-size:12px;line-height:1.5;margin-top:5px;max-width:200px}.tiny-arrow{position:absolute;right:21px;top:24px;color:#777183}.poster-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(165px,1fr);overflow-x:auto;gap:17px;padding-bottom:12px}.work-tile{display:block;overflow:hidden;border-radius:13px;background:#fff;border:1px solid #eeeaf3;transition:transform .2s}.work-tile:hover{transform:translateY(-3px)}.tile-image{width:100%;aspect-ratio:2/3;object-fit:cover}.tile-copy{display:grid;gap:3px;padding:13px}.tile-copy small{color:#7963B8;font-size:11px}.tile-copy strong{font-size:16px;color:#302B3D;line-height:1.5}.tile-copy>span{font-size:12px;color:#777183}.split-feature{display:grid;grid-template-columns:43% 1fr;gap:0;border-radius:23px;overflow:hidden;background:#eeeaf6}.feature-image{min-height:425px}.feature-image>*{width:100%;height:100%}.feature-text{padding:47px 50px}.feature-text h2{font-size:29px;margin:0 0 8px}.feature-text h3{font-size:21px;margin:0}.feature-text p{line-height:1.95}.clue-box{display:grid;gap:12px;margin:23px 0}.clue-box span{padding-left:17px;border-left:3px solid #B7A6DA;color:#57447F;font-size:14px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.person-card{padding:28px;background:#fff;border:1px solid #e7e1ed;border-radius:16px}.person-name{display:inline-block;background:#f2eff8;padding:9px 14px;color:#57447F;border-radius:9px;font-size:13px}.person-card strong{display:block;color:#302B3D;font-size:22px;margin:22px 0 8px}.person-card p{font-size:14px;min-height:85px}.person-card small{color:#7963B8}.wide-band{background:#e9e8f5;padding:70px 0}.world-row{display:grid;grid-template-columns:45% 1fr;gap:65px;align-items:center}.world-row h2{font-size:37px;color:#302B3D;margin:0 0 12px}.world-row p{max-width:430px}.button-light{background:white;color:#57447F;border-color:white;margin-top:15px}.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.world-cards .tile-image{aspect-ratio:4/3}.editorial-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.editorial-pair>div:first-child{padding:38px 42px;background:#FBEAF0;border-radius:16px}.mini-label{color:#BC6F91;font-weight:700;font-size:12px}.editorial-pair h3{font-size:28px;color:#302B3D}.editorial-pair p{line-height:1.95}.editorial-pair a,.steps-section a{font-weight:700;color:#7963B8}.horizontal-tile{display:grid;grid-template-columns:42% 1fr;align-items:stretch}.horizontal-tile .tile-image{height:100%;aspect-ratio:auto}.horizontal-tile .tile-copy{align-content:center;padding:25px}.gallery-mosaic{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:17px}.gallery-mosaic .work-tile:first-child .tile-image{aspect-ratio:1.2}.gallery-mosaic .work-tile:not(:first-child) .tile-image{aspect-ratio:3/4}.simple-trio,.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.simple-trio>a,.collection-grid>a{background:#fff;padding:29px;border-radius:16px;border:1px solid #e7e1ed}.simple-trio>a:nth-child(2){background:#edf6f2}.simple-trio>a:nth-child(3){background:#fbf2e8}.simple-trio small,.collection-grid small{color:#7963B8;font-size:12px}.simple-trio h3,.collection-grid h3{font-size:21px;color:#302B3D}.simple-trio p,.collection-grid p{font-size:14px;min-height:74px}.simple-trio span,.collection-grid span{font-size:13px;color:#7963B8;font-weight:700}.collection-grid>a:nth-child(1){background:#f2eff8}.collection-grid>a:nth-child(2){background:#eaf4fa}.collection-grid>a:nth-child(3){background:#fbeaf0}.steps-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.steps-section h2{font-size:35px}.steps-section ol{margin:0;padding:0;list-style:none}.steps-section li{padding:18px 0;display:flex;gap:22px;border-bottom:1px solid #d9d2e7}.steps-section li b{color:#7963B8}.final-cta{text-align:center;background:linear-gradient(120deg,#eee8fa,#fbeaf0);border-radius:20px;padding:55px 20px;margin-top:75px;margin-bottom:80px}.final-cta h2{font-size:29px;margin:0}.final-cta p{margin:12px 0 22px}.final-cta>div{display:flex;justify-content:center;gap:14px}.button-outline{background:transparent;color:#57447F}.site-footer{background:#fff;border-top:1px solid #e7e1ed;padding:44px 0 16px}.foot-flex{display:flex;justify-content:space-between;gap:30px}.foot-flex strong{font-size:23px;color:#57447F}.foot-flex p{font-size:13px}.foot-flex nav{display:flex;flex-wrap:wrap;gap:20px;align-content:center;font-size:13px}.foot-last{text-align:center;font-size:12px;color:#777183;border-top:1px solid #f0ecf3;padding-top:17px}.bottom-nav{display:none}.page-intro{padding:15px 0 35px;border-bottom:1px solid #e7e1ed;margin-bottom:36px}.page-intro h1{font-size:clamp(34px,4vw,51px);color:#302B3D;margin:0 0 10px}.page-intro p:last-child{max-width:760px;margin:0}.discover-layout,.universe-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:42px}.filters,.universe-index{align-self:start;position:sticky;top:22px;display:grid;gap:6px;background:#fff;padding:20px 14px;border:1px solid #e7e1ed;border-radius:13px}.filters h2{font-size:17px;color:#302B3D;margin:3px 10px 15px}.filter-link,.universe-index a{padding:10px 13px;border-radius:8px;font-size:13px}.filter-link:hover,.filter-link.active,.universe-index a:hover,.universe-index a.active{background:#eae4f7;color:#57447F}.filter-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;padding:18px;border-radius:13px;border:1px solid #e7e1ed}.filter-form label{flex:1;min-width:145px;font-size:12px;font-weight:700;display:grid;gap:6px}.filter-form input,.filter-form select,.search-large input{width:100%;border:1px solid #dcd5e7;background:white;color:#302B3D;padding:11px 12px;border-radius:8px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 17px}.results-heading h2{font-size:24px;color:#302B3D;margin:0}.results-heading span{font-size:13px}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a{padding:6px 13px;border-radius:8px;background:#fff;border:1px solid #e7e1ed}.pagination a[aria-current]{background:#7963B8;color:white}.empty{background:#fff;border:1px solid #e7e1ed;padding:60px 25px;text-align:center;border-radius:15px}.crumb{font-size:13px;margin-bottom:26px}.crumb a{color:#7963B8}.drama-top{display:grid;grid-template-columns:320px 1fr;gap:55px;align-items:center;padding:25px;border-radius:23px;background:linear-gradient(115deg,#eee8f7,#fff)}.drama-portrait>*{width:100%;aspect-ratio:2/3;border-radius:14px}.drama-top h1{font-size:clamp(33px,4vw,52px);line-height:1.25;margin:10px 0 24px;color:#302B3D}.lead{font-size:18px;max-width:600px}.detail-pills{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0}.detail-pills span{background:#fff;padding:6px 12px;border-radius:20px;font-size:12px}.detail-note{font-size:13px;color:#777183;margin-bottom:22px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:50px;margin-top:50px}.prose-section{margin-bottom:48px}.prose-section h2{font-size:26px;color:#302B3D}.prose-section>p{line-height:2.05}.bio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.bio-card{background:#fff;border:1px solid #e7e1ed;padding:20px;border-radius:12px}.bio-card h3{margin:0;color:#302B3D;font-size:20px}.bio-card small{color:#7963B8}.bio-card p{font-size:13px}.episode-list{list-style:none;padding:0;border-left:2px solid #ddd4ed;margin-left:15px}.episode-list li{display:grid;grid-template-columns:65px 1fr;gap:18px;position:relative;margin:0 0 20px;padding:3px 0 8px 20px}.episode-list li:before{content:'';position:absolute;left:-7px;top:16px;width:11px;height:11px;border-radius:50%;background:#7963B8}.ep-count{font-size:12px;font-weight:800;color:#7963B8}.episode-list h3{margin:0;font-size:17px;color:#302B3D}.episode-list p{font-size:14px;line-height:1.9}.feature-list{padding-left:25px}.feature-list li{padding:8px 0}.story-aside{position:sticky;top:20px;align-self:start;display:grid;gap:16px}.aside-box{background:#fff;border:1px solid #e7e1ed;padding:22px;border-radius:12px;display:grid;gap:15px}.aside-box strong{color:#302B3D}.aside-box dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:8px;margin:0}.aside-box dd{margin:0;text-align:right}.aside-box a{color:#7963B8;font-size:13px}.small-posters{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.universe-index strong{font-size:15px;color:#302B3D;padding:9px}.universe-index a span{color:#7963B8;margin-right:8px}.universe-content{display:grid;gap:20px}.universe-panel{background:#fff;border-radius:17px;padding:35px 40px;border:1px solid #e7e1ed}.universe-panel.u1{background:#f2eff8}.universe-panel.u2{background:#eaf4fa}.universe-panel.u3{background:#fbf2e8}.universe-panel.u4{background:#edf6f2}.universe-panel>small{font-size:11px;color:#7963B8;letter-spacing:.15em}.universe-panel h2{font-size:33px;margin:7px 0 15px}.universe-panel h3{font-size:17px;margin-top:24px;color:#57447F}.universe-panel p{line-height:2}.world-timeline{padding-left:22px}.world-timeline li{padding:5px 0}.world-work-list{display:grid;gap:10px}.world-work-list a{padding:13px 18px;background:#ffffffb0;border-radius:9px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.world-work-list strong{font-size:15px}.world-work-list span{flex:1}.studio-articles{display:grid;gap:25px}.studio-banner{position:relative;min-height:240px;border-radius:17px;overflow:hidden;background:#d9cbea}.studio-banner>*:first-child{width:100%;height:240px}.studio-banner>div:last-child{position:absolute;bottom:0;left:0;right:0;padding:28px 35px;background:linear-gradient(transparent,#302b3dd9);color:white}.studio-banner h2{color:white;margin:5px 0;font-size:25px}.studio-unit{padding:32px 38px;background:#fff;border:1px solid #e7e1ed;border-radius:17px;scroll-margin-top:15px}.studio-unit h2{font-size:28px;margin:0 0 13px}.studio-unit p{line-height:2}.studio-unit a{font-size:12px;color:#7963B8}.search-large{background:#fff;border-radius:16px;padding:25px;border:1px solid #e7e1ed}.search-large label{display:block;font-size:13px;margin-bottom:10px;font-weight:700}.search-large>div{display:flex;gap:12px}.search-large input{flex:1}.search-suggest{margin-top:38px}.search-suggest a{display:inline-block;background:#fff;padding:8px 13px;border-radius:30px;margin:5px;border:1px solid #e7e1ed}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-grid>section{padding:35px;background:#fff;border-radius:18px;border:1px solid #e7e1ed}.about-grid>section:nth-child(2){background:#eaf4fa}.about-grid>section:nth-child(3){background:#fbeaf0}.about-grid h2{color:#302B3D;font-size:24px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #527EAA;outline-offset:2px}@media(max-width:1000px){.main-nav{gap:20px}.hero-copy{padding:45px 30px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{padding:17px 12px}.results-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{gap:25px}.world-row{gap:25px}}@media(max-width:730px){.wrap{width:min(100% - 28px,560px)}.topbar{height:65px;gap:12px}.brand{font-size:20px}.main-nav{display:none}.search-icon{margin-left:auto}.menu-btn{display:block}.mobile-menu:not([hidden]){display:grid;position:absolute;background:#fff;z-index:50;width:100%;box-shadow:0 12px 20px #44335724;padding:15px 25px;gap:12px}.mobile-menu a{padding:10px;border-bottom:1px solid #f0ecf3}.channel-row{padding-block:10px}.section{margin-top:50px;margin-bottom:50px}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:40px 25px}.hero-art{min-height:245px;max-height:310px}.hero-art .art-fallback{min-height:245px}.hero-meta{gap:7px}.section-heading{align-items:start}.section-heading h2{font-size:24px}.section-heading>p{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card{min-height:160px}.poster-rail{grid-auto-columns:45%}.split-feature{grid-template-columns:1fr}.feature-image{min-height:240px;max-height:290px}.feature-text{padding:30px 22px}.character-grid,.simple-trio,.collection-grid{grid-template-columns:1fr}.person-card p,.simple-trio p,.collection-grid p{min-height:auto}.world-row,.editorial-pair,.steps-section{grid-template-columns:1fr;gap:25px}.wide-band{padding:45px 0}.gallery-mosaic{grid-template-columns:1fr 1fr}.gallery-mosaic .work-tile:first-child{grid-column:1/-1}.gallery-mosaic .work-tile:first-child .tile-image{aspect-ratio:16/8}.editorial-pair>div:first-child{padding:25px}.foot-flex{display:block}.foot-flex nav{margin-top:20px}.site-footer{padding-bottom:72px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;z-index:35;background:#fff;box-shadow:0 -2px 15px #302b3d15;padding:10px 4px max(10px,env(safe-area-inset-bottom));font-size:12px}.bottom-nav a{font-weight:700;color:#57447F;padding:5px 11px}.discover-layout,.universe-layout{grid-template-columns:1fr;gap:18px}.filters,.universe-index{position:static;display:flex;overflow-x:auto;align-items:center;white-space:nowrap;padding:8px}.filters h2,.universe-index strong{display:none}.results-grid,.small-posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.results-heading{align-items:start}.results-heading h2{font-size:21px}.filter-form{padding:12px}.filter-form label{min-width:110px}.drama-top{grid-template-columns:1fr;gap:20px;padding:18px}.drama-portrait>*{width:min(75%,310px);margin-inline:auto}.drama-top h1{font-size:35px}.detail-layout{grid-template-columns:1fr}.story-aside{position:static;grid-row:1}.bio-grid{grid-template-columns:1fr}.universe-panel{padding:27px 20px}.world-work-list a{display:grid}.studio-unit{padding:26px 21px}.search-large>div{flex-direction:column}.about-grid{grid-template-columns:1fr}.final-cta{padding:35px 17px}.section-heading{gap:10px}}@media(max-width:370px){.category-card{min-height:175px}.poster-rail{grid-auto-columns:63%}.hero-actions{flex-wrap:wrap;gap:15px}.tile-copy{padding:10px}.tile-copy strong{font-size:14px}.results-grid{gap:9px}.episode-list li{grid-template-columns:1fr;gap:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-tile{transition:none}}
