:root{--background:#F8F7F3;--paper:#FFFEFB;--surface:#fff;--iris:#66558F;--iris-deep:#49396F;--iris-soft:#F0ECF7;--pine:#567D69;--pine-soft:#EAF2E9;--apricot:#BD6949;--apricot-soft:#FAECE4;--sky:#5D8DA9;--sand:#B89154;--rose:#B87D92;--title:#2D303B;--body:#474C56;--muted:#707580;--border:#E2E3DE;--divider:#ECEDE8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,'Microsoft YaHei',sans-serif}a{color:var(--iris-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{color:var(--title);line-height:1.35}h1{font-size:clamp(29px,3.4vw,43px)}h2{font-size:clamp(23px,2.5vw,28px)}h3{font-size:19px}p{margin:.6em 0 1.2em}.wrap{width:min(1320px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:white;padding:1rem}.site-header{background:var(--paper);border-bottom:1px solid var(--border)}.topbar{min-height:74px;display:flex;align-items:center;gap:2.5rem}.brand{display:flex;align-items:center;font-size:26px;gap:8px;white-space:nowrap}.brand strong{font-size:21px}.brand small{font-size:12px;color:var(--muted);border-left:1px solid var(--border);padding-left:9px}.search{display:flex;margin-left:auto;width:min(385px,40%)}input,select{padding:10px 13px;border:1px solid var(--border);border-radius:8px;background:white;min-width:0}.search input{flex:1;border-radius:10px 0 0 10px}.search button{border:0;background:var(--iris);color:white;padding:0 20px;border-radius:0 9px 9px 0}.nav{border-top:1px solid var(--divider)}.nav .wrap{display:flex;gap:2.2rem;align-items:center;min-height:50px}.nav a{font-weight:600;font-size:14px}.menu-button{display:none;background:white;border:1px solid var(--border);padding:8px;border-radius:8px}.hero{margin-top:30px;display:grid;grid-template-columns:46% 54%;min-height:390px;border-radius:22px;background:linear-gradient(125deg,#f1ecf8,#fffdf7 66%);overflow:hidden;border:1px solid var(--border)}.hero>div:first-child{padding:55px 7%}.hero h1{max-width:490px}.hero-art{position:relative;display:grid;place-items:center;min-height:300px;background:radial-gradient(circle at 65% 40%,#e5eddf,transparent 54%),linear-gradient(135deg,#f8eae3,#edf2f7)}.hero-art img{position:absolute;width:100%;height:100%;object-fit:cover}.poster{position:relative;color:#49396f;font-size:clamp(34px,5vw,66px);font-weight:800;letter-spacing:.15em;text-align:center;text-shadow:0 1px white}.poster small{display:block;font-size:15px;font-weight:500;letter-spacing:.1em}.eyebrow{color:var(--pine);font-size:13px;letter-spacing:.08em;font-weight:700}.btn{display:inline-block;border:0;background:var(--apricot);color:#fff;border-radius:10px;padding:11px 20px;font-weight:700;margin:7px 6px 7px 0}.btn:hover{color:#fff;background:#984B34;text-decoration:none}.btn.ghost{background:transparent;border:1px solid var(--iris);color:var(--iris)}.section{margin-top:56px;margin-bottom:56px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{display:flex;flex-direction:column;background:white;border-radius:13px;border:1px solid var(--border);padding:19px;box-shadow:0 5px 18px #6661}.category:nth-child(4n+1){border-top:4px solid var(--iris)}.category:nth-child(4n+2){border-top:4px solid var(--pine)}.category:nth-child(4n+3){border-top:4px solid var(--apricot)}.category:nth-child(4n+4){border-top:4px solid var(--sky)}.category span{font-size:25px}.category strong{font-size:18px}.category small{color:var(--muted)}.books-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book{display:grid;grid-template-columns:115px minmax(0,1fr);gap:17px;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:15px}.book h3{margin:7px 0}.book p{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.book .cover{height:173px}.cover{position:relative;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#66558f,#a0c5b1);color:white;text-align:center;min-width:0}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.cover .fallback{padding:15px;font-size:20px;line-height:1.6;font-weight:700;color:white;letter-spacing:.08em}.tag{font-size:12px;border-radius:6px;padding:3px 8px;background:var(--pine-soft);color:#365A48}.textlink{font-size:13px;font-weight:700}.stripe{background:#f0ecf7;border-radius:16px;padding:25px}.chapter-links{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.chapter-links a,.mini-grid a{border:1px solid var(--border);border-radius:11px;background:white;padding:16px;display:flex;gap:8px;flex-direction:column}.chapter-links strong,.mini-grid span{font-size:13px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.editorial{border-radius:18px;padding:48px;background:linear-gradient(110deg,#e7efe9,#f7f0e7)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quote-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.quote-section blockquote{margin:18px 0;padding:20px 28px;background:white;border-left:5px solid var(--apricot);font-size:18px}.endnote{text-align:center;background:var(--iris-soft);padding:27px;border-radius:16px}.footer{background:#f0efeb;border-top:1px solid var(--border);padding:35px 0;font-size:14px}.page-intro{max-width:880px;margin-bottom:25px}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.pill-row a{background:white;padding:8px 12px;border:1px solid var(--border);border-radius:30px;font-size:14px}.filters{display:flex;align-items:end;flex-wrap:wrap;gap:15px;background:var(--paper);padding:18px;border:1px solid var(--border);border-radius:13px}.filters label{display:grid;gap:5px;font-size:13px}.filters input{min-width:240px}.count{color:var(--muted)}.library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pagination{display:flex;gap:8px;justify-content:center;margin:35px 0}.pagination a{padding:8px 14px;background:white;border:1px solid var(--border);border-radius:7px}.pagination a[aria-current]{background:var(--iris);color:white}.empty{padding:35px;background:white;border-radius:10px}.book-hero{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:26px;background:white;border:1px solid var(--border);border-radius:17px}.jumbo{min-height:335px}.meta{color:var(--muted);font-size:14px}.novel-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.paper{background:var(--paper);border:1px solid var(--border);border-radius:15px;padding:26px}.toc{display:grid;gap:12px}.toc a{border-bottom:1px solid var(--divider);padding:8px 3px}.editorial-row{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start;border-top:1px solid var(--border);padding-top:24px}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-grid>a{background:white;border:1px solid var(--border);padding:26px;border-radius:16px}.collection-grid p{color:var(--body)}.prose{max-width:850px;min-height:50vh}.prose h2{margin-top:33px}@media(max-width:900px){.nav .wrap{gap:15px}.chapter-links{grid-template-columns:repeat(3,1fr)}.books-grid,.library-results{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(4,1fr)}.mini-grid{grid-template-columns:repeat(2,1fr)}.editorial-row{grid-template-columns:1fr}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.topbar{gap:10px;min-height:65px;flex-wrap:wrap;padding:8px 0}.brand strong{font-size:18px}.brand small{display:none}.menu-button{display:block;margin-left:auto}.search{order:3;width:100%;margin:0 0 8px}.nav{display:none}.nav.open{display:block}.nav .wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:9px;border-bottom:1px solid var(--divider)}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:28px}.hero-art{min-height:210px}.section{margin-top:34px;margin-bottom:34px}.category-grid{grid-template-columns:repeat(2,1fr)}.category{padding:13px}.split,.novel-layout,.collection-grid{grid-template-columns:1fr}.mini-grid,.chapter-links{grid-template-columns:1fr}.book{grid-template-columns:90px minmax(0,1fr);padding:10px;gap:12px}.book .cover{height:140px}.book p{-webkit-line-clamp:3}.book-hero{grid-template-columns:105px 1fr;gap:13px;padding:13px}.jumbo{min-height:160px}.jumbo .fallback{font-size:14px}.filters label,.filters input,.filters select{width:100%;min-width:0}.filters{display:grid}.editorial{padding:25px}.footer{margin-top:35px}}

.category-picture{width:100%;height:92px;object-fit:cover;border-radius:8px;margin:8px 0}

/* 故事万花筒：独立的杂志式页面布局，沿用原配色变量 */
.new-hero{grid-template-columns:1.05fr .95fr;gap:38px}.new-hero .hero-art{order:0;min-height:320px}.new-hero>div:last-child{order:1;align-self:center}.new-hero h1 em{font-style:normal;color:var(--pine)}
.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.route{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--paper);border:1px solid var(--border);border-radius:16px;color:var(--title);text-decoration:none}.route-cover{position:relative;aspect-ratio:16/9;border-radius:11px;background:var(--iris-soft);overflow:hidden;display:flex;justify-content:center;align-items:center}.route-cover img{position:absolute;width:100%;height:100%;object-fit:cover}.route-cover span{position:relative;font-size:30px;text-shadow:0 2px 8px #fff}.route strong{font-size:18px}.route small{line-height:1.6;color:var(--muted)}
.feature-row{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature-lead{background:var(--pine-soft);padding:32px;border-radius:18px}.feature-lead h3{font-size:32px;margin:18px 0}.feature-lead p{line-height:1.9}.feature-side{display:grid;gap:10px}.feature-side a{padding:16px 22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;background:var(--paper);border:1px solid var(--border);border-radius:14px}.feature-side strong{font-size:20px}.feature-side small{color:var(--muted)}.feature-side span{font-size:13px;color:var(--iris)}
.special-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.special-pair>div{padding:24px;background:var(--surface-soft);border-radius:18px}.collection-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-strip a{display:flex;flex-direction:column;gap:14px;background:var(--iris-soft);padding:22px;min-height:170px;border-radius:14px;text-decoration:none}.collection-strip a:nth-child(2){background:var(--pine-soft)}.collection-strip a:nth-child(3){background:var(--apricot-soft)}.collection-strip a:nth-child(4){background:var(--sky-soft)}.collection-strip strong{font-size:21px}.collection-strip span{font-size:14px;color:var(--body)}
@media(max-width:900px){.route-grid,.collection-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row,.special-pair{grid-template-columns:1fr}.new-hero{grid-template-columns:1fr}.new-hero .hero-art{min-height:260px}}
@media(max-width:520px){.route-grid,.collection-strip{grid-template-columns:1fr 1fr;gap:9px}.route strong{font-size:15px}.route small{font-size:12px}.collection-strip a{padding:13px;min-height:160px}.collection-strip strong{font-size:17px}.feature-lead{padding:22px}}
