:root{
  --ink:#3B3428;--ink-2:#5A5142;--bg:#FFF9E9;--bg-2:#FFF2C9;--surface:#FFFDF7;--surface-raised:#FFFFFF;--surface-soft:#F8E8A8;--milk-yellow:#F3D978;--milk-yellow-dark:#C89A2B;--milk-yellow-soft:rgba(243,217,120,.24);--caramel:#C77A3A;--cream:#FFF0B5;--matcha:#71825D;--matcha-soft:rgba(113,130,93,.13);--text:#3B3428;--text-2:#665C4C;--text-3:#958873;--line:#E9DDBB;--line-strong:#D8C58F;--shadow:0 14px 36px rgba(104,83,42,.10);--shadow-strong:0 26px 64px rgba(104,83,42,.16);--radius:8px;--radius-card:18px;--radius-large:28px;--wrap:1320px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}body.search-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto;object-fit:cover}main{min-height:60vh}.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:99;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--caramel);outline-offset:3px}
.update-strip{height:30px;background:var(--milk-yellow);font-size:13px}.strip-inner{display:flex;align-items:center;height:30px;gap:10px;overflow:hidden}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--matcha);flex:none}.strip-track{display:flex;gap:26px;white-space:nowrap;overflow:hidden;color:var(--ink-2)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,249,233,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(104,83,42,.06)}.header-inner{min-height:74px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{border-radius:12px}.brand span{display:grid;line-height:1.15}.brand b{font-size:20px}.brand small{font-size:11px;color:var(--text-3);margin-top:5px}.desktop-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.desktop-nav a{padding:9px 11px;border-radius:12px;font-size:14px;position:relative}.desktop-nav a.active{background:var(--milk-yellow-soft);font-weight:700}.desktop-nav a.active:after{content:"";position:absolute;left:30%;right:30%;bottom:3px;height:2px;background:var(--caramel);border-radius:9px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.menu-button,.quiet-link{border:1px solid var(--line);background:var(--surface);padding:8px 10px;border-radius:12px;color:var(--ink-2)}.menu-button{display:none}.mobile-menu{background:var(--surface);border-top:1px solid var(--line)}.mobile-menu[hidden]{display:none}.mobile-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.mobile-groups div{display:grid;gap:8px}.mobile-groups strong{color:var(--caramel)}
.search-modal{display:none;position:fixed;inset:0;z-index:80;background:rgba(59,52,40,.34);padding:24px;align-items:center;justify-content:center}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important}.search-dialog{width:min(720px,100%);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-large);padding:34px;box-shadow:var(--shadow-strong);position:relative}.search-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:25px}.search-line{display:flex;gap:10px}.search-line input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:12px;padding:12px 14px;background:#fff}.search-line button,.btn{border:0;background:var(--ink);color:white;padding:11px 17px;border-radius:12px}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.search-suggestions a,.tag-row span,.badge,.pill{background:var(--milk-yellow-soft);border:1px solid var(--line);padding:4px 9px;border-radius:999px;font-size:12px}
.page-hero{padding:54px 0 30px}.hero-grid{display:grid;grid-template-columns:5fr 4fr 3fr;gap:24px;align-items:stretch}.hero-media,.hero-copy,.hero-side{border-radius:var(--radius-large);overflow:hidden}.hero-media{background:var(--surface-soft);min-height:520px;position:relative}.hero-media img{width:100%;height:100%;position:absolute;inset:0}.hero-copy{background:var(--surface);padding:42px;border:1px solid var(--line)}.hero-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.08;margin:10px 0 18px;letter-spacing:-.02em}.hero-copy p{font-size:17px;color:var(--text-2)}.hero-side{background:linear-gradient(160deg,var(--bg-2),var(--surface));padding:28px;border:1px solid var(--line)}.hero-side ol{padding-left:22px}.hero-side li{margin:12px 0}.eyebrow,.kicker{font-size:12px;letter-spacing:.12em;color:var(--caramel);font-weight:800;text-transform:uppercase}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn.light{background:var(--surface-raised);color:var(--ink);border:1px solid var(--line-strong)}
section.content-section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.section-head h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:5px 0 8px}.section-head p{margin:0;color:var(--text-2);max-width:760px}.text-link{color:var(--caramel);font-weight:700;white-space:nowrap}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:28px;box-shadow:var(--shadow)}.yellow-band{background:var(--bg-2);border-block:1px solid var(--line);padding:44px 0}.stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.stat{background:var(--surface);padding:18px 12px;border-radius:16px;border:1px solid var(--line);text-align:center}.stat strong{display:block;font-size:26px;color:var(--ink)}.stat span{font-size:12px;color:var(--text-2)}
.manga-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.manga-grid.compact{grid-template-columns:repeat(6,1fr)}.manga-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;box-shadow:0 8px 22px rgba(104,83,42,.06);min-width:0}.cover-link{position:relative;display:block;aspect-ratio:3/4;background:var(--surface-soft)}.cover-link img{width:100%;height:100%}.cover-state{position:absolute;left:10px;top:10px;background:rgba(255,253,247,.92);padding:5px 8px;border-radius:999px;font-size:11px}.manga-card-body{padding:16px}.manga-card h3{font-size:19px;margin:3px 0 8px}.manga-card p{font-size:13px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta-row,.card-foot{display:flex;justify-content:space-between;gap:8px;color:var(--text-3);font-size:11px;margin-top:10px}.card-foot{padding-top:10px;border-top:1px solid var(--line)}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.tag-row span{padding:2px 6px}.shelf-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:16px;overflow:auto;scroll-snap-type:x proximity;padding-bottom:8px}.shelf-track>*{scroll-snap-align:start}.shelf-controls{display:flex;gap:8px}.shelf-controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface)}
.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:90px 1.4fr 1fr .6fr .6fr 2fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.timeline-item:first-child{border-top:1px solid var(--line)}.timeline-item strong{color:var(--caramel)}.topic-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.topic-split.reverse{grid-template-columns:.9fr 1.1fr}.topic-split img{width:100%;aspect-ratio:16/10;border-radius:var(--radius-large)}.number-list{display:grid;gap:12px}.rank-row{display:grid;grid-template-columns:56px 74px 1.2fr .8fr 1fr;gap:14px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.rank-no{font-size:28px;font-weight:900;color:var(--milk-yellow-dark)}.rank-row img{width:74px;height:94px;border-radius:9px}.author-track{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.author-card{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:20px}.author-card img{width:100%;aspect-ratio:1/1;border-radius:18px}.tag-wall{display:flex;gap:10px;flex-wrap:wrap}.tag-wall a{background:var(--surface);border:1px solid var(--line);padding:9px 13px;border-radius:999px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.day{background:var(--surface);padding:16px;border-radius:16px;border:1px solid var(--line);min-height:150px}.day strong{display:block;margin-bottom:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.review{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.review blockquote{margin:8px 0;color:var(--text-2)}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-3);padding-top:24px;flex-wrap:wrap}.inner-hero{display:grid;grid-template-columns:7fr 5fr;gap:24px;padding:20px 0 34px}.inner-hero .copy{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:34px}.inner-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.1;margin:10px 0}.inner-hero figure{margin:0;border-radius:var(--radius-large);overflow:hidden;min-height:360px}.inner-hero figure img{width:100%;height:100%}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:22px}.filter-bar select,.filter-bar input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.three-col{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px}.note-card{background:var(--matcha-soft);border-left:4px solid var(--matcha);padding:18px;border-radius:0 14px 14px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.feature-card img{width:100%;aspect-ratio:16/10;border-radius:14px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.device-grid img{width:100%;aspect-ratio:16/10;border-radius:22px;box-shadow:var(--shadow)}
.detail-grid{display:grid;grid-template-columns:330px 1fr;gap:34px}.detail-cover{width:100%;aspect-ratio:3/4;border-radius:24px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-actions button,.detail-actions a{border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:12px}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chapter{display:flex;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}.reader-demo{background:#2f2b24;color:#fff;border-radius:24px;padding:28px;text-align:center}.reader-page{background:#fff;color:var(--ink);min-height:420px;border-radius:12px;padding:30px;display:grid;place-items:center;margin:20px 0}.pagination{display:flex;gap:7px;justify-content:center;margin-top:24px}.pagination a,.pagination strong{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.pagination strong{background:var(--milk-yellow)}
.faq-list{display:grid;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:15px;text-align:left;border:0;background:transparent;padding:18px;font-weight:700}.faq-panel{padding:0 18px 18px;color:var(--text-2)}.faq-panel[hidden]{display:none}.site-footer{margin-top:50px;background:#fff7df;border-top:4px solid var(--caramel);padding:44px 0 90px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid section{display:grid;align-content:start;gap:8px}.footer-grid h2{font-size:15px;background:var(--milk-yellow-soft);width:max-content;padding:4px 8px;border-radius:8px}.footer-grid p,.footer-grid a{font-size:13px;color:var(--text-2)}.footer-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3);display:flex;justify-content:space-between;gap:20px}.mobile-dock{display:none}.back-top{position:fixed;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s;z-index:35}.back-top.visible{opacity:1;pointer-events:auto}.local-shelf{position:fixed;inset:0;z-index:75;background:rgba(59,52,40,.28);display:grid;place-items:end}.local-shelf[hidden]{display:none}.shelf-panel{width:min(440px,100%);background:var(--surface);padding:28px;min-height:45vh;border-radius:24px 24px 0 0}.shelf-panel>button{float:right;border:1px solid var(--line);border-radius:50%;background:#fff;width:36px;height:36px}
@media(max-width:1200px){.desktop-nav a{padding:8px 7px}.quiet-link{display:none}.manga-grid.compact{grid-template-columns:repeat(4,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.author-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:992px){.desktop-nav{display:none}.menu-button{display:inline-block}.header-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.hero-side{grid-column:1/-1}.manga-grid{grid-template-columns:repeat(3,1fr)}.inner-hero,.topic-split,.topic-split.reverse,.two-col,.three-col,.detail-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:70px 1.2fr 1fr}.timeline-item span:nth-child(n+4){display:none}.feature-grid,.device-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:45px 65px 1fr .8fr}.rank-row>*:last-child{display:none}.calendar{grid-template-columns:repeat(4,1fr)}}
@media(max-width:768px){.wrap{width:min(100% - 24px,var(--wrap))}.header-inner{min-height:66px}.brand small{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{order:-1;padding:26px}.hero-media{min-height:390px}.hero-side{grid-column:auto}.hero-copy h1{font-size:38px}.manga-grid,.manga-grid.compact{grid-template-columns:repeat(2,1fr);gap:12px}.manga-card-body{padding:12px}.manga-card p{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.timeline-item{grid-template-columns:62px 1fr}.timeline-item span:nth-child(n+3){display:none}.author-track{grid-template-columns:repeat(2,1fr)}.calendar{grid-template-columns:repeat(2,1fr)}.review-grid,.feature-grid,.device-grid{grid-template-columns:1fr}.chapter-list{grid-template-columns:1fr}.mobile-groups{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-note{display:block}.mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,253,247,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(104,83,42,.08)}.mobile-dock a,.mobile-dock button{text-align:center;font-size:12px;border:0;background:transparent;color:var(--ink);padding:6px 2px}.site-footer{padding-bottom:120px}.back-top{bottom:82px;right:14px}.search-dialog{padding:26px 18px}.search-line{display:grid}.rank-row{grid-template-columns:38px 58px 1fr}.rank-row>*:nth-child(4){display:none}.inner-hero figure{min-height:260px}.page-hero{padding-top:28px}}
@media(max-width:520px){.header-actions .icon-button{display:inline-block}.manga-grid{grid-template-columns:1fr 1fr}.manga-card h3{font-size:16px}.manga-card .meta-row,.manga-card .card-foot{display:none}.mobile-groups{grid-template-columns:1fr}.topic-split img{aspect-ratio:16/11}.section-head h2{font-size:26px}.surface{padding:20px}.calendar{grid-template-columns:1fr}.rank-row{grid-template-columns:32px 52px 1fr}.rank-row img{width:52px;height:68px}.detail-grid{gap:20px}.detail-cover{max-width:280px;margin:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}