@charset "UTF-8";
:root{--background:#F6F5ED;--paper:#FFFDF5;--surface:#fff;--banana:#F2D33C;--banana-soft:#FFF5BF;--banana-deep:#B99A13;--forest:#315C43;--forest-deep:#1F3E2D;--forest-soft:#E7EFE7;--ink:#20231F;--ink-deep:#111511;--ink-soft:#414840;--cobalt:#4169A8;--cobalt-soft:#E9EFF9;--tomato:#D45C48;--tomato-soft:#F9EAE5;--sand:#C3A66C;--sand-soft:#F4EEDC;--title:#242820;--body:#4A5149;--muted:#777E73;--border:#E2E3D9;--divider:#EBECE3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,'Noto Sans SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button,input,select{outline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.28}h1{font-size:clamp(30px,4vw,52px)}h2{font-size:clamp(24px,2.3vw,30px)}h3{font-size:21px}p{line-height:1.85}.wrap{max-width:1360px;padding:0 32px;margin:auto}.topbar{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:10}.top-inner{height:74px;max-width:1360px;padding:0 32px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:22px;font-weight:900;white-space:nowrap;line-height:1.15}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--forest);margin-top:4px}.brand-mark{background:var(--banana);width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ink);transform:rotate(-7deg)}.top-nav{display:flex;gap:23px;margin:auto;font-weight:700;font-size:14px}.top-nav a:hover{color:var(--forest)}.quick-search{display:flex;border:1px solid var(--border);border-radius:28px;padding:1px 5px 1px 15px;background:white}.quick-search input{border:0;background:transparent;min-width:0;width:130px;outline:0;font-size:13px}.quick-search button{border:0;background:var(--banana);border-radius:50%;width:32px;height:32px;font-size:22px;line-height:1}.menu-toggle{display:none}.section{padding-top:76px;padding-bottom:76px}.section-heading{margin-bottom:29px}.section-heading span,.eyebrow,.page-banner>span{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--forest)}.section-heading h2{margin:5px 0 7px}.section-heading p{margin:0;color:var(--muted)}.hero{background:var(--banana);border-bottom:2px solid var(--ink);overflow:hidden}.hero-grid{min-height:410px;display:grid;grid-template-columns:1fr 0.9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(42px,5vw,72px);font-weight:950;line-height:1.12;letter-spacing:-2px;color:var(--ink);margin:12px 0 21px}.hero h1 em{display:block;color:var(--forest);font-style:normal}.hero p{max-width:520px;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.button,.outline-button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 23px;font-weight:800;border-radius:8px;border:2px solid var(--ink);transition:transform .15s}.button{background:var(--ink);color:white}.outline-button{background:var(--paper);color:var(--ink)}.button:hover,.outline-button:hover{transform:translateY(-2px)}.hero-art{align-self:stretch;display:grid;place-items:center;padding:30px 0}.hero-art>img{width:100%;height:370px;object-fit:contain}.hero-poster{background:var(--forest);height:350px;width:100%;max-width:520px;padding:30px;color:var(--paper);border:4px solid var(--ink);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:space-between;box-shadow:14px 15px 0 var(--ink)}.poster-number{color:var(--banana);font-weight:900}.hero-poster strong{font-size:clamp(40px,5vw,65px);line-height:1.1}.hero-poster span{letter-spacing:3px;font-size:12px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.channel{min-height:207px;padding:23px;border:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s}.channel:hover{transform:translateY(-4px)}.channel small{font-size:10px;letter-spacing:1.2px;font-weight:900}.channel h3{margin:10px 0 5px}.channel p{font-size:13px;margin:0}.channel-1,.channel-8{background:var(--banana-soft)}.channel-2,.channel-7{background:var(--forest-soft)}.channel-3{background:#fff}.channel-4{background:#FBECE8}.channel-5{background:#DDE5EB}.channel-6{background:var(--cobalt-soft)}.ink-section{background:var(--ink-deep)}.light h2,.light p,.light span{color:white}.cards{display:grid;gap:20px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.comic-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .18s}.comic-card:hover{transform:translateY(-4px)}.cover{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#E8E9DF}.cover-fallback{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:17px;background:linear-gradient(142deg,#F2D33C 0 46%,#315C43 46% 100%);color:var(--ink);border-bottom:4px solid var(--ink)}.cover-fallback:before{content:'';position:absolute;inset:12px;border:2px solid rgba(0,0,0,.22);pointer-events:none}.cover-fallback span{font-size:10px;letter-spacing:3px;font-weight:900;align-self:flex-start}.cover-fallback strong{font-size:clamp(21px,2vw,33px);font-weight:950;line-height:1.25;z-index:1;background:var(--paper);padding:10px;transform:rotate(-3deg);box-shadow:5px 6px 0 var(--ink)}.cover-fallback small{color:white;align-self:flex-end;font-weight:900}.card-copy{padding:18px}.card-copy b{display:block;font-size:18px;color:var(--ink)}.card-copy small{font-size:12px;color:var(--forest)}.card-copy p{font-size:13px;line-height:1.7;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ink-section .comic-card{background:#fff}.text-link{display:inline-block;margin-top:20px;font-weight:800;color:var(--forest)}.light-link{color:var(--banana)}.twin{display:grid;grid-template-columns:1fr 1fr;gap:22px}.twin-box{background:#fff;padding:30px;border-top:5px solid var(--forest)}.twin-box.pale{background:var(--banana-soft);border-color:var(--banana-deep)}.line-work{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid var(--border)}.line-work b{color:var(--ink)}.line-work span{font-size:12px;color:var(--muted)}.feature-strip{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:35px;padding:40px 55px;border:2px solid var(--ink)}.feature-strip.tomato{background:var(--tomato-soft)}.feature-index{font-size:39px;font-weight:950;color:var(--tomato)}.feature-strip p{max-width:650px}.feature-strip a{font-weight:900;color:var(--forest)}.gallery-panels{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}.gallery-panels a{padding:30px;background:var(--forest-soft);border:2px solid var(--forest);min-height:225px}.gallery-panels a:nth-child(2){background:var(--cobalt-soft)}.gallery-panels a:nth-child(3){background:var(--sand-soft)}.gallery-panels small{color:var(--forest);font-weight:800}.gallery-panels p{font-size:14px}.mystery-list{border-top:3px solid var(--ink)}.mystery-list a{display:grid;grid-template-columns:145px 1fr 2fr;gap:20px;align-items:center;padding:25px;border-bottom:1px solid var(--ink)}.mystery-list span{font-weight:900;color:var(--tomato)}.mystery-list h3,.mystery-list p{margin:0}.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.special-grid a{background:var(--sand-soft);padding:27px;min-height:240px;border:1px solid var(--sand)}.special-grid a:nth-child(2){background:var(--forest-soft)}.special-grid a:nth-child(3){background:var(--cobalt-soft)}.special-grid span,.start-reading>span{font-size:11px;letter-spacing:2px;font-weight:900}.special-grid p{font-size:14px}.start-reading{text-align:center;background:var(--banana-soft);border:2px solid var(--ink);margin-top:45px;margin-bottom:80px}.start-reading .hero-actions{justify-content:center}.site-footer{background:var(--forest-deep);color:#fff;padding:32px 0 50px}.site-footer p{font-size:13px;max-width:570px}.footer-content{display:flex;justify-content:space-between;gap:20px}.footer-content nav{display:flex;gap:26px}.mobile-nav{display:none}.page-banner{padding:50px;background:var(--banana-soft);border-left:8px solid var(--banana);margin-bottom:36px}.page-banner.dark{background:var(--ink);border-color:var(--tomato)}.page-banner.dark h1,.page-banner.dark p,.page-banner.dark span{color:white}.page-banner h1{margin:9px 0}.page-banner p{max-width:740px;margin:0}.library-layout{display:grid;grid-template-columns:235px 1fr;gap:32px}.library-side{align-self:start;position:sticky;top:16px;background:var(--paper);padding:20px;border:1px solid var(--border)}.library-side>b{display:block;font-size:12px;letter-spacing:2px;margin-bottom:12px}.library-side>a{display:flex;justify-content:space-between;padding:9px 10px;font-size:14px;border-bottom:1px solid var(--border)}.library-side>a.active{background:var(--forest);color:white}.library-side small{font-size:11px}.small-note{font-size:12px;color:var(--muted);margin:20px 5px 0}.filter-form{display:flex;flex-wrap:wrap;gap:10px;padding:17px;background:white;border:1px solid var(--border)}.filter-form input,.filter-form select{padding:10px;border:1px solid var(--border);border-radius:6px;min-width:0}.filter-form input{flex:1 1 200px}.filter-form .button{border:0}.result-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.result-heading h2{font-size:22px;margin:0}.result-heading a{font-size:13px;color:var(--forest)}.library-cards .card-copy p{font-size:12px}.pagination{display:flex;flex-wrap:wrap;gap:6px;margin:30px 0}.pagination a{padding:8px 13px;background:#fff;border:1px solid var(--border)}.pagination a[aria-current]{background:var(--forest);color:white}.editor-note{padding:24px;background:var(--forest-soft);border-left:4px solid var(--forest)}.editor-note p{margin:3px 0}.empty-state{padding:60px 25px;text-align:center;background:white}.breadcrumbs{font-size:13px;margin:0 0 30px;color:var(--muted)}.breadcrumbs a{color:var(--forest)}.work-hero{display:grid;grid-template-columns:minmax(245px,340px) 1fr;gap:55px;align-items:start}.work-cover{max-width:340px;border:5px solid var(--ink);box-shadow:14px 15px 0 var(--banana)}.work-hero h1{margin:14px 0}.work-intro{font-size:19px;max-width:800px}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.tags a{padding:4px 13px;border:1px solid var(--forest);border-radius:30px;background:var(--forest-soft);font-size:13px}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:25px 0}.meta-grid div{border-top:1px solid var(--border);padding-top:7px}.meta-grid dt{font-size:12px;color:var(--muted)}.meta-grid dd{margin:0;color:var(--ink);font-weight:700}.rights-note{font-size:12px;color:var(--forest);border-left:3px solid var(--sand);padding:12px;background:var(--sand-soft)}.work-info{display:grid;grid-template-columns:2fr 1fr;gap:45px;margin-top:80px}.work-info>div h3{font-size:18px;margin-top:26px}.work-info aside{background:var(--forest-soft);padding:30px;align-self:start}.work-info aside span,.collection-detail aside span{font-size:11px;letter-spacing:2px}.work-info aside a{font-weight:800;color:var(--forest)}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chapter-list a{padding:20px;background:white;border:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center}.chapter-list span{font-size:11px;font-weight:900;color:var(--tomato)}.chapter-list small{margin-left:auto;color:var(--forest)}.subheading{margin-top:35px}.ranking-section{padding:46px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:260px 1fr;gap:50px}.ranking-section header>span{font-size:11px;letter-spacing:2px;color:var(--tomato);font-weight:900}.ranking-list{display:grid;gap:12px}.ranking-list>a{display:grid;grid-template-columns:45px 85px 1fr 20px;gap:17px;align-items:center;padding:12px;background:white;border:1px solid var(--border)}.ranking-list .cover{width:85px;height:110px;aspect-ratio:auto}.ranking-list .cover-fallback strong{font-size:12px;box-shadow:none}.ranking-list .cover-fallback span,.ranking-list .cover-fallback small{display:none}.ranking-num{font-size:26px;font-weight:900;color:var(--banana-deep)}.ranking-list h3{font-size:18px;margin:0}.ranking-list p{font-size:13px;margin:3px 0}.ranking-list small{font-size:11px;color:var(--forest)}.collection-index{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-index a{border:1px solid var(--border);background:white;padding:32px;min-height:245px}.collection-index a:nth-child(4n+1){border-top:6px solid var(--banana)}.collection-index a:nth-child(4n+2){border-top:6px solid var(--forest)}.collection-index a:nth-child(4n+3){border-top:6px solid var(--tomato)}.collection-index a:nth-child(4n){border-top:6px solid var(--cobalt)}.collection-index span{font-size:11px;letter-spacing:2px;color:var(--muted)}.collection-index p{font-size:14px}.collection-index b{color:var(--forest)}.collection-detail{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:30px 0}.collection-detail article{font-size:17px}.collection-detail aside{background:var(--sand-soft);padding:25px;align-self:start}.collection-works{display:grid;gap:16px}.collection-works>a{display:grid;grid-template-columns:55px 135px 1fr;gap:20px;align-items:center;padding:15px;background:white;border:1px solid var(--border)}.collection-works>a>span{font-size:25px;font-weight:900;color:var(--tomato)}.collection-works .cover{width:135px}.collection-works .cover-fallback strong{font-size:15px}.collection-works .cover-fallback span,.collection-works .cover-fallback small{display:none}.collection-works small{color:var(--forest)}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:55px}.about-layout article h2{margin-top:35px}.about-layout aside{align-self:start;background:var(--forest-soft);padding:30px}.about-stat{padding:13px 0;border-bottom:1px solid var(--border)}.about-stat b{font-size:42px;color:var(--forest);margin-right:15px}.about-stat span{font-size:13px}.about-layout aside .button{margin-top:22px}.message{min-height:55vh;padding-top:100px;padding-bottom:100px}
@media(max-width:1100px){.top-inner{gap:18px}.top-nav{gap:11px}.quick-search input{width:94px}.channel-grid{grid-template-columns:repeat(2,1fr)}.cards-4{grid-template-columns:repeat(2,1fr)}.ranking-section{grid-template-columns:1fr}.library-layout{grid-template-columns:190px 1fr}.gallery-panels{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){body{font-size:15px;padding-bottom:58px}.wrap{padding-left:17px;padding-right:17px}.top-inner{height:66px;padding:0 17px;gap:10px}.brand{font-size:18px}.brand-mark{height:35px;width:35px}.top-nav{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);padding:20px;flex-direction:column;border-bottom:2px solid var(--ink)}.top-nav.open{display:flex}.menu-toggle{display:block;border:0;background:transparent;font-size:24px;margin-left:auto}.quick-search{margin-left:auto}.quick-search input{width:72px}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:45px}.hero h1{font-size:43px}.hero p{font-size:15px}.hero-art{padding:28px 8px 45px}.hero-poster{height:255px}.hero-poster strong{font-size:43px}.section{padding-top:48px;padding-bottom:48px}.channel-grid,.cards-3,.cards-4,.twin,.special-grid,.collection-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel{min-height:175px;padding:16px}.channel h3{font-size:18px}.channel p{font-size:12px}.card-copy{padding:10px}.card-copy b{font-size:15px}.card-copy p{font-size:12px}.feature-strip,.mystery-list a,.gallery-panels,.work-hero,.work-info,.collection-detail,.about-layout{grid-template-columns:1fr}.feature-strip{padding:28px}.gallery-panels a{min-height:0}.mystery-list a{gap:8px}.twin-box{padding:20px}.line-work{flex-direction:column;gap:0}.start-reading{margin-left:17px;margin-right:17px}.footer-content{flex-direction:column}.footer-content nav{flex-wrap:wrap}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--border);z-index:9;justify-content:space-around;min-height:58px;align-items:center;font-size:13px;font-weight:900}.reader-body{padding-bottom:0}.reader-body .mobile-nav{display:none}.page-banner{padding:25px}.library-layout{grid-template-columns:1fr}.library-side{position:static;display:flex;overflow:auto;gap:5px;padding:10px}.library-side>b,.library-side>.small-note{display:none}.library-side>a{flex-shrink:0;gap:7px;white-space:nowrap}.work-cover{max-width:280px}.work-hero{gap:30px}.meta-grid{gap:7px}.chapter-list{grid-template-columns:1fr}.collection-works>a{grid-template-columns:30px 90px 1fr;gap:10px}.collection-works .cover{width:90px}.collection-works h3{font-size:17px}.collection-works p{font-size:12px}.collection-works small{font-size:11px}.ranking-list>a{grid-template-columns:25px 65px 1fr;gap:9px}.ranking-list>a>span:last-child{display:none}.ranking-list .cover{width:65px;height:96px}.ranking-list h3{font-size:15px}.ranking-list p{font-size:12px}.ranking-list small{display:none}}
@media(max-width:380px){.quick-search input{width:54px}.brand small{font-size:7px}.channel-grid{grid-template-columns:1fr 1fr}.special-grid{grid-template-columns:1fr}.hero-actions{gap:8px}.button,.outline-button{padding:9px 13px}.collection-index{grid-template-columns:1fr}}