: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}body{margin:0;background:var(--background);color:var(--body);font:16px/1.78 system-ui,-apple-system,'Microsoft YaHei',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan-deep)}img{display:block;max-width:100%}h1,h2,h3{color:var(--title);line-height:1.32;letter-spacing:-.035em}h1{font-size:clamp(28px,3.5vw,44px)}h2{font-size:clamp(24px,2.4vw,30px);margin:6px 0 20px}h3{font-size:20px}p{margin:0 0 16px}button,input,select{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ac4d0;outline-offset:3px}.container{width:min(1340px,calc(100% - 64px));margin-inline:auto}.site-header{position:relative;z-index:30;background:rgba(255,254,251,.96);border-bottom:1px solid var(--divider)}.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;min-width:180px;font-weight:850;color:var(--ink);white-space:nowrap}.brand-logo{width:46px;height:46px;object-fit:contain}.brand .image-missing{width:46px;height:46px;font-size:10px;overflow:hidden}.desktop-nav{display:flex;gap:clamp(12px,2.1vw,32px);font-size:15px;font-weight:650}.desktop-nav a:hover{color:var(--coral)}.nav-right{display:flex;align-items:center;gap:12px}.search-icon{font-size:32px;line-height:1}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;cursor:pointer}.nav-overlay{position:fixed;inset:0;background:#14212da8;z-index:40}.mobile-menu{position:fixed;z-index:41;inset:0 0 0 auto;width:min(310px,83vw);background:white;padding:58px 30px 30px;box-shadow:-10px 0 40px #17202b20;flex-direction:column;gap:10px}.mobile-menu:not([hidden]){display:flex}.mobile-menu a{padding:12px 6px;border-bottom:1px solid var(--divider);font-weight:700}.close-menu{position:absolute;top:10px;right:18px;background:none;border:0;font-size:32px;cursor:pointer}.bottom-nav{display:none}.eyebrow{font-weight:850;letter-spacing:.12em;color:var(--cyan-deep);font-size:12px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--cyan);background:var(--cyan-deep);color:white!important;padding:10px 24px;border-radius:12px;font-weight:750;cursor:pointer}.btn:hover{background:#134b59}.btn.secondary{background:white;color:var(--cyan-deep)!important}.btn.secondary:hover{background:var(--cyan-soft)}.text-link{font-weight:800;color:var(--cyan-deep)}.section{padding:75px 0}.section-head{margin-bottom:25px}.section-head p{max-width:680px}.soft{background:var(--surface-soft)}.lavender{background:var(--grape-soft)}.peach{background:var(--coral-soft)}.hero{min-height:420px;display:grid;grid-template-columns:42% 58%;padding-top:30px;padding-bottom:30px}.hero-copy{background:linear-gradient(125deg,#e5f5f2,#fff5ec);padding:50px 30px 30px 42px;border-radius:22px 0 0 22px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{margin:16px 0}.hero-copy p{font-size:17px}.hero-art{background:#d2eced;border-radius:0 22px 22px 0;min-height:350px;overflow:hidden}.hero-picture{width:100%;height:100%;object-fit:contain}.hero-art .image-missing{height:100%;min-height:360px;font-size:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:10px}.image-missing{display:grid;place-items:center;min-height:145px;color:var(--cyan-deep);text-align:center;padding:20px;background:linear-gradient(135deg,#d7eeef 0%,#eae3f1 50%,#fae9e1 100%);font-weight:750;position:relative;overflow:hidden}.image-missing:before{content:'';width:130px;height:130px;border:3px solid #ffffff80;border-radius:50%;position:absolute;right:-30px;top:-40px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.category-tile{background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;padding-bottom:16px;transition:transform .2s}.category-tile:hover,.work-card:hover,.topic-card:hover{transform:translateY(-3px)}.category-art{width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef4f2}.category-tile .image-missing{min-height:130px}.category-tile span:not(.image-missing){padding:12px 18px 0;font-size:18px;font-weight:800;color:var(--ink)}.category-tile small{padding:0 18px;color:var(--muted)}.category-2{margin-top:20px}.category-4{margin-top:18px}.category-5{margin-top:14px}.category-7{margin-top:20px}.work-card{min-width:0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s;align-self:stretch}.work-card .poster,.work-card>.image-missing{width:100%;aspect-ratio:2/3;object-fit:contain;background:#edf0f5;min-height:0}.work-card>.image-missing{display:grid;place-items:center}.card-text{display:flex;flex-direction:column;gap:6px;padding:16px;min-width:0}.card-text small{color:var(--coral-deep);font-weight:700}.card-text strong{font-size:19px;line-height:1.4;color:var(--ink)}.card-text>span{font-size:14px;line-height:1.7;color:var(--body)}.featured-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:18px}.featured-large{background:#e4f4f2}.featured-large .poster,.featured-large>.image-missing{aspect-ratio:2/2}.featured-large .card-text strong{font-size:26px}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}.split p{font-size:17px;max-width:570px}.stack-list{display:flex;flex-direction:column;gap:12px}.work-card.horizontal{display:grid;grid-template-columns:112px 1fr;min-height:135px}.work-card.horizontal .poster,.work-card.horizontal>.image-missing{height:100%;aspect-ratio:auto;min-height:135px}.dark-panel{background:var(--ink-deep);color:#d9e6ee}.dark-panel h2{color:white}.dark-panel .eyebrow{color:#a0e4e5}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.editorial-row{display:grid;grid-template-columns:280px 1fr;gap:32px}.mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.character-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.character-row article{padding:25px;background:white;border:1px solid var(--border);border-radius:16px}.character-row small{color:var(--coral-deep)}.character-row a{color:var(--cyan-deep);font-weight:750}.craft-steps{display:grid;gap:14px;padding-left:24px}.craft-steps li strong{margin-right:15px;color:var(--ink)}.studio-art{width:100%;aspect-ratio:9/5;object-fit:contain;border-radius:20px}.topic-card{background:white;padding:28px;border:1px solid var(--border);border-radius:18px;min-height:245px;transition:transform .2s}.topic-card small{color:var(--coral-deep)}.topic-card span{color:var(--cyan-deep);font-weight:800}.last-section{padding-top:50px}.journey-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.journey-links a{background:var(--surface);padding:25px 20px;border:1px solid var(--border);border-radius:15px;color:var(--cyan-deep);font-weight:800}.site-footer{background:#243644;color:#dfe8e8;padding:45px 0}.site-footer strong{color:white}.site-footer p{font-size:14px;max-width:600px;margin:9px 0 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner nav{display:flex;gap:20px;flex-wrap:wrap}.intro{background:linear-gradient(95deg,#e6f4f3,#fff0f0);padding:48px 0}.intro h1{margin:8px 0}.intro p{max-width:760px;font-size:17px}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 30px}.category-tabs a,.section-index a{background:white;border:1px solid var(--border);border-radius:40px;padding:9px 14px;font-size:14px}.category-tabs .active,.pagination .active{background:var(--cyan-deep);color:white}.library-layout{display:grid;grid-template-columns:265px 1fr;gap:35px;align-items:start;margin-bottom:80px}.filters{background:#fff;border:1px solid var(--border);padding:24px;border-radius:18px;position:sticky;top:12px}.filters h2{font-size:22px}.filters form{display:flex;flex-direction:column;gap:12px}.filters label{font-weight:700;font-size:14px}.filters input,.filters select{width:100%;padding:10px;border:1px solid var(--border);border-radius:9px;background:white;min-height:44px}.filters .reset{font-size:14px;text-align:center;text-decoration:underline}.side-note{font-size:13px;color:var(--muted);padding-top:15px}.result-head{display:flex;justify-content:space-between;align-items:end;gap:15px}.result-head p{color:var(--muted)}.library-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-feature{grid-column:span 2;display:grid;grid-template-columns:42% 1fr;align-items:stretch}.library-feature .poster,.library-feature>.image-missing{height:100%;aspect-ratio:auto;min-height:340px}.pagination{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination a{min-width:42px;text-align:center;padding:6px;border:1px solid var(--border);background:white;border-radius:9px}.pagination .active{background:var(--cyan-deep)}.empty{padding:65px 25px;text-align:center;background:white;border:1px solid var(--border);border-radius:18px;margin:40px auto}.series-hero{display:grid;grid-template-columns:290px 1fr;gap:45px;align-items:center;padding-top:45px;padding-bottom:45px}.series-poster{border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #27404e20}.series-poster img,.series-poster .image-missing{aspect-ratio:2/3;width:100%;object-fit:contain}.series-lead h1{margin:12px 0}.series-lead p{max-width:850px}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.pills span{padding:5px 12px;border-radius:30px;background:var(--cyan-soft);color:var(--cyan-deep);font-size:13px;font-weight:750}.section-index{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--divider)}.detail-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(240px,1fr);gap:48px;padding-top:30px}.detail-section{padding:20px 0 30px;border-bottom:1px solid var(--divider);scroll-margin-top:20px}.detail-section h3{margin-bottom:8px}.detail-section blockquote{background:var(--grape-soft);border-left:4px solid var(--grape);margin:22px 0;padding:18px 22px;border-radius:0 12px 12px 0}.character-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.character-list article,.info-box{background:#fff;padding:20px;border-radius:15px;border:1px solid var(--border)}.info-box{position:sticky;top:20px}.info-box h2{font-size:22px}.info-box dl{display:grid;grid-template-columns:1fr;gap:2px}.info-box dt{color:var(--muted);font-size:13px}.info-box dd{margin:0 0 12px;font-weight:700}.beats{list-style:none;counter-reset:beat;padding:0;display:grid;gap:10px}.beats li{background:white;border-radius:10px;border:1px solid var(--border);padding:16px}.beats li:before{counter-increment:beat;content:counter(beat,decimal-leading-zero);color:var(--coral-deep);font-weight:900;margin-right:15px}.muted{color:var(--muted);font-size:14px}.watch-page{min-height:60vh;padding:45px 0}.video-player{width:100%;aspect-ratio:16/9;background:#15171c;max-height:700px}.worlds-page{padding:45px 0 80px}.world-intro{max-width:760px;margin-bottom:32px}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.world-card{background:white;padding:30px;border:1px solid var(--border);border-radius:20px}.world-card:nth-child(2n){background:#f3effa}.world-card p{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}.world-detail{max-width:1050px}.world-detail>p{font-size:17px;max-width:850px;line-height:1.95}.world-detail h2{margin-top:45px}.reason{padding:8px 10px;color:var(--cyan-deep);font-size:14px}.back-link{display:inline-block;margin-bottom:20px;color:var(--cyan-deep)}.calendar-main{padding:40px 0 80px}.calendar-board{display:grid;grid-template-columns:.9fr 1fr;gap:35px;background:#fff;padding:35px;border:1px solid var(--border);border-radius:22px}.calendar-visual{background:var(--cyan-soft);padding:25px;border-radius:18px}.weekday{font-size:12px;word-spacing:6px;color:var(--cyan-deep)}.calendar-cells{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:15px 0}.calendar-cells span{text-align:center;background:white;border-radius:7px;padding:8px 0;font-size:13px}.calendar-visual small{color:var(--muted)}.about-layout{display:grid;grid-template-columns:minmax(0,800px) 250px;gap:50px;padding:50px 0 100px}.about-layout section h2{margin-top:30px}.about-layout aside{background:white;border:1px solid var(--border);padding:24px;border-radius:18px;align-self:start;display:flex;flex-direction:column;gap:15px}@media(max-width:1100px){.desktop-nav{gap:12px;font-size:13px}.container{width:calc(100% - 48px)}.featured-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}.character-row{grid-template-columns:repeat(2,1fr)}.library-work-grid{grid-template-columns:repeat(2,1fr)}.library-feature{grid-column:span 2}.brand{min-width:auto}.brand span{max-width:150px;overflow:hidden;text-overflow:ellipsis}}@media(max-width:800px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:15px}.hero-copy{border-radius:20px 20px 0 0;padding:35px 25px}.hero-art{border-radius:0 0 20px 20px;min-height:220px}.hero-art .image-missing{min-height:220px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{margin-top:0}.split,.editorial-row,.library-layout,.detail-layout,.calendar-board,.about-layout{grid-template-columns:1fr}.three-grid{grid-template-columns:repeat(2,1fr)}.mini-gallery{grid-template-columns:repeat(3,1fr)}.filters{position:static}.filters form{display:grid;grid-template-columns:1fr 1fr}.filters form label{align-self:end}.filters form input,.filters form select{grid-column:1/-1}.filters form .btn,.filters .reset{grid-column:1/-1}.series-hero{grid-template-columns:190px 1fr;gap:25px}.info-box{position:static}.world-grid{grid-template-columns:1fr}.journey-links{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);background:white;box-shadow:0 -4px 16px #24364416;padding:5px 6px calc(5px + env(safe-area-inset-bottom))}.bottom-nav a{text-align:center;min-height:44px;display:grid;place-items:center;font-size:14px;font-weight:800}.site-footer{padding-bottom:100px}.footer-inner{flex-direction:column}.site-header .brand span{max-width:none}}@media(max-width:540px){.container{width:calc(100% - 34px)}body{font-size:16px}.site-header .brand span{font-size:14px}.nav-shell{height:70px}.brand-logo,.brand .image-missing{width:35px;height:35px}.section{padding:48px 0}.hero-copy h1{font-size:30px}.hero-copy p,.split p{font-size:16px}.category-grid{gap:10px}.category-tile span:not(.image-missing){font-size:15px;padding:10px 10px 0}.category-tile small{font-size:12px;padding:0 10px}.featured-grid,.three-grid,.mini-gallery,.character-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-large{grid-column:span 2}.featured-large .poster,.featured-large>.image-missing{aspect-ratio:16/9}.work-card .card-text{padding:11px}.card-text strong{font-size:16px}.card-text>span{font-size:13px}.featured-large .card-text strong{font-size:22px}.mini-gallery .work-card:last-child{grid-column:span 2}.editorial-row{gap:16px}.journey-links{gap:10px}.journey-links a{padding:15px}.series-hero{grid-template-columns:1fr}.series-poster{max-width:235px}.series-lead h1{font-size:30px}.character-list{grid-template-columns:1fr}.detail-layout{gap:10px}.library-work-grid{gap:11px}.library-feature{display:flex;grid-column:span 2;flex-direction:row}.library-feature .poster,.library-feature>.image-missing{width:38%;min-height:200px}.calendar-board{padding:20px}.weekday{font-size:9px}.footer-inner nav{gap:12px}.hero-actions{gap:8px}}@media(max-width:360px){.three-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:2fr 2fr}.brand span{max-width:150px!important}.btn{padding:9px 16px}.featured-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}