@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0d0e12;--surface:#14161c;--surface-2:#1b1e26;--surface-3:#232733;--text:#f4f5f7;--muted:#a6adba;--muted-2:#7c8492;--border:#ffffff17;--border-strong:#ffffff29;--primary:#b8a1ff;--primary-strong:#9b7dff;--primary-text:#17121f;--success:#69d7a1;--danger:#ff7f8e;--shadow:0 16px 50px #0000003d;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--content:1180px;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f1f5;--surface-3:#e7e9ef;--text:#17191f;--muted:#6d7480;--muted-2:#8f96a3;--border:#14192317;--border-strong:#14192329;--primary:#7657e8;--primary-strong:#6342dc;--primary-text:#fff;--shadow:0 18px 45px #14192317}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-width:320px;margin:0}body,button,input,textarea,select{font:inherit}a{color:inherit}button,input,textarea,select{accent-color:var(--primary)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{background:var(--bg);min-height:100vh;display:flex}.desktop-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;flex:0 0 248px;width:248px;height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin:0 10px 40px;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--primary), var(--primary-strong));width:40px;height:40px;color:var(--primary-text);box-shadow:0 10px 25px color-mix(in srgb, var(--primary-strong) 30%, transparent);border-radius:13px;place-items:center;font-weight:800;display:grid}.brand-copy{flex-direction:column;line-height:1.1;display:flex}.brand-copy strong{letter-spacing:-.02em;font-size:1.05rem}.brand-copy span{color:var(--muted-2);margin-top:4px;font-size:.72rem}.side-nav{gap:6px;display:grid}.side-nav a,.mobile-nav a{color:var(--muted);border-radius:13px;align-items:center;gap:12px;text-decoration:none;transition:all .18s;display:flex}.side-nav a{padding:12px 14px}.side-nav a:hover,.mobile-nav a:hover{background:var(--surface-2);color:var(--text)}.side-nav a.active{color:var(--text);background:color-mix(in srgb, var(--primary) 16%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 28%, transparent)}.nav-icon{place-items:center;width:22px;font-size:1.05rem;display:inline-grid}.sidebar-footer{color:var(--muted-2);margin-top:auto;padding:12px 10px}.app-main{flex:1;min-width:0}.mobile-header,.mobile-nav{display:none}.page{width:min(calc(100% - 48px), var(--content));margin:0 auto;padding:36px 0 80px}.page h1,.page h2,.page h3{letter-spacing:-.03em;margin-top:0}.page h1{font-size:clamp(2rem,3vw,3rem);line-height:1.05}.page h2{font-size:1.35rem}.eyebrow{letter-spacing:.12em;color:var(--primary);margin-bottom:9px;font-size:.72rem;font-weight:700;display:inline-block}.page-heading,.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px;display:flex}.page-heading p{margin:6px 0 0}.section-heading{align-items:center;margin:36px 0 18px}.section-heading h2{margin:0}.button{border:1px solid var(--border-strong);background:var(--surface-2);min-height:42px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.button-primary{background:var(--primary);color:var(--primary-text);border-color:#0000;font-weight:700}.button-small{min-height:36px;padding:0 13px;font-size:.9rem}.row{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.82rem}.error{color:var(--danger)}.card,.card-surface{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);box-shadow:0 8px 28px #0000000d}.card{padding:18px}.card:hover{border-color:var(--border-strong)}input[type=text],input[type=url],input[type=password],textarea,select{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;color:var(--text);border-radius:11px;outline:none;padding:11px 13px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--primary) 62%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}button:not(.strip-item){border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:11px;padding:9px 14px;transition:all .18s}button:not(.strip-item):hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 38%, var(--border-strong));transform:translateY(-1px)}label{color:var(--muted);font-size:.9rem}label>input,label>select,label>textarea{color:var(--text);margin-top:7px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;display:grid}.book-card{min-width:0;text-decoration:none;display:block}.book-cover-wrap{aspect-ratio:2/3;background:var(--surface-2);border-radius:15px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000001f}.book-card img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}.book-card:hover img{transform:scale(1.035)}.book-badge,.progress-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0b0fc7;border:1px solid #ffffff21;border-radius:999px;padding:4px 8px;font-size:.67rem;font-weight:700;position:absolute;top:10px;left:10px}.progress-badge{left:auto;right:10px}.book-card-meta{min-width:0;padding:10px 2px 0}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-subtitle{color:var(--muted-2);margin-top:5px;font-size:.76rem;display:block}.mini-progress,.progress-track{background:var(--surface-3);border-radius:999px;height:5px;overflow:hidden}.mini-progress{height:4px;margin-top:9px}.mini-progress span,.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary-strong));height:100%;display:block}.continue-card{border-radius:var(--radius-lg);background:radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--primary) 20%, transparent), transparent 42%), var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);grid-template-columns:122px minmax(0,1fr);gap:24px;padding:22px;display:grid}.continue-cover{aspect-ratio:2/3;background:var(--surface-2);border-radius:14px;overflow:hidden}.continue-cover img{object-fit:cover;width:100%;height:100%}.continue-copy h2{margin:0 0 7px;font-size:clamp(1.35rem,2vw,1.85rem)}.continue-copy p{margin:0 0 18px}.progress-track{height:7px}.continue-meta{color:var(--muted);justify-content:space-between;margin:8px 0 15px;font-size:.8rem;display:flex}.empty-state{text-align:center;place-items:center;min-height:320px;padding:45px 26px;display:grid}.empty-state>*{margin-left:auto;margin-right:auto}.empty-icon{background:var(--surface-2);width:62px;height:62px;color:var(--primary);border-radius:20px;place-items:center;margin-bottom:12px;font-size:1.2rem;font-weight:800;display:grid}.loading-state{min-height:70vh}.skeleton-line,.skeleton-cover{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:12px;animation:1.4s infinite shimmer}.skeleton-title{width:180px;height:36px;margin-bottom:26px}.skeleton-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.skeleton-cover{aspect-ratio:2/3}@keyframes shimmer{0%{background-position:0 0}to{background-position:-200% 0}}.source-strip{scrollbar-width:thin;gap:10px;padding:10px 0 18px;display:flex;overflow-x:auto}.strip-item{min-width:82px;max-width:108px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;align-items:center;gap:7px;padding:8px 6px;display:flex}.strip-item:hover{background:var(--surface-2);color:var(--text)}.strip-item.active{color:var(--text);background:color-mix(in srgb, var(--primary) 12%, var(--surface));border-color:color-mix(in srgb, var(--primary) 28%, transparent)}.strip-item img{object-fit:contain;background:var(--surface-2);border-radius:10px;width:38px;height:38px}.source-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.source-list li{align-items:center;gap:14px;display:flex}.source-list li.card{padding:14px 16px}.source-list img{border-radius:9px;flex:none}.toggle{color:var(--text);white-space:nowrap;align-items:center;gap:8px;display:flex}.toggle input{width:38px;height:20px}.novel-head{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:190px minmax(0,1fr) auto;align-items:start;gap:24px;padding:22px;display:grid}.novel-cover{aspect-ratio:2/3;object-fit:cover;border-radius:16px;width:190px;box-shadow:0 18px 35px #00000029}.novel-head h1{margin-bottom:12px}.novel-head .muted{margin:5px 0}.novel-desc{color:var(--muted);max-width:82ch;margin:26px 0;font-size:1rem}.chapter-list{border-top:1px solid var(--border);margin:14px 0 0;padding:0;list-style:none}.chapter-list li{border-bottom:1px solid var(--border)}.chapter-list a{color:var(--text);align-items:center;gap:12px;padding:14px 8px;text-decoration:none;display:flex}.chapter-list a:hover{background:var(--surface-2)}.chapter-list a:after{content:"›";color:var(--muted-2);margin-left:auto;font-size:1.2rem}.reader{min-height:100vh}.reader-bar{z-index:25;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px max(16px,50vw - 380px);display:flex;position:sticky;top:0}.reader-bar a,.reader-bar .muted{color:var(--muted);text-decoration:none}.reader-bar a:hover{color:var(--text)}.reader-drawer{z-index:30;width:min(340px,100vw - 36px);box-shadow:var(--shadow);position:fixed;top:72px;right:18px}.reader-content{max-width:720px;margin:0 auto;padding:44px 24px 120px}.reader-content h2{margin-bottom:34px;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.7rem,4vw,2.5rem)}.reader-content p{font-family:Playfair Display,Georgia,serif;font-size:inherit;line-height:inherit;margin:0 0 1.5em}.bilingual{gap:24px;display:grid}.bi-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:28px;padding:18px 0;display:grid}.bi-row p{margin:0}.tts-bar{z-index:20;background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(700px,100% - 24px);box-shadow:var(--shadow);align-items:center;gap:9px;margin:12px auto 0;display:flex;position:sticky;top:62px}.tts-bar select{width:auto;min-width:74px}.tts-active{background:color-mix(in srgb, var(--primary) 16%, transparent);border-radius:10px;margin-right:-9px;padding:5px 9px;margin-left:-9px!important}.tts-word{background:var(--primary);color:var(--primary-text);border-radius:5px;padding:0 3px}.manga-pages{flex-direction:column;align-items:center;gap:12px;display:flex}.manga-pages img{border-radius:8px;width:100%;max-width:850px;display:block}.tap-zones{z-index:1;pointer-events:none;grid-template-columns:1fr 1.3fr 1fr;display:grid;position:fixed;inset:62px 0 0}.tap-zones div{pointer-events:auto}.filter-row{grid-template-columns:minmax(90px,.5fr) 1fr auto;align-items:center;gap:10px;margin:10px 0;display:grid}.inline{align-items:center;gap:7px;margin-right:12px;display:inline-flex}fieldset{border:0;margin:16px 0;padding:0}legend{margin-bottom:7px;font-weight:700}.bi-row+.bi-row{border-top:0}@media (width<=980px){.desktop-sidebar{flex-basis:210px;width:210px}.page{width:min(calc(100% - 34px), var(--content))}.novel-head{grid-template-columns:150px minmax(0,1fr)}.novel-cover{width:150px}.novel-head>button,.novel-head>p{grid-column:2}}@media (width<=720px){.app-shell{padding-bottom:76px;display:block}.desktop-sidebar{display:none}.mobile-header{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-header .brand{margin:0}.header-search-link{background:var(--surface);border-radius:12px;place-items:center;width:38px;height:38px;text-decoration:none;display:grid}.mobile-nav{z-index:50;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 18px 45px #00000038}.mobile-nav a{flex-direction:column;justify-content:center;gap:3px;padding:8px 4px;font-size:.68rem}.mobile-nav a.active{background:color-mix(in srgb, var(--primary) 14%, var(--surface));color:var(--text)}.nav-icon{width:auto;font-size:.98rem}.page{width:calc(100% - 28px);padding:26px 0 46px}.page-heading{align-items:start}.page-heading .button{flex:none}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.continue-card{grid-template-columns:92px minmax(0,1fr);gap:15px;padding:16px}.continue-copy h2{font-size:1.15rem}.novel-head{grid-template-columns:104px minmax(0,1fr);gap:15px;padding:16px}.novel-cover{width:104px}.novel-head>button,.novel-head>p{grid-column:2}.novel-head .button,.novel-head button{width:100%}.reader-bar{padding:9px 14px}.reader-content{padding:32px 18px 110px}.bi-row{grid-template-columns:1fr;gap:16px}.tts-bar{width:calc(100% - 16px);top:58px;overflow-x:auto}.tap-zones{inset:58px 0 0}}@media (width<=460px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{flex-direction:column}.page-heading .button{width:100%}.novel-head{grid-template-columns:88px minmax(0,1fr)}.novel-cover{width:88px}.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.desktop-sidebar,.mobile-header,.mobile-nav,.reader-bar,.tts-bar,.tap-zones{display:none!important}.page,.reader-content{width:100%;max-width:none;padding:0}}.desktop-sidebar{z-index:40;transition:width .22s,flex-basis .22s,padding .22s;position:sticky;overflow:visible}.sidebar-top{justify-content:flex-start;align-items:flex-start;gap:8px;min-height:40px;display:flex;position:relative}.sidebar-top .brand{min-width:0;margin-right:0}.sidebar-toggle{z-index:100;cursor:pointer;pointer-events:auto;place-items:center;width:30px;height:30px;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:3px;right:-15px;box-shadow:0 5px 18px #00000029;border-radius:999px!important;padding:0!important}.sidebar-collapsed .desktop-sidebar{flex:0 0 76px;width:76px;padding-left:10px;padding-right:10px}.sidebar-collapsed .sidebar-top{flex-direction:column;align-items:center}.sidebar-collapsed .brand{margin-bottom:18px;margin-left:0;margin-right:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .side-nav{z-index:1;width:100%;position:relative}.sidebar-collapsed .side-nav a{justify-content:center;width:100%;padding:12px 0}.sidebar-collapsed .nav-icon{width:24px}.sidebar-collapsed .sidebar-footer{text-align:center;padding-left:0;padding-right:0}.sidebar-collapsed .sidebar-footer .small{font-size:.68rem}.reader-bar>button{min-width:42px;font-size:0}.reader-bar>button:after{content:"文";font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.15rem;line-height:1}@media (width>=769px){.reader .reader-content,.reader .tts-bar{width:min(100% - 40px,880px);margin-left:auto;margin-right:auto}}@media (width<=768px){.desktop-sidebar{display:none}}