:root{--background:#F6FAF9;--paper:#FFFEFB;--surface:#FFFFFF;--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}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--body);font-size:16px;line-height:1.78}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:clamp(29px,3.5vw,44px);letter-spacing:-.035em}h2{font-size:clamp(23px,2.2vw,28px)}h3{font-size:19px}p{line-height:1.8}img{display:block;width:100%;height:100%;object-fit:contain}.container{width:min(1340px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:white;padding:10px;z-index:999}.topbar{background:rgba(255,254,251,.94);border-bottom:1px solid var(--divider);position:relative;z-index:30}.topinner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--cyan-deep)}.brand-img{width:38px;height:38px;border-radius:12px;background:var(--cyan-soft);overflow:hidden}.brand strong{font-size:21px}.brand small{font-size:10px;color:var(--muted);margin-left:5px;letter-spacing:.08em}.desktop-nav{display:flex;justify-content:center;flex:1;gap:clamp(12px,2vw,32px);font-weight:650;font-size:14px}.desktop-nav a:hover,.text-link:hover{color:var(--coral)}.top-actions{display:flex;gap:12px;align-items:center}.searchlink{font-size:30px;line-height:1;color:var(--cyan)}.menu-toggle,.menu-close{display:none;border:0;background:transparent;font-size:24px;cursor:pointer;min-height:44px;min-width:44px}.eyebrow{display:inline-block;color:var(--cyan-deep);font-size:12px;font-weight:800;letter-spacing:.11em;line-height:1.5}.section{margin:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.section-head h2{margin:6px 0 0}.section-head p{max-width:350px;font-size:14px;color:var(--muted);margin:0}.hero{margin:30px 0 90px;min-height:402px;background:linear-gradient(115deg,#E6F4F3 2%,#FFF8F7 63%,#F0EBF8);border-radius:22px;display:grid;grid-template-columns:44% 56%;overflow:hidden;position:relative}.hero-copy{padding:clamp(26px,4.7vw,70px);align-self:center;z-index:2}.hero h1{margin:16px 0 21px;font-size:clamp(30px,3.6vw,49px)}.hero h1 em{font-style:normal;color:var(--coral-deep)}.hero-copy>p{max-width:460px}.hero-art{position:relative;min-height:390px;overflow:hidden;display:flex;align-items:center}.hero-art img{object-fit:contain;max-height:400px}.float-sticker{position:absolute;top:23px;right:25px;transform:rotate(8deg);color:var(--grape);font-weight:900;font-size:12px;background:#fff9;padding:10px 16px;border:1px solid #fff;border-radius:100px}.hero-art-label{position:absolute;bottom:20px;right:25px;color:var(--cyan-deep);font-size:13px;background:#ffffffb8;padding:8px 15px;border-radius:9px}.image-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100px;color:var(--cyan);font-size:70px;background:radial-gradient(circle at 25% 25%,#fff9,transparent 35%),linear-gradient(135deg,#E2F2F3,#FAE7EC 52%,#F0EBF8);border-radius:inherit}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;background:var(--cyan);border-radius:12px;color:white;font-weight:750;padding:10px 23px;cursor:pointer;line-height:1.5}.btn:hover{background:var(--cyan-deep)}.btn.ghost{background:#fff9;border:1px solid var(--border);color:var(--cyan-deep)}.muted{color:var(--muted)}.tiny{font-size:12px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-tile{min-height:242px;background:white;border:1px solid var(--border);padding:16px;border-radius:18px;position:relative;overflow:hidden;transition:transform .2s;display:flex;flex-direction:column}.category-tile:nth-child(even){transform:translateY(12px)}.category-tile:hover{transform:translateY(-4px)}.category-visual{height:108px;border-radius:12px;overflow:hidden}.category-visual img{object-fit:cover}.category-tile h3{margin:4px 0 3px}.category-tile p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.category-tile .cat-emoji{position:absolute;right:18px;top:103px;background:white;border-radius:50%;padding:5px;font-size:18px}.tile-go{position:absolute;bottom:16px;right:16px;color:var(--coral)}.cat-2,.cat-6{background:#F7FAFF}.cat-3,.cat-7{background:#FFFAF4}.cat-4,.cat-8{background:#FBF8FF}.folio-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:20px}.folio-side{display:grid;gap:14px}.work-card{display:flex;gap:14px;border:1px solid var(--border);background:white;border-radius:16px;padding:13px;min-width:0;overflow:hidden}.work-card .cover{width:102px;aspect-ratio:2/3;flex:0 0 auto;border-radius:10px;overflow:hidden;background:var(--cyan-soft)}.work-card .cover img{object-fit:contain}.work-card h3{margin:6px 0}.work-card p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:8px}.work-card .arrow{font-size:12px;font-weight:800;color:var(--cyan)}.work-card.featured{display:grid;grid-template-columns:50% 1fr;align-items:center;padding:22px}.work-card.featured .cover{width:100%;max-width:290px;justify-self:center}.work-card.featured h3{font-size:25px}.split-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;background:#EEF5EA;border-radius:22px;overflow:hidden}.feature-visual{height:345px}.feature-copy{padding:36px}.text-link{color:var(--cyan);font-weight:750}.sci-panel{padding:32px;border-radius:22px;background:#EAEAF5}.mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mini-gallery .work-card{display:block}.mini-gallery .work-card .cover{width:100%;height:180px;aspect-ratio:auto}.mini-gallery .work-card .cover img{object-fit:contain}.mini-gallery .work-card .card-copy{padding:9px}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.three-notes article{padding:26px;background:white;border:1px solid var(--border);border-radius:16px}.three-notes article>span{color:var(--coral);font-size:13px}.three-notes p{font-size:14px}.detective{padding:30px;background:#EBEEF6;border-radius:22px}.clue-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.clue{border-radius:12px;background:white;border-top:5px solid var(--grape);padding:24px}.clue>strong{font-size:12px;color:var(--grape)}.clue p{font-size:14px}.clue span{color:var(--cyan);font-weight:750}.comedy-panel{padding:30px;border-radius:22px;background:#FCF1DD}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.character-grid article{padding:23px;border-radius:16px;background:white;border:1px solid var(--border);border-bottom:4px solid var(--grape)}.character-grid p{font-size:14px}.character-grid a{font-size:13px;font-weight:700;color:var(--cyan)}.studio-feature{display:grid;grid-template-columns:.75fr 1fr;gap:40px;background:#E7F3F2;border-radius:22px;padding:28px;align-items:center}.studio-img{height:250px;border-radius:15px;overflow:hidden}.steps{display:flex;gap:8px;flex-wrap:wrap}.steps span{padding:6px 11px;background:#fff;border-radius:30px;font-size:13px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid a{border-radius:18px;background:linear-gradient(135deg,#FAE7EC,#F0EBF8);padding:27px}.topic-grid a:nth-child(2){background:linear-gradient(135deg,#E2F2F3,#F0EBF8)}.topic-grid a:nth-child(3){background:linear-gradient(135deg,#FBF0DA,#E6F4EC)}.topic-grid p{font-size:14px}.topic-grid a>span:last-child{font-weight:750;color:var(--cyan)}.final-navigation{border:1px solid var(--border);background:white;border-radius:22px;padding:30px}.nav-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nav-tiles a{display:block;border-radius:12px;background:var(--surface-soft);padding:18px;font-weight:800;color:var(--cyan-deep)}.footer{padding:38px 0;background:var(--ink-deep);color:#F5F8FB;margin-top:90px}.footer strong{color:white}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:13px;color:#CCDAE1;margin:6px 0}.footer a{display:inline-block;margin-right:17px;font-size:13px}.content{padding-top:37px;min-height:65vh}.page-intro{max-width:850px;margin-bottom:39px}.page-intro h1{margin:10px 0 14px}.page-intro>p{font-size:17px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-chips a{display:inline-block;padding:9px 14px;border:1px solid var(--border);background:white;border-radius:100px;font-size:13px;min-height:42px}.filter-chips .on{background:var(--cyan);color:#fff}.library-layout{display:grid;grid-template-columns:250px 1fr;gap:30px}.filters{align-self:start;position:sticky;top:20px;border-radius:17px;background:white;padding:20px;border:1px solid var(--border)}.filters h2{font-size:19px}.filters label{font-size:13px;font-weight:800;display:block;margin:15px 0 5px}.filters input,.filters select{display:block;width:100%;padding:11px;border:1px solid #B7CACA;background:white;border-radius:8px;color:var(--ink);font-size:15px}.filters button{margin-top:20px;width:100%}.reset{font-size:13px;display:block;text-align:center;margin-top:10px;color:var(--cyan)}.fineprint{font-size:12px;margin-top:25px;color:var(--muted)}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.catalog-heading h2{margin-bottom:16px}.catalog-heading p{font-size:13px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-grid .work-card{display:block}.catalog-grid .work-card .cover{width:100%;aspect-ratio:2/3;max-height:310px}.catalog-grid .work-card .card-copy{padding:12px 6px 2px}.pagination{display:flex;justify-content:center;gap:10px;margin:28px}.pagination a{padding:7px 15px;border:1px solid var(--border);background:white;border-radius:8px}.pagination .current{background:var(--cyan);color:white}.empty-state{padding:40px;text-align:center;background:white;border-radius:18px}.breadcrumbs{font-size:13px;color:var(--muted);margin:10px 0 28px}.series-hero{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:clamp(20px,5vw,70px);align-items:center;background:linear-gradient(120deg,#F0EBF8,#E2F2F3);padding:35px;border-radius:22px}.series-poster{aspect-ratio:2/3;border-radius:16px;overflow:hidden;max-width:350px}.series-overview h1{margin:13px 0}.series-lead{max-width:700px}.status-tags{display:flex;flex-wrap:wrap;gap:8px}.status-tags span{border-radius:100px;padding:5px 12px;background:#fff9;font-size:12px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.meta-grid dt{font-size:12px;color:var(--muted)}.meta-grid dd{font-size:14px;font-weight:700;margin:0}.anchor-nav{display:flex;gap:16px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--border);margin:20px 0 50px}.anchor-nav a{font-size:13px;color:var(--cyan);font-weight:750}.series-section{padding:0 0 44px;margin:0 0 42px;border-bottom:1px solid var(--border);scroll-margin-top:35px}.prose{max-width:820px}.prose p,.two-columns p{line-height:1.85}.relation-note{background:var(--grape-soft);padding:20px;border-radius:13px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.two-columns article{background:white;border-radius:15px;padding:23px}.beat-list{list-style:none;counter-reset:beat;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:0}.beat-list li{counter-increment:beat;background:white;border:1px solid var(--border);padding:23px;border-radius:14px}.beat-list li:before{content:counter(beat,decimal-leading-zero);display:block;color:var(--coral);font-weight:900;margin-bottom:7px}.beat-list p{font-size:14px;margin:7px 0 0}.notice{background:var(--orange-soft);border:1px solid #EDDFBE;border-radius:15px;padding:21px}.notice p{margin-bottom:0}.watch-page h1{margin-top:20px}.player-wrap{aspect-ratio:16/9;background:#111827;border-radius:16px;overflow:hidden;max-width:1050px}.player-wrap video{display:block;width:100%;height:100%}.world-list{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.world-tile{min-height:215px;background:var(--cyan-soft);border-radius:18px;padding:29px;display:flex;align-items:start;flex-direction:column}.world-tile:nth-child(3n){background:var(--coral-soft)}.world-tile:nth-child(3n + 2){background:var(--grape-soft)}.world-tile h2{margin:14px 0}.world-tile p{font-size:14px}.world-tile>span:last-child{margin-top:auto;font-weight:750;color:var(--cyan)}.world-essay{margin:30px 0 55px;max-width:950px;background:white;border-radius:17px;border-left:5px solid var(--coral);padding:35px}.world-essay p{line-height:2}.world-work-list{display:grid;gap:18px}.world-work-list article{display:grid;grid-template-columns:160px 1fr;background:white;border-radius:17px;border:1px solid var(--border);overflow:hidden}.world-thumb{height:220px}.world-work-list article>div+div{padding:25px}.world-work-list article a{color:var(--cyan);font-weight:750}.calendar-board{background:linear-gradient(120deg,#E2F2F3,#F0EBF8);text-align:center;border-radius:22px;padding:65px 25px}.calendar-board p{max-width:640px;margin:12px auto}.calendar-icon{font-size:62px;color:var(--cyan)}.about-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.about-panels section{border-radius:18px;background:white;padding:29px;border:1px solid var(--border)}.about-panels section:nth-child(2){background:var(--grape-soft)}.about-panels section:nth-child(3){background:var(--mint-soft)}.mobile-bottom{display:none}@media(max-width:1080px){.brand small{display:none}.desktop-nav{gap:12px}.category-grid{grid-template-columns:repeat(4,1fr)}.library-layout{grid-template-columns:220px 1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.character-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.container{width:calc(100% - 38px)}.desktop-nav{display:none}.topinner{justify-content:space-between;height:72px}.menu-toggle,.menu-close{display:block}.hero{grid-template-columns:1fr;margin-top:18px}.hero-copy{padding:26px}.hero-art{min-height:230px}.hero-art img{max-height:300px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile:nth-child(even){transform:none}.folio-grid,.split-feature,.studio-feature,.library-layout,.series-hero{grid-template-columns:1fr}.folio-grid .featured{min-height:250px}.mini-gallery{grid-template-columns:repeat(2,1fr)}.three-notes,.clue-row,.topic-grid{grid-template-columns:1fr}.section{margin:58px 0}.section-head{align-items:start;flex-direction:column;gap:7px}.feature-visual{height:220px}.feature-copy{padding:22px}.filters{position:static}.catalog-grid{grid-template-columns:repeat(2,1fr)}.series-poster{width:65%;max-width:280px}.two-columns,.beat-list{grid-template-columns:1fr}.world-list,.about-panels{grid-template-columns:1fr}.menu-shade:not([hidden]){display:block;position:fixed;inset:0;background:#1119;z-index:45}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:12px;padding:24px;position:fixed;right:0;top:0;bottom:0;z-index:50;max-width:320px;width:80%;background:white;box-shadow:-8px 0 30px #0002}.mobile-menu a{padding:8px;border-bottom:1px solid var(--divider)}.menu-close{align-self:end}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:7px 0 max(7px,env(safe-area-inset-bottom));z-index:25}.mobile-bottom a{font-size:12px;min-width:60px;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.footer{padding-bottom:80px}.nav-tiles{grid-template-columns:repeat(2,1fr)}body.menu-open{overflow:hidden}}@media(max-width:430px){.container{width:calc(100% - 32px)}.hero h1{font-size:30px}.category-grid{gap:10px}.category-tile{padding:11px;min-height:236px}.category-tile h3{font-size:16px}.category-visual{height:95px}.catalog-grid{gap:10px}.catalog-grid .work-card{padding:8px}.catalog-grid .work-card h3{font-size:16px}.catalog-grid .work-card p{font-size:12px}.mini-gallery{grid-template-columns:1fr}.folio-grid .work-card.featured{display:block}.folio-grid .featured .cover{width:55%}.character-grid{grid-template-columns:1fr}.series-hero{padding:19px}.series-poster{width:80%}.world-work-list article{grid-template-columns:1fr}.world-thumb{height:240px}.footer-inner{flex-direction:column}.status-tags span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}