:root{--ink:#594c3c;--pink:#ee9b49;--peach:#ffc778;--lavender:#c8e2d2;--mint:#acd3b5;--cream:#fffaf0;--line:#efdbb7;--orange:#d86d28;--leaf:#53886a}
body{color:var(--ink);background:#fff9ed;background-image:radial-gradient(circle at 14% 7%,#ffc97a55 0 4px,transparent 5px),radial-gradient(circle at 90% 30%,#b4d9bf66 0 4px,transparent 5px),linear-gradient(120deg,#fff8e5,#fffaf3 64%,#eef5e9);background-size:77px 89px,121px 133px,auto;font-family:"Trebuchet MS","Microsoft YaHei",sans-serif}
a{color:#a96330}a:hover{color:#c55a19}.utility{background:#f5f5e8;border-color:#e4dfc6;color:#7c8269}.utility a{color:#637b5b}
.masthead{height:124px}.brand{color:#68432e}.brand b{font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;font-size:30px}.brand img{width:68px;height:68px;box-shadow:none}.brand span{color:#7a906b;letter-spacing:1.5px;margin-top:5px}.search-help{color:#a49277}
.nav{background:linear-gradient(#fbb154,#ec963e);border:1px solid #d8872e;border-radius:12px 12px 0 0;box-shadow:inset 0 2px #ffe4b2,0 3px 0 #edd9b4}.nav a{color:#6f431f;border-right:1px solid #f8cc8e;padding:11px 3px}.nav a:hover{background:#fff5d5;text-decoration:none}.nav a.active{color:#fff;background:#719b72;box-shadow:inset 0 2px #a4c79b}
.notice{background:#fff3cc;border-color:#eddaa5;color:#8d7243;border-radius:0 0 12px 12px}.notice b{color:#bd702c}.box{border:1px solid var(--line);border-radius:11px;box-shadow:3px 4px 0 #ecdcb44d}.box h2,.box-head{background:linear-gradient(#fffdf6,#fff3db);border-color:#ead7b6;color:#8d5d32;border-radius:10px 10px 0 0;font-family:"STKaiti","KaiTi",serif;font-size:17px}.box h2:before{background:#f1a448;width:7px;height:15px;border-radius:7px;transform:rotate(12deg)}
.hero{border-radius:11px;background:linear-gradient(110deg,#fff4d8,#fff8e9 55%,#e5f2e0)}.hero:after{content:"";position:absolute;right:19px;top:17px;width:48px;height:48px;border:1px dashed #acbc8d;border-radius:50%;pointer-events:none}.hero h1,.banner h1,.detail-top h1,.article h1{color:#875029}.hero p{color:#8c7b65}.eyebrow{color:#77925d;letter-spacing:2px}.hero .cover{border-radius:10px;box-shadow:5px 5px 0 #e8c98e}.hero-number{color:#d6d1a6}.hero-links{position:relative;z-index:1}.cover{border:1px solid #edd7ac;border-radius:7px;box-shadow:3px 3px 0 #eadaaf55}.comic-card{transition:transform .18s ease}.comic-card:hover{transform:translateY(-3px)}.comic-card h3{color:#785a38}.comic-card p,.tagline{color:#9b8b72}.badge{background:#729b6cd9;border-radius:4px}.pill{background:#fff4d1;color:#9c6c32;border-color:#efd7a4}
.btn,button{background:linear-gradient(#f7b058,#e98b35);border-color:#d18331;color:#6d3e1c;border-radius:7px;box-shadow:inset 0 1px #ffe3b0,0 2px 0 #debe8f;padding:8px 16px}.btn:hover,button:hover{background:#e89c48;color:#633712}.secondary{background:linear-gradient(#fffdf6,#fff1d8);border-color:#e0c89e;color:#907149}.orange{background:linear-gradient(#81ac7d,#608e63);border-color:#577f53;color:#fff;box-shadow:inset 0 1px #abc9a4,0 2px 0 #c4d4ac}.orange:hover{background:#5e8e5b;color:white}.category-bar button.active{background:#789a64;color:white}.category-bar,.tabs{background:#fff8e7;border-color:#efdfbb}.category-bar button{border-radius:5px}.tabs button.active{color:#bd722b;border-color:#dda349;border-radius:7px 7px 0 0}
.entry{background:linear-gradient(115deg,#ffefd0,#fff9e8);border-color:#e9ca95;border-radius:10px}.entry:nth-child(2){background:linear-gradient(115deg,#eaf3dd,#f9fbef);border-color:#cddbb2}.entry strong{color:#9b6230}.entry:nth-child(2) strong{color:#6b8754}.entry em{color:#ca9a61}.stat-grid{background:#e9dfc0}.stat-grid div{background:#fff9e9}.stat-grid b{color:#b77a36}.quick-links a{background:#fff9e9;border:1px solid #ead5af;border-radius:6px}.rank em{background:#eee8d5;color:#88785e}.rank li:nth-child(-n+3) em{background:#e9ac5e;color:white}.text-list b{color:#a69a6a}
.banner{background:linear-gradient(100deg,#fff1d2,#f4f5e5);border-color:#ebd4a7;border-left:5px solid #dba253;border-radius:8px}.crumb{color:#9f8e71}.info-item{border-color:#ede3cb}.info-item img{border-color:#eedab6;border-radius:6px}.info-item .meta{color:#a69479}.chapters a{background:linear-gradient(#fffdf6,#fff8e9);border-color:#e9d6b0;border-radius:7px}.chapters a:hover{background:#fff0ca}.chapter-hint{background:#eef3e3;color:#7b8c60}.reader{background:#fff7e5}.manga-sheet{border-color:#edddbf;border-radius:12px;background:#fffdf7;box-shadow:3px 4px 0 #e2d6b75c}.manga-art{background:linear-gradient(135deg,#f5e7c6,#e5f0df);border-radius:9px}.manga-art figcaption{color:#876b44;background:#fff9e9eb}.manga-art figcaption span{color:#e49d3c}.manga-copy h2{color:#886331}.manga-note{background:#fff4d9;color:#8e794e}.sticker{background:#e4efdb;color:#6b8654}.member-gate{background:linear-gradient(125deg,#fff5d6,#f0f7e7)}.member-gate h2{color:#8a5c35}.member-state{background:#eef3e2;color:#728257}.note{background:#fff5d5;color:#8b7348;border-color:#eadbb0}.login-box input{border-radius:7px;border-color:#e6d5b5}.footer{border-color:#7fa576;background:linear-gradient(#fff9e9,#eff2e0);color:#8d806a}.footer strong{color:#6c7752}.icp-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px}.icp-links p{display:flex;gap:5px;align-items:center}.icp-links span{color:#718057}.icp-links a{margin:0}.policy h3{color:#77855d}.policy p{color:#766a55}#toast{background:#64855b;border-radius:8px}.member-side{background:linear-gradient(#fff9e5,#eff5e1)}
.member-welcome{display:grid;grid-template-columns:1fr 320px;align-items:center;gap:32px;padding:30px 38px;background:linear-gradient(115deg,#ffe8b5,#fff4d5 62%,#e5eed6);position:relative}.member-welcome h1{font-family:"STKaiti","KaiTi",serif;font-size:42px;line-height:1.25;color:#92632e;margin:10px 0 16px}.member-welcome p{color:#8b7853}.member-ticket{padding:19px 25px;border:1px dashed #c8b384;background:#fffcf0;box-shadow:5px 5px 0 #dab97a44;border-radius:12px;text-align:center;position:relative}.member-ticket:before,.member-ticket:after{content:"";position:absolute;top:50%;width:18px;height:18px;background:#f9eccc;border-radius:50%;border:1px solid #cfbd95}.member-ticket:before{left:-10px;border-left:0}.member-ticket:after{right:-10px;border-right:0}.member-ticket img{width:57px;height:57px;display:block;margin:0 auto 9px}.member-ticket strong{display:block;font-size:19px;color:#8a592b}.member-ticket span{display:block;font-size:12px;color:#958469;margin:6px 0}.member-ticket a{display:inline-block;margin-top:7px;color:#5e875b}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.benefits>div{border:1px dashed #e2d3ac;border-radius:8px;background:#fffdf2;padding:12px 17px}.benefits b{display:block;color:#85915f;font-size:13px}.benefits span{font-size:12px;color:#9a8869}.recharge-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 11px 16px;border:2px solid #ecdfbf;border-radius:10px;background:#fffdf7;cursor:pointer;min-width:0;transition:border-color .15s,background .15s}.plan:hover{border-color:#e4b56b}.plan.selected{border-color:#e5a14a;background:linear-gradient(#fff4cf,#fffaf0);box-shadow:0 4px 0 #efd29e55}.plan input{position:absolute;bottom:12px;right:12px;accent-color:#d18a36;width:15px;height:15px}.plan input:focus-visible{outline:3px solid #6b8f65;outline-offset:3px}.plan-tag{font-size:10px;background:#f0eed9;color:#84905f;padding:2px 7px;border-radius:4px;letter-spacing:1px}.plan.selected .plan-tag{background:#e8b469;color:#fff}.plan strong{font-family:"STKaiti","KaiTi",serif;font-size:20px;color:#8b6130}.plan-price{font-family:Georgia,serif;font-size:35px;line-height:1.2;color:#c17d33;white-space:nowrap}.plan-price small{font-size:17px;margin-right:3px}.plan-days{font-size:12px;color:#8c805d}.plan-copy{font-size:11px;color:#a19173;line-height:1.8;padding:0 6px 10px;max-width:150px}.recharge-step{margin:25px 0 18px}.recharge-step>b{display:block;margin-bottom:10px;color:#8c7752}.payment-method{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #d2dfbc;border-radius:9px;background:#f5f8e9}.payment-method>div{flex:1}.payment-method p{margin:3px 0;color:#8b936e;font-size:12px}.payment-method strong{color:#6f8755}.payment-mark{display:grid;place-items:center;width:38px;height:38px;background:#e4a24d;border-radius:10px;color:#fff;font-family:"KaiTi",serif;font-size:22px}.recharge-agree{font-size:12px;color:#99836a;flex-wrap:wrap;gap:5px}.recharge-agree input{accent-color:#d18a36}.checkout-line{margin-top:22px;padding-top:18px;border-top:1px dashed #dfcda4;display:flex;align-items:center;justify-content:space-between;gap:14px}.checkout-line strong{color:#947046;font-size:13px}.checkout-price{font-family:Georgia,serif;font-size:26px;color:#bc702f}.order-status{display:flex;gap:18px;align-items:center;background:linear-gradient(110deg,#f4f6e3,#fff7df);border-bottom:1px solid #eadcbd}.order-status h2{background:none;border:0;box-shadow:none;font-family:"KaiTi",serif;font-size:24px;padding:0;display:block;color:#7f8755}.order-status h2:before{display:none}.order-status p{color:#92856a;margin-bottom:0}.order-icon{width:56px;height:56px;border-radius:16px;background:#eda846;color:#fff;display:grid;place-items:center;font-family:"KaiTi",serif;font-size:30px;flex-shrink:0}.order-details{margin:0}.order-details>div{display:grid;grid-template-columns:100px minmax(0,1fr);padding:11px 0;border-bottom:1px dotted #e7dabc}.order-details dt{color:#a4967c}.order-details dd{margin:0;overflow-wrap:anywhere;color:#7a684b}.order-details dd.checkout-price{color:#bb7530}.payment-steps{margin:0;padding:18px 18px 4px 40px;color:#899264}.payment-steps li{padding:0 0 15px}.payment-steps b,.payment-steps span{display:block}.payment-steps span{font-size:12px;color:#a2967a}.order-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 21px;border-bottom:1px solid #eddfc2}.order-row p{font-size:11px;color:#a6977c;overflow-wrap:anywhere}.order-row-end{display:flex;gap:16px;align-items:center}.order-row-end b{font-family:Georgia,serif;font-size:21px;color:#b98744}.order-row .status{background:#fff1d1;color:#ab7939;border-radius:4px}.order-row .cancelled{background:#efede4;color:#989183}
@media(max-width:800px){.masthead{height:auto}.brand b{font-size:25px}.brand img{width:57px;height:57px}.nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav a{padding:9px 2px}.member-welcome{grid-template-columns:1fr 240px;padding:23px;gap:20px}.member-welcome h1{font-size:33px}.recharge-layout{grid-template-columns:1fr}.recharge-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recharge-layout>aside>.box{margin-bottom:0}.recharge-layout>aside>.box:last-of-type{grid-column:1/-1}.benefits{gap:8px}.benefits>div{padding:10px}.icp-links{flex-direction:column;align-items:center;gap:2px}}
@media(max-width:520px){.brand b{font-size:22px}.brand span{font-size:10px;letter-spacing:.3px}.brand{gap:10px}.hero h1{font-size:22px}.member-welcome{grid-template-columns:1fr;padding:20px;gap:16px}.member-welcome h1{font-size:32px}.member-welcome p{font-size:12px}.member-ticket{padding:13px 20px}.member-ticket img{width:42px;height:42px}.benefits{grid-template-columns:1fr;gap:5px}.benefits>div{display:flex;justify-content:space-between;gap:8px;padding:8px 12px}.plans{gap:6px}.recharge-main .padded{padding:10px}.plan{padding:15px 5px 12px;gap:7px}.plan strong{font-size:16px}.plan-price{font-size:25px}.plan-price small{font-size:13px}.plan-copy{font-size:10px;padding:0 2px 16px}.plan-tag{font-size:9px;letter-spacing:0}.plan-days{font-size:10px}.plan input{bottom:8px;right:8px}.checkout-line{align-items:flex-start;flex-direction:column}.checkout-line button{width:100%}.payment-method{gap:8px;padding:10px}.payment-method .pill{display:none}.recharge-layout>aside{display:block}.recharge-layout>aside>.box{margin-bottom:12px}.order-status{gap:11px}.order-status h2{font-size:21px}.order-icon{width:45px;height:45px;font-size:25px}.order-details>div{grid-template-columns:80px minmax(0,1fr)}.order-row{padding:13px 12px}.order-row-end{flex-direction:column;align-items:flex-end;gap:7px}.order-row-end a{white-space:nowrap;font-size:11px;padding:6px 9px}.form-actions{flex-wrap:wrap}.icp-links p{flex-wrap:wrap;justify-content:center;font-size:11px}.manga-art{height:280px}}
@media(prefers-reduced-motion:reduce){.plan,.comic-card{transition:none}}
