*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6FAF9;color:#263343;font:16px/1.8 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}p{margin:.7em 0 1em;color:#455465}h1,h2,h3{line-height:1.25;letter-spacing:-.02em}h1{font-size:clamp(30px,4vw,47px)}h2{font-size:clamp(24px,2.5vw,31px)}h3{font-size:19px}.container{max-width:1340px;margin:auto;padding:0 30px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:999;background:white;padding:8px}.top{position:sticky;top:0;z-index:20;background:#fffefaed;border-bottom:1px solid #DAE5E5;backdrop-filter:blur(14px)}.topinner{max-width:1400px;margin:auto;min-height:74px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{font-size:22px;font-weight:900;letter-spacing:.04em;color:#277E90;white-space:nowrap}.logo{width:185px;max-height:58px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px}.nav a:hover,.sidepanel a:hover{color:#D85E78}.mobile-menu{display:none}.hero{margin:30px 0 10px;min-height:410px;padding:44px 5%;display:grid;grid-template-columns:40% 60%;align-items:center;border-radius:24px;background:linear-gradient(125deg,#E2F2F3,#FAE7EC 85%);overflow:hidden}.hero h1{font-size:clamp(36px,4.3vw,58px);margin:15px 0}.hero p{max-width:420px}.heroart{margin-left:20px}.heroart>*{width:100%;height:320px;object-fit:cover;border-radius:19px}.artfallback{display:flex;justify-content:center;align-items:center;min-height:120px;background:linear-gradient(140deg,#DCEEEE,#F9E4EE 72%,#EFE7F9);color:#493672;font-weight:750;text-align:center;padding:14px}.kicker{font-size:12px;letter-spacing:.1em;color:#277E90;font-weight:900}.btn{display:inline-flex;justify-content:center;align-items:center;background:#277E90;color:white;font-weight:750;border:0;padding:11px 23px;min-height:44px;border-radius:12px;cursor:pointer}.btn:hover{background:#1C6170}.btn.secondary{background:#E2F2F3;color:#1C6170}.section{padding:50px 0}.sectionhead{max-width:800px;margin-bottom:25px}.sectionhead h2{margin:8px 0}.catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catbox{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:white;border:1px solid #DAE5E5;transition:transform .2s}.catbox:hover,.workcard:hover{transform:translateY(-3px)}.catbox:nth-child(3n){transform:translateY(8px)}.catbox .catart>*{height:135px;width:100%;object-fit:cover}.catbox>div:last-child{padding:15px}.catbox p{font-size:13px;margin:5px 0}.featuregrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.featuregrid .workcard:first-child{grid-row:span 2}.featuregrid .workcard:first-child .poster{height:390px}.three,.workgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workcard{background:#fff;border:1px solid #DAE5E5;border-radius:16px;overflow:hidden;transition:transform .2s;min-width:0}.workcard .poster{display:block;width:100%;height:250px;object-fit:cover}.workinfo{padding:17px 18px}.workinfo h3{margin:6px 0 10px}.workinfo p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.more{color:#277E90;font-weight:750;font-size:14px}.stripe{background:#EDF5F4;padding:34px 30px;border-radius:24px}.darkpanel{background:#1A2635;color:#fff;padding:35px 30px;border-radius:24px}.darkpanel p{color:#d6e0ea}.panel{padding:24px;border-radius:16px;border:1px solid #DAE5E5;background:white}.panel h3{margin-top:8px}.finalcta{text-align:center}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pageintro{padding:54px 0 20px;max-width:840px}.pageintro h1{margin:8px 0}.chips,.tags{display:flex;flex-wrap:wrap;gap:9px}.chip,.tags span{display:inline-flex;min-height:40px;align-items:center;padding:5px 13px;border:1px solid #DAE5E5;border-radius:99px;background:white;font-size:13px;font-weight:700}.chip.active,.chip:hover{background:#277E90;border-color:#277E90;color:white}.search{display:flex;gap:12px;margin:15px 0 10px}.search input{flex:1;min-width:0;border:1px solid #DAE5E5;border-radius:12px;background:white;padding:10px 16px}.resultcount,.note{font-size:13px}.workgrid{margin-bottom:24px}.pages{display:flex;justify-content:center;gap:8px;padding:12px}.empty,.calendarempty,.playerempty{text-align:center;background:#fff;border:1px solid #DAE5E5;border-radius:24px;padding:65px 25px;margin:25px 0 80px}.playerempty{background:#1A2635;color:white}.playerempty p{color:#d6e0ea;max-width:650px;margin:12px auto 25px}.calendaricon,.playericon{font-size:55px}.breadcrumb{font-size:13px;color:#6A7887;margin:25px 0}.serieshero{display:grid;grid-template-columns:290px 1fr;gap:35px;align-items:start;background:#fff;border:1px solid #DAE5E5;padding:26px;border-radius:22px}.seriesposter{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:14px}.serieshero h1{margin:10px 0 25px}.notice{margin:18px 0;padding:17px 20px;background:#FBF0DA;border-radius:12px;color:#6a4c1d}.detailgrid{display:grid;grid-template-columns:1fr 260px;gap:55px;align-items:start}.detailgrid article{min-width:0}.detailgrid article>.section{border-bottom:1px solid #DAE5E5}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sidepanel{position:sticky;top:110px;margin:50px 0;background:white;border:1px solid #DAE5E5;padding:20px;border-radius:17px;display:flex;flex-direction:column;gap:12px}.sidepanel a{font-size:14px}.beats li{margin-bottom:14px}.topics{display:grid;gap:32px}.topic{padding:35px;border-radius:22px;background:#EDF5F4}.topic:nth-child(2n){background:#F0EBF8}.topic>p{max-width:850px}.aboutflow{max-width:880px;display:grid;gap:20px;padding:20px 0 100px}.footer{background:#263343;color:white;margin-top:65px}.footinner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:26px;padding-bottom:26px;font-size:13px}.footer p{color:#d4dce4}.footer a{text-decoration:underline}@media(max-width:1024px){.nav{gap:12px}.catgrid{grid-template-columns:repeat(2,1fr)}.featuregrid{grid-template-columns:repeat(2,1fr)}.featuregrid .workcard:first-child{grid-row:auto}.three,.workgrid{grid-template-columns:repeat(2,1fr)}.detailgrid{gap:20px;grid-template-columns:1fr 210px}}@media(max-width:760px){.container{padding:0 17px}.topinner{padding:0 16px;min-height:70px}.mobile-menu{display:block;border:0;background:#E2F2F3;color:#1C6170;border-radius:9px;min-width:44px;min-height:44px;font-size:21px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;padding:18px;box-shadow:0 15px 25px #172b3e2c;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menuopen{overflow:hidden}.hero{grid-template-columns:1fr;padding:26px;min-height:unset}.heroart{margin:20px 0 0}.heroart>*{height:210px}.section{padding:33px 0}.stripe,.darkpanel{padding:25px 15px}.catgrid,.three,.workgrid,.featuregrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catbox .catart>*{height:100px}.catbox>div:last-child{padding:12px}.workcard .poster{height:190px}.workinfo{padding:12px}.workinfo p{font-size:12px;-webkit-line-clamp:2}.serieshero{grid-template-columns:1fr;padding:17px}.serieshero>div:first-child{max-width:270px}.detailgrid{grid-template-columns:1fr}.sidepanel{position:static;margin:0}.two{grid-template-columns:1fr}.search{flex-direction:column}.footer .footinner{display:block}.topic{padding:18px}.pageintro{padding-top:35px}}@media(max-width:400px){.three,.workgrid,.featuregrid{grid-template-columns:1fr}.catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand{font-size:18px}.workcard .poster{height:250px}}
/* JM Comic second edition: preserve original color system, vary editorial composition */
.v2hero{grid-template-columns:52% 48%;background:linear-gradient(125deg,#F0EBF8,#E2F2F3 54%,#FAE7EC);}
.v2hero h1{font-size:clamp(33px,4.2vw,58px);max-width:680px}.v2hero .actions{justify-content:flex-start}.v2hero .heroart>*{height:350px}
.v2cat .catbox:nth-child(3n){transform:none}.v2cat .catbox:nth-child(4n+1){border-top:5px solid #277E90}.v2cat .catbox:nth-child(4n+2){border-top:5px solid #D85E78}.v2cat .catbox:nth-child(4n+3){border-top:5px solid #6B5196}.v2cat .catbox:nth-child(4n+4){border-top:5px solid #4E987D}
.featuresection .featuregrid{grid-template-columns:1.3fr 1fr 1fr}.editorial{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:25px 0}.editorial h2{font-size:clamp(26px,3vw,41px)}.fieldart>*{display:block;width:100%;height:400px;object-fit:cover;border-radius:22px}
.libraryintro{max-width:960px;border-left:6px solid #D85E78;padding-left:24px;margin-top:35px}.catalogbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0;color:#455465}.catalogbar span{font-size:13px}.cataloggrid{grid-template-columns:repeat(4,minmax(0,1fr))}.cataloggrid .poster{height:280px}
.v2topics .topic{position:relative;overflow:hidden}.v2topics .topic:nth-child(3n){background:#FAE7EC}.v2topics .topic:nth-child(4n){background:#E6F4EC}.topiccaption{display:flex;justify-content:space-between;font-size:12px;color:#6B5196;font-weight:800;letter-spacing:.1em}.essaycopy{font-size:17px;line-height:1.9;max-width:1000px;margin-bottom:28px}
.status-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.status-hero{padding:35px;border-radius:22px;background:linear-gradient(120deg,#F0EBF8,#E2F2F3)}.status-hero p{max-width:620px}.darkpanel .kicker{color:#B1DDE2}
@media(max-width:1024px){.cataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.v2hero,.editorial,.status-layout{grid-template-columns:1fr}.v2hero .heroart>*{height:220px}.fieldart>*{height:250px}.cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cataloggrid .poster{height:220px}.catalogbar{display:block}.topiccaption{gap:12px}}
@media(max-width:400px){.cataloggrid{grid-template-columns:1fr}.cataloggrid .poster{height:320px}}