.gate[data-v-1a56e11c]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.gate-box[data-v-1a56e11c]{display:flex;flex-direction:column;align-items:center;gap:18px;padding:44px 52px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.gate-logo[data-v-1a56e11c]{font-size:26px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.gate-logo span[data-v-1a56e11c]{font-weight:300}.gate-tip[data-v-1a56e11c]{font-size:13px;color:var(--text-dim)}.gate-qr[data-v-1a56e11c]{width:200px;height:200px;border-radius:10px;background:#fff;padding:8px}.gate-secret[data-v-1a56e11c]{font-size:12px;color:var(--text-dim);word-break:break-all;text-align:center}.gate-secret b[data-v-1a56e11c]{color:var(--text);letter-spacing:1px;-webkit-user-select:all;user-select:all}.gate-input[data-v-1a56e11c]{width:220px;padding:12px 0;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:24px;letter-spacing:12px;text-indent:12px;text-align:center;outline:none;transition:border-color .2s}.gate-input[data-v-1a56e11c]:focus{border-color:var(--accent)}.gate-err[data-v-1a56e11c]{font-size:12px;color:#ff6b81;min-height:16px;opacity:0;transition:opacity .2s}.gate-err.show[data-v-1a56e11c]{opacity:1}.gate-loading[data-v-aff2c785]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text-dim)}:root{--bg: #0d0f14;--surface: #151823;--surface-2: #1c2030;--border: #262b3d;--text: #e8eaf0;--text-dim: #8b90a3;--accent: #6c7bff;--accent-2: #8f5cff;--radius: 14px;--shadow: 0 8px 30px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block}.navbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:14px 28px;background:#0d0f14d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.logo{font-size:20px;font-weight:800;letter-spacing:.5px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.logo span{font-weight:300}.search-box{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 16px;color:var(--text-dim);transition:border-color .2s}.search-box:focus-within{border-color:var(--accent)}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.nav-user{display:flex;align-items:center;gap:14px;margin-left:auto}.nav-link{font-size:13px;color:var(--text-dim);transition:color .15s;white-space:nowrap}.nav-link:hover{color:var(--text)}.btn-link{background:none;border:none;padding:0}#view{max-width:1240px;margin:0 auto;padding:28px}.section-title{font-size:17px;font-weight:700;margin:8px 0 18px;display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#3a4160}.cover{aspect-ratio:3/4.2;width:100%;background:linear-gradient(135deg,var(--surface-2),#232a44);position:relative;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.card .info{padding:10px 12px 12px}.card .title{font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.card .sub{margin-top:5px;font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,#252b42 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:9px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn:hover{border-color:var(--accent);color:#fff}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#fff}.btn.primary:hover{filter:brightness(1.12)}.btn:disabled{opacity:.35;cursor:default}.btn.auto-on{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.chip{display:inline-block;padding:3px 10px;margin:3px 4px 3px 0;background:var(--surface-2);border-radius:999px;font-size:11px;color:var(--text-dim)}.spinner{width:34px;height:34px;margin:80px auto;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-dim);padding:90px 0;font-size:14px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(20px);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 22px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:200;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tabbar{display:flex;gap:8px;margin:8px 0 20px}.tab{background:var(--surface);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:7px 20px;font-size:13px;font-weight:600;transition:all .15s}.tab:hover{color:var(--text);border-color:#3a4160}.tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.filter-bar{display:flex;align-items:center;gap:12px;margin:8px 0 20px}.filter-bar select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;outline:none;cursor:pointer}.filter-bar select:hover{border-color:var(--accent)}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin:30px 0 10px}.page-num{font-size:14px;font-weight:700;color:var(--text-dim);min-width:30px;text-align:center}.detail-hero{display:flex;gap:28px;margin-bottom:34px}.detail-cover{width:220px;flex-shrink:0;aspect-ratio:3/4.2;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--surface-2),#232a44);box-shadow:var(--shadow)}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-info h1{font-size:24px;line-height:1.35;margin-bottom:12px}.detail-meta{display:flex;gap:18px;color:var(--text-dim);font-size:13px;margin-bottom:14px;flex-wrap:wrap}.detail-meta b{color:var(--text)}.detail-desc{color:var(--text-dim);font-size:13px;line-height:1.7;margin:14px 0 20px;max-width:640px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.chapter-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.chapter-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .15s}.chapter-btn:hover{border-color:var(--accent);background:var(--surface-2)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.modal{width:340px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.modal h3{font-size:17px;margin-bottom:18px}.modal input{width:100%;margin-bottom:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.modal input:focus{border-color:var(--accent)}.modal-err{color:#ff6b81;font-size:12px;min-height:18px;margin-bottom:6px}.modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08090c;display:flex;flex-direction:column}.reader-bar{position:absolute;top:0;left:0;right:0;z-index:110;display:flex;align-items:center;gap:12px;padding:10px 18px;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);opacity:0;transition:opacity .25s}.reader-bar.show-bar{opacity:1}.reader-bar .title{flex:1;font-size:13px;color:#cfd3e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{background:#ffffff17;border:none;color:#fff;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .15s}.icon-btn:hover{background:#fff3}.icon-btn:disabled{opacity:.6;cursor:default}.bar-ctrl{display:flex;align-items:center;gap:6px;font-size:12px;color:#cfd3e0}.step-input{width:64px;padding:6px 8px;background:#ffffff17;border:1px solid transparent;border-radius:9px;color:#fff;font-size:12px;outline:none;transition:border-color .15s}.step-input:focus{border-color:var(--accent)}.step-input::-webkit-outer-spin-button,.step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reader-body{flex:1;overflow:hidden;position:relative}.reader-body.vertical{overflow-y:auto}.reader-body.vertical img{width:min(100%,860px);margin:0 auto;min-height:40px}.reader-body.paged{display:flex;align-items:center;justify-content:center}.reader-body.paged img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page-zone{position:absolute;top:0;bottom:0;width:34%;z-index:10;cursor:pointer}.page-zone.left{left:0}.page-zone.right{right:0}.page-indicator{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#000000a6;color:#fff;padding:5px 16px;border-radius:999px;font-size:13px;z-index:110;opacity:0;transition:opacity .25s;pointer-events:none}.page-indicator.always{opacity:1}.reader-bar.show-bar~.page-indicator{opacity:1}.reader-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-dim);font-size:14px;text-align:center;line-height:2}.reader-slider{position:absolute;bottom:0;left:0;right:0;z-index:110;display:flex;align-items:center;gap:14px;padding:12px 24px 16px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);opacity:0;transition:opacity .25s;pointer-events:none}.reader-slider.show-bar{opacity:1;pointer-events:auto}.slider{flex:1;height:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:2px solid #fff;box-shadow:0 2px 8px #00000080}.slider-ch{background:#ffffff17;border:none;color:#fff;padding:6px 14px;border-radius:9px;font-size:12px;white-space:nowrap;transition:background .15s}.slider-ch:hover{background:#ffffff38}.slider-label{font-size:13px;color:#fff;min-width:64px;text-align:center;background:#00000080;padding:4px 10px;border-radius:999px}