.reader-footer{z-index:95;width:100%;max-width:430px;min-height:calc(84px + env(safe-area-inset-bottom));padding:14px 14px env(safe-area-inset-bottom);border-top:1px solid var(--line,#edebee);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(4,1fr);align-items:start;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.footer-btn{color:#050505;background:0 0;border:0;place-items:center;height:42px;display:grid}.footer-icon{background:50%/contain no-repeat;width:24px;height:24px;display:block}.footer-icon-file{background-image:url(/file-02.svg)}.footer-icon-bookmark{background-image:url(/add-d.svg)}.footer-icon-moon{background-image:url(/moon-star.svg)}.footer-icon-setting{background-image:url(/setting.svg)}


.reader-footer-package{--accent:#b8e6f1;--text:#202124;--muted:#8e8e93;--line:#00000014;color:var(--text)}.reader-footer-package button,.reader-footer-package input,.reader-footer-package textarea{font:inherit}.reader-footer-package button{color:inherit;cursor:pointer;background:0 0;border:0}.reader-footer-package svg{width:24px;height:24px;display:block}.reader-toast{z-index:320;left:50%;bottom:calc(116px + env(safe-area-inset-bottom));color:#fff;pointer-events:none;background:#000000e0;border-radius:6px;place-items:center;min-width:140px;max-width:min(390px,100vw - 40px);min-height:48px;padding:0 24px;font-size:16px;font-weight:500;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.audio-toast{bottom:calc(348px + env(safe-area-inset-bottom))}.sheet-overlay{z-index:300;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-overlay.dim{background:#00000094}.sheet-overlay.light{background:#0000000d}.sheet-overlay.more-overlay,.sheet-overlay.settings-overlay{background:0 0}.reader-sheet{width:100%;max-width:430px;height:220px;padding:12px 20px calc(20px + env(safe-area-inset-bottom));color:#080808;background:#fff;border-radius:20px 20px 0 0;overflow:auto;box-shadow:0 -8px 30px #0000001a}.reader-sheet h2{font-size:20px;font-weight:600;line-height:normal}.reader-sheet textarea{resize:none;background:#f6f6f7;border:1px solid #edebee;border-radius:8px;outline:0;width:100%;min-height:90px;padding:16px}.sheet-handle{border-radius:99px;width:70px;height:4px;margin:0 auto 14px}.settings-sheet{height:322px}.settings-sheet .brightness-control{background:#eeeeef;border:1px solid #0000001a;border-radius:12px;grid-template-columns:38px 1fr 38px;align-items:center;height:38px;padding:0;display:grid}.settings-sheet .brightness-control input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0}.settings-sheet .brightness-control input::-webkit-slider-runnable-track{background:0 0;height:100%}.settings-sheet .brightness-control input::-webkit-slider-thumb{appearance:none;width:0;height:38px}.settings-sheet .brightness-control input::-moz-range-track{background:0 0;border:0;height:100%}.settings-sheet .brightness-control input::-moz-range-thumb{border:0;width:0;height:38px}.settings-sheet .brightness-control img{width:38px;height:38px;display:block}.settings-sheet .settings-line{grid-template-columns:1fr 42px 42px 42px;gap:8px;margin-top:20px;display:grid}.settings-sheet .settings-line button{background:#f4f4f4;border-radius:10px;height:38px;font-size:13px;font-weight:600}.settings-sheet .settings-line button.active{background:var(--accent)}.settings-sheet .font-size-control{background:#f4f4f4;border-radius:10px;grid-template-columns:42px 1fr 1fr 1fr 42px;height:38px;display:grid;overflow:hidden}.settings-sheet .font-size-control button,.settings-sheet .font-size-control button.active{background:0 0}.settings-sheet .settings-icon-btn{place-items:center;padding:0;display:grid}.settings-sheet .settings-icon-btn img{width:38px;height:38px;display:block}.settings-sheet .font-size-option{color:#b7b7b7}.settings-sheet .font-size-option.active{color:#111}.settings-sheet .line-icon{place-items:center;display:grid}.settings-sheet .line-icon img{opacity:.6;width:20px;height:20px;display:block}.settings-sheet .line-icon.active img{opacity:1}.settings-sheet .theme-colors{justify-content:space-between;margin:20px 0;display:flex}.settings-sheet .theme-colors button{box-sizing:border-box;border:1px solid #0000;border-radius:50%;width:38px;height:38px}.settings-sheet .theme-colors button.theme-color-white{--theme-color:#000;border-color:#000}.settings-sheet .theme-colors button.active{box-shadow:0 0 0 2px var(--theme-color)}.settings-row{grid-template-columns:1fr 1.7fr;gap:16px;margin-bottom:18px;display:grid}.settings-row button{border-radius:16px;height:38px;font-weight:500}.outline-btn{background:#fff;border:1px solid #979797;border-radius:16px;font-size:14px;font-weight:500;line-height:normal}.dark-btn,.submit-btn,.reader-primary-btn{color:#fff;background:#000}.dark-btn{color:#fff;background:#000;border-radius:16px;font-size:14px;font-weight:500;line-height:normal}.flip-modes{background:#f3f3f3;border:1px solid #0000001a;border-radius:12px;grid-template-columns:repeat(3,1fr);align-items:center;gap:0;display:grid;overflow:hidden}.flip-modes button{color:#707070;height:36px;font-size:12px;font-weight:500;line-height:normal}.flip-modes button.active{color:#111;background:#fff;border-radius:12px;height:32px}.drawer-overlay{z-index:260;background:#00000094;position:fixed;inset:0;overflow:hidden}.drawer-panel{width:min(83vw,356px);height:100dvh;max-height:100dvh;padding:calc(50px + env(safe-area-inset-top)) 20px 24px;color:#111;overscroll-behavior:contain;scrollbar-width:none;background:#fff;overflow:auto}.drawer-panel::-webkit-scrollbar{display:none}.chapter-list-header{grid-template-columns:54px 1fr 32px;align-items:center;gap:16px;display:grid}.chapter-list-header .book-cover{object-fit:cover;border-radius:4px;width:54px;height:74px}.chapter-list-header h2{margin:0 0 4px;font-size:18px;font-weight:500;line-height:normal}.chapter-list-header p{color:#0009;font-size:12px;font-weight:400;line-height:normal}.chapter-meta{color:#0009;justify-content:space-between;margin:10px 0 20px;font-size:12px;font-weight:400;line-height:normal;display:flex}.chapter-meta button{align-items:center;gap:4px;display:inline-flex}.chapter-meta svg{width:15px;height:15px}.chapter-list-content{gap:30px;display:grid}.chapter-item{text-align:left;font-size:16px;font-weight:500;line-height:24px}.chapter-item.active{color:#111}.chapter-empty{color:#888;place-items:center;gap:16px;height:55vh;display:grid}.chapter-empty button{color:#111;border:1px solid #979797;border-radius:16px;width:150px;height:56px}.bookmark-screen{width:100%;max-width:430px;min-height:100dvh;padding:calc(92px + env(safe-area-inset-top)) 20px 24px;color:#111;background:#fff;margin:0 auto}.bookmarks-page{background:#fff}.bookmark-header{width:100%;max-width:430px;height:calc(92px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 20px 10px;background:#fff;grid-template-columns:42px 1fr 42px;align-items:end;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.bookmark-header button{color:#111;place-items:center;width:24px;height:24px;margin-bottom:6px;display:grid}.bookmark-header button img,.bookmark-header button svg{width:24px;height:24px;display:block}.bookmark-header h1{text-align:center;font-size:20px;font-weight:700;line-height:37px}.bookmark-search{color:#999;background:#f6f6f7;border:1px solid #edebee;border-radius:24px;align-items:center;gap:8px;height:48px;margin-bottom:10px;padding:0 16px;display:flex}.bookmark-search svg{width:22px}.bookmark-search input{color:#0000005c;background:0 0;border:0;outline:0;flex:1;font-family:"Alibaba PuHuiTi 3.0";font-size:16px;font-style:normal;font-weight:400;line-height:normal}.bookmark-search input::placeholder{color:#0000005c;opacity:1}.bookmark-list{clip-path:inset(0 -20px);overflow:visible}.bookmark-row{touch-action:pan-y;border-bottom:.5px solid #edebee;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:58px;transition:transform .18s;display:grid;position:relative}.bookmark-row>div{min-width:0}.bookmark-row strong{color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:normal;display:block;overflow:hidden}.bookmark-row p{color:#0000007b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;font-weight:400;line-height:normal;overflow:hidden}.bookmark-row.swiped{transform:translate(-34px)}.bookmark-icon{width:30px;height:26px;display:block}.delete-bookmark{color:#fff;background:#ff2857;width:104px;height:58px;font-weight:700;position:absolute;top:0;right:-54px}