@charset "UTF-8";
:root{--background:#f8f7fc;--surface:#fff;--surface-soft:#f2eff8;--violet:#7963b8;--violet-deep:#57447f;--pink:#e6a6ba;--blue:#a7cde5;--title:#302b3d;--body:#514b5c;--muted:#665e71;--border:#e7e1ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;line-height:1.7}h1,h2,h3{color:var(--title);line-height:1.3;letter-spacing:-.02em}h1{font-size:clamp(2rem,4vw,3.7rem)}h2{font-size:clamp(1.4rem,2.4vw,2rem)}h3{font-size:1.15rem}a{color:var(--violet-deep);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);position:relative;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:var(--title);font-size:1.25rem;font-weight:800}.brand small{display:block;font-size:.65rem;font-weight:400;color:var(--muted);letter-spacing:.06em}.brand-logo{max-width:110px;max-height:48px;object-fit:contain}.brand .image-fallback{display:none}.main-nav{display:flex;gap:24px;flex-wrap:wrap}.main-nav a{font-size:.92rem;color:var(--title)}.menu-button{display:none;border:1px solid var(--border);background:white;border-radius:12px;padding:8px 15px}.topic-nav{display:flex;gap:12px;padding:0 0 16px;overflow-x:auto;scrollbar-width:thin}.topic-nav a{white-space:nowrap;padding:4px 12px;border:1px solid var(--border);background:var(--surface-soft);border-radius:40px;font-size:.82rem}.hero{min-height:370px;margin-top:32px;padding:46px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;background:linear-gradient(135deg,#f2effb,#fceff3 60%,#eaf4fa);border-radius:28px}.hero h1 em{display:block;color:var(--violet-deep);font-style:normal}.hero p{max-width:58ch}.eyebrow{font-weight:700;font-size:.74rem;letter-spacing:.18em;color:var(--violet-deep)}.button{background:var(--violet-deep);color:white!important;display:inline-block;border:0;border-radius:12px;padding:10px 20px;margin-top:12px;font-weight:650}.button.secondary{background:white;color:var(--violet-deep)!important;border:1px solid var(--border)}.hero-art,.wide-image,.image-fallback.hero-art,.image-fallback.wide-image{width:100%;height:280px;object-fit:cover;border-radius:20px}.image-fallback{background:linear-gradient(125deg,#d9cdea,#f9dce7 52%,#d5eaf5);display:grid;place-items:center;color:#66538a}.image-fallback span{font-size:4rem;opacity:.5}.section{margin:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.section-head h2{margin:4px 0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.category-tile{background:white;border:1px solid var(--border);padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:7px;min-height:145px}.category-tile:nth-child(4n+2){background:#f6f2fb}.category-tile:nth-child(4n+3){background:#edf5fb}.category-tile:nth-child(4n+4){background:#fcf2ee}.category-tile span{font-size:1.7rem}.category-tile strong{font-size:1.1rem;color:var(--title)}.category-tile small{line-height:1.5;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{background:white;border-radius:16px;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column;padding-bottom:16px;color:var(--body)}.work-card .poster,.work-card .image-fallback.poster{width:100%;height:210px;object-fit:cover}.work-card .work-meta,.work-card strong,.work-card>span:last-child{margin:5px 17px}.work-card .work-meta{margin-top:14px;color:var(--violet-deep);font-size:.8rem}.work-card strong{font-size:1.12rem;color:var(--title)}.work-card>span:last-child{font-size:.85rem;color:var(--muted)}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--border);border-radius:20px;padding:28px}.panel.tint{background:#f0eafa}.story-note{border-top:1px solid var(--border);padding:12px 0}.story-note p{margin:4px 0;font-size:.9rem}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.editorial-item{display:flex;gap:18px;background:white;border:1px solid var(--border);border-radius:20px;padding:15px}.editorial-img,.image-fallback.editorial-img{width:38%;min-width:38%;height:180px;object-fit:cover;border-radius:13px}.editorial-item h3{margin:5px 0}.editorial-item p{font-size:.89rem}.text-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.text-rail>a,.text-rail>div{background:#fff;border-radius:14px;border:1px solid var(--border);padding:19px}.text-rail p{font-size:.91rem}.topic-cards,.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.center{text-align:center}.page-heading{padding:45px 0 25px;max-width:760px}.page-heading h1{margin:5px 0 15px}.catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;margin-bottom:70px}.sidebar{align-self:start;position:sticky;top:20px;background:white;border:1px solid var(--border);padding:18px;border-radius:17px;display:flex;flex-direction:column;gap:8px}.sidebar h2{font-size:1rem;margin:0 0 8px}.sidebar a{padding:6px 9px;border-radius:8px}.sidebar a:hover,.sidebar .active{background:#eee7f7}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--border);padding:16px;border-radius:14px;margin-bottom:20px}.filters a[aria-current=true]{font-weight:800;text-decoration:underline}.pagination{display:flex;gap:10px;justify-content:center;margin:32px}.pagination a{border:1px solid var(--border);padding:6px 13px;border-radius:8px}.pagination [aria-current=page]{background:var(--violet-deep);color:white}.breadcrumbs{padding:28px 0;color:var(--muted)}.drama-hero{display:grid;grid-template-columns:320px 1fr;gap:45px;align-items:center}.drama-poster,.image-fallback.drama-poster{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:24px}.tag-list{display:flex;gap:9px;flex-wrap:wrap}.tag-list span{border-radius:18px;background:#eae4f7;padding:4px 13px;font-size:.83rem}.note{font-size:.82rem;color:var(--muted)}.article-section{max-width:1020px;margin:66px auto}.long-copy{font-size:1.04rem;line-height:2.15;white-space:pre-line}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{list-style:none;padding:0;border-left:2px solid #c4b2df;margin-left:20px}.timeline li{display:grid;grid-template-columns:80px 1fr;gap:14px;margin:0 0 28px;position:relative;padding-left:24px}.timeline li:before{content:"";position:absolute;left:-7px;top:9px;background:var(--violet);width:12px;height:12px;border-radius:50%}.timeline li>span{color:var(--violet-deep);font-size:.81rem;font-weight:800}.timeline h3{margin:0}.timeline p{margin:8px 0}.universe-panel{background:white;border-radius:24px;border:1px solid var(--border);padding:34px;margin-bottom:22px}.universe-panel:nth-child(even){background:#f4f0fb}.universe-panel:nth-child(3n){background:#eef6fa}.studio-chapter{scroll-margin-top:20px;border-bottom:1px solid var(--border);padding:15px 0 48px;margin-bottom:40px}.studio-chapter h3{color:var(--violet-deep)}.search-form{background:white;border:1px solid var(--border);padding:25px;border-radius:18px}.search-form label{display:block;font-weight:700}.search-form>div{display:flex;gap:12px}.search-form input{flex:1;min-width:0;border:1px solid var(--border);border-radius:10px;padding:10px 14px}.search-form .button{margin-top:0}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:70px}.footer{background:#efeaf6;border-top:1px solid var(--border);padding:35px 0;margin-top:55px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner>div:last-child{display:flex;gap:20px}.mobile-tab{display:none}.menu-overlay{display:none}@media(max-width:900px){.main-nav{display:none;position:absolute;right:18px;top:75px;background:white;box-shadow:0 10px 50px #302b3d33;padding:20px;border-radius:16px;flex-direction:column;width:min(260px,calc(100vw - 36px));z-index:15}.main-nav.open{display:flex}.menu-button{display:block}.menu-overlay:not([hidden]){display:block;position:fixed;inset:0;background:#302b3d55;z-index:4}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:1fr}.sidebar{position:static;display:flex;flex-direction:row;overflow-x:auto;white-space:nowrap}.sidebar h2{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-cards{grid-template-columns:1fr}.hero{padding:28px}}@media(max-width:620px){body{padding-bottom:60px}.container{width:min(100% - 24px,1180px)}.header-inner{min-height:74px}.brand small{font-size:.6rem}.hero{display:flex;flex-direction:column;align-items:stretch;margin-top:14px;padding:26px}.hero h1{font-size:2rem}.hero-art,.image-fallback.hero-art{height:200px}.category-grid,.work-grid,.work-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-tile{padding:13px;min-height:140px}.work-card .poster,.work-card .image-fallback.poster{height:165px}.work-card>span:last-child{display:none}.feature-split,.editorial-grid,.text-rail,.about-grid,.character-grid{grid-template-columns:1fr}.editorial-item{padding:11px}.editorial-img,.image-fallback.editorial-img{height:145px}.drama-hero{grid-template-columns:1fr;gap:20px}.drama-poster,.image-fallback.drama-poster{max-width:310px;margin:auto}.section{margin:42px 0}.panel{padding:20px}.footer-inner{flex-direction:column}.footer-inner>div:last-child{flex-wrap:wrap}.mobile-tab{display:grid;position:fixed;z-index:8;bottom:0;left:0;right:0;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 -4px 18px #302b3d22}.mobile-tab a{text-align:center;padding:14px 0;font-weight:700;font-size:.84rem}.timeline li{grid-template-columns:1fr}.search-form>div{flex-direction:column}}