@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#314b40;background:#f5f1e7;font-synthesis:none;--ink:#314b40;--line:#dcded0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#e2e8d66e,transparent 45%),#f5f1e7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #a86a35;outline-offset:5px}h1,h2,p{margin:0}[hidden]{display:none!important}
.masthead{height:84px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center}.brand svg{width:38px;height:38px;fill:none;stroke:#42614a;stroke-width:1.8;stroke-linejoin:round}.brand>span:first-of-type{font-size:21px;letter-spacing:2px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:4px;font-weight:400}.brand-divider{height:25px;width:1px;background:#cdd2c0;margin:0 7px}.hall-name{font-size:14px;letter-spacing:3px}.header-note{font-size:12px;color:#717a67;letter-spacing:2px}.header-note>span{color:#b08245;font-size:22px;margin-left:18px}
main{max-width:1232px;margin:auto;padding:0 36px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0 27px}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#7c866c}.intro h1{font-family:"STKaiti","KaiTi",serif;font-weight:500;font-size:35px;letter-spacing:3px;margin-top:10px}.intro h1 span{color:#a27645}.intro-note{font-size:12px;line-height:1.9;color:#7c8373;letter-spacing:1px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}#series-filter{display:flex;gap:8px;flex-wrap:wrap}#series-filter button{border:1px solid transparent;background:transparent;color:#727b6d;border-radius:25px;padding:10px 17px;font-size:12px;min-height:42px}#series-filter button[aria-pressed=true]{background:#365342;color:#fffbed}#series-filter button:hover{border-color:#9ba88e}.collection-count{font-size:11px;color:#7b8475;letter-spacing:1px;white-space:nowrap}
.shelves{border:1px solid #d7c8b4;border-radius:12px 12px 4px 4px;background:#e9decc;padding:8px 17px 0;box-shadow:0 10px 25px #62513b0b}.shelf{position:relative;display:grid;grid-template-columns:212px minmax(0,1fr);min-height:265px;padding:0 8px 20px;isolation:isolate}.shelf::before{content:"";position:absolute;inset:0 0 19px;z-index:-1;background:linear-gradient(180deg,#80705014,#eee5d4 16%,#f0e8d9 72%,#aa957b22),repeating-linear-gradient(90deg,#99734405 0 1px,transparent 1px 6px);box-shadow:inset 0 11px 20px -12px #59462d7d}.shelf::after{content:"";position:absolute;left:-18px;right:-18px;bottom:0;height:20px;border:1px solid #b99874;border-top:4px solid #e6d0b2;background:linear-gradient(#caaa81,#d9bd99 55%,#bf9e75);box-shadow:0 8px 10px -5px #6e543c58;z-index:2}.shelf:last-child::after{border-radius:0 0 5px 5px}.series-intro{padding:34px 20px 22px;display:flex;flex-direction:column;align-items:flex-start}.series-index{font:italic 24px Georgia,serif;color:#bba98c;margin-bottom:14px}.series-title{font-family:"STKaiti","KaiTi",serif;font-size:24px;font-weight:600;letter-spacing:2px;color:var(--series-ink)}.series-caption{font-size:11px;line-height:1.9;color:#847b6c;margin-top:9px}.series-meta{margin-top:auto;padding-top:14px;font-size:10px;color:#766c5b;letter-spacing:1px}.series-meta::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--series-ink);margin-right:7px}
.shelf-track{display:flex;align-items:flex-end;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bda786 transparent;padding:16px 30px 7px 22px;min-width:0;min-height:244px;perspective:1000px}.book-button{position:relative;flex:0 0 111px;height:225px;padding:0;border:0;background:transparent;scroll-snap-align:center;perspective:1000px;isolation:isolate;--book-color:#d3dab7;--book-dark:#455d3c;--book-light:#ecedd9}.book-button::after{content:"";position:absolute;bottom:-4px;left:4px;width:97px;height:9px;border-radius:50%;background:#53463135;filter:blur(5px);z-index:-1}.book-button .book-model{position:absolute;left:-33px;top:0;transform:rotateY(67deg);transition:transform .26s}.book-button:hover .book-model,.book-button:focus-visible .book-model{transform:translateY(-9px) rotateY(52deg)}.book-button.is-selected .book-model{visibility:hidden}.book-button.is-selected::after{background:#53463116}
.book-model{position:relative;width:176px;height:222px;transform-style:preserve-3d;--depth:27px;color:var(--book-dark)}.book-front{position:absolute;inset:0;transform:translateZ(var(--depth));backface-visibility:hidden;overflow:hidden;border:1px solid #3444252b;border-radius:2px 5px 5px 2px;background:var(--book-color);box-shadow:inset 6px 0 7px -6px #0006,inset -1px 0 #fff6}.book-front::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#15291e25,#fff4 3%,transparent 7%,#fff2 8%,transparent 9%);border-radius:inherit}.book-back{position:absolute;inset:0;transform:translateZ(calc(-1 * var(--depth)));background:var(--book-color);border-radius:3px}.book-spine{position:absolute;width:54px;height:222px;left:61px;top:0;transform:rotateY(-90deg) translateZ(88px);background:linear-gradient(90deg,#23382316,transparent 14%,#fff4 47%,#14291813),var(--book-color);border:1px solid #4d574537;border-top:7px solid var(--book-dark);border-bottom:7px solid var(--book-dark);display:flex;flex-direction:column;align-items:center;color:var(--book-dark);padding:6px 3px 5px;backface-visibility:hidden;box-shadow:inset 0 3px var(--book-light),inset 0 -3px var(--book-light)}.spine-icon{width:36px;height:42px;object-fit:contain;margin-bottom:3px}.spine-title{writing-mode:vertical-rl;letter-spacing:2px;font-family:"STKaiti","KaiTi",serif;font-size:18px;font-weight:600;flex:1;line-height:1.35}.spine-number{font:600 14px Georgia,serif;border-top:1px solid #66704c4d;width:27px;padding-top:4px;text-align:center}.book-pages{position:absolute;width:49px;height:214px;left:63px;top:4px;transform:rotateY(90deg) translateZ(86px);background:repeating-linear-gradient(90deg,#f5efd9 0 2px,#d8cfb7 2px 3px);border:1px solid #b5ad9666}.book-top{position:absolute;width:172px;height:50px;left:2px;top:86px;transform:rotateX(90deg) translateZ(110px);background:repeating-linear-gradient(#f6efd9 0 2px,#d8cfb7 2px 3px)}
.cover-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}.cover-tint{position:absolute;inset:0;background:linear-gradient(var(--book-light) 0%,var(--book-light) 31%,transparent 72%)}.cover-series{position:absolute;top:14px;left:16px;right:10px;font-size:7px;letter-spacing:2px}.cover-title{position:absolute;top:36px;left:16px;right:12px;font-family:"STKaiti","KaiTi",serif;font-size:25px;line-height:1.3;letter-spacing:2px;font-weight:700;white-space:pre-line}.cover-foot{position:absolute;bottom:9px;left:16px;right:8px;font-size:6px;letter-spacing:1px}.cover-asset{position:absolute;object-fit:contain}.cover-rabbit{height:126px;width:105px;right:-3px;bottom:18px}.cover-basket{height:65px;width:65px;left:11px;bottom:20px}.theme-blue .cover-title{font-family:Georgia,serif;font-size:25px;letter-spacing:0;line-height:1.14;top:38px}.theme-blue .cover-background{top:84px;height:116px}.theme-blue .cover-tint{background:linear-gradient(var(--book-light) 34%,transparent 74%)}.cover-boy{width:68px;height:97px;left:9px;bottom:20px}.cover-girl{width:68px;height:97px;left:57px;bottom:20px}.cover-teacher{width:72px;height:108px;right:-2px;bottom:20px}
.shelf-tail{flex:1;min-width:120px;align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:11px;margin:0 0 0 24px;padding-right:24px;color:#a2947b;pointer-events:none}.tail-symbol{font:64px Georgia,serif;line-height:1;color:var(--series-ink);opacity:.22}.tail-copy{font-family:"STKaiti","KaiTi",serif;font-size:15px;letter-spacing:2px;white-space:nowrap}.shelf-controls{display:flex;gap:6px;margin-top:10px}.shelf-controls button{border:1px solid #cbbb9e;background:#f8f0e0e6;color:#6d7562;border-radius:50%;width:44px;height:44px;font-size:22px}.shelf-controls button:disabled{opacity:.35}.library-tip{display:flex;gap:8px;color:#7c8374;font-size:11px;margin:25px 0 27px;letter-spacing:1px}.library-tip>span:first-child{color:#a27145}.device-tip{margin-left:auto;color:#8b8c7d}footer{max-width:1160px;margin:0 auto;padding:20px 0;border-top:1px solid #dcded0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8b8d7d}.loading{padding:45px;text-align:center;line-height:2;color:#727b6b}.loading button{margin:15px}
#book-dialog{padding:0;border:1px solid #e3dccb;border-radius:16px;background:#fcf8ef;color:var(--ink);width:min(870px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 100px #20302340}#book-dialog::backdrop{background:#2f3c30a6;backdrop-filter:blur(3px)}.detail-layout{display:grid;grid-template-columns:42% 58%;min-height:490px;position:relative}.close-detail{position:absolute;right:17px;top:13px;width:40px;height:40px;border:1px solid #dedbcd;background:#faf7eb;color:#687360;border-radius:50%;font-size:25px;z-index:5}.detail-display{background:radial-gradient(ellipse at center,#ecefdc,#e6e4d260);display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1100px;padding:42px 18px;min-height:440px;border-radius:16px 0 0 16px}.detail-book-slot{width:245px;height:308px;position:relative;perspective:1100px}.detail-book-slot .book-model{transform:scale(1.37) rotateY(-13deg);transform-origin:0 0;position:absolute;left:9px;top:0}.detail-book-slot .book-front{transform-origin:left center;transition:transform .32s}.detail-book-slot.opening .book-front{transform:translateZ(var(--depth)) rotateY(-105deg)}.display-caption{font-size:10px;letter-spacing:3px;color:#8e917b;margin-top:30px}.detail-copy{padding:55px 44px 36px 34px}.detail-copy .eyebrow{letter-spacing:2px;color:#678068}.edition{display:inline-block;margin-top:16px;border:1px solid #deccac;border-radius:3px;padding:4px 8px;color:#957048;font-size:10px;letter-spacing:1px}.detail-copy h2{font-family:"STKaiti","KaiTi",Georgia,serif;font-size:31px;line-height:1.25;letter-spacing:1px;margin:16px 0 9px;font-weight:600;outline:none}.detail-subtitle{font-size:14px;color:#688167;margin-bottom:17px}#detail-description{font-size:12px;line-height:2;color:#77816e}.tags{padding:0;margin:17px 0 23px;display:flex;gap:6px;flex-wrap:wrap;list-style:none}.tags li{font-size:10px;padding:5px 8px;background:#edf0e5;border-radius:3px;color:#6b7b62}.book-facts{margin:0;border-top:1px solid #e4e3d6;padding-top:16px;font-size:11px;line-height:2}.book-facts>div{display:flex;gap:18px}.book-facts dt{color:#8f9587;min-width:48px}.book-facts dd{margin:0;color:#586e53}.detail-actions{display:flex;align-items:center;gap:15px;margin-top:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;background:#365b45;color:#fff8e8;border-radius:6px;padding:15px 23px;min-height:48px;font-size:13px;white-space:nowrap}.primary-button:hover{background:#294a36}.primary-button[aria-disabled=true]{background:#ddddce;color:#7b8175;cursor:default}.quiet-button{border:0;background:transparent;color:#79816f;font-size:11px;padding:13px 4px;min-height:44px}.device-message{font-size:11px;line-height:1.8;color:#916632;background:#f1e7d4;padding:9px 12px;margin-top:14px;border-radius:4px}body.detail-open{overflow:hidden}.flying-book{position:fixed!important;z-index:10;pointer-events:none;transform-origin:0 0!important}
@media(min-width:1100px) and (max-height:800px){.masthead{height:67px}.intro{padding:22px 0 20px}.intro h1{font-size:32px}.toolbar{margin-bottom:14px}.shelf{min-height:244px}.shelf-track{min-height:224px;padding-top:5px}.book-button{height:207px;transform:scale(.92);transform-origin:center bottom}.series-intro{padding-top:24px}.library-tip{margin:20px 0}.tail-symbol{font-size:55px}}
@media(max-width:950px){.masthead{padding:0 30px}main{padding:0 27px}.shelf{grid-template-columns:180px minmax(0,1fr)}.series-intro{padding-left:12px}.series-title{font-size:23px}.shelf-tail{padding-right:5px;margin-left:6px}.tail-copy{font-size:12px}.detail-copy{padding:52px 27px 30px}.detail-book-slot{transform:scale(.88)}footer{margin:0 27px}}
@media(max-width:650px){.masthead{height:72px;padding:0 21px}.brand>span:first-of-type{font-size:18px}.brand svg{width:30px;height:30px}.hall-name{font-size:12px}.brand-divider{margin:0}.header-note{display:none}main{padding:0 16px}.intro{padding:26px 4px 23px}.intro h1{font-size:27px;letter-spacing:1px}.intro-note{display:none}.toolbar{align-items:flex-start;gap:5px}.collection-count{padding-top:14px;font-size:10px;letter-spacing:0}#series-filter{gap:2px}#series-filter button{font-size:11px;padding:10px 11px}.shelves{padding:4px 9px 0}.shelf{grid-template-columns:112px minmax(0,1fr);padding-left:0;padding-right:0}.shelf::after{left:-10px;right:-10px}.series-intro{padding:27px 6px 16px}.series-title{font-size:19px;letter-spacing:1px}.series-caption{font-size:10px}.series-index{font-size:21px}.shelf-track{padding-left:12px;padding-right:16px}.shelf-tail{display:none}.device-tip{display:none}footer{margin:0 20px;font-size:9px}#book-dialog{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.detail-layout{grid-template-columns:1fr}.detail-display{min-height:262px;height:262px;padding:24px;border-radius:16px 16px 0 0}.detail-book-slot{transform:scale(.69);transform-origin:center center;height:270px}.display-caption{display:none}.detail-copy{padding:25px 27px 29px}.detail-copy h2{font-size:28px}.edition{margin-top:11px}.tags{margin-bottom:17px}.detail-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.book-button:hover .book-model,.book-button:focus-visible .book-model{transform:rotateY(67deg)}}