:root{--navy:#0D1931;--cinema:#102B53;--blue:#2466C1;--yellow:#F6C946;--ice:#E9F2FF;--paper:#F6F9FD;--ink:#15273F;--muted:#3D5167;--radius:15px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:hover{color:#245CB2}button,input{font:inherit}button,a,input{outline-offset:3px}.wrap{max-width:1250px;width:calc(100% - 40px);margin:auto}.eyebrow{background:var(--navy);color:#DEE9F6;font-size:12px}.top-line{min-height:29px;display:flex;justify-content:space-between;align-items:center;letter-spacing:.07em}.site-header{background:white;box-shadow:0 2px 18px #182a4410;position:relative;z-index:10}.mainbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:23px;display:flex;gap:10px;align-items:center;line-height:1.1;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#5e738b;margin-top:6px}.brand-accent{color:#b17a00}.brand-img{max-width:150px;max-height:43px;object-fit:contain}.desktop-links{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:700}.head-actions{display:flex;gap:10px;align-items:center}.head-actions a,.head-actions button{padding:9px 13px;border:1px solid #cfdeef;background:#fff;border-radius:10px;cursor:pointer;color:#153968;font-weight:700}.genre-bar{background:var(--ice)}.genre-links{min-height:42px;display:flex;gap:28px;align-items:center;overflow:auto;white-space:nowrap;font-size:13px;font-weight:650}.genre-links a{flex:0 0 auto}.hero{background:linear-gradient(115deg,#0D1931,#153968 75%,#2466C1);color:#F9FCFF;border-radius:20px;margin-top:28px;min-height:376px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:52px 55px}.kicker{color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:.15em}.hero h1{font-size:38px;line-height:1.25;margin:14px 0}.hero p{color:#DEE9F6;max-width:540px}.hero-visual{background:radial-gradient(circle at 75% 28%,#3A83E9 0,transparent 43%),linear-gradient(140deg,#174981,#0D1931);display:flex;align-items:center;justify-content:center;min-height:260px;position:relative}.hero-visual img{max-height:376px;width:100%;object-fit:contain}.hero-fallback{font-weight:900;color:#ffe69a;font-size:clamp(34px,5vw,70px);line-height:1.15;text-align:center;letter-spacing:.05em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border-radius:10px;background:var(--yellow);color:#0D1931;font-weight:800}.button.alt{background:#245CB2;color:#fff}.button:hover{filter:brightness(.95);color:#0D1931}.button.alt:hover{color:#fff}.actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.section{margin:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:19px}.section-head h2{font-size:25px;line-height:1.3;margin:0 0 6px}.section-head p{margin:0;color:var(--muted)}.more-link{color:#245CB2;font-weight:750;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.work-card,.note-card,.channel-card,.panel,.episode,.info-card{border:1px solid #dfe8f5;border-radius:var(--radius);background:#fff;box-shadow:0 7px 22px #12294d08}.work-card,.note-card{display:flex;flex-direction:column;padding:14px;gap:9px;min-width:0}.work-card strong,.note-card strong{font-size:18px;line-height:1.35}.work-card>span:last-child,.note-card>span{color:var(--muted);font-size:14px}.small,.note-card small{font-size:12px;color:#3765a2}.art-swatch{background:linear-gradient(135deg,#14335d,#4084dc);color:#fff;aspect-ratio:16/9;display:grid;place-items:center;border-radius:11px;font-size:19px;letter-spacing:.15em;font-weight:800}.art-twist{background:linear-gradient(130deg,#182c50,#7267ac)}.art-costume{background:linear-gradient(135deg,#164e6c,#78b1bd)}.art-sweet{background:linear-gradient(130deg,#fce9b0,#eab794);color:#54361e}.art-future{background:linear-gradient(135deg,#092d48,#268f9e)}.art-fantasy{background:linear-gradient(135deg,#2c3264,#a48ed1)}.art-comic{background:linear-gradient(135deg,#35528a,#d18caa)}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.channel-card{padding:24px;background:linear-gradient(140deg,#fff,#E9F2FF)}.channel-card strong{font-size:21px;display:block}.channel-card p{color:var(--muted)}.spotlight{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.panel{padding:23px}.panel.blue{background:#102B53;color:#F9FCFF;border-color:#102B53}.panel.blue p{color:#DEE9F6}.timeline{display:grid;gap:12px}.episode{padding:14px 18px}.episode strong{display:block}.episode p{margin:4px 0;color:var(--muted)}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.light-band{background:#FFF7DF;padding:26px;border-radius:18px}.page-hero{background:linear-gradient(120deg,#102B53,#245CB2);color:white;padding:43px 0;margin-bottom:34px}.page-hero h1{font-size:34px;line-height:1.25;margin:0 0 10px}.page-hero p{max-width:730px;color:#e3edfc}.crumb{font-size:13px;color:#cad9ee;margin-bottom:12px}.page-block{margin-bottom:50px}.readable{max-width:820px}.readable p{line-height:1.85;margin:1em 0}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#E9F2FF;color:#153968;padding:4px 11px;border-radius:99px;font-size:13px}.notice{background:#FFF7DF;color:#503d14;border-left:4px solid #F6C946;border-radius:8px;padding:13px 17px}.search-form{display:flex;gap:10px;max-width:660px}.search-form input{width:100%;padding:12px 14px;border:1px solid #b8cde5;border-radius:10px}.search-form button{border:0;cursor:pointer}.process-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.process-step{border-radius:12px;padding:15px;background:#E9F2FF}.process-step b{display:block;color:#2466C1;font-size:24px}.site-footer{margin-top:70px;background:#0D1931;color:#dee9f6;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid h2,.footer-grid h3{color:#fff;margin:0 0 14px}.footer-grid nav a{display:block;margin:6px 0}.footer-last{margin-top:30px;border-top:1px solid #3c4a64;padding-top:15px;font-size:12px}.mobile-bottom{display:none}#menu-overlay{position:fixed;inset:0;background:#071326a8;z-index:50}#side-menu{position:fixed;right:0;top:0;height:100dvh;width:min(390px,90vw);background:#fff;z-index:51;transform:translateX(110%);transition:transform .22s;display:flex;flex-direction:column}#side-menu.is-open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #e0e8f3}.drawer-head button{border:0;background:#E9F2FF;border-radius:9px;padding:10px;cursor:pointer}.drawer-items{overflow:auto;display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:6px}.drawer-items a{padding:9px;border-radius:8px;background:#F6F9FD;font-size:14px}.lock-scroll{overflow:hidden}@media(max-width:1000px){.desktop-links{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.wrap{width:calc(100% - 28px)}.mainbar{height:64px}.brand{font-size:19px}.brand-img{max-width:100px}.head-actions{gap:4px}.head-actions a,.head-actions button{padding:8px;font-size:12px}.hero{margin-top:16px;grid-template-columns:1fr;min-height:unset}.hero-copy{padding:30px 25px}.hero h1{font-size:29px}.hero-visual{min-height:160px}.section{margin:34px 0}.section-head h2{font-size:22px}.work-grid,.channel-grid,.note-grid,.split-grid,.spotlight{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dce7f4;justify-content:space-around;z-index:15;padding:8px 0 max(8px,env(safe-area-inset-bottom));font-size:13px;font-weight:700}.mobile-bottom a{min-width:55px;text-align:center;padding:7px}.site-footer{padding-bottom:100px}.page-hero{padding:32px 0}.page-hero h1{font-size:27px}.search-form{flex-direction:column}.section-head{align-items:start}}

.section-picture{display:block;max-width:100%;max-height:330px;height:auto;object-fit:contain;margin:14px auto;border-radius:12px}