:root{--accent: #a78bfa;--accent-d: rgba(167, 139, 250, .14);--pink: #f472b6;--bg: #09090b;--s0: #0f0f12;--s1: #18181b;--s2: #27272a;--s3: #3f3f46;--t1: #fafafa;--t2: #a1a1aa;--t3: #52525b;--border: rgba(255, 255, 255, .06);--border2: rgba(255, 255, 255, .1);--nav-h: 72px;--nav-gap: 20px;--safe: env(safe-area-inset-bottom, 8px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;background:#000}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;color:var(--t1);overflow:hidden}.app-shell{background:var(--bg);max-width:430px;height:100%;margin:0 auto;position:relative;overflow:hidden}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;scrollbar-width:none;background:var(--bg);padding-bottom:calc(var(--nav-h) + var(--nav-gap) + 16px)}.page::-webkit-scrollbar{display:none}.sticky-hdr{position:sticky;top:0;z-index:100;background:#09090bd1;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-bottom:.5px solid var(--border)}.top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.brand-title{font-size:20px;font-weight:800}.page-heading{font-size:26px;font-weight:700}.search{display:flex;align-items:center;gap:8px;background:var(--s1);border:.5px solid var(--border2);border-radius:14px;padding:11px 14px}.search input,.admin-form input,.admin-form textarea{width:100%;border:none;outline:none;background:var(--s1);color:var(--t1);font-size:14px;font-family:inherit}.search input::placeholder,.admin-form input::placeholder,.admin-form textarea::placeholder{color:var(--t3)}.banner{margin:14px 18px 0;border-radius:18px;overflow:hidden;height:168px;position:relative;background:var(--s1)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:20px;display:flex;align-items:flex-end}.slide-bg{position:absolute;top:0;right:0;bottom:0;left:0}.slide-bg-1{background:linear-gradient(135deg,#1e0a2e,#2d1045 40%,#1a0a20)}.slide-bg-2{background:linear-gradient(145deg,#0a1a2e,#102040)}.slide-bg-3{background:linear-gradient(145deg,#1a1a0a,#2d2d10)}.slide-bg-4{background:linear-gradient(145deg,#0a1e0a,#103010)}.slide-bg-5{background:linear-gradient(145deg,#1e0a0a,#301015)}.slide-bg-6{background:linear-gradient(145deg,#0a0a1e,#101030)}.slide-noise{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 30%,rgba(167,139,250,.25) 0%,transparent 60%)}.slide-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(9,9,11,.9) 0%,rgba(9,9,11,.1) 60%,transparent 100%)}.slide-content{position:relative;z-index:2}.slide-badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:10px;font-weight:700;background:var(--accent-d);color:var(--accent);margin-bottom:7px}.slide-title{font-size:20px;font-weight:800}.slide-meta{font-size:11px;color:#ffffff80}.sec-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 10px}.sec-title{font-size:15px;font-weight:700}.sec-more{font-size:12px;color:var(--accent)}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 18px}.book{cursor:pointer}.book-cover{width:100%;aspect-ratio:3 / 4;border-radius:11px;overflow:hidden;position:relative;border:.5px solid var(--border2);margin-bottom:7px;display:flex;align-items:center;justify-content:center;padding:8px}.cover-shine{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 100%)}.cover-title{font-size:12px;font-weight:700;text-align:center;line-height:1.5;color:#ffffffd9;z-index:1}.book-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta{font-size:10px;color:var(--t3)}.book-meta em{color:var(--accent);font-style:normal}.hot-list{display:flex;flex-direction:column;gap:10px;padding:0 18px}.hot-item{display:flex;gap:12px;padding:14px;background:var(--s1);border-radius:14px;border:.5px solid var(--border2)}.hot-info{flex:1}.hot-title{font-size:14px;font-weight:700}.hot-author{font-size:11px;color:var(--t3);margin:3px 0 6px}.hot-desc{font-size:12px;color:var(--t2);line-height:1.5}.panel{margin:12px 18px 0;padding:14px;background:var(--s1);border-radius:14px;border:.5px solid var(--border2)}.admin-form{display:flex;flex-direction:column;gap:8px;margin-top:12px}.admin-form input,.admin-form textarea{border-radius:10px;padding:10px 12px;border:.5px solid var(--border2)}.admin-actions,.admin-row-actions{display:flex;gap:8px}.btn-acc{flex:1;padding:12px;border:none;border-radius:12px;cursor:pointer;color:#fff;background:var(--accent)}.btn-ghost{flex:1;padding:12px;border-radius:12px;cursor:pointer;color:var(--t1);background:var(--s2);border:.5px solid var(--border2)}.danger{color:#fca5a5}.empty-box{margin:0 18px;padding:28px 14px;border-radius:12px;color:var(--t3);text-align:center;background:var(--s1)}.profile-hero{padding:56px 18px 28px;background:linear-gradient(180deg,var(--s0) 0%,var(--bg) 100%);position:relative}.profile-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:260px;height:260px;background:radial-gradient(circle,rgba(167,139,250,.12) 0%,transparent 65%)}.p-name{position:relative;z-index:1;font-size:20px;font-weight:700}.p-id{position:relative;z-index:1;font-size:12px;color:var(--t2);margin-top:6px}.menu-group{margin:12px 18px 0;background:var(--s1);border-radius:14px;border:.5px solid var(--border2);overflow:hidden}.menu-row{padding:14px 16px;border-bottom:.5px solid var(--border)}.menu-row:last-child{border-bottom:none}.menu-row-t{font-size:14px;font-weight:600}.menu-row-s{font-size:11px;color:var(--t3);margin-top:2px}.tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:10px;border:1px solid var(--border2);color:var(--t2)}.toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#28282df2;border:.5px solid var(--border2);border-radius:22px;padding:10px 20px;font-size:13px;z-index:900}.nav-bar{position:fixed;left:50%;bottom:calc(var(--nav-gap) + var(--safe));transform:translate(-50%);width:calc(100% - 32px);max-width:390px;height:var(--nav-h);background:#1212166b;border-radius:30px;border:.5px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-around;padding:0 8px}.ni{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 18px;border-radius:18px;cursor:pointer}.ni-label{font-size:11px;color:var(--t3)}.ni.active .ni-label{color:var(--accent)}.spacer{height:24px}.ni-indicator{width:4px;height:4px;border-radius:10px;background:transparent}.ni.active .ni-indicator{background:var(--accent)}.chip-row{display:flex;gap:8px;overflow-x:auto}.chip{flex:0 0 auto;padding:8px 12px;border-radius:999px;font-size:11px;border:.5px solid var(--border2);color:var(--t2);background:var(--s1)}.chip.on{color:var(--accent);background:#a78bfa29;border-color:#a78bfa6b}.shelf-edit-btn{font-size:12px;color:var(--accent);border:.5px solid rgba(167,139,250,.4);padding:5px 12px;border-radius:999px}.hot-cover{width:56px;height:76px;border-radius:9px;border:.5px solid var(--border2);display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}.avatar{width:76px;height:76px;margin-bottom:12px;border-radius:999px;padding:3px;background:linear-gradient(145deg,#f5d07a,#a76b2e)}.avatar-inner{width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at 30% 28%,#fef3c7,#fbbf24 42%,#78350f)}.vip{margin-left:8px;font-size:11px;padding:2px 7px;border-radius:999px;color:#111;background:linear-gradient(145deg,#fef3c7,#f59e0b)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:var(--bg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.overlay::-webkit-scrollbar{display:none}.ov-slide-enter-active,.ov-slide-leave-active{transition:transform .32s cubic-bezier(.4,0,.2,1)}.ov-slide-enter-from,.ov-slide-leave-to{transform:translate(102%)}.ov-slide-enter-to,.ov-slide-leave-from{transform:translate(0)}.ov-hdr,.sub-hdr,.rd-hdr{position:sticky;top:0;z-index:8;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:.5px solid var(--border);background:#09090bd6;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}.ov-hdr-title,.sub-hdr-title,.rd-chapter{font-size:15px;font-weight:700}.back-btn{font-size:13px;color:var(--t2)}.d-hero{display:flex;gap:14px;padding:18px}.d-cover{width:110px;height:148px;border-radius:14px;overflow:hidden;border:.5px solid var(--border2);display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.d-info{flex:1}.d-title{font-size:20px;font-weight:800}.d-author{font-size:13px;color:var(--t2);margin-top:6px}.d-author span{color:var(--accent)}.d-stats{margin-top:12px;display:flex;gap:16px}.d-sv{font-size:15px;font-weight:700}.d-sl{font-size:11px;color:var(--t3)}.d-actions{display:flex;gap:10px;padding:0 18px}.desc-box{margin:16px 18px 0;background:var(--s1);border:.5px solid var(--border2);border-radius:14px;padding:14px}.desc-label{font-size:12px;color:var(--t3)}.desc-text{margin-top:8px;font-size:14px;color:var(--t2);line-height:1.7}.ch-list{margin:4px 18px 0;background:var(--s1);border-radius:14px;border:.5px solid var(--border2);overflow:hidden}.ch-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:.5px solid var(--border)}.ch-row:last-child{border-bottom:none}.ch-name{font-size:14px}.ch-free,.ch-vip{font-size:11px;border-radius:999px;padding:3px 8px}.ch-free{color:#4ade80;border:.5px solid rgba(74,222,128,.35)}.ch-vip{color:#fbbf24;border:.5px solid rgba(251,191,36,.35)}.rd-scroll{position:absolute;top:52px;right:0;bottom:74px;left:0;overflow-y:auto;padding:18px 22px 26px}.rd-body{font-size:19px;line-height:2;color:#f4f4f5}.rd-ad{margin:20px 0;padding:18px;border-radius:14px;border:.5px dashed rgba(251,191,36,.42);background:#fbbf2414;text-align:center;font-size:12px;color:#fbbf24eb}.rd-ftr{position:absolute;left:0;right:0;bottom:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px calc(12px + var(--safe));border-top:.5px solid var(--border);background:#09090bf0}.rd-btn,.rd-cat{height:40px;min-width:86px;border-radius:11px;border:none;padding:0 16px;background:var(--s2);color:var(--t1);font-size:13px;cursor:pointer;transition:opacity .2s ease,background .2s ease}.rd-btn.off{opacity:.28;pointer-events:none}.rd-cat{flex:1;background:var(--s1);border:.5px solid var(--border2);color:var(--t2)}.catalog-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;pointer-events:none}.catalog-sheet.open{pointer-events:auto}.catalog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}.catalog-sheet.open .catalog-backdrop{opacity:1}.catalog-panel{position:absolute;left:50%;width:100%;max-width:430px;bottom:0;max-height:70vh;background:var(--s1);border-radius:22px 22px 0 0;border-top:.5px solid var(--border2);transform:translate(-50%) translateY(102%);transform-origin:bottom center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;will-change:transform}.catalog-sheet.open .catalog-panel{transform:translate(-50%) translateY(0)}.catalog-panel.dragging{transition:none}.catalog-drag{width:36px;height:4px;border-radius:2px;background:var(--s3);margin:12px auto 16px}.catalog-title{padding:0 18px 14px;font-size:15px;font-weight:700;border-bottom:.5px solid var(--border);margin-bottom:10px}.catalog-panel-inner{flex:1;overflow-y:auto;scrollbar-width:none;padding:0 18px 24px}.catalog-panel-inner::-webkit-scrollbar{display:none}.catalog-ch{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-radius:10px;margin-bottom:4px;cursor:pointer;transition:background .18s ease}.catalog-ch:active{background:var(--s2)}.catalog-ch.current{background:var(--accent-d)}.catalog-ch.current .catalog-ch-name{color:var(--accent)}.catalog-ch-name{font-size:13px}.catalog-ch-meta{font-size:11px;color:var(--t3)}.vip-hero{margin:14px 18px 0;border-radius:16px;padding:18px;background:linear-gradient(135deg,#2a1800,#5b3500);border:.5px solid rgba(251,191,36,.3);position:relative}.vip-hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 10%,rgba(251,191,36,.3),transparent 50%)}.vip-badge-big{display:inline-block;margin-bottom:10px;font-size:11px;padding:4px 10px;border-radius:999px;color:#111;background:linear-gradient(145deg,#fef3c7,#f59e0b)}.vip-plans{margin:14px 18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vip-plan{position:relative;background:var(--s1);border:.5px solid var(--border2);border-radius:14px;padding:14px 10px}.vip-plan.selected{border-color:#fbbf24a6}.vip-plan-pop{position:absolute;top:6px;right:8px;font-size:9px;color:#111;background:#fbbf24;border-radius:999px;padding:2px 6px}.vip-plan-dur{font-size:12px;color:var(--t2)}.vip-plan-price{margin-top:6px;font-size:18px;font-weight:800;color:#fbbf24}.vip-plan-price span{font-size:11px;font-weight:500}.vip-plan-orig{margin-top:4px;font-size:10px;color:var(--t3)}.coin-balance{margin:14px 18px 0;background:linear-gradient(135deg,#1d1300,#382300);border-radius:14px;border:.5px solid rgba(251,191,36,.25);padding:14px 16px}.coin-amount{font-size:24px;font-weight:800;color:#fbbf24}.coin-amount span{font-size:12px;color:#fbbf2499}.coin-grid{margin:14px 18px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.coin-card{background:var(--s1);border:.5px solid var(--border2);border-radius:14px;padding:14px 12px;position:relative}.coin-card.selected{border-color:#fbbf24a6}.coin-card-pop{position:absolute;top:7px;right:8px;font-size:9px;color:#111;background:#fbbf24;border-radius:999px;padding:2px 6px}.coin-card-num{font-size:20px;font-weight:800;color:#fbbf24}.coin-card-num span{font-size:11px;font-weight:500}.coin-card-price{margin-top:8px;font-size:12px;color:var(--t2)}.hist-item{margin:0 18px 10px;background:var(--s1);border:.5px solid var(--border2);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px}.hist-cover{width:46px;height:62px;border-radius:8px;border:.5px solid var(--border2);color:#ffffffa6;font-size:9px;display:flex;align-items:center;justify-content:center;text-align:center}.hist-info{flex:1}.hist-title{font-size:13px;font-weight:700}.hist-prog{margin-top:4px;font-size:11px;color:var(--t3)}.hist-bar-wrap{margin-top:7px;height:4px;background:var(--s2);border-radius:999px;overflow:hidden}.hist-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#22d3ee)}.hist-time{font-size:10px;color:var(--t3)}.author-hero{margin:14px 18px 0;border-radius:16px;padding:18px;background:linear-gradient(130deg,#0d1e09,#173311);border:.5px solid rgba(74,222,128,.25)}#author-submit-btn:disabled{opacity:.45;cursor:not-allowed}