:root{--background:#F7F4EC;--paper:#FFFCF5;--surface:#fff;--ink-blue:#24354C;--ink-deep:#172638;--ink-soft:#40536A;--jade:#287C73;--terracotta:#B8573E;--copper:#B58B4B;--muted:#67747E;--border:#E2DED5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);font:16px/1.7 system-ui,-apple-system,'Microsoft YaHei',sans-serif;color:var(--ink-blue)}a{color:inherit;text-decoration:none}a:hover{color:var(--jade)}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.27}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(23px,2.5vw,30px)}h3{font-size:19px}.shell{width:min(1320px,calc(100% - 60px));margin:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--border)}.header-inner{min-height:74px;display:flex;align-items:center;gap:25px}.brand{font-size:23px;font-weight:800;white-space:nowrap;color:var(--ink-deep)}.brand-symbol{color:var(--terracotta);font-size:29px}.top-search{display:flex;flex:1;max-width:480px;margin:auto;background:#f0ede5;border-radius:50px;overflow:hidden}.top-search input{border:0;background:none;padding:11px 18px;min-width:0;flex:1;outline-color:var(--jade)}.top-search button{background:var(--jade);border:0;color:white;padding:0 20px}.quiet-link{font-size:14px;white-space:nowrap}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.main-nav{background:var(--ink-deep);color:#fff}.nav-row{display:flex;gap:40px;min-height:48px;align-items:center}.nav-row a:hover{color:#8edbc9}.category-strip{background:#e8eee9;border-bottom:1px solid var(--border)}.category-row{display:flex;overflow-x:auto;gap:14px;scrollbar-width:thin;padding:9px 0}.category-row a{white-space:nowrap;font-size:13px;background:#fff;border:1px solid #dde6df;border-radius:7px;padding:5px 12px}.eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--jade);margin-bottom:12px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:410px;margin-top:35px;background:var(--ink-deep);color:#fff;border-radius:22px;overflow:hidden}.hero>div:first-child{padding:58px 55px;align-self:center}.hero .eyebrow{color:#b5e0d4}.hero h1{max-width:570px}.hero p{max-width:490px;color:#d4dfdd}.hero-visual{background:radial-gradient(circle at 65% 45%,#397f7c,#24354c 60%,#182736);position:relative}.hero-visual img{width:100%;height:100%;object-fit:contain}.orbit{position:absolute;inset:12%;border:1px solid #ffffff55;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-12deg)}.orbit:before{content:'';position:absolute;inset:17%;border:1px dashed #ffffff66;border-radius:50%}.orbit b{font-size:90px;color:#ddb679}.orbit span{font-size:13px;letter-spacing:4px}.btn{display:inline-block;background:var(--terracotta);border:1px solid var(--terracotta);color:#fff;padding:11px 23px;border-radius:9px;font-weight:700;margin:8px 12px 8px 0}.btn:hover{background:#923d29;color:#fff}.btn.outline{background:transparent;color:var(--terracotta)}.text-link{color:#e0b984}.section{margin:74px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.section-head h2{margin-bottom:0}.section-head p{color:var(--muted);font-size:14px}.section-head>a{color:var(--jade)}.spines{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.spine{min-height:178px;padding:15px 10px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:inset -7px 0 #0002}.spine:hover{transform:translateY(-4px);color:#fff}.spine span{font-size:28px}.spine b{writing-mode:vertical-rl;letter-spacing:3px;align-self:center}.spine small{font-size:11px;text-align:center}.s0,.s5{background:#445f68}.s1,.s6{background:#354e74}.s2{background:#b87859}.s3{background:#656078}.s4{background:#54746b}.s7{background:#9a806e}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.book-card{display:flex;gap:18px;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:0}.book-card p{font-size:14px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-card small{font-size:12px;color:var(--muted)}.book-card h3{margin:3px 0 8px}.cover{width:106px;aspect-ratio:2/3;flex:none;object-fit:contain;border-radius:8px;background:#d5e2dd}.cover.generated{background:linear-gradient(145deg,#2a4a62,#528b83);color:#fff;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;box-shadow:inset 4px 0 #0002}.cover.generated span,.cover.generated small{font-size:10px;color:#fff9}.cover.generated strong{font-size:17px;line-height:1.4}.feature .cover{width:138px}.soft-block{background:#eeeae0;padding:35px;border-radius:18px}.book-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.book-row .book-card{gap:12px}.book-row .cover{width:78px}.book-row .book-card p{-webkit-line-clamp:2}.split-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}.section-intro{background:#e4eee8;padding:32px;border-radius:18px}.small-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.small-list a{background:#fff;border-radius:12px;padding:17px}.small-list b{display:block;margin-bottom:8px}.small-list span{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timeline{background:#24354c;padding:38px;border-radius:20px;color:#fff}.timeline .eyebrow{color:#b6d6c6}.time-items{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.time-items a{border-top:1px solid #7c9fa6;padding-top:22px}.time-items a>span{color:#e3bf89;font-size:28px;font-weight:800}.time-items p{color:#d5dfdf;font-size:14px}.editorial-list a{display:grid;grid-template-columns:35px 220px 1fr;gap:15px;align-items:start;border-bottom:1px solid var(--border);padding:17px 0}.editorial-list a>span:last-child{font-size:14px;color:var(--muted)}.index-dot{color:var(--terracotta)}.mystery{background:#eeeaf0;padding:38px;border-radius:16px}.clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clue-grid a{background:#fff;padding:25px;border-radius:10px;border-left:4px solid #817aa2}.clue-grid small{color:#817aa2}.clue-grid p{color:var(--muted);font-size:14px}.reading-sample{display:grid;grid-template-columns:1fr 1.7fr;gap:35px;align-items:center}.reading-sample blockquote{margin:0;background:#fff9f0;border-left:4px solid #b58b4b;padding:30px;font:19px/2 serif;white-space:pre-line}.collection-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.collection-preview a{background:#fff;padding:28px;border-radius:14px;border-top:5px solid var(--copper)}.collection-preview p{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.closing{background:#e1ebe5;text-align:center;padding:45px;border-radius:20px}.closing p{max-width:540px;margin:0 auto 20px}.footer{background:var(--ink-deep);color:#f1f5f3;padding:40px 0;margin-top:70px}.foot-grid{display:flex;justify-content:space-between;gap:20px}.foot-grid p,.foot-grid small{color:#b7c8ca}.foot-grid a{display:block;font-size:14px;padding:3px}.mobile-bottom{display:none}.page-space{padding-top:44px}.page-title{margin-bottom:32px;max-width:760px}.page-title p{color:var(--muted);font-size:17px}.library-layout{display:grid;grid-template-columns:218px 1fr;gap:32px}.library-sidebar{background:#fff;border-radius:12px;padding:22px;height:max-content}.library-sidebar h2{font-size:19px}.library-sidebar a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:14px}.library-sidebar a.active{background:#e2f1ea;color:#1d615a;font-weight:bold}.filters{display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:15px;border-radius:13px}.filters input{flex:1;min-width:180px}.filters input,.filters select{border:1px solid var(--border);border-radius:7px;padding:9px}.filters button{background:var(--jade);color:#fff;border:0;border-radius:7px;padding:9px 17px}.result-count{color:var(--muted);font-size:14px;margin:18px 0}.library-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.library-results .book-card{min-height:180px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:27px}.pagination a{padding:7px 15px;background:#fff;border-radius:5px}.pagination a.active{background:var(--jade);color:#fff}.empty-state{padding:50px;background:#fff;border-radius:12px;grid-column:1/-1}.crumb{font-size:13px;margin-bottom:25px;color:var(--muted)}.book-hero{display:flex;gap:42px;background:#fff;padding:35px;border-radius:20px}.big-cover{width:240px}.book-hero h1{margin-bottom:12px}.book-hero>div:last-child{max-width:790px}.byline{color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tags span{background:#e5f1ec;padding:4px 12px;border-radius:20px;font-size:12px}.anchor-nav{display:flex;gap:25px;overflow-x:auto;white-space:nowrap;margin:20px 0 38px;border-bottom:1px solid var(--border);padding:15px}.detail-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-panels article,.character-grid article{padding:26px;background:#fff;border-radius:14px}.detail-panels p{color:var(--ink-soft)}.character-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.character-grid article span{color:var(--jade);font-size:13px}.supporting-note{margin:16px 0;color:var(--muted)}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chapter-grid a{background:#fff;padding:18px;border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between}.chapter-grid span{color:var(--jade)}.ranking-lead{padding:42px;background:var(--ink-deep);color:#fff;border-radius:20px;margin-bottom:34px}.ranking-lead h2{max-width:670px}.ranking-group{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:33px 0;border-bottom:1px solid var(--border)}.ranking-group ol{list-style:none;margin:0;padding:0}.ranking-group li{display:grid;grid-template-columns:40px 1fr auto;gap:20px;padding:17px 0;align-items:center;border-bottom:1px dashed var(--border)}.ranking-group h3{margin-bottom:4px}.ranking-group p{font-size:13px;color:var(--muted);margin:0}.ranking-group li>a{font-size:13px;color:var(--jade)}.rank-no{font-size:26px;color:var(--copper);font-weight:900}.collection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-tile{min-height:220px;display:flex;gap:22px;padding:32px;border-radius:17px;background:#fff}.collection-tile:nth-child(3n+2){background:#e4eee8}.collection-tile:nth-child(3n+3){background:#efebf1}.tile-index{font-size:36px;color:var(--terracotta);font-weight:900}.collection-tile p{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.collection-tile small{color:var(--jade)}.back-link{display:block;margin-bottom:22px;color:var(--jade)}.collection-banner{padding:44px;border-radius:19px;background:linear-gradient(120deg,#24354c,#287c73);color:#fff;margin-bottom:32px}.collection-banner p{max-width:800px}.collection-books{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection-books article{background:#fff;border-radius:12px;padding:12px}.collection-books .book-card{border:0}.curator-note{font-size:13px;padding:0 12px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.about-grid article{padding:30px;border-radius:15px;background:#fff}.about-grid p{color:var(--ink-soft)}.not-found{text-align:center;padding:100px 0}.not-found>span{color:var(--terracotta);font-weight:800}@media(max-width:1100px){.spines{grid-template-columns:repeat(4,1fr)}.book-row,.collection-books{grid-template-columns:repeat(2,1fr)}.library-results{grid-template-columns:1fr}.quiet-link{display:none}}@media(max-width:700px){body{font-size:15px}.shell{width:calc(100% - 34px)}.header-inner{min-height:64px;gap:8px}.brand{font-size:18px}.top-search{min-width:0}.top-search input{width:65px;padding:8px 9px;font-size:12px}.top-search button{padding:0 9px;font-size:12px}.mobile-toggle{display:block}.main-nav{display:none}.main-nav.show{display:block}.nav-row{flex-wrap:wrap;gap:10px;padding:13px 0}.category-row{width:calc(100% - 22px)}.hero{grid-template-columns:1fr;margin-top:17px}.hero>div:first-child{padding:35px 24px}.hero-visual{min-height:160px}.orbit{inset:12% 28%}.orbit b{font-size:40px}.orbit span{font-size:8px;letter-spacing:1px}.section{margin:43px 0}.section-head{align-items:start;flex-direction:column;gap:6px}.spines{grid-template-columns:repeat(4,1fr);gap:6px}.spine{min-height:145px;padding:10px 5px}.spine b{font-size:12px}.spine span{font-size:22px}.spine small{font-size:9px}.feature-grid,.book-row,.split-section,.small-list,.time-items,.clue-grid,.reading-sample,.collection-preview,.library-layout,.detail-panels,.character-grid,.chapter-grid,.collection-list,.collection-books,.about-grid{grid-template-columns:1fr}.feature .cover{width:100px}.soft-block,.timeline,.mystery{padding:20px}.editorial-list a{grid-template-columns:23px 1fr}.editorial-list a>span:last-child{grid-column:2}.book-hero{padding:20px;gap:20px;align-items:start;flex-direction:column}.big-cover{width:145px}.ranking-group{grid-template-columns:1fr;gap:12px}.ranking-group li{grid-template-columns:30px 1fr;gap:10px}.ranking-group li>a{grid-column:2}.footer{padding-bottom:76px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--border);justify-content:space-around;padding:10px 0;z-index:8}.mobile-bottom a{font-size:13px;padding:5px 10px}.foot-grid{display:block}.page-space{padding-top:27px}.filters{display:grid}.filters input,.filters select{width:100%}.library-sidebar{display:flex;flex-wrap:wrap;gap:5px;padding:12px}.library-sidebar h2{width:100%}.library-sidebar a{font-size:12px;padding:7px}.library-sidebar a span{display:none}.collection-tile{padding:20px;min-height:auto}.reading-sample blockquote{padding:19px;font-size:17px}}@media(max-width:360px){.brand{font-size:15px}.top-search input{width:35px}.spine b{font-size:11px}.book-card{gap:10px;padding:12px}.cover{width:84px}}