@charset "UTF-8";
:root{--background:#F4F3EF;--paper:#FFFDF9;--surface:#fff;--surface-soft:#ECEFEA;--sage:#78917D;--sage-deep:#526D58;--sage-soft:#E6EEE6;--persimmon:#D87958;--persimmon-deep:#B9563A;--persimmon-soft:#F9E9E2;--coffee:#39332F;--coffee-deep:#24201D;--coffee-soft:#EDE8E2;--lavender:#9687A8;--lavender-soft:#F0EDF4;--ice:#7596A5;--ice-soft:#E9F1F3;--apricot:#D9B58D;--apricot-soft:#F7EFE4;--title:#302F2B;--body:#55534E;--muted:#77746C;--border:#DEDDD5;--divider:#EAE9E2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--sage-deep)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--persimmon);outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.25;letter-spacing:-.02em}h1{font-size:clamp(30px,4.1vw,52px)}h2{font-size:clamp(23px,2.7vw,31px)}h3{font-size:19px}.container{width:min(1340px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--sage-deep);text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,249,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav-wrap{max-width:1400px;padding:0 30px;margin:auto;min-height:72px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;color:var(--coffee-deep);font-size:27px;font-weight:900;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.23em;font-weight:700;color:var(--sage-deep);padding-top:8px}.nav-links{display:flex;align-items:center;gap:23px;margin-left:auto;white-space:nowrap}.nav-links a{font-size:14px;font-weight:650}.nav-search{display:flex;background:#F0F1ED;border:1px solid var(--border);border-radius:10px;max-width:206px}.nav-search input{width:165px;min-width:0;border:0;background:transparent;padding:9px;outline:0;font-size:13px}.nav-search button{border:0;background:none;padding:0 12px;font-size:24px;color:var(--sage-deep)}.menu-toggle{display:none;border:0;background:transparent;font-size:27px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:white;padding:8px}.hero{margin-top:30px;display:grid;grid-template-columns:1fr 1.08fr;min-height:410px;overflow:hidden;border-radius:19px;background:#E8EBE4}.hero-copy{padding:65px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{max-width:530px;margin:18px 0}.hero h1 em{display:block;color:var(--sage-deep);font-style:normal}.hero p{max-width:450px}.hero small{display:block;font-size:12px;color:var(--muted);margin-top:20px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;border-radius:9px;background:var(--persimmon);color:white!important;border:1px solid var(--persimmon);font-size:14px;font-weight:750;vertical-align:middle}.button:hover{background:var(--persimmon-deep)}.button.secondary{background:transparent;color:var(--sage-deep)!important;border:1px solid #a9b8ac;margin-left:10px}.hero-visual{position:relative;min-height:370px;background:#DCE5DB}.hero-visual>img,.hero-visual>.image-fallback{width:100%;height:100%;min-height:370px;object-fit:cover}.hero-stamp{position:absolute;right:22px;bottom:25px;background:var(--paper);padding:10px 18px;color:var(--sage-deep);font-size:11px;font-weight:800;letter-spacing:.12em}.image-fallback{display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(140deg,#DCE7DB,#EFE7DF);padding:20px;color:#42564A;font-weight:750;overflow:hidden;overflow-wrap:anywhere}.section{margin:77px 0}.section-head{margin-bottom:25px}.section-head h2{margin:8px 0}.section-head p{max-width:680px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cat-tab{background:var(--paper);min-height:165px;border-radius:13px;border-top:4px solid var(--cat);padding:20px;display:flex;flex-direction:column}.cat-tab span{font-size:23px}.cat-tab strong{margin:6px 0;color:var(--coffee-deep)}.cat-tab small{font-size:12px;color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.comic-card{min-width:0}.comic-card .cover{display:block;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#E5E8E0}.comic-card .cover img,.comic-card .cover .image-fallback{width:100%;height:100%;object-fit:contain}.comic-card .cover .image-fallback{font-size:clamp(16px,2vw,23px);line-height:1.5;padding:12%}.comic-card .card-copy{padding:10px 2px}.comic-card small{color:var(--sage-deep);font-size:11px}.comic-card h3{font-size:17px;margin:4px 0 7px}.comic-card p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.text-link{font-size:13px;font-weight:750;color:var(--sage-deep)}.comic-card.large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--sage-soft);padding:18px;border-radius:16px;align-items:center}.comic-card.large .card-copy h3{font-size:27px}.comic-card.large .cover{height:330px;aspect-ratio:auto}.strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.updated .strip-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.compact .cover{aspect-ratio:3/4}.compact .card-copy p{display:none}.editorial{background:var(--paper);border-radius:16px;padding:35px 45px;border-left:5px solid var(--sage)}.split-showcase{display:grid;grid-template-columns:1.1fr .9fr;gap:35px}.split-showcase .spotlight{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.split-showcase .spotlight .cover{height:255px}.mini-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-content:center}.fantasy-zone{padding:30px;border-radius:17px;background:var(--lavender-soft)}.dark-zone{padding:36px;border-radius:17px;background:#353C40;color:#E8EDEA}.dark-zone h2,.dark-zone h3,.dark-zone a{color:#fff}.dark-zone .eyebrow,.dark-zone .comic-card small{color:#C6DDD5}.campus-zone{background:var(--apricot-soft);border-radius:18px;padding:33px}.collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.collection-card{display:flex;flex-direction:column;justify-content:end;min-height:205px;padding:26px;border:1px solid #D6D9D0;border-radius:14px;background:var(--sage-soft)}.collection-card:nth-child(2n){background:var(--lavender-soft)}.collection-card:nth-child(3n){background:var(--apricot-soft)}.collection-card span{font-size:12px;color:var(--sage-deep);font-weight:700}.collection-card strong{font-size:24px;color:var(--coffee);line-height:1.4;margin:10px 0}.collection-card small{color:var(--body);font-size:12px}.final-cta{border-top:1px solid var(--border);padding-top:40px}.quick-links{display:flex;flex-wrap:wrap;gap:12px}.quick-links a{padding:16px 20px;background:var(--paper);border:1px solid var(--border);border-radius:12px;font-weight:700}.footer{margin-top:80px;padding:40px max(32px,calc((100vw - 1340px)/2));background:#E7EAE4;display:flex;justify-content:space-between;gap:25px;align-items:start}.footer strong{font-size:20px;color:var(--coffee)}.footer p{font-size:13px}.footer a{display:block;font-size:13px}.footer small{max-width:230px;font-size:12px}.inner-page{padding-top:40px}.page-intro{border-bottom:1px solid var(--border);padding:28px 0 32px;margin-bottom:34px}.page-intro h1{margin:10px 0}.page-intro p{max-width:650px}.library-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:35px}.library-sidebar{border-right:1px solid var(--border);padding-right:20px;align-self:start;position:sticky;top:95px}.library-sidebar h2{font-size:20px}.library-sidebar>a{display:block;padding:10px;border-radius:8px;font-size:13px}.library-sidebar>a:hover{background:var(--sage-soft)}.library-sidebar p{font-size:12px;margin-top:22px}.filter-form{display:flex;flex-wrap:wrap;gap:9px;padding:18px;background:var(--paper);border-radius:12px}.filter-form input,.filter-form select{min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--border);background:white;border-radius:8px}.filter-form input{flex:1;min-width:170px}.library-result{display:flex;justify-content:space-between;padding:20px 0;font-size:13px;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:35px;flex-wrap:wrap}.pagination a{border:1px solid var(--border);background:white;border-radius:7px;min-width:40px;min-height:44px;text-align:center;padding:8px}.pagination [aria-current]{background:var(--sage-deep);color:#fff}.empty-state{text-align:center;padding:70px 20px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:25px}.comic-hero{display:grid;grid-template-columns:minmax(240px,350px) 1fr;gap:65px;background:var(--paper);padding:35px;border-radius:17px}.comic-cover{aspect-ratio:2/3;border-radius:13px;overflow:hidden}.comic-cover img,.comic-cover .image-fallback{width:100%;height:100%;object-fit:contain}.comic-meta{align-self:center}.comic-meta h1{margin:12px 0 22px}.comic-meta p{max-width:650px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:var(--sage-soft);border-radius:25px;padding:5px 13px;font-size:12px;color:var(--sage-deep)}.comic-meta dl{display:grid;grid-template-columns:80px 1fr;gap:8px;font-size:14px;margin:25px 0}.comic-meta dt{color:var(--muted)}.comic-meta dd{margin:0}.detail-tabs{display:flex;flex-wrap:wrap;gap:30px;border-bottom:1px solid var(--border);padding:25px 0}.detail-tabs a{font-size:14px;font-weight:750}.detail-section{margin:55px 0;max-width:970px}.detail-section h2{margin:10px 0 23px}.detail-section p{line-height:2}.characters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.characters article{background:var(--paper);border-radius:12px;padding:22px}.chapter-list{display:grid;gap:10px}.chapter-list a{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:18px 20px;border:1px solid var(--border);background:var(--paper);border-radius:10px;font-size:14px}.chapter-list a:hover{border-color:var(--sage)}.rank-list{display:grid;gap:12px}.rank-list article{display:grid;grid-template-columns:120px 1fr;gap:23px;padding:18px;border-radius:13px;background:var(--paper)}.rank-list img,.rank-list .image-fallback{width:120px;height:155px;object-fit:contain;border-radius:8px;font-size:12px}.rank-list h3{margin:5px 0}.rank-list p{font-size:14px}.collection-detail{display:grid;grid-template-columns:300px 1fr;gap:15px 35px;align-items:start;padding:30px;background:var(--paper);border-radius:16px;margin-bottom:35px}.collection-detail .collection-art{grid-row:span 2}.collection-detail .collection-art img,.collection-detail .collection-art .image-fallback{width:100%;aspect-ratio:1;object-fit:cover}.collection-detail p{line-height:2}.all-collections{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-bottom,.mobile-drawer,.drawer-overlay{display:none}
@media(max-width:1100px){.nav-links{gap:13px}.nav-wrap{gap:16px}.nav-search{display:none}.feature-grid,.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.comic-card.large{grid-column:span 2}.updated .strip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.all-collections{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.nav-wrap{min-height:68px;padding:0 17px}.nav-links{display:none}.menu-toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:39px 26px}.hero-visual,.hero-visual>.image-fallback{min-height:210px}.hero-visual{height:230px}.hero-visual>img{height:100%}.section{margin:48px 0}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cat-tab{padding:13px;min-height:140px}.cat-tab small{font-size:11px}.feature-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comic-card.large{grid-column:span 2;grid-template-columns:45% 1fr;gap:10px;padding:12px}.comic-card.large .cover{height:240px}.comic-card.large .card-copy h3{font-size:20px}.comic-card h3{font-size:15px}.comic-card p{font-size:12px}.strip-grid,.updated .strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-showcase{grid-template-columns:1fr}.split-showcase .spotlight{grid-template-columns:35% 1fr}.mini-stack{gap:9px}.fantasy-zone,.campus-zone,.dark-zone{padding:20px 14px}.collections-grid,.all-collections{grid-template-columns:1fr 1fr}.collection-card{min-height:165px;padding:16px}.collection-card strong{font-size:18px}.footer{padding:32px 17px 100px;flex-direction:column}.library-layout{grid-template-columns:1fr}.library-sidebar{position:static;border:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.library-sidebar h2{width:100%}.library-sidebar>a{padding:6px 10px;background:var(--paper);font-size:12px}.library-sidebar p{width:100%;margin:8px 0}.filter-form{padding:12px}.filter-form select{flex:1}.comic-hero{grid-template-columns:1fr;gap:25px;padding:20px}.comic-cover{max-width:250px;margin:auto;width:100%}.detail-tabs{gap:14px}.detail-tabs a{font-size:12px}.characters{grid-template-columns:1fr}.chapter-list a{grid-template-columns:70px 1fr auto;padding:12px;font-size:12px}.collection-detail{grid-template-columns:1fr}.collection-detail .collection-art{grid-row:auto;max-width:280px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--paper);border-top:1px solid var(--border);justify-content:space-around;padding:8px 6px env(safe-area-inset-bottom);font-size:12px}.mobile-bottom a{min-width:52px;text-align:center;padding:8px}.drawer-overlay.open{display:block;position:fixed;inset:0;background:#1A211D99;z-index:70}.mobile-drawer.open{display:flex;position:fixed;z-index:71;right:0;top:0;bottom:0;width:min(82vw,330px);background:var(--paper);padding:65px 25px;flex-direction:column;gap:16px;box-shadow:-15px 0 40px #2222}.mobile-drawer a{font-size:17px;padding:9px;border-bottom:1px solid var(--divider)}.close-menu{position:absolute;right:20px;top:15px;background:none;border:0;font-size:32px}}
@media(max-width:360px){.collections-grid{grid-template-columns:1fr}.comic-card.large .cover{height:205px}.comic-card.large .card-copy h3{font-size:17px}.hero-copy{padding:28px 19px}.button.secondary{margin-left:3px}}