:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--reader-bar-height: calc(68px + var(--safe-top));font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#28241f;background:#f2eee6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:#f2eee6}button,input{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kicker{font-size:.68rem;font-weight:700;letter-spacing:.2em;color:#a34231}.primary{border:0;border-radius:2px;padding:.82rem 1.25rem;background:#a34231;color:#fff;font-weight:700;cursor:pointer}.alert{color:#ad3728}.loading,.empty{padding:5rem;text-align:center;color:#766e63}.splash{min-height:100vh;min-height:100dvh;display:grid;place-content:center;text-align:center;background:#191714;color:#eee6d8}.splash span{font:4rem "Noto Serif SC"}.splash p{letter-spacing:.2em;color:#8d8579}.login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;padding:8vw;background:linear-gradient(120deg,#171512 0 57%,#a34231 57% 100%);color:#eee8dc}.login-copy{max-width:700px}.login-copy h1{margin:1.2rem 0;font:600 clamp(3.5rem,7vw,7.5rem)/1.05 "Noto Serif SC";letter-spacing:-.05em}.login-copy p{max-width:560px;color:#aca397;line-height:1.8}.login-card{width:min(430px,100%);padding:3rem;background:#f3eee5;color:#29241e;box-shadow:0 30px 90px #0006}.seal{width:54px;height:54px;display:grid;place-items:center;background:#a34231;color:#fff;font:1.7rem "Noto Serif SC"}.login-card h2{font:600 2rem "Noto Serif SC"}.login-card label{display:block;margin:1.2rem 0;color:#756d62;font-size:.8rem}.login-card input{display:block;width:100%;margin-top:.45rem;padding:.85rem;border:0;border-bottom:1px solid #bdb4a6;outline:none;background:transparent}.login-card input:focus{border-color:#a34231}.login-card button{width:100%;margin-top:1rem}.login-card small{display:block;margin-top:1.2rem;text-align:center;color:#988f82}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.3rem,5vw,5rem);position:sticky;top:0;z-index:20;border-bottom:1px solid #d8d1c5;background:#f2eee6ef;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.7rem;border:0;background:none;cursor:pointer}.brand span{width:34px;height:34px;display:grid;place-items:center;background:#a34231;color:#fff;font-family:"Noto Serif SC"}.brand strong{letter-spacing:.15em;font-size:.8rem}.site-header nav{display:flex;align-items:center;gap:1.4rem}.site-header nav button{border:0;background:none;cursor:pointer}.site-header nav span{color:#7d756b;font-size:.78rem}.page{max-width:1440px;margin:auto;padding:clamp(2rem,5vw,5rem)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.library-heading h1,.detail h1{margin:.5rem 0;font:600 clamp(2.8rem,5vw,5.6rem)/1.1 "Noto Serif SC"}.library-heading p{color:#776f64}.search{width:min(360px,100%);display:flex;gap:.7rem;padding:.8rem 0;border-bottom:1px solid #aaa193}.search input{width:100%;border:0;outline:0;background:transparent}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(1.5rem,3vw,3rem)}.book-card{padding:0;border:0;text-align:left;background:none;cursor:pointer}.cover{aspect-ratio:2/3;overflow:hidden;background:#25211d;box-shadow:0 16px 35px #3c34282c;transition:transform .25s,box-shadow .25s}.book-card:hover .cover{transform:translateY(-7px);box-shadow:0 24px 45px #3c342841}.cover img{width:100%;height:100%;display:block;object-fit:cover}.cover-fallback{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:linear-gradient(145deg,#a34231,#62261d);color:#f4eade}.cover-fallback span{font:3rem "Noto Serif SC"}.cover-fallback small{font:1rem "Noto Serif SC"}.book-meta h2{margin:1rem 0 .35rem;font:600 1.15rem "Noto Serif SC"}.book-meta p,.book-meta span{margin:.25rem 0;color:#81786d;font-size:.78rem}.back{border:0;background:none;cursor:pointer;color:#786f64}.detail-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);padding:2.5rem 0 6rem}.detail-cover{max-width:360px}.detail-hero p{max-width:660px;color:#736b60;line-height:1.8}.stats{display:flex;gap:2.5rem;margin:2rem 0}.stats span{display:flex;align-items:baseline;gap:.35rem;color:#7c7368}.stats strong{font:600 2rem "Noto Serif SC";color:#29241e}.catalog{border-top:1px solid #cfc7ba;padding-top:3rem}.section-title h2{font:600 2.4rem "Noto Serif SC"}.volume{margin:2.5rem 0;padding:2rem 0;border-top:1px solid #d7d0c5}.volume-head{display:flex;justify-content:space-between;gap:2rem}.volume-head span{color:#a34231;font-size:.75rem;font-weight:700}.volume-head h3{margin:.4rem 0;font:600 1.35rem "Noto Serif SC"}.volume-head small{color:#837a6f}.download-menu{display:flex;align-items:start;gap:.5rem}.download-menu button{padding:.55rem .75rem;border:1px solid #b9b0a3;background:transparent;color:#554e46;font-size:.72rem;cursor:pointer}.download-menu button:disabled{cursor:wait;opacity:.55}.volume ol{list-style:none;padding:0;margin:1.5rem 0}.volume li button{width:100%;display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;padding:1rem 0;border:0;border-bottom:1px solid #ddd6ca;text-align:left;background:none;cursor:pointer}.volume li button>span,.volume li button>small{color:#90877c}.volume li button:hover strong{color:#a34231}.reader{min-height:100vh;min-height:100dvh;background:#12110f;color:#eee8de}.reader-bar{position:fixed;inset:0 0 auto;height:var(--reader-bar-height);z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:var(--safe-top) calc(1.2rem + var(--safe-right)) 0 calc(1.2rem + var(--safe-left));background:#171512ef;transition:transform .25s}.reader-bar--hidden{transform:translateY(-100%)}.reader-bar>button{border:0;background:none;color:#eee;font-size:1.8rem;cursor:pointer}.reader-bar>div:nth-child(2){display:flex;flex-direction:column;overflow:hidden}.reader-bar strong,.reader-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-bar span{color:#8e867b;font-size:.72rem}.reader-actions{display:flex;gap:.25rem}.reader-actions button{border:0;padding:.5rem .7rem;background:#2a2723;color:#aaa198;cursor:pointer}.reader-actions button.active{background:#a34231;color:#fff}.scroll-pages{width:min(100%,1100px);margin:auto;padding:calc(90px + var(--safe-top)) 0 calc(4rem + var(--safe-bottom))}.scroll-pages figure{margin:0}.scroll-pages figcaption{display:flex;gap:1rem;align-items:baseline;padding:3rem 1rem 1rem;color:#eee}.scroll-pages figcaption span{color:#c95843;font-size:.75rem}.scroll-pages img{width:100%;height:auto;display:block;background:#201e1a}.single-page{height:100vh;height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.page-spread{width:100%;height:100%;display:grid;place-items:center}.page-spread--double{grid-template-columns:repeat(2,minmax(0,1fr))}.spread-page{display:block;width:100%;height:100%;object-fit:contain}.spread-page--left{object-position:right center}.spread-page--right{object-position:left center}.page-zone{position:absolute;inset:var(--reader-bar-height) auto var(--safe-bottom);width:34%;border:0;background:transparent;cursor:pointer}.page-zone--previous{left:0}.page-zone--next{right:0}.page-count{position:fixed;bottom:calc(1rem + var(--safe-bottom));left:50%;transform:translate(-50%);padding:.4rem .75rem;border-radius:99px;background:#0009;color:#aaa;font-size:.72rem}.reader-error{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2rem;text-align:center}.reader-error>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:28rem}.reader-error p{flex-basis:100%;color:#d7cec0}.reader-error button:not(.primary){border:1px solid #5d574f;padding:.82rem 1.25rem;background:transparent;color:#eee8de}@media(max-width:800px){.login-shell{grid-template-columns:1fr;padding:2rem;background:linear-gradient(#171512 0 38%,#a34231 38%)}.login-copy h1{font-size:3.4rem}.login-card{justify-self:center;padding:2rem}.library-heading{align-items:stretch;flex-direction:column}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.detail-hero{grid-template-columns:1fr;padding-bottom:3rem}.detail-cover{max-width:260px}.volume-head{flex-direction:column}.site-header nav span{display:none}.page{padding:1.5rem}.reader-bar>div:nth-child(2){display:none}.reader-bar{grid-template-columns:auto 1fr}.reader-actions{justify-self:end}.volume li button{grid-template-columns:2rem 1fr}.volume li button small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}