:root{--bg:#f3f5f2;--surface:#fff;--surface-2:#f7f9f6;--ink:#18201c;--muted:#69756d;--line:#dbe1dc;--accent:#08766c;--accent-soft:#dcefeb;--danger:#b44343;--shadow:0 18px 48px #18201c1a}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #08766c33}img{color:#0000}.boot-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:800;display:block}.auth-page{grid-template-columns:minmax(260px,1fr) minmax(420px,560px);min-height:100vh;display:grid}.auth-brand{color:#fff;background:#1b2c27 url(https://images.unsplash.com/photo-1612036782180-6f0b6cd846fe?auto=format&fit=crop&w=1600&q=80) 50%/cover;align-items:flex-start;gap:13px;min-height:100vh;padding:38px;display:flex;position:relative}.auth-brand:after{content:"";background:#11211cbf;position:absolute;inset:0}.auth-brand>*{z-index:1;position:relative}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:22px}.auth-brand span{color:#ffffffb8;margin-top:3px;font-size:13px}.auth-panel{align-self:center;width:min(100% - 64px,420px);margin:auto}.auth-heading h1{letter-spacing:0;margin:0;font-size:30px}.auth-heading p{color:var(--muted);margin:12px 0 24px;line-height:1.7}.segmented{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.segmented button{height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #141e1914}.auth-form{gap:15px;display:grid}.auth-form label>span,.source-url-form label>span{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.auth-form input,.source-url-form input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:46px;padding:0 13px}.form-error{color:#923636;background:#fff0f0;border:1px solid #efcccc;border-radius:8px;padding:10px 12px;font-size:13px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.full{width:calc(100% - 40px);margin:0 20px 18px}.auth-language{justify-content:flex-end;margin-bottom:18px;display:flex}.language-select{color:var(--muted);gap:5px;font-size:12px;display:grid}.language-select select{border:1px solid var(--line);min-width:112px;height:36px;color:var(--ink);background:#fff;border-radius:8px;padding:0 30px 0 10px}.sidebar>.language-select{margin:10px 4px 0}.sidebar>.language-select select{width:100%}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfcfa;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{max-width:140px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.sidebar nav{gap:5px;display:grid}.sidebar nav button{min-height:43px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 12px;display:flex}.sidebar nav button:hover{background:var(--surface-2)}.sidebar nav button.active{color:var(--accent);background:var(--accent-soft);font-weight:800}.sidebar-spacer{flex:1}.source-switch{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.source-switch span,.source-switch small,.source-switch strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.source-switch small{color:var(--muted);font-size:11px;font-weight:400}.source-switch strong{margin-top:2px;font-size:13px}.account-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:10px;padding:8px 4px 0;display:flex}.account-row>div{align-items:center;gap:8px;min-width:0;display:flex}.account-row span{text-overflow:ellipsis;overflow:hidden}.account-row button,.icon-button,.reader-actions button,.source-actions button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;display:grid}.account-row button{background:0 0;border:0}.main-area{min-width:0;padding:28px 32px}.content-view{max-width:1180px;margin:0 auto}.home-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-height:112px;display:flex}.home-heading h1{letter-spacing:0;max-width:620px;margin:0;font-size:32px;line-height:1.2}.home-heading p{color:var(--muted);margin:11px 0 0;line-height:1.65}.source-chip{border:1px solid var(--line);height:36px;color:var(--accent);background:#fff;border-radius:8px;flex:none;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:700;display:flex}.home-search{max-width:760px;margin-top:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;min-height:58px;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:0;margin:0;font-size:20px}.section-heading>span{color:var(--muted);font-size:12px}.continue-section{margin:8px 0 30px}.continue-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.continue-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;display:grid}.continue-list button:hover{border-color:var(--accent)}.continue-list img{object-fit:cover;background:#e6ebe7;border-radius:6px;width:48px;height:64px}.continue-list strong,.continue-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.continue-list small{color:var(--muted);margin-top:5px;font-size:11px}.category-tabs{scrollbar-width:thin;gap:7px;margin:0 0 8px;padding:2px 0 12px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);height:34px;color:var(--muted);background:#fff;border-radius:8px;flex:none;padding:0 13px}.category-tabs button.active{border-color:var(--accent);color:#fff;background:var(--accent);font-weight:700}.admin-users{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;margin:8px 20px 20px;padding:15px}.admin-users>div:first-child>strong{display:block}.user-list{gap:7px;margin-top:12px;display:grid}.user-row{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:7px 8px;display:flex}.user-row span,.user-row strong,.user-row small{min-width:0;display:block}.user-row small{color:var(--muted);margin-top:3px;font-size:11px}.user-row button{min-height:32px;padding:0 10px;font-size:12px}.danger-button{color:var(--danger);background:#fff6f6;border:1px solid #e8caca;border-radius:7px}.catalog-section{padding-bottom:30px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px}.catalog-loading{grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:16px;display:grid}.comic-skeleton{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.comic-skeleton i{aspect-ratio:3/4;background:linear-gradient(90deg,#e8ece9 25%,#f4f6f4 50%,#e8ece9 75%) 0 0/200% 100%;width:100%;animation:1.2s infinite shimmer;display:block}.comic-skeleton span,.comic-skeleton small{background:#e8ece9;border-radius:4px;height:12px;margin:11px;display:block}.comic-skeleton small{width:58%;height:9px;margin-top:-3px}@keyframes shimmer{to{background-position:-200% 0}}.view-heading{justify-content:space-between;align-items:flex-start;min-height:70px;display:flex}.view-heading h1{letter-spacing:0;margin:0;font-size:27px}.search-form{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;height:54px;margin:6px 0 24px;padding:0 7px 0 16px;display:grid;box-shadow:0 8px 28px #1c28220d}.search-form svg{color:var(--muted)}.search-form input{background:0 0;border:0;outline:0;min-width:0;height:100%}.search-form button{color:#fff;background:var(--accent);border:0;border-radius:7px;min-width:76px;height:40px;font-weight:700}.result-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px;display:grid}.comic-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-width:0;padding:0;transition:transform .16s,box-shadow .16s;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.comic-card img{aspect-ratio:3/4;object-fit:cover;background:#e6ebe7;width:100%;display:block}.comic-card>span{padding:11px;display:block}.comic-card strong,.comic-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.comic-card small{color:var(--muted);margin-top:6px;font-size:12px}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.shelf-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:66px minmax(0,1fr);gap:12px;padding:9px;display:grid}.shelf-card:hover{border-color:var(--accent)}.shelf-card img{object-fit:cover;background:#e6ebe7;border-radius:6px;width:66px;height:88px}.shelf-card span{align-self:center;min-width:0}.shelf-card strong,.shelf-card small,.shelf-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shelf-card small{color:var(--muted);margin-top:7px}.shelf-card em{color:var(--accent);margin-top:8px;font-size:11px;font-style:normal}.empty-state{min-height:230px;color:var(--muted);text-align:center;border:1px dashed #cbd4cc;border-radius:8px;grid-column:1/-1;place-content:center;justify-items:center;gap:8px;padding:30px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{max-width:360px;font-size:13px;line-height:1.6}.book-detail-page{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:1120px;min-height:calc(100vh - 56px);margin:0 auto;overflow:hidden;box-shadow:0 10px 36px #18201c0f}.book-detail-page>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:60px;padding:0 18px;font-weight:800;display:flex}.book-detail-page .book-summary{grid-template-columns:170px minmax(0,1fr);padding:28px}.book-detail-page .book-summary img{width:170px}.book-detail-page .book-summary h2{max-width:680px;font-size:30px}.book-detail-page .book-intro{max-width:900px;padding:0 28px 25px}.book-detail-page .chapter-title{padding:18px 28px 12px}.detail-action-row{flex-wrap:wrap;gap:8px;display:flex}.chapter-tools{grid-template-columns:minmax(220px,360px) 72px;gap:8px;padding:0 28px 14px;display:grid}.chapter-tools>div{border:1px solid var(--line);height:40px;color:var(--muted);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 11px;display:grid}.chapter-tools input{background:0 0;border:0;outline:0;min-width:0;height:100%}.chapter-tools>button,.load-more{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px}.load-more{min-height:42px;margin:0 auto 28px;padding:0 16px;display:block}.book-detail-page .chapter-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 22px 30px}.book-detail-page .chapter-list button{border:1px solid var(--line);border-radius:7px;padding:0 10px}.detail-pane{z-index:20;border-left:1px solid var(--line);background:#fff;width:min(430px,100vw - 236px);height:100vh;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #19231e1f}.detail-pane>header,.source-drawer>header{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:64px;padding:0 18px;font-weight:800;display:flex}.icon-button.ghost{background:0 0;border-color:#0000}.detail-loading{color:var(--muted);padding:30px}.book-summary{grid-template-columns:112px 1fr;gap:16px;padding:22px;display:grid}.book-summary img{aspect-ratio:3/4;object-fit:cover;background:#e6ebe7;border-radius:8px;width:112px}.book-summary h2{overflow-wrap:anywhere;margin:1px 0 8px;font-size:22px}.book-summary p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.book-intro{color:var(--muted);margin:0;padding:0 22px 20px;font-size:13px;line-height:1.75}.chapter-title{border-top:1px solid var(--line);justify-content:space-between;padding:16px 22px 10px;display:flex}.chapter-title span{color:var(--muted);font-size:12px}.chapter-list{padding:0 14px 22px;display:grid}.chapter-list button{min-height:42px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;display:grid}.chapter-list button:hover,.chapter-list button.active{color:var(--accent);background:var(--accent-soft)}.chapter-list button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-backdrop{z-index:39;background:#10191461;border:0;position:fixed;inset:0}.source-drawer{z-index:40;border-left:1px solid var(--line);width:min(420px,100vw);height:100vh;box-shadow:var(--shadow);background:#fff;transition:transform .2s;position:fixed;top:0;right:0;overflow:auto;transform:translate(105%)}.source-drawer.open{transform:translate(0)}.source-drawer>header{justify-content:space-between}.source-drawer h2{margin:0;font-size:21px}.active-source{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;margin:20px;padding:14px}.active-source span,.active-source strong,.active-source small{display:block}.active-source span{color:var(--accent);font-size:11px;font-weight:800}.active-source strong{margin-top:5px}.active-source small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.source-url-form{padding:0 20px 12px}.source-url-form label>div{grid-template-columns:1fr 46px;display:grid}.source-url-form input{border-radius:8px 0 0 8px}.source-url-form button{color:#fff;background:var(--accent);border:0;border-radius:0 8px 8px 0}.admin-settings{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:11px;margin:8px 20px 20px;padding:15px;display:grid}.admin-settings strong{display:block}.admin-settings label>span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.admin-settings input{border:1px solid var(--line);border-radius:8px;width:100%;height:42px;padding:0 11px}.source-list{gap:8px;padding:0 20px 24px;display:grid}.source-item{border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.source-item.active{border-color:var(--accent)}.source-item strong,.source-item span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-item span{color:var(--muted);margin-top:4px;font-size:11px}.source-actions{gap:5px;display:flex}.source-actions .status{color:var(--accent);align-items:center;gap:4px;font-size:12px;display:flex}.source-actions button{width:32px;height:32px}.source-actions button.danger{color:var(--danger)}.reader-overlay{z-index:60;background:#171b19;grid-template-rows:62px minmax(0,1fr);display:grid;position:fixed;inset:0}.reader-toolbar{color:#fff;background:#242a27;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 16px;display:grid}.reader-toolbar .icon-button,.reader-actions button{color:#fff;background:#303733;border-color:#3d4641}.reader-toolbar strong,.reader-toolbar span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reader-toolbar span{color:#aeb8b2;margin-top:2px;font-size:12px}.reader-actions{gap:7px;display:flex}.reader-scroll{overflow:auto}.reader-scroll>img{background:#101311;width:min(100%,980px);height:auto;margin:0 auto;display:block}.reader-status{color:#c8d0cb;text-align:center;padding:50px}.reader-scroll .empty-state{color:#aeb8b2;border-color:#465049;width:min(560px,100% - 28px);margin:40px auto}.reader-scroll .empty-state strong{color:#fff}.reader-footer{color:#aeb8b2;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(100%,980px);min-height:110px;margin:0 auto;padding:20px;display:grid}.reader-footer button{color:#fff;background:#262d29;border:1px solid #3c453f;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;display:flex}.toast{z-index:100;color:#fff;max-width:min(560px,100vw - 30px);box-shadow:var(--shadow);background:#24302a;border-radius:8px;padding:11px 15px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast.error{background:#8f3838}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.spin,.loading-spinner>svg{animation:.8s linear infinite spin}.loading-spinner{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;display:inline-flex}.is-refreshing{opacity:.5;pointer-events:none;transition:opacity .18s}.infinite-loader{min-height:74px;color:var(--muted);place-items:center;font-size:12px;display:grid}.drawer-progress{z-index:3;background:var(--accent-soft);height:3px;position:sticky;top:0;overflow:hidden}.drawer-progress i{background:var(--accent);width:38%;height:100%;animation:1s ease-in-out infinite loading-bar;display:block}@keyframes loading-bar{0%{transform:translate(-110%)}to{transform:translate(365%)}}.source-drawer.busy{cursor:progress}.source-drawer.busy .source-list,.source-drawer.busy .admin-settings,.source-drawer.busy .admin-users{opacity:.6;pointer-events:none}.detail-skeleton{grid-template-columns:170px 1fr;gap:18px;padding:28px;display:grid}.detail-skeleton i{aspect-ratio:3/4;background:#e5eae6;border-radius:8px;width:170px;animation:1.2s ease-in-out infinite pulse}.detail-skeleton>div{align-content:start;gap:13px;display:grid}.detail-skeleton b,.detail-skeleton span,.detail-skeleton em,.detail-skeleton p,.detail-skeleton section{background:#e5eae6;border-radius:5px;animation:1.2s ease-in-out infinite pulse;display:block}.detail-skeleton b{width:58%;height:28px}.detail-skeleton span{width:38%;height:13px}.detail-skeleton em{width:128px;height:42px;margin-top:8px}.detail-skeleton p{grid-column:1/-1;height:13px;margin:0}.detail-skeleton section{grid-column:1/-1;height:280px;margin-top:12px}.reader-image{background:#101311;width:min(100%,980px);min-height:260px;margin:0 auto;position:relative;overflow:hidden}.reader-image img{z-index:1;opacity:0;width:100%;height:auto;transition:opacity .25s;display:block;position:relative}.reader-image.loaded{min-height:0}.reader-image.loaded img{opacity:1}.image-shimmer{z-index:0;background:linear-gradient(90deg,#181d1a 25%,#252d28 50%,#181d1a 75%) 0 0/200% 100%;animation:1.2s infinite shimmer;position:absolute;inset:0}.reader-image.loaded .image-shimmer{display:none}.app-loading-screen{background:var(--bg);grid-template-columns:236px 1fr;min-height:100vh;display:grid}.loading-sidebar{border-right:1px solid var(--line);background:#fff;align-content:start;gap:12px;padding:22px 18px;display:grid}.loading-sidebar i{width:128px;height:42px;margin-bottom:16px}.loading-sidebar b{width:100%;height:42px}.loading-main{padding:34px}.loading-main>span{width:min(520px,70%);height:30px;margin-bottom:16px;display:block}.loading-main>span:nth-child(2){width:min(740px,90%);height:54px;margin-bottom:28px}.loading-sidebar i,.loading-sidebar b,.loading-main>span{background:#e2e8e3;border-radius:8px;animation:1.2s ease-in-out infinite pulse}@media (width<=800px){.app-loading-screen{grid-template-columns:1fr}.loading-sidebar{display:none}.loading-main{padding:22px 14px}.detail-skeleton{grid-template-columns:96px 1fr;padding:16px}.detail-skeleton i{width:96px}.auth-page{grid-template-columns:1fr}.auth-brand{background-image:none;min-height:auto;padding:22px}.auth-panel{width:min(100% - 32px,440px);padding:40px 0}.app-shell{padding-bottom:68px;display:block}.sidebar{z-index:15;border:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;width:100%;height:64px;padding:7px 10px;display:grid;position:fixed;top:auto;bottom:0}.brand,.sidebar-spacer,.account-row>div{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.sidebar nav button{justify-items:center;gap:1px;min-width:62px;padding:3px 8px;font-size:11px;display:grid}.source-switch{border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.source-switch span,.source-switch>svg:last-child{display:none}.sidebar>.language-select{margin:0}.sidebar>.language-select select{width:44px;min-width:44px;padding:0 4px;font-size:0}.sidebar>.language-select option{font-size:14px}.account-row{border:0;margin:0;padding:0}.main-area{padding:22px 14px}.view-heading{min-height:62px}.view-heading h1{font-size:23px}.home-heading{min-height:126px;display:block}.home-heading h1{font-size:26px}.source-chip{width:fit-content;margin-top:15px}.continue-list{grid-template-columns:1fr}.category-tabs{margin-inline:-2px}.source-drawer{padding-bottom:70px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comic-card>span{padding:9px}.shelf-grid{grid-template-columns:1fr}.book-detail-page{min-height:auto}.book-detail-page .book-summary{grid-template-columns:96px minmax(0,1fr);padding:16px}.book-detail-page .book-summary img{width:96px}.book-detail-page .book-summary h2{font-size:22px}.book-detail-page .book-intro{padding:0 16px 18px}.chapter-tools{grid-template-columns:1fr 68px;padding:0 16px 12px}.book-detail-page .chapter-list{grid-template-columns:1fr;padding:0 10px 20px}.detail-pane{width:100vw;height:calc(100vh - 64px)}.reader-overlay{bottom:0}}@media (width<=380px){.result-grid{grid-template-columns:1fr}.book-summary{grid-template-columns:88px 1fr;padding:16px}.book-summary img{width:88px}}