:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#8b5e3c;--primary-light:#c49a6c;--primary-bg:#f5f0e8;--text:#2c2c2c;--text2:#6b6b6b;--text3:#767676;--bg:#fafafa;--surface:#fff;--divider:#ebebeb;--divider2:#d9d9d9;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--reader-font:"PingFang SC", "Noto Serif SC", "Songti SC", "STSong", serif}*,:before,:after{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#efefef;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}svg{flex:none}::-webkit-scrollbar{display:none}.book-cover{border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#8b5e3c,#8b5e3cdd);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.library-app{width:100%;max-width:480px;min-height:100dvh;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));background:var(--bg);margin:0 auto}.library-header{height:calc(48px + env(safe-area-inset-top,0px));z-index:20;padding-top:env(safe-area-inset-top,0px);background:#fffffff5;justify-content:center;align-items:center;display:flex;position:sticky;top:0}.library-header h1{margin:0;font-size:17px;font-weight:600}.header-action{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.header-action:active{opacity:.6}.header-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.shelf-tabs{z-index:19;height:44px;top:calc(48px + env(safe-area-inset-top,0px));border-bottom:.5px solid var(--divider);background:#fffffff5;gap:24px;padding:0 16px;display:flex;position:sticky}.shelf-tabs button{height:44px;color:var(--text2);background:0 0;border:0;padding:0;font-size:15px;position:relative}.shelf-tabs button.active{color:var(--text);font-weight:600}.shelf-tabs button.active:after{content:"";background:var(--primary);border-radius:999px;height:2.5px;position:absolute;bottom:0;left:4px;right:4px}.shelf-content{padding:16px}.book-card{border-radius:var(--radius-md);background:var(--surface);text-align:left;border:0;align-items:center;gap:12px;width:100%;min-height:112px;padding:12px;transition:transform .15s,opacity .15s;display:flex}.book-card:active{opacity:.78;transform:scale(.99)}.shelf-cover{width:64px;height:88px;font-size:28px}.book-card-info{flex-direction:column;flex:1;justify-content:center;align-self:stretch;min-width:0;display:flex}.book-card-info>strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.book-card-info>span:not(.book-progress){color:var(--text2);margin-top:5px;font-size:13px}.book-progress{background:var(--divider);border-radius:999px;height:3px;margin-top:8px;overflow:hidden}.book-progress i{border-radius:inherit;background:var(--primary);height:100%;display:block}.book-card-info small{color:var(--text3);margin-top:5px;font-size:11px}.book-card-info .finished-copy{color:var(--primary);margin-top:18px;font-size:12px}.book-card>svg{fill:none;width:15px;height:15px;stroke:var(--text3);stroke-width:2px}.book-skeleton{border-radius:var(--radius-md);background:var(--surface);gap:12px;min-height:112px;padding:12px;display:flex}.book-skeleton>span{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eee 25%,#f6f6f6 50%,#eee 75%) 0 0/200% 100%;width:64px;height:88px;animation:1.5s infinite shimmer}.book-skeleton div{flex:1;padding-top:7px}.book-skeleton i{background:linear-gradient(90deg,#eee 25%,#f6f6f6 50%,#eee 75%) 0 0/200% 100%;border-radius:4px;width:74%;height:13px;margin-bottom:10px;animation:1.5s infinite shimmer;display:block}.book-skeleton i:nth-child(2){width:45%}.book-skeleton i:nth-child(3){width:90%;margin-top:22px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-shelf{min-height:420px;color:var(--text3);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-shelf svg{fill:none;stroke:#c5c5c5;stroke-width:2px;stroke-linecap:round;width:74px;height:74px;margin-bottom:18px}.empty-shelf strong{color:var(--text2);font-size:16px;font-weight:600}.empty-shelf p{margin:7px 0 24px;font-size:13px}.empty-shelf button{border-radius:var(--radius-md);color:#fff;background:var(--primary);border:0;min-width:120px;height:44px;padding:0 24px;font-size:14px;font-weight:600}.bottom-tab{width:100%;max-width:480px;height:calc(56px + env(safe-area-inset-bottom,0px));z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);border-top:.5px solid var(--divider);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-btn{min-height:44px;color:var(--text3);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab-btn.active{color:var(--primary)}.tab-btn:active{opacity:.6}.tab-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:24px;height:24px}.tab-btn:first-child svg{fill:currentColor;stroke:none}.detail-app{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;margin:0 auto}.detail-header{height:calc(48px + env(safe-area-inset-top,0px));z-index:20;padding-top:env(safe-area-inset-top,0px);background:#fffffff5;align-items:flex-end;display:flex;position:sticky;top:0}.back-btn{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:48px;display:flex}.back-btn svg,.floating-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.detail-header h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0 44px 0 0;padding-bottom:14px;font-size:16px;font-weight:600;line-height:1;overflow:hidden}.detail-content{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.detail-hero{background:linear-gradient(180deg, var(--primary-bg) 0%, var(--bg) 100%);align-items:flex-start;gap:16px;padding:24px 16px;display:flex}.detail-cover{border-radius:var(--radius-md);color:#ffffffad;width:110px;height:150px;font-size:36px;box-shadow:0 4px 16px #0000001f}.hero-info{flex:1;min-width:0;padding-top:7px}.hero-info h2{margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.35}.hero-info>p{color:var(--text2);margin:0 0 11px;font-size:14px}.book-stats{grid-template-columns:auto auto;justify-content:start;gap:2px 5px;margin-bottom:10px;display:grid}.book-stats strong{color:var(--text);font-size:13px;font-weight:600}.book-stats span{color:var(--text3);margin-right:7px;font-size:11px}.hero-tags{flex-wrap:wrap;gap:7px;display:flex}.hero-tags span{border-radius:var(--radius-sm);color:var(--primary);background:#8b5e3c14;padding:4px 9px;font-size:12px}.detail-card{border-radius:var(--radius-lg);background:var(--surface);margin:0 16px 12px;padding:16px}.detail-card h3{margin:0 0 10px;font-size:15px;font-weight:600}.detail-description,.download-hint{color:var(--text2);margin:0;font-size:14px;line-height:1.7}.card-title-row{justify-content:space-between;align-items:center;display:flex}.card-title-row>button{min-height:32px;color:var(--primary);background:0 0;border:0;align-items:center;gap:2px;margin-top:-9px;padding:0;font-size:12px;display:flex}.card-title-row svg,.chapter-preview svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.chapter-preview{border:0;border-bottom:.5px solid var(--divider);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;display:flex}.chapter-preview:last-child{border-bottom:0}.chapter-preview>span{color:var(--text3);flex:none;font-size:12px}.chapter-preview>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:400;overflow:hidden}.chapter-preview>svg{color:var(--text3)}.download-card{color:var(--text2);font-size:12px}.download-copy{justify-content:space-between;gap:12px;margin-bottom:9px;display:flex}.download-track{background:var(--divider);border-radius:999px;height:4px;overflow:hidden}.download-track i{border-radius:inherit;background:var(--primary);min-width:2px;height:100%;transition:width .18s ease-out;display:block}.download-error{color:#9a3e36;justify-content:space-between;align-items:center;gap:12px;display:flex}.download-error button{border-radius:var(--radius-md);color:#fff;background:var(--primary);border:0;min-width:52px;height:36px}.detail-bottom-bar{z-index:30;width:100%;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:.5px solid var(--divider);background:var(--surface);gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.shelf-button{border:1px solid var(--divider2);border-radius:var(--radius-md);background:var(--surface);flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.shelf-button.is-shelved{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.shelf-button:disabled{color:var(--text3);opacity:.55}.shelf-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:20px;height:20px}.detail-primary{border-radius:var(--radius-md);color:#fff;background:var(--primary);border:0;flex:1;height:44px;font-size:14px;font-weight:600}.detail-primary:active{filter:brightness(.9)}.detail-primary:disabled{opacity:.7}.reader-app{--reader-bg:#f5f0e8;--reader-text:#2c2c2c;--reader-muted:#2c2c2c80;--reader-ui:#0000000f;--reader-ui-text:#2c2c2c;width:100%;max-width:480px;height:100dvh;color:var(--reader-text);background:var(--reader-bg);-webkit-user-select:none;user-select:none;margin:0 auto;position:fixed;inset:0;overflow:hidden}.reader-theme-white{--reader-bg:#fafafa}.reader-theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--reader-bg:#1a1a1a;--reader-text:#c8c8c8;--reader-muted:#c8c8c880;--reader-ui:#ffffff12;--reader-ui-text:#c8c8c8}.reader-theme-green{--reader-bg:#dde8d9}html.reader-mode,body.reader-mode{overscroll-behavior:none;height:100%;overflow:hidden}body.reader-mode{width:100%;position:fixed;inset:0}.page-viewport{z-index:1;inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);position:absolute;overflow:hidden}.page-content{width:100%;padding:0 20px;position:absolute;top:0;left:0}.chapter-label{color:var(--reader-muted);text-align:center;margin:0 0 20px;padding-top:16px;font-size:13px}.article-title{text-align:center;margin:0 0 28px;font-size:22px;font-weight:700;line-height:1.4}.article-body{font-family:var(--reader-font);font-size:var(--reader-font-size);word-break:break-all;-webkit-user-select:text;user-select:text;line-height:1.85}.article-body p{text-align:justify;text-indent:2em;margin:0 0 1.2em}.page-zones{z-index:2;pointer-events:none;display:flex;position:absolute;inset:0}.page-zone{pointer-events:auto;background:0 0;border:0;height:100%;padding:0}.zone-left,.zone-right{width:30%}.zone-center{flex:1}.floating-top{z-index:10;padding:env(safe-area-inset-top,4px) 12px 8px;justify-content:space-between;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:0;left:0;right:0}.floating-top.is-hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.floating-top-inner{width:100%;color:var(--reader-ui-text);background:var(--reader-ui);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.floating-btn{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.floating-btn:active,.bottom-action:active{background:#80808026}.floating-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;padding:0 12px;font-size:13px;font-weight:500;overflow:hidden}.floating-btn .setting-icon,.floating-btn svg{width:20px;height:20px}.floating-bottom{z-index:10;padding:8px 12px env(safe-area-inset-bottom,8px);justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.floating-bottom.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.floating-bottom-inner{color:var(--reader-ui-text);background:var(--reader-ui);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px;align-items:center;gap:20px;padding:8px 18px;display:flex}.bottom-action{background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;min-height:28px;padding:4px 8px;font-size:13px;display:flex}.bottom-action svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.page-indicator{text-align:center;min-width:60px;font-size:13px}.chapter-drawer{z-index:70;width:75%;max-width:320px;color:var(--text);background:var(--surface);flex-direction:column;transition:transform .25s ease-out;display:flex;position:fixed;top:0;bottom:0;left:max(0px,50% - 240px);transform:translate(-100%);box-shadow:2px 0 16px #0000001a}.chapter-drawer.is-open{transform:translate(0)}.drawer-header{min-height:calc(60px + env(safe-area-inset-top,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 10px 10px 16px;border-bottom:.5px solid var(--divider);justify-content:space-between;align-items:flex-end;display:flex}.drawer-header>div{align-items:baseline;gap:8px;display:flex}.drawer-header strong{font-size:16px;font-weight:600}.drawer-header span{color:var(--text3);font-size:11px}.drawer-header button{background:0 0;border:0;width:36px;height:36px;font-size:24px}.drawer-search{border-radius:var(--radius-md);background:#f4f4f4;align-items:center;gap:8px;height:42px;margin:10px 12px 6px;padding:0 12px;display:flex}.drawer-search svg{fill:none;width:16px;height:16px;stroke:var(--text3);stroke-width:1.8px}.drawer-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.drawer-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.drawer-list>button:not(.load-more){border:0;border-bottom:.5px solid var(--divider);text-align:left;background:0 0;align-items:center;gap:8px;width:100%;min-height:50px;padding:8px 16px;display:flex}.drawer-list>button.active{color:var(--primary);font-weight:600}.drawer-list button span{min-width:48px;color:var(--text3);font-size:11px}.drawer-list button strong{min-width:0;font-size:14px;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.load-more{border:1px solid var(--divider);border-radius:var(--radius-md);width:calc(100% - 24px);min-height:44px;color:var(--primary);background:var(--primary-bg);margin:12px;font-size:13px}.empty-result{color:var(--text3);text-align:center;margin:38px 0;font-size:13px}.drawer-backdrop{z-index:65;opacity:0;pointer-events:none;background:#0006;border:0;width:100%;max-width:480px;margin:0 auto;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.is-visible{opacity:1;pointer-events:auto}.settings-overlay{z-index:80;flex-direction:column;justify-content:flex-end;width:100%;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:fixed;inset:0}.settings-backdrop{background:#0006;border:0;position:absolute;inset:0}.settings-panel{z-index:1;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--text);background:var(--surface);animation:.25s ease-out slide-up;position:relative}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-panel h2{text-align:center;margin:0 0 20px;font-size:15px;font-weight:600}.setting-row{justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-bottom:12px;display:flex}.setting-row:last-child{margin-bottom:0}.setting-row>span{color:var(--text2);font-size:14px}.theme-options{gap:10px;display:flex}.theme-dot{border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.theme-dot.warm{background:#f5f0e8;border:1px solid #d9d0c0}.theme-dot.white{background:#fafafa;border:1px solid #ddd}.theme-dot.dark{background:#1a1a1a;border:1px solid #444}.theme-dot.green{background:#dde8d9;border:1px solid #b8c8b0}.theme-dot.active{border:2px solid var(--primary)}.font-slider{align-items:center;gap:12px;display:flex}.font-slider span{color:var(--text3);font-size:14px}.font-slider strong{color:var(--text3);font-size:18px;font-weight:400}.font-slider input{width:120px;accent-color:var(--primary)}@media (width>=481px){.library-app,.detail-app,.reader-app{box-shadow:0 0 24px #00000014}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}