:root{--background:#F5F4F1;--paper:#FFFEFA;--surface:#fff;--surface-soft:#EDF1F3;--night:#182238;--night-deep:#10192B;--night-light:#293750;--sakura:#D95D78;--sakura-soft:#F9E5EB;--cyan:#347E88;--gold:#B58B46;--violet:#77658F;--title:#253044;--body:#475366;--muted:#667487;--border:#DBE3E7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--body);line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:var(--sakura)}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.3}h1{font-size:clamp(30px,4.2vw,54px)}h2{font-size:clamp(23px,2.7vw,30px)}h3{font-size:20px}p{font-size:16px}img{max-width:100%;display:block}.shell{width:min(1360px,calc(100% - 64px));margin:auto}.top{background:var(--night);color:#f7f8fa;position:relative;z-index:40}.nav{height:76px;display:flex;align-items:center;gap:30px}.brand{font-size:23px;letter-spacing:.06em;color:#fff;font-weight:750;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.2em;color:#bbc9d6;font-weight:500;line-height:1}.flower{font-size:30px;color:#ef829b;vertical-align:middle}.main-nav{display:flex;gap:25px;align-items:center;margin-left:auto}.main-nav a{font-size:15px;font-weight:600;color:#dbe3ed}.main-nav a:hover,.nav-search:hover{color:#ffb5c4}.nav-search{font-size:14px;color:#e0edf2;padding:9px 14px;border:1px solid #52637a;border-radius:30px;white-space:nowrap}.menu-toggle{display:none}.category-strip{background:#202d43;border-bottom:1px solid #48536a}.tracks{display:flex;justify-content:space-between;gap:18px;overflow-x:auto;scrollbar-width:thin}.tracks a{color:#d8dce7;font-size:13px;white-space:nowrap;padding:12px 1px}.tracks span{font-weight:800}.hero{background:radial-gradient(ellipse at 88% 5%,#3b415e 0,transparent 55%),linear-gradient(130deg,#10192b,#202d43);color:#fff;overflow:hidden}.hero-grid{min-height:434px;display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center}.hero-copy{padding:58px 0}.hero h1{color:white;line-height:1.26;font-size:clamp(34px,4vw,53px);font-weight:800}.hero h1 em{font-style:normal;color:#f6a2b4}.hero-copy>p{color:#d4dce7;max-width:590px;font-size:17px}.eyebrow{display:block;color:#e6a2b6;font-size:12px;letter-spacing:.18em;font-weight:750;margin-bottom:13px}.eyebrow.dark{color:#a54562}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.btn{border-radius:30px;padding:11px 23px;font-size:14px;font-weight:750;display:inline-block}.btn.primary{background:var(--sakura);color:#fff}.btn.outline{border:1px solid #9cabc0;color:#f2f6fa}.btn.pale{border:1px solid #d7dfe5;color:#26364d}.hero-note{font-size:12px;color:#a9b9c9;margin-top:32px}.hero-art{min-height:332px;background:#293751;border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid #536279}.hero-art .banner{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.hero-art .fallback{min-height:332px;color:#e9e9f0;background:radial-gradient(circle at 70% 30%,#62576a,transparent 54%),linear-gradient(130deg,#273e58,#2a314d);font-size:32px;display:flex;align-items:center;justify-content:center;padding:30px;text-align:center}.film{position:absolute;bottom:14px;left:18px;color:#fff;border-top:1px solid #ffffff77;font-size:10px;letter-spacing:.2em;padding-top:9px}.section{padding-top:75px;padding-bottom:20px}.section-top{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:30px}.section-top h2{margin-bottom:0}.section-top>p,.section-top>a,.section-top>span{font-size:14px;color:#6c7583}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat{background:white;border:1px solid var(--border);padding:17px;border-radius:15px;min-width:0;position:relative;transition:transform .2s,border-color .2s}.cat:hover{transform:translateY(-3px);border-color:var(--accent)}.cat .number{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:.15em}.catimage{width:100%;height:120px;object-fit:contain;border-radius:8px;background:#f1f2f5}.cat .fallback{height:120px;display:grid;place-items:center;background:linear-gradient(145deg,#f5f5f7,#e9eff0);color:var(--accent);font-weight:700;margin-top:6px}.cat h3{margin:14px 0 4px;font-size:19px}.cat p{font-size:13px;color:#566374;min-height:40px;margin-bottom:10px}.arrow{color:var(--accent);font-size:12px;font-weight:700}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature{border-radius:18px;background:#fff;display:grid;grid-template-columns:39% 61%;overflow:hidden;border:1px solid var(--border)}.feature>div{min-height:260px}.feature .cover,.feature .fallback{height:100%;width:100%;object-fit:contain;background:#e1e5ec;display:flex;align-items:center;justify-content:center;padding:16px;text-align:center;color:#5d6880}.feature article{padding:28px}.feature article h3{font-size:25px;margin:14px 0}.feature p{font-size:14px}.feature article>span:last-child{font-size:13px;color:var(--cyan);font-weight:700}.tag{color:#a6435d;font-size:12px;letter-spacing:.02em}.band{background:#1a2840;color:#fff;margin-top:75px}.band h2,.band h3{color:#fff}.band p{color:#c3d0de}.schedule-preview{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-top:48px;padding-bottom:48px}.schedule-preview>div{max-width:690px}.schedule-preview p{margin-bottom:0}.story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.story-layout.reverse{grid-template-columns:.9fr 1.1fr}.story-layout.reverse .story-large{order:2}.story-large{border-radius:18px;overflow:hidden;background:#fff;padding:20px;border:1px solid var(--border)}.story-large>.cover,.story-large>.fallback{height:225px;width:100%;object-fit:contain;background:#edf1f3;display:grid;place-items:center;color:#526579;font-size:24px;border-radius:12px}.story-large h3{margin:19px 0 7px}.story-large p{font-size:14px}.story-large>a{font-size:13px;color:var(--cyan);font-weight:700}.story-secondary{display:flex;flex-direction:column;gap:18px}.mini-story{display:grid;grid-template-columns:128px 1fr;gap:20px;background:#fff;padding:15px;border:1px solid var(--border);border-radius:16px;min-height:190px}.mini-story img,.mini-story .fallback{width:100%;height:154px;object-fit:contain;background:#ecf0f4;border-radius:9px;display:grid;place-items:center;padding:12px;text-align:center}.mini-story strong{display:block;font-size:19px;margin-bottom:9px;color:var(--title)}.mini-story small{display:block;font-size:13px;color:#68768a;line-height:1.8}.band.alt{background:#242f48}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.world-grid>a{border:1px solid #7e859740;padding:30px 25px;border-radius:15px;background:#ffffff0a}.world-grid h3{color:#fff;margin:15px 0}.world-grid p{font-size:14px}.world-grid a>span:last-child{color:#f7b3c1;font-size:13px}.world-index{color:#93bac4;font-size:12px;letter-spacing:.16em}.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.special-grid a{background:#fff;padding:29px;border:1px solid var(--border);border-top:4px solid var(--sakura);border-radius:15px}.special-grid a:nth-child(2){border-top-color:var(--cyan)}.special-grid a:nth-child(3){border-top-color:var(--violet)}.special-grid p{min-height:70px;font-size:14px}.special-grid a>span:last-child{font-size:13px;color:var(--cyan)}.special-id{font-size:11px;color:#b15e74;letter-spacing:.16em}.endcard{text-align:center;padding-top:100px;padding-bottom:95px}.endcard .actions{justify-content:center}.endcard p{color:#6a7583}.footer{background:#121c2c;color:#c6d1dc;padding-top:50px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:40px}.footer-grid .brand{margin-bottom:14px}.footer h3{font-size:17px;color:#fff}.footer a{display:block;font-size:14px;margin:6px 0}.footer p{font-size:13px;max-width:460px;color:#a8b7c8}.copyright{padding:14px 0;border-top:1px solid #435069;font-size:12px;color:#94a5b6}.mobile-bottom{display:none}.catalog-head,.collection-hero,.schedule-head,.about-head{background:linear-gradient(125deg,#1a2941,#354561);color:#f4f4f6;padding:64px 0}.catalog-head h1,.collection-hero h1,.schedule-head h1,.about-head h1{color:#fff}.catalog-head p,.collection-hero p,.schedule-head p,.about-head p{color:#d3dce8;max-width:760px}.search-form{display:flex;align-items:center;gap:10px;max-width:720px;background:white;border-radius:12px;padding:7px;margin-top:30px}.search-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search-form input{flex:1;width:1px;border:0;outline:0;padding:12px;color:#253044;background:transparent}.search-form button{background:#d95d78;border:0;color:white;padding:12px 22px;border-radius:8px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.pills a{background:#fff;color:#3f4b5d;padding:7px 15px;border-radius:23px;font-size:13px;border:1px solid #dce2e6}.pills a.active{background:#1b2a42;color:#fff}.result-top{display:flex;justify-content:space-between;border-bottom:1px solid #d9e0e6;padding:17px 0;margin-bottom:22px;color:#6d7885;font-size:13px}.anime-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.anime-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:14px;min-width:0;transition:transform .2s}.anime-card:hover{transform:translateY(-4px)}.anime-card .cover,.anime-card .fallback{height:255px;width:100%;object-fit:contain;display:grid;place-items:center;background:linear-gradient(150deg,#e6ecf2,#f3eded);border-radius:10px;padding:15px;text-align:center;font-size:24px;color:#4b566f}.anime-card .tag{display:block;margin-top:12px}.anime-card h3{font-size:20px;margin:5px 0 8px}.anime-card p{font-size:14px;color:#6c7785}.pagination{display:flex;justify-content:center;gap:12px;padding:35px 0}.pagination a{padding:5px 14px;border:1px solid #ced7e2;border-radius:6px}.pagination .active{background:#1e2b41;color:white}.empty{padding:55px 25px;background:#fff;border:1px dashed #c5d0db;text-align:center;border-radius:16px;color:#718093}.empty a{color:#b24463;font-weight:750}.detail-intro{background:#1a2840;color:#f4f4f6;padding:28px 0 70px}.breadcrumb{font-size:13px;color:#aebfce;margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:300px 1fr;gap:54px}.detail-poster .cover,.detail-poster .fallback{height:440px;width:100%;object-fit:contain;border-radius:15px;background:#34445f;display:grid;place-items:center;padding:20px;text-align:center;color:#dbe4f1;font-size:30px}.detail-content h1{color:#fff;font-size:42px}.detail-tags{display:flex;flex-wrap:wrap;gap:9px}.detail-tags span{padding:4px 13px;background:#ffffff15;border-radius:24px;color:#ebc3ce;font-size:13px}.intro-lead{font-size:18px;max-width:800px;color:#dbe2ec;margin:25px 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 0;border-top:1px solid #536177;border-bottom:1px solid #536177}.facts small{display:block;color:#aabbd0}.facts strong{font-size:14px;color:white}.alert{margin-top:23px;padding:14px;border-left:3px solid #e7a4b6;background:#ffffff10;font-size:13px}.detail-tabs{border-bottom:1px solid #d5e0e6;display:flex;gap:30px;overflow-x:auto;white-space:nowrap;padding:22px 0}.detail-tabs a{font-size:14px;color:#42536a}.prose{max-width:960px}.prose p{font-size:17px;line-height:1.85}.prose section{padding:0 0 26px}.timeline{border-radius:17px;border:1px solid #dae1e7;overflow:hidden;background:white}.timeline-heading{display:flex;justify-content:space-between;gap:14px;background:#e9edf0;padding:14px 26px;font-size:14px;color:#33455c}.timeline .empty{border:0}.big-symbol{font-size:56px;color:#c17086}.collection-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection-item{background:white;border:1px solid var(--border);border-radius:14px;padding:30px}.coll-number{color:#af5b74;font-size:12px;letter-spacing:.2em}.collection-item h2{margin-top:12px}.collection-item p{min-height:50px;font-size:14px}.collection-item strong{color:#367a86;font-size:13px}.collection-essay{background:white;padding:38px;border:1px solid var(--border);border-radius:18px;max-width:1040px;margin:26px 0 45px}.collection-essay p{font-size:17px;line-height:2}.collection-related{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection-related>a{display:grid;grid-template-columns:125px 1fr;gap:20px;border-radius:14px;border:1px solid var(--border);background:white;padding:15px}.collection-related img,.collection-related .fallback{width:125px;height:155px;object-fit:contain;background:#e8eef2;display:grid;place-items:center;padding:10px;text-align:center}.collection-related p{font-size:14px}.about-layout{display:grid;grid-template-columns:240px 1fr;gap:50px}.about-layout aside{height:max-content;position:sticky;top:18px;display:flex;flex-direction:column;gap:9px;background:white;padding:25px;border-radius:12px}.about-layout aside a{font-size:14px}.about-layout details{background:white;border:1px solid var(--border);padding:14px;margin:10px 0;border-radius:8px}.about-layout summary{cursor:pointer;font-weight:650;color:#2c3c54}
@media(max-width:1100px){.shell{width:calc(100% - 44px)}.nav{gap:16px}.main-nav{gap:14px}.nav-search{display:none}.cat-grid{grid-template-columns:repeat(4,1fr)}.feature-pair{grid-template-columns:1fr}.feature>div{min-height:220px}.mini-story{grid-template-columns:100px 1fr}.mini-story img,.mini-story .fallback{height:140px}}
@media(max-width:760px){.shell{width:calc(100% - 34px)}.nav{height:70px}.brand{font-size:20px}.menu-toggle{display:block;margin-left:auto;color:white;background:transparent;border:1px solid #6a758b;border-radius:8px;padding:3px 12px;font-size:22px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#1b2a42;padding:23px;flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 12px 20px #0004}.main-nav.open{display:flex}.main-nav a{padding:9px}.menu-open{overflow:hidden}.tracks{gap:25px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:43px 0 12px}.hero-art{min-height:220px;margin-bottom:30px}.hero-art .fallback{min-height:220px}.hero-note{margin-top:18px}.section{padding-top:50px}.section-top{align-items:start}.cat-grid{grid-template-columns:1fr 1fr}.feature{grid-template-columns:35% 65%}.feature article{padding:20px}.feature article h3{font-size:20px}.story-layout,.story-layout.reverse{grid-template-columns:1fr}.story-layout.reverse .story-large{order:0}.world-grid,.special-grid{grid-template-columns:1fr}.schedule-preview{flex-direction:column;align-items:start;gap:12px}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.anime-card .cover,.anime-card .fallback{height:215px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-poster{max-width:300px}.detail-poster .cover,.detail-poster .fallback{height:360px}.detail-content h1{font-size:32px}.facts{grid-template-columns:repeat(2,1fr)}.collection-list,.collection-related{grid-template-columns:1fr}.about-layout{grid-template-columns:1fr}.about-layout aside{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#182238;color:white;z-index:20;padding:12px 10px max(12px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #0003}.mobile-bottom a{font-size:14px}.footer{padding-bottom:68px}}
@media(max-width:430px){.cat-grid{gap:10px}.cat{padding:12px}.cat h3{font-size:16px}.cat p{font-size:12px}.catimage,.cat .fallback{height:90px}.section-top{flex-direction:column;gap:6px}.feature{grid-template-columns:1fr}.feature>div{min-height:165px;height:165px}.feature article{padding:20px}.mini-story{grid-template-columns:90px 1fr;gap:12px;min-height:150px}.mini-story img,.mini-story .fallback{height:122px}.mini-story strong{font-size:16px}.mini-story small{font-size:12px}.anime-card .cover,.anime-card .fallback{height:185px;font-size:18px}.anime-card h3{font-size:16px}.anime-card p{font-size:12px}.search-form button{padding:11px 12px;font-size:13px}.timeline-heading{flex-direction:column}.collection-related>a{grid-template-columns:90px 1fr}.collection-related img,.collection-related .fallback{width:90px;height:130px}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}