: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:#74716C;--border:#E3E2DA;--divider:#EAE9E2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,'Noto Sans CJK SC','Microsoft YaHei',sans-serif;background:var(--background);color:var(--body)}a{color:inherit;text-decoration:none}a:hover{color:var(--sage-deep)}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}img{display:block;max-width:100%;height:auto}.container{width:min(1340px,calc(100% - 64px));margin-inline:auto}.site-header{background:rgba(255,253,249,.97);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.head-inner{max-width:1400px;margin:auto;padding:0 32px;height:74px;display:flex;align-items:center;gap:32px}.brand{color:var(--coffee);font-size:28px;font-weight:850;white-space:nowrap;letter-spacing:-1px}.brand span{display:block;color:var(--sage-deep);font:600 9px/1.2 sans-serif;letter-spacing:2px}.top-nav{display:flex;gap:22px;align-items:center;margin:auto;font-size:14px;font-weight:650}.quick-search{border:1px solid var(--border);border-radius:22px;padding:4px 8px 4px 14px;display:flex;background:#fff}.quick-search input{border:0;background:transparent;min-width:90px;width:140px;font-size:13px}.quick-search button{border:0;background:transparent;cursor:pointer;font-size:22px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px;cursor:pointer}.hero{min-height:440px;margin-top:32px;background:var(--sage-soft);border-radius:20px;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}.hero-copy{padding:65px 7%;display:flex;flex-direction:column;align-items:start;justify-content:center}.eyebrow{color:var(--sage-deep);letter-spacing:2.5px;font-size:12px;font-weight:750}.hero h1{font-size:clamp(32px,4vw,54px);line-height:1.28;color:var(--coffee);letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--sage-deep)}.hero p{max-width:480px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:5px;background:var(--persimmon-deep);color:#fff;border:1px solid var(--persimmon-deep);font-size:14px;font-weight:650;padding:11px 20px;border-radius:9px;cursor:pointer;min-height:44px;margin:8px 8px 8px 0}.btn:hover{color:#fff;background:#8f402b}.btn-outline{background:transparent;border-color:var(--sage-deep);color:var(--sage-deep)}.btn-outline:hover{background:var(--sage-deep);color:#fff}.hero-art{background:linear-gradient(135deg,#8ca397,#d4ddd4);position:relative;display:grid;place-items:center;overflow:hidden}.hero-art:before,.hero-art:after{content:'';position:absolute;border:2px solid #ffffff9c;width:300px;height:360px;transform:rotate(19deg);border-radius:100px}.hero-art:after{transform:rotate(-16deg);width:210px;height:430px}.hero-art>span{position:absolute;top:28px;right:30px;letter-spacing:3px;font-size:11px;color:#334c3a}.hero-paper{background:#fffcf3;width:190px;height:260px;box-shadow:30px 23px 0 #d8bca1;transform:rotate(-7deg);padding:35px;color:#475d4e;font-size:42px;line-height:1.18;font-weight:850;z-index:1}.hero-paper i{display:block;font-size:10px;font-style:normal;letter-spacing:3px;margin-top:15px}.section{padding-block:42px}.section-title{margin-bottom:24px}.section-title h2,.split-title h2{margin:0;font-size:29px;line-height:1.35;color:var(--coffee)}.section-title p{margin:6px 0;color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-tile{min-height:152px;border-radius:15px;padding:23px;display:flex;flex-direction:column;background:var(--sage-soft);border:1px solid #cfdccf}.category-tile.cat-1{background:var(--lavender-soft);border-color:#ddd6e4}.category-tile.cat-2{background:var(--persimmon-soft);border-color:#ead0c2}.category-tile.cat-3{background:var(--ice-soft);border-color:#d5e3e8}.cat-emoji{font-size:27px}.category-tile strong{color:var(--coffee);font-size:18px;margin-top:6px}.category-tile small{font-size:12px;margin-top:7px;color:#605f59}.comic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:19px}.comic-card{min-width:0;display:flex;flex-direction:column;gap:6px}.cover{aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:var(--sage-soft)}.cover img{width:100%;height:100%;object-fit:contain}.cover-fallback{width:100%;height:100%;padding:14px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,#dce9de,#e8ded2);color:#3c5542;position:relative}.comic-card:nth-child(3n+2) .cover-fallback{background:linear-gradient(160deg,#eee1e6,#dce5ee);color:#635267}.comic-card:nth-child(3n) .cover-fallback{background:linear-gradient(160deg,#eedcca,#ebd4b7);color:#78543a}.cover-fallback span{font-size:10px;letter-spacing:1px}.cover-fallback strong{font-family:serif;font-size:clamp(18px,2vw,27px);line-height:1.5;overflow-wrap:anywhere}.cover-fallback small{font-size:10px;letter-spacing:2px}.comic-card>strong{font-size:16px;color:var(--coffee);line-height:1.4}.card-meta{font-size:12px;color:var(--sage-deep);margin-top:7px}.card-description{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.highlight{display:grid;grid-template-columns:1fr 1.6fr;gap:55px;background:#39332F;color:#ebe9e3;border-radius:16px;padding:40px}.highlight h2{color:#fff;font-size:35px}.highlight-header>span,.edition-number{color:#b3cfb7;font-size:11px;letter-spacing:2px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-row article{border-left:1px solid #72706c;padding-left:16px}.feature-row b{font-size:29px;color:#f0ad8a}.feature-row h3{color:#fff}.feature-row p{font-size:13px}.split-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.muted-panel{background:#e7ebe4;border-radius:14px;padding:32px}.muted-panel h2{margin:0}.pale-section{background:#ece8ef;padding:34px;border-radius:18px}.special-grid,.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.special-grid>a{min-height:210px;padding:28px;border-radius:15px;background:#eee2d5}.special-grid>a:nth-child(2){background:#e2deeb}.special-grid>a:nth-child(3){background:#d9e4e8}.special-grid b{font-size:11px;letter-spacing:2px}.special-grid h3{font-size:24px;color:var(--coffee)}.last-cta{text-align:center;margin-bottom:55px}.last-cta h2{font-size:35px;color:var(--coffee)}.site-footer{margin-top:30px;border-top:1px solid var(--border);background:var(--paper);padding:36px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid>div{max-width:600px}.footer-grid strong{color:var(--coffee)}.footer-grid p{font-size:13px}.footer-grid nav{display:flex;gap:24px;font-size:14px;align-items:start}.mobile-bottom{display:none}.page-intro{padding:16px 0 40px;max-width:800px}.page-intro h1{font-size:clamp(30px,4vw,48px);margin:13px 0;color:var(--coffee);line-height:1.25}.page-intro p{font-size:17px}.library-layout{display:grid;grid-template-columns:210px 1fr;gap:36px}.sidebar{position:sticky;top:100px;align-self:start;background:#fff;border-radius:13px;padding:22px;display:flex;flex-direction:column;gap:11px}.sidebar h2{font-size:17px;margin:0 0 10px}.sidebar a{font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--border);padding:10px 13px;border-radius:8px;background:#fff;min-height:44px;min-width:0}.filters input{flex:1;min-width:160px}.filters .btn{margin:0}.result-count{font-size:13px;color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;margin-top:35px}.pagination a{border:1px solid var(--border);padding:8px 15px;border-radius:7px}.pagination .active{background:var(--sage-deep);color:#fff}.empty{padding:50px 20px;text-align:center;background:#fff;border-radius:12px}.detail-head{display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:60px;align-items:center;padding:20px 0 55px}.detail-head h1{font-size:clamp(33px,4.2vw,54px);color:var(--coffee);margin:12px 0}.detail-cover{max-width:300px;box-shadow:14px 14px 0 #e5e2d9}.breadcrumb{display:block;margin-bottom:30px;font-size:13px}.detail-lead{max-width:650px;font-size:18px}.detail-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:55px}.story-block,.story-aside{background:#fff;border-radius:14px;padding:28px}.story-block h2,.story-aside h2{margin-top:0;color:var(--coffee)}.story-block p{line-height:2}.character{padding:13px;border-bottom:1px solid var(--border)}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chapter-list a{background:#fff;padding:17px 20px;display:flex;gap:15px;justify-content:space-between;align-items:center;border-radius:9px}.chapter-list span{font-size:12px;color:var(--sage-deep)}.chapter-list strong{font-size:14px}.text-link{display:inline-block;color:var(--sage-deep);margin:10px 0}.editor-section{border-top:1px solid var(--border)}.editor-reason{font-size:13px;color:var(--muted);margin-top:25px}.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-grid a{padding:28px 35px;min-height:190px;background:var(--sage-soft);border-radius:16px}.collection-grid a:nth-child(4n+2){background:var(--lavender-soft)}.collection-grid a:nth-child(4n+3){background:var(--apricot-soft)}.collection-grid a:nth-child(4n+4){background:var(--ice-soft)}.collection-grid h2{color:var(--coffee)}.collection-grid span{font-size:12px;letter-spacing:2px}.collection-note{line-height:2;max-width:950px}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-grid section{background:#fff;padding:34px;border-radius:15px}.about-grid h2{color:var(--coffee)}@media(max-width:1100px){.top-nav{gap:10px;font-size:12px}.head-inner{gap:15px}.comic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-row{grid-template-columns:1fr}.highlight{grid-template-columns:1fr 1.5fr}}@media(max-width:760px){.container{width:calc(100% - 34px)}.head-inner{height:68px;padding:0 17px;gap:12px}.quick-search{margin-left:auto}.quick-search input{width:80px}.menu-toggle{display:block}.top-nav{display:none;position:absolute;top:68px;right:0;left:0;background:var(--paper);padding:18px;box-shadow:0 10px 15px #0002;flex-direction:column;align-items:stretch;gap:14px}.top-nav.open{display:flex}.hero{grid-template-columns:1fr;margin-top:12px}.hero-copy{padding:32px 24px}.hero-art{min-height:240px}.hero-paper{width:130px;height:190px;font-size:30px;padding:23px}.hero-art:before{height:200px}.hero-art:after{height:260px}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{padding:15px;min-height:145px}.comic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cover-fallback strong{font-size:19px}.highlight{grid-template-columns:1fr;padding:26px;gap:15px}.feature-row{grid-template-columns:repeat(3,1fr)}.feature-row article{padding-left:8px}.feature-row p{font-size:11px}.special-grid{grid-template-columns:1fr}.special-grid>a{min-height:140px}.section{padding-block:28px}.pale-section{padding:20px}.library-layout{display:block}.sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:20px;gap:10px}.sidebar h2{width:100%}.sidebar a{font-size:12px}.detail-head{grid-template-columns:1fr;gap:30px}.detail-cover{width:220px}.detail-layout{grid-template-columns:1fr;gap:16px}.chapter-list{grid-template-columns:1fr}.collection-grid,.about-grid{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid nav{flex-wrap:wrap}.site-footer{padding-bottom:85px}.mobile-bottom{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:9px 0 max(10px,env(safe-area-inset-bottom));z-index:40;font-size:12px}.mobile-bottom a{padding:4px 10px}.last-cta{margin-bottom:30px}}@media(max-width:360px){.quick-search input{width:58px}.brand{font-size:23px}.hero h1{font-size:31px}.category-tile strong{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}