:root{--background:#F6FAF9;--paper:#FFFEFB;--surface:#FFF;--surface-soft:#EDF5F4;--cyan:#277E90;--cyan-deep:#1C6170;--cyan-soft:#E2F2F3;--coral:#D85E78;--coral-deep:#AF405C;--coral-soft:#FAE7EC;--grape:#6B5196;--grape-deep:#493672;--grape-soft:#F0EBF8;--orange:#D9963A;--orange-soft:#FBF0DA;--mint:#4E987D;--mint-soft:#E6F4EC;--ink:#263343;--ink-deep:#1A2635;--title:#263343;--body:#455465;--muted:#6A7887;--border:#DAE5E5;--divider:#E9F0EF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--body);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.78}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.28}h1{font-size:clamp(30px,3.5vw,46px)}h2{font-size:clamp(24px,2.5vw,30px)}h3{font-size:20px}a{color:var(--cyan-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}small{font-size:13px}.container{width:min(1340px,calc(100% - 64px));margin-inline:auto}.narrow{max-width:850px}.section{padding-block:55px}.eyebrow{display:inline-block;color:var(--grape);font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:13px;text-transform:uppercase}.section-heading{margin-bottom:25px}.section-heading p{max-width:750px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;top:8px;left:8px;background:white;padding:10px}.sr-only{position:absolute;left:-99999px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,254,251,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.head-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:18px;color:var(--cyan-deep)}.brand-image{width:65px;height:43px;object-fit:contain}.brand .image-fallback{font-size:11px;width:43px;height:43px;min-height:43px}.desktop-nav{margin:auto;display:flex;gap:24px;font-size:14px;font-weight:700}.head-actions{display:flex;align-items:center;gap:18px}.menu-toggle,.menu-close{background:white;border:1px solid var(--border);border-radius:9px;padding:6px 12px}.menu-toggle{display:none}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(350px,90vw);z-index:100;background:white;padding:30px;box-shadow:-12px 0 36px #1b2b3d33;overflow-y:auto}.mobile-menu a{display:block;padding:13px;border-bottom:1px solid var(--divider)}.menu-shade{position:fixed;inset:0;background:#13233999;z-index:90}.mobile-menu[hidden],.menu-shade[hidden]{display:none}.bottom-nav{display:none}.hero{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:420px;gap:0;padding-top:34px}.hero-copy{padding:36px 28px 36px 0}.hero h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.04em}.hero h1 span{color:var(--coral)}.hero p{max-width:560px}.hero-art{min-height:395px;position:relative;background:linear-gradient(130deg,#d8f3f2,#fae7ec 70%,#f5ecfa);border-radius:26px;overflow:hidden}.hero-image,.hero-art .image-fallback{width:100%;height:395px;object-fit:contain}.floating-sticker{position:absolute;bottom:24px;right:24px;background:white;border-radius:30px;padding:7px 15px;font-size:13px;box-shadow:0 12px 35px #2333}.btn{display:inline-block;background:var(--cyan-deep);color:#fff;padding:10px 22px;border-radius:12px;border:1px solid var(--cyan-deep);font-size:14px;font-weight:700}.btn:hover{background:var(--cyan);color:#fff}.btn.secondary{background:transparent;color:var(--cyan-deep)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.category-arc{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-tile{padding:23px 20px;background:white;border:1px solid var(--border);border-radius:18px;min-height:158px;display:flex;flex-direction:column;box-shadow:0 9px 25px #23334408}.category-tile:nth-child(2n){transform:translateY(10px);background:#f1f9f9}.category-tile:nth-child(3n){background:#fcf2f4}.category-tile:nth-child(5n){background:#f4f0fb}.category-tile .emoji{font-size:28px}.category-tile b{color:var(--ink);font-size:18px}.category-tile small{line-height:1.6;color:var(--body)}.album-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(195px,auto));gap:16px}.work-card{display:flex;background:var(--surface);border-radius:18px;border:1px solid var(--border);overflow:hidden;color:var(--body);min-width:0}.album-grid .featured{grid-row:span 2;flex-direction:column}.album-grid .work-card:not(.featured){flex-direction:row}.work-card .poster,.work-card .image-fallback{width:38%;aspect-ratio:2/3;object-fit:contain;flex-shrink:0;background:linear-gradient(145deg,#e4f3f3,#f6e8f1)}.work-card.featured .poster,.work-card.featured .image-fallback{width:100%;height:290px;aspect-ratio:auto}.work-copy{padding:18px;display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.work-copy small{color:var(--grape)}.work-copy strong{font-size:18px;color:var(--ink)}.work-copy>span{font-size:14px;line-height:1.65}.work-copy em{font-size:13px;color:var(--coral-deep);font-weight:700;font-style:normal;margin-top:auto}.image-fallback{display:flex;align-items:center;justify-content:center;padding:20px;min-height:115px;text-align:center;background:linear-gradient(125deg,#e4f3f3,#f7eaf3,#eeeafd);font-weight:800;color:var(--grape-deep)}.wide-panel{background:#eaf6ef}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.mini-stack{display:grid;gap:12px}.mini-stack a{padding:14px 18px;border-radius:14px;background:#fff;display:grid;gap:5px}.mini-stack small{color:var(--body)}.feature-strip{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#fff;padding:25px;border:1px solid var(--border);border-radius:22px}.feature-art{width:100%;height:285px;object-fit:contain;border-radius:14px}.feature-strip .image-fallback{height:285px}.chip{display:inline-flex;align-items:center;border:1px solid var(--border);padding:7px 12px;margin:3px;border-radius:30px;background:#fff;font-size:13px;color:var(--cyan-deep)}.chip.active,.chip:hover{background:var(--cyan-deep);color:#fff;text-decoration:none}.editorial-grid,.topic-grid,.comedy-row,.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.editorial-grid article,.topic-grid>a,.comedy-row article{padding:29px;background:#fff;border:1px solid var(--border);border-radius:16px}.editorial-grid article:nth-child(2){background:var(--orange-soft)}.editorial-grid article:nth-child(3){background:var(--grape-soft)}.dark-panel{background:#26334c}.dark-panel h2,.dark-panel .section-heading p,.dark-panel h3{color:#fff}.dark-panel .eyebrow{color:#efc3d1}.clue-grid>a{padding:28px;border:1px solid #8291a9;background:#334660;border-radius:16px;color:#e8eef6}.clue-grid h3{margin-top:8px}.clue-grid span{font-size:12px;color:#ffd4dc}.emoji{font-size:28px}.character-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.character-notes>div{padding:26px;border-left:5px solid var(--grape);background:#fff;border-radius:10px}.character-notes small{color:var(--grape)}.steps{padding-left:20px}.closing{background:linear-gradient(110deg,#e2f2f3,#f9ecf3);border-radius:22px;padding:40px;margin-bottom:60px}.page-intro{padding:60px 0 28px}.page-intro p{max-width:800px;font-size:17px}.catalog-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:28px}.filters{align-self:start;position:sticky;top:95px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:14px}.filters label{display:block;font-size:13px;font-weight:700;margin-top:14px}.filters input,.filters select{width:100%;padding:10px;border:1px solid #a7b7b7;border-radius:9px;background:white}.filters .btn{width:100%;margin-top:20px}.filter-note,.muted{color:var(--muted);font-size:14px}.result-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.works-grid .work-card{flex-direction:column}.works-grid .poster,.works-grid .image-fallback{width:100%;height:auto;aspect-ratio:2/3}.works-grid .work-copy{padding:16px}.pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:30px}.pagination a{padding:7px 14px;border:1px solid var(--border);background:#fff;border-radius:8px}.pagination .current{background:var(--cyan-deep);color:white}.empty{background:#fff;border:1px dashed #a5c0c5;padding:35px;border-radius:17px;text-align:center}.breadcrumb{font-size:13px;margin:30px 0;color:var(--muted)}.series-hero{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:45px;align-items:start}.series-poster .poster-detail,.series-poster .image-fallback{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:20px}.lead{font-size:16px}.status{background:#e9f4f3;padding:17px;border-left:4px solid var(--cyan);border-radius:10px;font-size:14px}.local-index{display:flex;flex-wrap:wrap;gap:15px;margin:38px 0 0;padding:14px 0;border-block:1px solid var(--border)}.local-index a{font-size:14px}.prose{max-width:850px}.prose blockquote{padding:20px;border-left:4px solid var(--coral);background:#fff;margin:20px 0}.cast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.cast-grid article,.relation,.world-detail{background:#fff;padding:28px;border:1px solid var(--border);border-radius:18px}.character-mark{color:var(--coral);font-size:29px}.cast-grid small{color:var(--grape)}.relation{margin-top:16px}.beats{display:grid;gap:12px}.beats article{display:flex;gap:20px;background:white;padding:18px 24px;border-radius:12px;border:1px solid var(--border)}.beats article>span{font-size:27px;color:var(--coral);font-weight:800}.beats h3{margin-bottom:4px}.beats p{margin:0}.small-grid{margin-top:20px}.world-showcase{display:grid;grid-template-columns:40% 1fr;gap:32px;align-items:center}.world-art .world-image,.world-art .image-fallback{width:100%;aspect-ratio:16/10;object-fit:contain;border-radius:22px}.world-exhibit{border-bottom:1px solid var(--border)}.exhibit-works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.exhibit-works>a{padding:20px;background:white;border-radius:15px}.exhibit-works p{color:var(--body)}.exhibit-works span{font-size:13px}.calendar-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px}.calendar-board,.calendar-help{background:white;border:1px solid var(--border);padding:25px;border-radius:18px}.big-icon{font-size:42px}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:45px}.about-layout section{background:white;padding:30px;border-radius:18px}.about-layout h2:not(:first-child){margin-top:35px}.about-layout aside{align-self:start;background:var(--grape-soft);padding:25px;border-radius:14px}.about-layout aside a{display:block;padding:9px 0}.video-player{width:100%;aspect-ratio:16/9;background:black}.footer{background:#22344a;color:#e7f0f4;margin-top:55px;padding:42px 0}.footer>.container{display:flex;justify-content:space-between;gap:35px}.footer p{max-width:650px;font-size:14px}.footer a{color:#d0eef3;margin-left:15px}
@media(max-width:1100px){.desktop-nav{gap:9px;font-size:12px}.album-grid{grid-template-columns:1fr 1fr}.album-grid .featured{grid-row:span 2}.album-grid .work-card:last-child{grid-column:2}.work-copy>span{font-size:13px}.works-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){body{font-size:15px}.container{width:calc(100% - 34px)}.desktop-nav{display:none}.menu-toggle{display:block}.head-inner{height:70px}.head-actions{margin-left:auto}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:12px}.hero-copy{padding:25px 0}.hero-art,.hero-image,.hero-art .image-fallback{min-height:245px;height:270px}.section{padding-block:35px}.category-arc{grid-template-columns:repeat(2,1fr)}.category-tile{padding:15px;min-height:150px}.category-tile:nth-child(2n){transform:none}.album-grid,.split,.feature-strip,.catalog-layout,.series-hero,.world-showcase,.calendar-layout,.about-layout{grid-template-columns:1fr}.album-grid .featured{grid-row:auto}.album-grid .work-card:last-child{grid-column:auto}.album-grid .work-card:not(.featured){min-height:140px}.editorial-grid,.topic-grid,.comedy-row,.clue-grid,.character-notes,.exhibit-works{grid-template-columns:1fr}.feature-strip{gap:18px}.filters{position:static}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-copy{padding:11px!important}.work-copy strong{font-size:15px}.work-copy>span{font-size:12px}.series-hero{gap:20px}.series-poster{max-width:300px}.cast-grid{grid-template-columns:1fr}.world-showcase{gap:15px}.footer>.container{display:block}.footer a{margin:0 15px 0 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;background:#fff;padding:9px 2px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:13px}.footer{padding-bottom:86px}.page-intro{padding-top:35px}}
@media(max-width:360px){.brand b{font-size:14px}.category-tile{padding:12px}.works-grid{grid-template-columns:1fr}.head-actions{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}