: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;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--caramel)}
img{display:block;max-width:100%;height:auto;object-fit:cover}
button,input,select{font:inherit;color:inherit}
button,a,input,select{outline:none}
:focus-visible{outline:3px solid rgba(199,122,58,.42);outline-offset:3px}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ink);color:white;padding:10px 14px;border-radius:8px}
.skip-link:focus{top:12px}
.update-strip{height:30px;background:var(--milk-yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;font-size:13px;overflow:hidden;border-bottom:1px solid rgba(112,84,30,.12)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--matcha);flex:0 0 auto;box-shadow:0 0 0 4px var(--matcha-soft)}
.update-marquee{display:flex;gap:28px;white-space:nowrap;overflow:hidden}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,249,233,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(104,83,42,.06)}
.header-inner{min-height:74px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover}
.brand span{display:grid;line-height:1.12}.brand strong{font-size:19px;letter-spacing:.04em}.brand small{color:var(--text-3);font-size:11px;margin-top:3px}
.desktop-nav{display:flex;align-items:center;gap:4px;flex:1}
.desktop-nav a{position:relative;padding:9px 11px;border-radius:12px;font-size:14px;color:var(--ink-2);white-space:nowrap}
.desktop-nav a.active{background:var(--milk-yellow-soft);color:var(--ink);font-weight:700}
.desktop-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:var(--caramel)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}
.icon-button,.menu-toggle,.small-link,.text-button{border:0;background:transparent;cursor:pointer}
.icon-button,.menu-toggle,.small-link{padding:8px 9px;border-radius:10px;font-size:13px}.icon-button:hover,.menu-toggle:hover,.small-link:hover{background:var(--milk-yellow-soft)}
.menu-toggle{display:none}
.mobile-drawer{position:absolute;left:0;right:0;top:74px;background:var(--surface);border-bottom:1px solid var(--line);padding:22px max(20px,calc((100vw - var(--wrap))/2));grid-template-columns:repeat(4,1fr);gap:20px;box-shadow:var(--shadow)}
.mobile-drawer:not([hidden]){display:grid}.mobile-drawer div{display:grid;gap:7px}.mobile-drawer strong{color:var(--caramel);font-size:13px}.mobile-drawer a{font-size:14px}
.search-modal{display:none;position:fixed;inset:0;z-index:180;background:rgba(59,52,40,.46);align-items:flex-start;justify-content:center;padding:11vh 20px 30px}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important}
.search-panel{width:min(760px,100%);background:var(--surface-raised);border-radius:var(--radius-large);padding:26px;border:1px solid var(--line);box-shadow:var(--shadow-strong)}
.search-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.search-panel h2{margin:.2em 0 .5em;font-size:28px}.search-close{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;cursor:pointer}
.search-form{display:grid;gap:8px}.search-form label{font-weight:700;font-size:13px}.search-row{display:flex;gap:8px}.search-row input{min-width:0;flex:1;border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:12px 14px}.search-row select{border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:11px 12px}
.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.search-suggestions a{background:var(--milk-yellow-soft);padding:7px 10px;border-radius:999px;font-size:13px}
main{min-height:60vh}.home-page,.page-shell,.detail-page{padding-top:34px;padding-bottom:76px}
section{margin:0 0 68px}.section-head{max-width:820px;margin-bottom:24px}.section-head h2{margin:.2em 0 .25em;font-size:clamp(26px,3vw,40px);line-height:1.18;letter-spacing:-.02em}.section-head p{margin:0;color:var(--text-2);font-size:16px}.eyebrow{display:inline-block;color:var(--caramel);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-hero{display:grid;grid-template-columns:minmax(0,5.2fr) minmax(0,4fr) minmax(240px,2.4fr);gap:24px;align-items:stretch}
.hero-cover{position:relative;min-width:0}.hero-main{width:100%;height:100%;min-height:520px;border-radius:var(--radius-large);box-shadow:var(--shadow);object-fit:cover}.paper-note{position:absolute;left:22px;bottom:20px;background:rgba(255,253,247,.9);backdrop-filter:blur(10px);padding:9px 12px;border-radius:10px;border:1px solid var(--line);font-size:13px}
.hero-copy{align-self:center;padding:16px 0}.hero-copy h1{font-size:clamp(38px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em;margin:.2em 0 .34em}.hero-copy>p{font-size:17px;color:var(--text-2);max-width:610px}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.hero-tags span,.tag-row span,.tag-row a,.tag-cloud a,.tag-cloud span{background:var(--milk-yellow-soft);border:1px solid rgba(200,154,43,.18);border-radius:999px;padding:6px 10px;font-size:12px}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.hero-facts div{background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:12px}.hero-facts dt{font-size:11px;color:var(--text-3)}.hero-facts dd{margin:3px 0 0;font-weight:750;font-size:13px}
.hero-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:20px;box-shadow:var(--shadow)}.hero-list h2{font-size:21px;line-height:1.25;margin:.35em 0 1em}.hero-list>a{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.hero-list>a b{color:var(--milk-yellow-dark);font-size:20px}.hero-list>a span{display:grid}.hero-list strong{font-size:14px}.hero-list small{color:var(--text-3);font-size:11px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line-strong);background:var(--surface-raised);padding:10px 15px;border-radius:12px;font-weight:750;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(104,83,42,.05)}.btn.primary{background:var(--milk-yellow);border-color:var(--milk-yellow-dark)}.btn:hover{transform:translateY(-1px);color:var(--ink);box-shadow:var(--shadow)}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.text-link{display:inline-block;margin-top:16px;color:var(--caramel);font-weight:750}.text-button{color:var(--caramel);font-weight:750;padding:8px 0}
.metrics-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:26px}.metric-grid,.status-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.metric-grid>div,.status-grid>div{background:linear-gradient(180deg,var(--bg-2),var(--cream));border-radius:14px;padding:16px 10px;text-align:center;border:1px solid rgba(200,154,43,.12)}.metric-grid strong,.status-grid strong{display:block;font-size:25px;color:var(--ink)}.metric-grid span,.status-grid span{font-size:12px;color:var(--text-2)}
.manga-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cover-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.manga-card{background:var(--surface);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}.manga-card .cover{width:100%;aspect-ratio:3/4;object-fit:cover}.card-body{padding:15px}.card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:var(--milk-yellow-soft);color:var(--ink-2);font-size:10px;font-weight:800}.badge-status{background:var(--matcha-soft);color:var(--matcha)}.badge-free{background:rgba(199,122,58,.12);color:var(--caramel)}.manga-card h3{font-size:18px;line-height:1.25;margin:5px 0 7px}.manga-card p{font-size:13px;color:var(--text-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-foot{display:flex;justify-content:space-between;gap:8px;color:var(--text-3);font-size:11px;margin-top:12px}.card-foot span:last-child{text-align:right}.compact-card p{-webkit-line-clamp:2}.compact-card .cover{aspect-ratio:2/3}
.editor-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.pick-large{grid-column:span 6}.pick-small{grid-column:span 3}.feature-card{display:grid;grid-template-columns:minmax(180px,1fr) 1fr}.feature-card .cover{height:100%;aspect-ratio:auto}.feature-card .card-body{align-self:center}
.timeline-list{border-left:1px solid var(--line-strong);margin-left:62px}.timeline-list article{display:grid;grid-template-columns:62px 14px 1fr;gap:14px;margin-left:-63px;padding:0 0 22px}.timeline-list time{font-size:12px;color:var(--text-3);padding-top:3px;text-align:right}.timeline-line{width:10px;height:10px;border-radius:50%;background:var(--caramel);margin-top:8px;box-shadow:0 0 0 4px var(--bg)}.timeline-list h3{font-size:17px;margin:0 0 3px}.timeline-list p{margin:0;color:var(--text-2);font-size:13px}.timeline-list small{color:var(--text-3)}
.full-bleed-band{background:linear-gradient(135deg,var(--bg-2),var(--cream));border-radius:var(--radius-large);padding:32px;border:1px solid rgba(200,154,43,.2)}.theme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-row a{background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:4px}.theme-row strong{font-size:18px}.theme-row span{font-size:12px;color:var(--caramel)}.theme-row small{color:var(--text-2)}
.shelf-shell{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:10px;align-items:center}.horizontal-shelf,.short-track,.screen-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:thin;overscroll-behavior-inline:contain}.horizontal-shelf .shelf-card{flex:0 0 245px;scroll-snap-align:start}.shelf-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:24px}
.split-feature,.tool-layout,.feature-23,.drawer-layout,.search-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:24px}.split-feature.reverse,.tool-layout.reverse,.feature-23.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.wide-media,.product-screen,.wide-product-screen{width:100%;aspect-ratio:16/10;border-radius:var(--radius-card)}.product-screen{aspect-ratio:16/10}.split-feature h3,.tool-layout h3{font-size:28px;line-height:1.18;margin:.2em 0}.split-feature p,.tool-layout p{color:var(--text-2)}
.editor-note{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--caramel);padding:24px;border-radius:var(--radius-card);box-shadow:var(--shadow)}.editor-note>span{font-size:11px;color:var(--caramel);font-weight:800}.editor-note h3{font-size:28px;line-height:1.2;margin:.3em 0}.editor-note p{color:var(--text-2)}
.three-callouts,.two-col-text,.note-grid,.contribute-grid,.local-state-box,.four-principles{display:grid;gap:14px}.three-callouts{grid-template-columns:repeat(3,1fr)}.two-col-text,.local-state-box{grid-template-columns:repeat(2,1fr)}.note-grid,.four-principles{grid-template-columns:repeat(4,1fr)}.three-callouts article,.two-col-text article,.note-grid article,.four-principles article,.contribute-grid a,.local-state-box>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.three-callouts h3,.two-col-text h3,.note-grid h3,.four-principles h3{margin:.1em 0 .4em}.three-callouts p,.two-col-text p,.note-grid p,.four-principles p,.contribute-grid span,.local-state-box p{color:var(--text-2);font-size:14px}.note-grid span{font-size:11px;color:var(--caramel);font-weight:800}
.short-track .short-card{flex:0 0 360px;scroll-snap-align:start}.short-card{display:grid;grid-template-columns:110px 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:12px}.short-card .cover{width:110px;height:150px;border-radius:12px}.short-card h3{margin:.3em 0}.short-card p{margin:0;color:var(--text-2);font-size:13px}.short-card small{display:block;margin-top:8px;color:var(--text-3)}
.progress-board,.trial-list,.update-table,.schedule-list,.chapter-sample{display:grid;gap:8px}.progress-board{grid-template-columns:repeat(3,1fr)}.progress-board a,.trial-list article,.update-table a,.schedule-list a,.chapter-sample a{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:3px}.progress-board span,.progress-board small,.trial-list span,.update-table small,.schedule-list small,.chapter-sample small{font-size:12px;color:var(--text-3)}.trial-list article{grid-template-columns:1fr auto;align-items:center}.trial-list h3{margin:.4em 0}.trial-list p{margin:0;color:var(--text-2);font-size:13px}
.score-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.score-columns a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.score-columns b{font-size:28px;color:var(--caramel);text-align:center}.score-columns span{display:grid}.score-columns small{color:var(--text-3)}
.avatar-track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.avatar-track article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:14px;text-align:center}.creator-avatar{width:96px;height:96px;border-radius:50%;margin:0 auto 10px;object-fit:cover}.avatar-track h3{margin:.3em 0}.avatar-track p{font-size:12px;color:var(--caramel);margin:0}.avatar-track small{display:block;color:var(--text-2);font-size:11px;margin-top:8px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag-cloud a,.tag-cloud span{padding:9px 13px;background:var(--surface);border-color:var(--line);font-size:13px}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-grid>div{min-height:160px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.calendar-grid h3{font-size:14px;color:var(--caramel)}.calendar-grid a{display:grid;border-top:1px solid var(--line);padding:8px 0}.calendar-grid strong{font-size:12px}.calendar-grid small,.calendar-grid p{font-size:10px;color:var(--text-3)}
.dialogue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dialogue-grid blockquote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:20px}.dialogue-grid p{font-size:15px;margin:0}.dialogue-grid footer{margin-top:12px;color:var(--text-3);font-size:12px}
.device-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}.device-stack figure,.screen-track figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:12px}.device-shot{width:100%;aspect-ratio:9/16;border-radius:14px}.device-stack figure:nth-child(2){margin-top:28px}.device-stack figcaption,.screen-track figcaption{font-size:12px;color:var(--text-2);margin-top:8px}
.policy-banner{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:20px}.policy-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-card)}.contribute-grid{grid-template-columns:repeat(3,1fr)}.contribute-grid a{display:grid;gap:5px}.closing-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.closing-links a{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid}.closing-links span{color:var(--text-3);font-size:12px}
.faq-list{display:grid;gap:8px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-question{width:100%;border:0;background:transparent;text-align:left;padding:16px 18px;display:flex;justify-content:space-between;gap:20px;font-weight:780;cursor:pointer}.faq-answer{padding:0 18px 18px;color:var(--text-2)}.faq-answer p{margin:0}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-3);font-size:12px;margin-bottom:20px}.page-hero,.focus-split,.special-hero,.creator-hero,.policy-hero,.product-hero,.short-focus,.community-hero,.detail-hero,.short-detail,.topic-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:28px}.page-hero-copy h1,.focus-split h1,.special-hero h1,.creator-hero h1,.policy-hero h1,.product-hero h1,.short-focus h1,.community-hero h1,.detail-copy h1,.short-detail h1,.topic-detail h1,.ranking-hero h1,.faq-hero h1,.help-hero h1,.category-intro h1,.search-page-head h1{font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.035em;margin:.25em 0}.page-hero-copy p,.focus-split p,.special-hero p,.creator-hero p,.policy-hero p,.product-hero p,.short-focus p,.community-hero p,.detail-copy .lead,.short-detail p,.topic-detail p,.ranking-hero p,.faq-hero p,.help-hero p,.category-intro p,.search-page-head p{color:var(--text-2)}
.page-hero-media .wide-media{aspect-ratio:16/10}.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.hero-stats span{display:grid;font-size:11px;color:var(--text-3)}.hero-stats strong{font-size:18px;color:var(--ink)}.mini-toc{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.mini-toc a{background:var(--milk-yellow-soft);padding:7px 10px;border-radius:999px;font-size:12px}
.update-table a{grid-template-columns:80px 1.1fr 1fr 1.5fr;align-items:center}.update-table time{color:var(--caramel);font-weight:800}.update-table span{font-size:13px}.status-grid{grid-template-columns:repeat(4,1fr)}
.notice-box,.prose-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--milk-yellow-dark);border-radius:var(--radius-card);padding:20px}.prose-card p{color:var(--text-2)}
.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.rank-list li{display:grid;grid-template-columns:62px 78px 1fr;gap:15px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.rank-no{font-size:27px;font-weight:900;color:var(--milk-yellow-dark);text-align:center}.rank-cover{width:78px;height:104px;border-radius:10px}.rank-list h3{margin:0 0 3px;font-size:18px}.rank-list p{margin:2px 0;color:var(--text-2);font-size:12px}.heat-meter{height:5px;background:var(--bg-2);border-radius:6px;overflow:hidden;margin-top:8px}.heat-meter span{display:block;height:100%;background:var(--caramel);border-radius:6px}
.topic-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-mini-grid>a,.topic-mini-grid>article{display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px}.topic-mini-grid span{font-size:13px;color:var(--text-2)}.topic-cover{width:100%;aspect-ratio:16/9;border-radius:12px}
.simple-rank{list-style:none;margin:0;padding:0;display:grid;gap:6px}.simple-rank li{display:grid;grid-template-columns:50px 1fr auto;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}.simple-rank b{color:var(--caramel)}.simple-rank span{color:var(--text-3);font-size:12px}
.serial-three-col{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;align-items:start}.serial-three-col>aside,.serial-three-col>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px}.serial-three-col aside{display:grid;gap:8px}.serial-three-col aside a{font-size:13px;padding-bottom:7px;border-bottom:1px solid var(--line)}.serial-three-col h1{font-size:clamp(30px,3.6vw,50px);line-height:1.08}.schedule-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.schedule-list a{grid-template-columns:56px 1fr}.schedule-list a span{display:grid}.schedule-list b{color:var(--caramel)}
.magazine-collage{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:start}.magazine-wide{width:100%;aspect-ratio:16/9;border-radius:var(--radius-card)}.magazine-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.magazine-tall{width:100%;aspect-ratio:2/3;border-radius:var(--radius-card)}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tabs a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px}.tabs a[aria-selected="true"]{background:var(--milk-yellow);border-color:var(--milk-yellow-dark);font-weight:800}
.filter-form{display:flex;gap:10px;flex-wrap:wrap;align-items:end;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px}.filter-form label{display:grid;gap:5px;font-size:12px;font-weight:700}.filter-form select{min-width:150px;border:1px solid var(--line-strong);background:white;border-radius:10px;padding:9px 10px}.pagination{display:flex;justify-content:center;gap:6px;margin-top:26px}.pagination a,.pagination span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.pagination span[aria-current="page"]{background:var(--milk-yellow);font-weight:800}.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-large);padding:48px;text-align:center}.empty-state h1,.empty-state h2{font-size:38px}.empty-inline{color:var(--text-3)}
.detail-hero{grid-template-columns:360px 1fr}.cover-detail{width:100%;aspect-ratio:3/4;border-radius:var(--radius-card)}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-facts div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px}.detail-facts dt{font-size:11px;color:var(--text-3)}.detail-facts dd{margin:2px 0 0;font-weight:750;font-size:13px}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chapter-list a{display:grid;grid-template-columns:90px 1fr auto auto;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px}.chapter-list small{color:var(--text-3)}.chapter-list b{font-size:11px;color:var(--caramel)}
.reader-frame{background:#2f2b25;border-radius:var(--radius-large);padding:18px;color:#fff}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.reader-paper{position:relative;min-height:430px;background:var(--surface);color:var(--ink);border-radius:18px;margin:16px auto;padding:70px 9%;max-width:820px;overflow:hidden}.paper-corner{position:absolute;right:0;top:0;border-top:44px solid var(--milk-yellow);border-left:44px solid transparent}.reader-paper h3{font-size:32px}.reader-placeholder-lines{display:grid;gap:18px;margin-top:40px}.reader-placeholder-lines i{display:block;height:8px;border-radius:8px;background:var(--bg-2)}.reader-placeholder-lines i:nth-child(2){width:82%}.reader-placeholder-lines i:nth-child(3){width:94%}.reader-placeholder-lines i:nth-child(4){width:66%}.reading-progress{display:grid;grid-template-columns:120px 1fr 48px;gap:10px;align-items:center;max-width:820px;margin:auto}.reading-progress input{width:100%}
.app-hero-stack{position:relative;min-height:480px}.app-main-screen{width:82%;aspect-ratio:16/10;border-radius:24px;box-shadow:var(--shadow)}.app-phone{position:absolute;right:0;bottom:-20px;width:42%;aspect-ratio:9/16;border-radius:24px;border:8px solid var(--surface);box-shadow:var(--shadow-strong)}.screen-track figure{flex:0 0 260px}.screen-track figcaption{display:grid;gap:5px}.screen-track figcaption strong{font-size:15px}.feature-23{grid-template-columns:2fr 1fr}.feature-23.reverse{grid-template-columns:1fr 2fr}.drawer-layout{grid-template-columns:1.1fr .9fr}.search-showcase{grid-template-columns:1.4fr .6fr}.five-scenes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.five-scenes article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.five-scenes h3{font-size:15px}.five-scenes p{font-size:12px;color:var(--text-2)}
.browser-window{background:var(--ink);padding:10px;border-radius:22px;box-shadow:var(--shadow-strong)}.step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step-list li{display:grid;grid-template-columns:48px 1fr;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.step-list b{font-size:24px;color:var(--milk-yellow-dark)}.step-list h3{margin:0}.step-list p{margin:4px 0 0;color:var(--text-2);font-size:12px}
.site-footer{background:var(--surface);border-top:3px solid var(--milk-yellow);padding:48px 0 calc(30px + env(safe-area-inset-bottom));margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer-grid section{margin:0;display:grid;align-content:start;gap:7px}.footer-grid h2{font-size:22px;margin:.3em 0}.footer-grid p{font-size:13px;color:var(--text-2);margin:0}.footer-grid a{font-size:13px}.footer-tab{font-size:10px;color:var(--caramel);font-weight:800;background:var(--milk-yellow-soft);border-radius:999px;padding:4px 8px;width:max-content}.footer-note{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:var(--text-3);font-size:12px}.footer-note p{margin:0}
.mobile-bottom-nav{display:none}.back-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:70}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
@media (max-width:1200px){
  .desktop-nav a{padding-inline:8px;font-size:13px}.small-link:nth-of-type(1),.small-link:nth-of-type(2){display:none}
  .home-hero{grid-template-columns:1.2fr 1fr}.hero-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.hero-list>span,.hero-list>h2{grid-column:1/-1}.hero-list>a{border:1px solid var(--line);border-radius:12px;padding:10px}
  .manga-grid{grid-template-columns:repeat(3,1fr)}.pick-small{grid-column:span 6}.metric-grid{grid-template-columns:repeat(4,1fr)}.avatar-track{grid-template-columns:repeat(3,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr)}
  .five-scenes{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:992px){
  .desktop-nav{display:none}.menu-toggle{display:inline-flex}.small-link{display:none!important}.header-inner{justify-content:space-between}.header-actions{margin-left:auto}
  .home-hero,.page-hero,.focus-split,.special-hero,.creator-hero,.policy-hero,.product-hero,.short-focus,.community-hero,.detail-hero,.short-detail,.topic-detail{grid-template-columns:1fr}.hero-cover{order:2}.hero-copy{order:1}.hero-list{order:3}.hero-main{min-height:440px}.detail-cover{max-width:360px}
  .manga-grid{grid-template-columns:repeat(3,1fr)}.feature-card{grid-template-columns:1fr}.feature-card .cover{aspect-ratio:3/4}.theme-row{grid-template-columns:repeat(2,1fr)}.three-callouts{grid-template-columns:1fr}.note-grid,.four-principles{grid-template-columns:repeat(2,1fr)}.progress-board{grid-template-columns:repeat(2,1fr)}.avatar-track{grid-template-columns:repeat(3,1fr)}.calendar-grid{grid-template-columns:repeat(3,1fr)}
  .serial-three-col{grid-template-columns:1fr}.serial-three-col>aside{grid-template-columns:repeat(3,1fr)}.schedule-layout{grid-template-columns:1fr}.magazine-collage{grid-template-columns:1fr}.topic-mini-grid{grid-template-columns:repeat(2,1fr)}
  .feature-23,.feature-23.reverse,.drawer-layout,.search-showcase{grid-template-columns:1fr}.app-hero-stack{min-height:430px}.step-list{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid section:first-child{grid-column:1/-1}
}
@media (max-width:768px){
  .wrap{width:min(calc(100% - 28px),var(--wrap))}.update-marquee{gap:18px}.update-marquee span:nth-child(n+4){display:none}.site-header{top:0}.mobile-drawer:not([hidden]){grid-template-columns:repeat(2,1fr);padding:18px 20px}
  section{margin-bottom:52px}.section-head h2{font-size:30px}.hero-copy h1{font-size:44px}.hero-list{grid-template-columns:1fr}.hero-main{min-height:0;aspect-ratio:4/3}.hero-facts{grid-template-columns:1fr}.metrics-strip{padding:18px}.metric-grid,.status-grid{grid-template-columns:repeat(2,1fr)}
  .manga-grid,.cover-wall{grid-template-columns:repeat(2,1fr);gap:11px}.card-body{padding:11px}.manga-card h3{font-size:16px}.manga-card p{font-size:12px;-webkit-line-clamp:2}.editor-mosaic{grid-template-columns:repeat(2,1fr)}.pick-large,.pick-small{grid-column:span 1}.feature-card{height:100%}
  .shelf-shell{grid-template-columns:1fr}.shelf-btn{display:none}.horizontal-shelf .shelf-card{flex-basis:210px}.split-feature,.tool-layout,.split-feature.reverse,.tool-layout.reverse{grid-template-columns:1fr;padding:16px}.short-track .short-card{flex-basis:320px}.progress-board{grid-template-columns:1fr}.score-columns{grid-template-columns:1fr}.avatar-track{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:repeat(2,1fr)}.dialogue-grid{grid-template-columns:1fr}.policy-banner{grid-template-columns:1fr}.contribute-grid,.closing-links{grid-template-columns:repeat(2,1fr)}
  .update-table a{grid-template-columns:62px 1fr}.update-table a span,.update-table a small{grid-column:2}.rank-list li{grid-template-columns:42px 64px 1fr}.rank-cover{width:64px;height:86px}.simple-rank li{grid-template-columns:38px 1fr}.simple-rank span{grid-column:2}.topic-mini-grid{grid-template-columns:1fr}.filter-form{display:grid;grid-template-columns:1fr 1fr}.filter-form label,.filter-form select{width:100%;min-width:0}.chapter-list{grid-template-columns:1fr}.chapter-list a{grid-template-columns:72px 1fr}.chapter-list small,.chapter-list b{grid-column:2}.reading-progress{grid-template-columns:1fr}.app-hero-stack{min-height:360px}.app-phone{width:38%}.five-scenes{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}.footer-grid section:first-child{grid-column:auto}.footer-note{display:grid}.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,253,247,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 26px rgba(104,83,42,.08)}.mobile-bottom-nav a{text-align:center;font-size:11px;padding:5px}.back-top{bottom:calc(74px + env(safe-area-inset-bottom))}
}
@media (max-width:520px){
  .wrap{width:min(calc(100% - 22px),var(--wrap))}.brand small{display:none}.brand-logo{width:38px;height:38px}.header-inner{min-height:68px}.icon-button,.menu-toggle{font-size:12px;padding:7px}.mobile-drawer{top:68px}.search-modal{padding:7vh 12px 20px}.search-panel{padding:18px;border-radius:20px}.search-panel h2{font-size:23px}.search-row{display:grid}.search-row select{width:100%}
  .home-page,.page-shell,.detail-page{padding-top:22px}.hero-copy h1{font-size:38px}.page-hero-copy h1,.focus-split h1,.special-hero h1,.creator-hero h1,.policy-hero h1,.product-hero h1,.short-focus h1,.community-hero h1,.detail-copy h1,.short-detail h1,.topic-detail h1,.ranking-hero h1,.faq-hero h1,.help-hero h1,.category-intro h1,.search-page-head h1{font-size:35px}.page-hero,.focus-split,.special-hero,.creator-hero,.policy-hero,.product-hero,.short-focus,.community-hero,.detail-hero,.short-detail,.topic-detail{padding:18px;border-radius:20px}
  .hero-list{padding:16px}.manga-grid,.cover-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.manga-card .card-foot{display:grid}.manga-card .tag-row{display:none}.card-meta .badge:nth-child(n+2){display:none}.short-track .short-card{flex-basis:88vw}.short-card{grid-template-columns:90px 1fr}.short-card .cover{width:90px;height:124px}.theme-row,.note-grid,.four-principles,.two-col-text,.local-state-box,.contribute-grid,.closing-links{grid-template-columns:1fr}.avatar-track{grid-template-columns:repeat(2,1fr)}.calendar-grid{grid-template-columns:1fr}.serial-three-col>aside{grid-template-columns:1fr}.filter-form{grid-template-columns:1fr}.rank-list li{grid-template-columns:34px 56px 1fr;gap:9px}.rank-cover{width:56px;height:76px}.rank-list p:nth-of-type(2){display:none}.detail-facts{grid-template-columns:repeat(2,1fr)}.chapter-list a{grid-template-columns:64px 1fr}.reader-paper{min-height:340px;padding:48px 9%}.app-hero-stack{min-height:290px}.five-scenes,.step-list{grid-template-columns:1fr}.screen-track figure{flex-basis:230px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}