:root{--y:#E3B84E;--yl:#FBF4D8;--c:#FFFDF5;--c2:#F8F2E5;--g:#B98B34;--co:#D96E56;--i:#25333A;--i2:#4E5B60;--n:#203846;--nd:#0F232C;--line:rgba(185,139,52,.18);--w:1320px}*{box-sizing:border-box}body{margin:0;background:var(--c);color:var(--i);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 36px),var(--w));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,253,245,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:68px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;display:flex;align-items:center;gap:8px}.brand b{width:34px;height:34px;display:grid;place-items:center;background:var(--y);border-radius:9px}.nav nav{display:flex;gap:18px;margin:auto}.nav>div{display:flex;gap:12px;font-size:14px}.hero,.pagehero{background:linear-gradient(135deg,#FFFDF5,#FBF4D8 58%,#F5E7B9);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero h1,.pagehero h1{font-size:clamp(40px,5vw,68px);line-height:1.05;margin:.2em 0}.hero p,.pagehero p{color:var(--i2);font-size:17px}.eyebrow,.section-head span{font-size:12px;letter-spacing:.18em;font-weight:900;color:#8C6525}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{padding:11px 17px;border-radius:10px;background:white;border:1px solid var(--line);font-weight:800}.btn.primary{background:var(--n);color:white}.section{padding:72px 0}.warm{background:var(--yl)}.dark{background:linear-gradient(135deg,var(--n),var(--nd));color:white}.section-head{margin-bottom:28px}.section-head h2{font-size:36px;line-height:1.15;margin:5px 0}.section-head p{color:var(--i2);max-width:760px}.dark .section-head p{color:#c7d2d6}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card h3{font-size:18px;margin:10px 0 2px}.card p{font-size:13px;color:var(--i2);margin:0}.card small{color:#8C6525}.cover{aspect-ratio:3/4;border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;color:white;box-shadow:0 10px 30px rgba(60,45,20,.12);background:linear-gradient(145deg,#35515d,#c69e53);position:relative;overflow:hidden}.cover:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,rgba(255,255,255,.12) 0 1px,transparent 1px 18px)}.cover>*{position:relative}.cover span{font-size:11px}.cover strong{font-size:24px;line-height:1.1}.cover small{color:#fff;opacity:.8}.cover.big{min-height:470px}.c-adventure{background:linear-gradient(145deg,#d66c55,#203846)}.c-school{background:linear-gradient(145deg,#9d93bd,#e3bd65)}.c-mystery{background:linear-gradient(145deg,#162b34,#738b95)}.c-fantasy{background:linear-gradient(145deg,#4e7898,#d1ad51)}.c-healing{background:linear-gradient(145deg,#788c69,#d8bb6f)}.c-ancient{background:linear-gradient(145deg,#315b59,#c89d59)}.c-scifi{background:linear-gradient(145deg,#1e3848,#d67859)}.c-sports{background:linear-gradient(145deg,#b65e42,#23333c)}.c-short{background:linear-gradient(145deg,#688696,#d1c6a3)}.hero-visual{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:end}.hero-visual .cover.big{grid-row:1/3}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{padding:7px 12px;border-radius:999px;background:white;border:1px solid var(--line)}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}.rank,.timeline{display:grid}.rank a,.timeline a{display:grid;grid-template-columns:50px 1fr auto;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.rank b:first-child{font-size:22px;color:var(--g)}.bento{display:grid;grid-template-columns:2fr 1fr;gap:18px}.bento>article{background:white;padding:22px;border-radius:18px}.community{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community article{background:rgba(255,255,255,.08);padding:22px;border-radius:16px}.faq details{background:white;border:1px solid var(--line);padding:12px 18px;border-radius:12px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.comic-hero{padding:60px 0;background:linear-gradient(135deg,var(--c),var(--yl))}.comic-layout{display:grid;grid-template-columns:360px 1fr;gap:55px;align-items:center}.comic-layout h1{font-size:52px;margin:.1em 0}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.meta span{background:white;border:1px solid var(--line);padding:10px;border-radius:10px}.detail{display:grid;grid-template-columns:1fr 300px;gap:60px}.detail section{padding:24px 0;border-bottom:1px solid var(--line)}.side{background:white;border:1px solid var(--line);padding:20px;border-radius:15px;height:max-content}.chapters a{display:grid;grid-template-columns:90px 1fr auto;padding:11px 0;border-bottom:1px solid var(--line)}.reader{background:#f7efd9;min-height:100vh}.reader-tools{position:sticky;top:68px;z-index:40;background:var(--nd);color:white;padding:10px 0}.reader-tools .wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reader-tools select,.reader-tools button{padding:7px;border-radius:7px}.pages{width:min(calc(100% - 30px),900px);margin:35px auto;display:grid;gap:18px}.page{min-height:700px;background:#fffdf5;border:2px solid #2b3b42;display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:20px}.panel{border:3px solid #263740;display:grid;place-items:center;padding:25px}.panel:first-child{background:linear-gradient(145deg,#203846,#9B6842);color:white;font-size:38px;font-weight:900}.search{display:flex;max-width:650px}.search input{flex:1;padding:12px;border:1px solid var(--line);border-radius:10px 0 0 10px}.search button{border:0;background:var(--n);color:white;padding:0 20px;border-radius:0 10px 10px 0}.list article{display:grid;grid-template-columns:170px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.empty{text-align:center;padding:60px;border:1px dashed var(--line);border-radius:16px}footer{background:linear-gradient(135deg,var(--n),var(--nd));color:white;padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid a{display:block;color:#ccd4d7;margin:7px 0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;color:#9eabb0}
@media(max-width:1000px){.nav nav{display:none}.grid{grid-template-columns:repeat(4,1fr)}.hero-grid,.detail{grid-template-columns:1fr}.comic-layout{grid-template-columns:280px 1fr}.two{grid-template-columns:1fr}.community{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nav>div a:first-child,.nav>div a:last-child{display:none}.grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.comic-layout,.info-grid{grid-template-columns:1fr}.hero-visual{grid-template-columns:1fr 1fr}.hero-visual .cover.big{grid-column:1/3}.meta{grid-template-columns:repeat(2,1fr)}.bento,.community{grid-template-columns:1fr}.page{grid-template-columns:1fr;min-height:600px}.footer-grid{grid-template-columns:1fr 1fr}.cover.big{min-height:390px}}