*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f4f5f8;color:#1f2329;-webkit-font-smoothing:antialiased}.lib-wrap{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.lib-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.lib-brand{display:flex;align-items:center;gap:12px}.lib-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6d5efc,#8f7bff);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 8px 20px #6d5efc59}.lib-title{font-size:22px;font-weight:700;line-height:1.1}.lib-sub{font-size:13px;color:#8a8f99;margin-top:2px}.book-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.book-card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 12px #1418280f;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;position:relative}.book-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #14182824}.book-cover{aspect-ratio:3 / 4;border-radius:10px;color:#fff;padding:14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.book-cover .c-title{font-size:17px;font-weight:700;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.15)}.book-cover .c-author{font-size:12px;opacity:.9}.book-cover .c-badge{position:absolute;top:10px;right:10px;font-size:11px;background:#ffffff40;padding:2px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book-meta{margin-top:10px}.book-name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-info{font-size:12px;color:#9aa0aa;margin-top:3px;display:flex;justify-content:space-between}.book-del{position:absolute;top:8px;right:8px;z-index:2;opacity:0;transition:opacity .15s}.book-card:hover .book-del{opacity:1}.book-fav{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;font-size:15px;color:#9aa0aa;box-shadow:0 2px 8px #1418282e;opacity:0;transition:opacity .15s,transform .15s}.book-card:hover .book-fav{opacity:1}.book-fav:hover{transform:scale(1.12);color:#e5484d}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:20px;padding:0 28px;height:60px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ecedf1}.shell-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.shell-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6d5efc,#8f7bff);color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 6px 14px #6d5efc59}.shell-logo.big{width:52px;height:52px;font-size:26px;border-radius:14px;margin:0 auto}.shell-name{font-size:18px;font-weight:800;letter-spacing:.2px}.shell-nav{display:flex;gap:6px;flex:1}.shell-nav-item{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font-size:14.5px;color:#5b6069;padding:7px 14px;border-radius:9px;transition:all .15s}.shell-nav-item:hover{background:#f1f2f6;color:#1f2329}.shell-nav-item.active{background:#efeaff;color:#6d5efc;font-weight:600}.shell-user{display:flex;align-items:center;gap:8px}.shell-user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:10px;transition:background .15s}.shell-user-chip:hover{background:#f1f2f6}.shell-username{font-weight:600;font-size:14px}.shell-main{flex:1}.shell-footer{text-align:center;color:#b3b8c2;font-size:12.5px;padding:26px 0 30px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#eef0ff,#f4f5f8 45%,#f9f4ff);padding:24px}.login-card{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:36px 34px 28px;box-shadow:0 20px 60px #28285a1f}.login-brand{text-align:center;margin-bottom:26px}.login-title{font-size:24px;font-weight:800;margin-top:12px}.login-sub{color:#8a8f99;font-size:13px;margin-top:4px}.store-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.store-cats{display:flex;gap:8px;flex-wrap:wrap}.cat-chip{border:1px solid #e3e5ea;background:#fff;cursor:pointer;padding:5px 15px;border-radius:20px;font-size:13.5px;color:#5b6069;transition:all .15s}.cat-chip:hover{border-color:#6d5efc;color:#6d5efc}.cat-chip.active{background:#6d5efc;border-color:#6d5efc;color:#fff;font-weight:600}.reader-root{min-height:100%;transition:background .25s,color .25s}.reader-root[data-theme=day]{--bg:#f7f7f8;--paper:#ffffff;--ink:#2b2b2b;--muted:#9aa0aa;--line:#eceef2;--bar:#ffffffee}.reader-root[data-theme=sepia]{--bg:#f1e7d0;--paper:#f7efdc;--ink:#5b4a32;--muted:#a9967a;--line:#e3d6b8;--bar:#f7efdcee}.reader-root[data-theme=green]{--bg:#c7e6cd;--paper:#cfeed4;--ink:#33473a;--muted:#7f9a86;--line:#b6dabd;--bar:#cfeed4ee}.reader-root[data-theme=night]{--bg:#1a1b1e;--paper:#212226;--ink:#c6c8cc;--muted:#6b6f78;--line:#2c2e33;--bar:#212226ee}.reader-root{background:var(--bg);color:var(--ink)}.reader-topbar{position:sticky;top:0;z-index:20;height:52px;display:flex;align-items:center;gap:12px;padding:0 14px;background:var(--bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.reader-topbar .rt-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar .rt-spacer{flex:1}.reader-topbar .rt-btn{color:var(--ink)}.reader-page{margin:0 auto;padding:28px 24px 120px}.chapter-title{font-weight:700;margin:8px 0 26px;line-height:1.4;border-left:4px solid #6d5efc;padding-left:12px}.chapter-body p{margin:0 0 1.1em;text-align:justify;text-indent:2em}.reader-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:56px;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--bar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.reader-bottombar .bb-progress{flex:1;text-align:center;font-size:13px;color:var(--muted)}.theme-dot{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;display:inline-block;margin-right:10px}.theme-dot.active{border-color:#6d5efc;box-shadow:0 0 0 2px #fff inset}.toc-item{padding:10px 8px;border-radius:8px;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:8px}.toc-item:hover{background:#6d5efc14}.toc-item.active{background:#6d5efc24;color:#6d5efc;font-weight:600}.toc-item .toc-cnt{color:#b0b4bd;font-size:12px;flex:none}.empty-wrap{text-align:center;padding:80px 20px;color:#9aa0aa}@media (max-width: 640px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.lib-wrap{padding:16px 14px 50px}}