.login-page[data-v-30ef93de]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a0e27}.bg-animation[data-v-30ef93de]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bg-gradient[data-v-30ef93de]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.08) 0%,transparent 60%),linear-gradient(135deg,#0a0e27,#1a103c,#0f172a);animation:bgShift-30ef93de 15s ease-in-out infinite}@keyframes bgShift-30ef93de{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1.1) rotate(1deg)}66%{transform:scale(1.05) rotate(-1deg)}}.bg-orbs[data-v-30ef93de]{position:absolute;top:0;right:0;bottom:0;left:0}.orb[data-v-30ef93de]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat-30ef93de 20s ease-in-out infinite}.orb-1[data-v-30ef93de]{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.5),transparent 70%);top:-10%;left:-10%;animation-delay:0s}.orb-2[data-v-30ef93de]{width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,.4),transparent 70%);bottom:-5%;right:-10%;animation-delay:-7s}.orb-3[data-v-30ef93de]{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.3),transparent 70%);top:50%;left:50%;animation-delay:-14s}@keyframes orbFloat-30ef93de{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.05)}}.login-card[data-v-30ef93de]{position:relative;z-index:1;width:100%;max-width:420px;padding:40px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff0d;animation:cardAppear-30ef93de .6s ease-out}@keyframes cardAppear-30ef93de{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.brand[data-v-30ef93de]{text-align:center;margin-bottom:32px}.logo[data-v-30ef93de]{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #6366f166}.logo svg[data-v-30ef93de]{width:32px;height:32px;color:#fff}.brand h1[data-v-30ef93de]{font-size:28px;font-weight:700;color:#f8fafc;margin-bottom:6px;letter-spacing:-.5px}.brand p[data-v-30ef93de]{font-size:14px;color:#94a3b8}.login-tabs[data-v-30ef93de]{display:flex;gap:8px;margin-bottom:28px;padding:4px;background:#ffffff0d;border-radius:12px}.tab[data-v-30ef93de]{flex:1;padding:10px 16px;border:none;border-radius:10px;background:transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.tab[data-v-30ef93de]:hover{color:#e2e8f0}.tab.active[data-v-30ef93de]{background:#6366f133;color:#c7d2fe;box-shadow:0 2px 8px #6366f133}.login-form[data-v-30ef93de]{display:flex;flex-direction:column;gap:20px}.input-group[data-v-30ef93de]{display:flex;flex-direction:column;gap:6px}.input-wrap[data-v-30ef93de]{position:relative;display:flex;align-items:center}.input-icon[data-v-30ef93de]{position:absolute;left:14px;width:20px;height:20px;color:#64748b;pointer-events:none;transition:color .3s;z-index:2}.input-wrap input[data-v-30ef93de]{width:100%;padding:12px 16px 12px 46px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f1f5f9;font-size:15px;transition:all .3s;outline:none}.input-wrap input[data-v-30ef93de]::placeholder{color:#475569}.input-wrap input[data-v-30ef93de]:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a,inset 0 1px 2px #0000001a;background:#0f172acc}.input-wrap input:focus+.input-icon[data-v-30ef93de],.input-wrap:focus-within .input-icon[data-v-30ef93de]{color:#818cf8}.input-wrap input.error[data-v-30ef93de]{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.error-text[data-v-30ef93de]{font-size:12px;color:#f87171;padding-left:4px;animation:shake-30ef93de .4s ease}@keyframes shake-30ef93de{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.input-wrap input.has-suffix[data-v-30ef93de]{padding-right:44px}.input-wrap input.has-sms-btn[data-v-30ef93de]{padding-right:140px}.eye-btn[data-v-30ef93de]{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:#64748b;z-index:2}.eye-btn svg[data-v-30ef93de]{width:18px;height:18px}.eye-btn[data-v-30ef93de]:hover{color:#94a3b8}.sms-btn[data-v-30ef93de]{position:absolute;right:6px;padding:8px 16px;background:#6366f133;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#c7d2fe;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;z-index:2;min-width:100px;text-align:center}.sms-btn[data-v-30ef93de]:hover:not(:disabled){background:#6366f14d;border-color:#6366f180}.sms-btn[data-v-30ef93de]:disabled{opacity:.5;cursor:not-allowed}.form-options[data-v-30ef93de]{display:flex;justify-content:space-between;align-items:center;margin-top:-4px}.remember[data-v-30ef93de]{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#94a3b8;-webkit-user-select:none;user-select:none}.remember input[data-v-30ef93de]{display:none}.checkmark[data-v-30ef93de]{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.remember input:checked+.checkmark[data-v-30ef93de]{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent}.remember input:checked+.checkmark[data-v-30ef93de]:after{content:"";width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:1px}.forgot[data-v-30ef93de]{font-size:13px;color:#818cf8;text-decoration:none;transition:color .3s}.forgot[data-v-30ef93de]:hover{color:#c7d2fe}.submit-btn[data-v-30ef93de]{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #6366f166;position:relative;overflow:hidden;margin-top:4px}.submit-btn[data-v-30ef93de]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-btn[data-v-30ef93de]:hover:not(:disabled):before{left:100%}.submit-btn[data-v-30ef93de]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}.submit-btn[data-v-30ef93de]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-30ef93de]:disabled{opacity:.7;cursor:not-allowed}.spinner[data-v-30ef93de]{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-30ef93de .8s linear infinite}.spinner-small[data-v-30ef93de]{display:inline-block;width:14px;height:14px;border:2px solid rgba(199,210,254,.3);border-top-color:#c7d2fe;border-radius:50%;animation:spin-30ef93de .8s linear infinite}@keyframes spin-30ef93de{to{transform:rotate(360deg)}}.global-error[data-v-30ef93de]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:13px;cursor:pointer;animation:shake-30ef93de .4s ease}.global-error svg[data-v-30ef93de]{width:18px;height:18px;flex-shrink:0}.register-link[data-v-30ef93de]{text-align:center;margin-top:24px;font-size:14px;color:#94a3b8}.register-link a[data-v-30ef93de]{color:#818cf8;text-decoration:none;font-weight:500;transition:color .3s}.register-link a[data-v-30ef93de]:hover{color:#c7d2fe}.modal-overlay[data-v-30ef93de]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-30ef93de .3s ease}@keyframes fadeIn-30ef93de{0%{opacity:0}to{opacity:1}}.modal-card[data-v-30ef93de]{width:100%;max-width:400px;padding:32px;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp-30ef93de .3s ease}@keyframes slideUp-30ef93de{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-30ef93de]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3[data-v-30ef93de]{font-size:20px;font-weight:600;color:#f8fafc}.close-btn[data-v-30ef93de]{background:none;border:none;padding:4px;cursor:pointer;color:#64748b;transition:color .3s}.close-btn svg[data-v-30ef93de]{width:20px;height:20px}.close-btn[data-v-30ef93de]:hover{color:#e2e8f0}.wechat-login[data-v-30ef93de]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.qr-wrap[data-v-30ef93de]{display:flex;flex-direction:column;align-items:center;gap:12px}.qr-img[data-v-30ef93de]{width:260px;height:260px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#fff;padding:8px}.qr-tip[data-v-30ef93de]{font-size:14px;color:#94a3b8}.qr-expired[data-v-30ef93de]{font-size:13px;color:#f87171}.qr-expired a[data-v-30ef93de]{color:#818cf8;text-decoration:none}.qr-loading[data-v-30ef93de]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0;color:#94a3b8}@media (max-width: 480px){.login-card[data-v-30ef93de]{padding:24px 20px;max-width:100%;margin:0 16px}.brand h1[data-v-30ef93de]{font-size:22px}.login-tabs[data-v-30ef93de]{gap:4px}.tab[data-v-30ef93de]{padding:8px 10px;font-size:13px}.qr-img[data-v-30ef93de]{width:220px;height:220px}.modal-card[data-v-30ef93de]{padding:24px;margin:0 16px}}.novel-home[data-v-21f59636]{padding:0 0 40px}.search-bar[data-v-21f59636]{display:flex;gap:12px;margin-bottom:24px}.search-wrap[data-v-21f59636]{flex:1;position:relative;display:flex;align-items:center}.search-icon[data-v-21f59636]{position:absolute;left:14px;width:20px;height:20px;color:#64748b;pointer-events:none}.search-wrap input[data-v-21f59636]{width:100%;padding:12px 44px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f1f5f9;font-size:15px;outline:none;transition:all .3s}.search-wrap input[data-v-21f59636]::placeholder{color:#475569}.search-wrap input[data-v-21f59636]:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.clear-btn[data-v-21f59636]{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:#64748b}.clear-btn svg[data-v-21f59636]{width:18px;height:18px}.clear-btn[data-v-21f59636]:hover{color:#94a3b8}.search-action[data-v-21f59636]{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.search-action[data-v-21f59636]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.banner-section[data-v-21f59636]{margin-bottom:24px}.banner-wrap[data-v-21f59636]{position:relative;border-radius:16px;overflow:hidden;height:180px}.banner-item[data-v-21f59636]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;cursor:pointer}.banner-item.active[data-v-21f59636]{opacity:1}.banner-bg[data-v-21f59636]{width:100%;height:100%;padding:24px}.banner-content[data-v-21f59636]{display:flex;align-items:center;gap:20px;height:100%}.banner-cover[data-v-21f59636]{width:100px;height:130px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);flex-shrink:0}.banner-info[data-v-21f59636]{flex:1;color:#fff}.banner-vip[data-v-21f59636]{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;font-size:11px;font-weight:600;margin-bottom:8px}.banner-info h3[data-v-21f59636]{font-size:22px;font-weight:700;margin-bottom:6px;color:#fff}.banner-info p[data-v-21f59636]{font-size:14px;opacity:.8;margin-bottom:8px}.banner-desc[data-v-21f59636]{font-size:13px;opacity:.6}.banner-dots[data-v-21f59636]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot[data-v-21f59636]{width:8px;height:8px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all .3s}.dot.active[data-v-21f59636]{width:24px;border-radius:4px;background:#fff}.category-section[data-v-21f59636]{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.category-section[data-v-21f59636]::-webkit-scrollbar{display:none}.category-item[data-v-21f59636]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .3s;min-width:72px}.category-item[data-v-21f59636]:hover{background:#0f172ab3;transform:translateY(-2px)}.category-item.active[data-v-21f59636]{background:#6366f126;border-color:#6366f14d}.cat-icon[data-v-21f59636]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cat-icon svg[data-v-21f59636]{width:20px;height:20px;color:#fff}.category-item span[data-v-21f59636]{font-size:12px;color:#94a3b8;white-space:nowrap}.category-item.active span[data-v-21f59636]{color:#c7d2fe}.rank-section[data-v-21f59636]{margin-bottom:24px}.section-title[data-v-21f59636]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h3[data-v-21f59636]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#f1f5f9;margin:0}.section-title h3 svg[data-v-21f59636]{width:20px;height:20px;color:#f59e0b}.section-title a[data-v-21f59636]{font-size:13px;color:#818cf8;text-decoration:none}.section-title a[data-v-21f59636]:hover{color:#c7d2fe}.loading-text[data-v-21f59636]{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.spinner-inline[data-v-21f59636]{display:inline-block;width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin-21f59636 .8s linear infinite}.rank-scroll[data-v-21f59636]{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.rank-scroll[data-v-21f59636]::-webkit-scrollbar{display:none}.rank-item[data-v-21f59636]{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:all .3s;min-width:180px}.rank-item[data-v-21f59636]:hover{background:#0f172acc;transform:translate(4px)}.rank-num[data-v-21f59636]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:700;color:#64748b;background:#ffffff0d;flex-shrink:0}.rank-num.top3[data-v-21f59636]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rank-cover[data-v-21f59636]{width:40px;height:52px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.rank-info[data-v-21f59636]{display:flex;flex-direction:column;gap:2px;min-width:0}.rank-title[data-v-21f59636]{font-size:14px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-author[data-v-21f59636]{font-size:12px;color:#64748b}.novel-grid[data-v-21f59636]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.novel-card[data-v-21f59636]{display:flex;gap:14px;padding:14px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .3s;position:relative}.novel-card[data-v-21f59636]:hover{background:#0f172acc;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d;border-color:#6366f133}.card-cover[data-v-21f59636]{width:80px;height:106px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.vip-label[data-v-21f59636]{position:absolute;top:4px;right:4px;padding:2px 6px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;font-size:10px;font-weight:700;color:#fff}.card-body[data-v-21f59636]{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.card-title[data-v-21f59636]{font-size:15px;font-weight:600;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-author[data-v-21f59636]{display:flex;align-items:center;gap:4px;font-size:13px;color:#818cf8;margin:0}.card-author svg[data-v-21f59636]{width:14px;height:14px}.card-tags[data-v-21f59636]{display:flex;gap:6px;flex-wrap:wrap}.tag[data-v-21f59636]{padding:3px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:11px;color:#c7d2fe}.card-stats[data-v-21f59636]{display:flex;gap:12px;margin-top:auto;padding-top:4px}.card-stats span[data-v-21f59636]{display:flex;align-items:center;gap:3px;font-size:12px;color:#64748b}.card-stats svg[data-v-21f59636]{width:13px;height:13px}.add-btn[data-v-21f59636]{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;opacity:0;transition:all .3s;padding:0}.add-btn svg[data-v-21f59636]{width:16px;height:16px}.novel-card:hover .add-btn[data-v-21f59636]{opacity:1}.add-btn[data-v-21f59636]:hover{background:#6366f133;border-color:#63f1664d;color:#c7d2fe}.empty-state[data-v-21f59636]{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#475569;text-align:center}.empty-state svg[data-v-21f59636]{width:64px;height:64px;margin-bottom:16px;opacity:.3}.empty-state p[data-v-21f59636]{font-size:16px;margin-bottom:8px;color:#64748b}.empty-state span[data-v-21f59636]{font-size:13px;color:#475569}.pagination[data-v-21f59636]{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pagination button[data-v-21f59636]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .3s;padding:0}.pagination button svg[data-v-21f59636]{width:18px;height:18px}.pagination button[data-v-21f59636]:hover:not(:disabled){background:#6366f126;color:#c7d2fe}.pagination button[data-v-21f59636]:disabled{opacity:.3;cursor:not-allowed}.page-info[data-v-21f59636]{font-size:14px;color:#94a3b8}@keyframes spin-21f59636{to{transform:rotate(360deg)}}@media (max-width: 768px){.search-bar[data-v-21f59636]{gap:8px;margin-bottom:16px}.search-wrap input[data-v-21f59636]{padding:10px 36px;font-size:14px}.search-icon[data-v-21f59636]{left:10px;width:18px;height:18px}.search-action[data-v-21f59636]{padding:10px 16px;font-size:14px}.banner-wrap[data-v-21f59636]{height:150px}.banner-bg[data-v-21f59636]{padding:16px}.banner-content[data-v-21f59636]{gap:12px}.banner-cover[data-v-21f59636]{width:64px;height:84px;font-size:28px}.banner-info h3[data-v-21f59636]{font-size:16px}.banner-info p[data-v-21f59636]{font-size:12px}.banner-desc[data-v-21f59636]{font-size:11px}.category-section[data-v-21f59636]{gap:8px;margin-bottom:16px}.category-item[data-v-21f59636]{padding:8px 12px;min-width:64px}.cat-icon[data-v-21f59636]{width:32px;height:32px}.cat-icon svg[data-v-21f59636]{width:16px;height:16px}.novel-grid[data-v-21f59636]{grid-template-columns:1fr;gap:12px}.novel-card[data-v-21f59636]{padding:12px;gap:12px}.card-cover[data-v-21f59636]{width:64px;height:86px;font-size:22px}.card-title[data-v-21f59636]{font-size:14px}.card-author[data-v-21f59636]{font-size:12px}.add-btn[data-v-21f59636]{opacity:1;width:28px;height:28px}.pagination[data-v-21f59636]{margin-top:20px;gap:12px}.pagination button[data-v-21f59636]{width:36px;height:36px}}.novel-detail[data-v-0ae957eb]{padding:0 0 40px}.detail-header[data-v-0ae957eb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 4px}.back-btn[data-v-0ae957eb]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .3s}.back-btn[data-v-0ae957eb]:hover{background:#6366f126;color:#c7d2fe;border-color:#6366f14d}.back-btn svg[data-v-0ae957eb]{width:18px;height:18px}.detail-header h3[data-v-0ae957eb]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.detail-skeleton[data-v-0ae957eb]{display:flex;gap:24px;padding:24px;background:#0f172a80;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.skeleton-cover[data-v-0ae957eb]{width:140px;height:186px;background:#ffffff0d;border-radius:12px;animation:pulse-0ae957eb 1.5s infinite}.skeleton-info[data-v-0ae957eb]{flex:1;display:flex;flex-direction:column;gap:12px}.skeleton-line[data-v-0ae957eb]{height:16px;background:#ffffff0d;border-radius:4px;animation:pulse-0ae957eb 1.5s infinite}.skeleton-line.short[data-v-0ae957eb]{width:40%}.skeleton-line.long[data-v-0ae957eb]{width:80%}@keyframes pulse-0ae957eb{0%,to{opacity:.5}50%{opacity:.8}}.detail-body[data-v-0ae957eb]{display:flex;flex-direction:column;gap:24px}.info-card[data-v-0ae957eb]{display:flex;gap:24px;padding:24px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px}.cover-wrap[data-v-0ae957eb]{position:relative;flex-shrink:0}.cover[data-v-0ae957eb]{width:140px;height:186px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;box-shadow:0 8px 32px #0000004d}.vip-tag[data-v-0ae957eb]{position:absolute;top:8px;right:8px;padding:3px 10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;font-size:11px;font-weight:600;color:#fff}.info-main[data-v-0ae957eb]{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.title[data-v-0ae957eb]{font-size:22px;font-weight:700;color:#f1f5f9;margin:0}.author[data-v-0ae957eb]{display:flex;align-items:center;gap:6px;font-size:14px;color:#818cf8;margin:0}.author svg[data-v-0ae957eb]{width:16px;height:16px}.meta-row[data-v-0ae957eb]{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b}.meta-row svg[data-v-0ae957eb]{width:14px;height:14px}.meta-tag[data-v-0ae957eb]{padding:3px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:12px;color:#c7d2fe}.description[data-v-0ae957eb]{font-size:14px;line-height:1.7;color:#94a3b8;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.actions[data-v-0ae957eb]{display:flex;gap:12px;margin-top:auto;padding-top:12px}.btn-primary[data-v-0ae957eb],.btn-secondary[data-v-0ae957eb]{display:flex;align-items:center;gap:6px;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-primary[data-v-0ae957eb]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary[data-v-0ae957eb]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-secondary[data-v-0ae957eb]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.btn-secondary[data-v-0ae957eb]:hover{background:#ffffff1a;color:#c7d2fe}.actions svg[data-v-0ae957eb]{width:16px;height:16px}.chapter-section[data-v-0ae957eb]{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.section-header[data-v-0ae957eb]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.section-header h3[data-v-0ae957eb]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.section-header h3 svg[data-v-0ae957eb]{width:18px;height:18px;color:#818cf8}.chapter-count[data-v-0ae957eb]{font-size:13px;color:#64748b}.empty-chapters[data-v-0ae957eb]{padding:48px;text-align:center;color:#475569}.chapter-list[data-v-0ae957eb]{max-height:480px;overflow-y:auto}.chapter-item[data-v-0ae957eb]{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.03)}.chapter-item[data-v-0ae957eb]:hover{background:#6366f114}.chapter-num[data-v-0ae957eb]{width:28px;text-align:center;font-size:13px;font-weight:600;color:#64748b;flex-shrink:0}.chapter-title[data-v-0ae957eb]{flex:1;font-size:14px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-vip[data-v-0ae957eb]{padding:2px 8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.arrow-icon[data-v-0ae957eb]{width:16px;height:16px;color:#475569;flex-shrink:0}.chapter-item:hover .arrow-icon[data-v-0ae957eb]{color:#818cf8}@media (max-width: 768px){.detail-header[data-v-0ae957eb]{margin-bottom:16px}.detail-skeleton[data-v-0ae957eb]{flex-direction:column;align-items:center;padding:16px;gap:16px}.skeleton-cover[data-v-0ae957eb]{width:100px;height:134px}.info-card[data-v-0ae957eb]{flex-direction:column;align-items:center;text-align:center;padding:16px;gap:16px}.cover[data-v-0ae957eb]{width:100px;height:134px;font-size:32px}.title[data-v-0ae957eb]{font-size:18px}.meta-row[data-v-0ae957eb]{justify-content:center;flex-wrap:wrap}.actions[data-v-0ae957eb]{justify-content:center}.btn-primary[data-v-0ae957eb],.btn-secondary[data-v-0ae957eb]{padding:8px 18px;font-size:13px}.chapter-list[data-v-0ae957eb]{max-height:360px}.chapter-item[data-v-0ae957eb]{padding:10px 16px}.section-header[data-v-0ae957eb]{padding:12px 16px}}.chapter-reader[data-v-c9ff5271]{display:flex;flex-direction:column;height:100%}.reader-toolbar[data-v-c9ff5271]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.back-btn[data-v-c9ff5271]{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .3s}.back-btn[data-v-c9ff5271]:hover{background:#6366f126;color:#c7d2fe;border-color:#6366f14d}.back-btn svg[data-v-c9ff5271]{width:16px;height:16px}.toolbar-title[data-v-c9ff5271]{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;flex:1;margin:0 16px}.novel-name[data-v-c9ff5271]{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chapter-name[data-v-c9ff5271]{font-size:14px;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.toolbar-actions[data-v-c9ff5271]{display:flex;gap:8px}.tool-btn[data-v-c9ff5271]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .3s}.tool-btn[data-v-c9ff5271]:hover{background:#6366f126;color:#c7d2fe}.tool-btn svg[data-v-c9ff5271]{width:18px;height:18px}.reader-body[data-v-c9ff5271]{flex:1;overflow-y:auto;padding:32px 40px;max-width:800px;margin:0 auto;width:100%}.chapter-header[data-v-c9ff5271]{text-align:center;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.chapter-title[data-v-c9ff5271]{font-size:26px;font-weight:700;color:#f1f5f9;margin:0 0 12px;line-height:1.4}.chapter-meta[data-v-c9ff5271]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#64748b}.vip-badge[data-v-c9ff5271]{padding:2px 8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;font-size:11px;font-weight:600;color:#fff}.chapter-content[data-v-c9ff5271]{color:#cbd5e1;margin-bottom:48px}.content-para[data-v-c9ff5271]{text-indent:2em;margin:0 0 1.2em;text-align:justify}.chapter-nav[data-v-c9ff5271]{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid rgba(255,255,255,.06)}.nav-btn[data-v-c9ff5271]{display:flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.nav-btn[data-v-c9ff5271]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.nav-btn[data-v-c9ff5271]:disabled{background:#ffffff0d;color:#475569;cursor:not-allowed}.nav-btn svg[data-v-c9ff5271]{width:16px;height:16px}.nav-info[data-v-c9ff5271]{font-size:13px;color:#64748b}@media (max-width: 768px){.reader-toolbar[data-v-c9ff5271]{padding:10px 12px}.back-btn[data-v-c9ff5271]{padding:6px 10px;font-size:12px;gap:4px}.back-btn svg[data-v-c9ff5271]{width:14px;height:14px}.toolbar-title[data-v-c9ff5271]{margin:0 8px}.novel-name[data-v-c9ff5271]{font-size:10px}.chapter-name[data-v-c9ff5271]{font-size:12px}.tool-btn[data-v-c9ff5271]{width:32px;height:32px}.reader-body[data-v-c9ff5271]{padding:20px 16px}.chapter-header[data-v-c9ff5271]{margin-bottom:24px;padding-bottom:16px}.chapter-title[data-v-c9ff5271]{font-size:20px}.chapter-content[data-v-c9ff5271]{font-size:16px}.content-para[data-v-c9ff5271]{text-indent:1.5em}.chapter-nav[data-v-c9ff5271]{padding:16px 0;gap:8px}.nav-btn[data-v-c9ff5271]{padding:10px 16px;font-size:13px;flex:1;justify-content:center}.nav-info[data-v-c9ff5271]{font-size:12px;white-space:nowrap}}.library-page[data-v-b95d54d6]{padding:0 0 40px}.page-header[data-v-b95d54d6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2[data-v-b95d54d6]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#f1f5f9;margin:0}.page-header h2 svg[data-v-b95d54d6]{width:22px;height:22px;color:#818cf8}.count-badge[data-v-b95d54d6]{padding:4px 14px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:13px;color:#c7d2fe}.skeleton[data-v-b95d54d6]{pointer-events:none}.skeleton-cover[data-v-b95d54d6]{width:100%;height:180px;background:#ffffff0d;border-radius:12px;animation:pulse-b95d54d6 1.5s infinite}.skeleton-info[data-v-b95d54d6]{padding:12px 4px;display:flex;flex-direction:column;gap:8px}.skeleton-line[data-v-b95d54d6]{height:14px;background:#ffffff0d;border-radius:4px;animation:pulse-b95d54d6 1.5s infinite}.skeleton-line.short[data-v-b95d54d6]{width:60%}@keyframes pulse-b95d54d6{0%,to{opacity:.5}50%{opacity:.8}}.empty-state[data-v-b95d54d6]{display:flex;flex-direction:column;align-items:center;padding:80px 20px;color:#475569;text-align:center}.empty-state svg[data-v-b95d54d6]{width:64px;height:64px;margin-bottom:16px;opacity:.3;color:#64748b}.empty-state p[data-v-b95d54d6]{font-size:16px;margin-bottom:8px;color:#64748b}.empty-state span[data-v-b95d54d6]{font-size:13px;color:#475569}.library-grid[data-v-b95d54d6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.book-card[data-v-b95d54d6]{display:flex;flex-direction:column;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:all .3s}.book-card[data-v-b95d54d6]:hover{background:#0f172acc;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d;border-color:#6366f133}.card-cover[data-v-b95d54d6]{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#fff;position:relative}.card-body[data-v-b95d54d6]{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1}.card-title[data-v-b95d54d6]{font-size:15px;font-weight:600;color:#f1f5f9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-author[data-v-b95d54d6]{display:flex;align-items:center;gap:4px;font-size:13px;color:#818cf8;margin:0}.card-author svg[data-v-b95d54d6]{width:14px;height:14px}.card-desc[data-v-b95d54d6]{font-size:12px;line-height:1.5;color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.card-footer[data-v-b95d54d6]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.read-progress[data-v-b95d54d6]{font-size:12px;color:#94a3b8}.remove-btn[data-v-b95d54d6]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .3s;padding:0}.remove-btn[data-v-b95d54d6]:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.remove-btn svg[data-v-b95d54d6]{width:14px;height:14px}@media (max-width: 768px){.library-grid[data-v-b95d54d6]{grid-template-columns:1fr}}.vip-page[data-v-1a8f7b5d]{padding:0 0 40px}.page-header[data-v-1a8f7b5d]{margin-bottom:24px}.page-header h2[data-v-1a8f7b5d]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#f1f5f9;margin:0}.page-header h2 svg[data-v-1a8f7b5d]{width:22px;height:22px;color:#fbbf24}.status-card[data-v-1a8f7b5d]{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid rgba(99,102,241,.2);border-radius:16px;margin-bottom:24px}.status-left[data-v-1a8f7b5d]{display:flex;align-items:center;gap:16px}.status-icon[data-v-1a8f7b5d]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;box-shadow:0 4px 16px #6366f14d}.status-icon svg[data-v-1a8f7b5d]{width:28px;height:28px;color:#fff}.status-info[data-v-1a8f7b5d]{display:flex;flex-direction:column;gap:4px}.status-badge[data-v-1a8f7b5d]{display:inline-block;padding:3px 12px;background:#ffffff1a;border-radius:20px;font-size:13px;font-weight:600;color:#94a3b8;width:fit-content}.status-badge.vip[data-v-1a8f7b5d]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.status-info p[data-v-1a8f7b5d]{font-size:14px;color:#94a3b8;margin:0}.status-right[data-v-1a8f7b5d]{flex-shrink:0}.btn-primary[data-v-1a8f7b5d]{padding:10px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-1a8f7b5d]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.benefits-section[data-v-1a8f7b5d]{margin-bottom:24px}.benefits-section h3[data-v-1a8f7b5d]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 16px}.benefits-grid[data-v-1a8f7b5d]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-item[data-v-1a8f7b5d]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .3s}.benefit-item[data-v-1a8f7b5d]:hover{background:#0f172acc;border-color:#6366f133}.benefit-icon[data-v-1a8f7b5d]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:10px}.benefit-icon svg[data-v-1a8f7b5d]{width:20px;height:20px;color:#6366f1}.benefit-item span[data-v-1a8f7b5d]{font-size:13px;color:#94a3b8}.points-info[data-v-1a8f7b5d]{display:flex;align-items:center;gap:12px;margin-bottom:24px}.points-badge[data-v-1a8f7b5d]{padding:6px 14px;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:20px;font-size:13px;font-weight:600;color:#fbbf24}.test-badge[data-v-1a8f7b5d]{padding:6px 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:20px;font-size:13px;font-weight:600;color:#ef4444}.plans-section h3[data-v-1a8f7b5d]{font-size:16px;font-weight:600;color:#f1f5f9;margin:0 0 16px}.plans-grid[data-v-1a8f7b5d]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.plan-card[data-v-1a8f7b5d]{position:relative;padding:24px;background:#0f172a80;border:2px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .3s;text-align:center}.plan-card[data-v-1a8f7b5d]:hover{background:#0f172acc;transform:translateY(-2px)}.plan-card.selected[data-v-1a8f7b5d]{border-color:#6366f180;background:#6366f114}.plan-card.recommended[data-v-1a8f7b5d]{border-color:#fbbf244d}.plan-card.recommended.selected[data-v-1a8f7b5d]{border-color:#fbbf2499;background:#fbbf240f}.recommend-tag[data-v-1a8f7b5d]{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:3px 14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 0 10px 10px;font-size:11px;font-weight:600;color:#fff}.plan-icon[data-v-1a8f7b5d]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#6366f11a;border-radius:12px}.plan-icon svg[data-v-1a8f7b5d]{width:24px;height:24px;color:#6366f1}.plan-card h4[data-v-1a8f7b5d]{font-size:15px;font-weight:600;color:#f1f5f9;margin:0 0 8px}.plan-price[data-v-1a8f7b5d]{margin-bottom:4px}.plan-price .currency[data-v-1a8f7b5d]{font-size:16px;font-weight:600;color:#6366f1}.plan-price .amount[data-v-1a8f7b5d]{font-size:32px;font-weight:700;color:#6366f1}.plan-points[data-v-1a8f7b5d]{font-size:13px;font-weight:600;color:#fbbf24;margin-bottom:8px}.plan-desc[data-v-1a8f7b5d]{font-size:12px;color:#64748b;margin:0 0 16px}.plan-features[data-v-1a8f7b5d]{list-style:none;padding:0;margin:0;text-align:left}.plan-features li[data-v-1a8f7b5d]{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;padding:5px 0}.plan-features li svg[data-v-1a8f7b5d]{width:14px;height:14px;color:#22c55e;flex-shrink:0}.error-box[data-v-1a8f7b5d]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:16px}.error-box span[data-v-1a8f7b5d]{font-size:14px;color:#ef4444}.error-box .close-btn[data-v-1a8f7b5d]{background:none;border:none;color:#ef4444;font-size:18px;cursor:pointer;padding:0 4px}.subscribe-area[data-v-1a8f7b5d]{text-align:center;padding:8px 0 16px}.btn-subscribe[data-v-1a8f7b5d]{padding:14px 48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-subscribe[data-v-1a8f7b5d]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.btn-subscribe[data-v-1a8f7b5d]:disabled{opacity:.6;cursor:not-allowed}.tip[data-v-1a8f7b5d]{font-size:12px;color:#475569;margin-top:12px}@media (max-width: 768px){.status-card[data-v-1a8f7b5d]{flex-direction:column;gap:16px;text-align:center}.benefits-grid[data-v-1a8f7b5d]{grid-template-columns:repeat(2,1fr)}.plans-grid[data-v-1a8f7b5d]{grid-template-columns:1fr}.points-info[data-v-1a8f7b5d]{flex-wrap:wrap}}.user-center[data-v-a4565883]{padding:0;max-width:1200px;margin:0 auto}.loading-state[data-v-a4565883]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#94a3b8}.spinner[data-v-a4565883]{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin-a4565883 .8s linear infinite}@keyframes spin-a4565883{to{transform:rotate(360deg)}}.profile-banner[data-v-a4565883]{position:relative;border-radius:20px;overflow:hidden;margin-bottom:24px}.banner-bg[data-v-a4565883]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);opacity:.9}.banner-bg[data-v-a4565883]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.08) 0%,transparent 50%)}.profile-header[data-v-a4565883]{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:32px}.avatar-section[data-v-a4565883]{display:flex;align-items:center;gap:20px}.avatar-wrap[data-v-a4565883]{position:relative}.avatar[data-v-a4565883]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#6366f1;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0003;overflow:hidden}.avatar img[data-v-a4565883]{width:100%;height:100%;object-fit:cover}.vip-badge[data-v-a4565883]{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #fbbf2466}.vip-badge svg[data-v-a4565883]{width:14px;height:14px;color:#fff}.user-meta h2[data-v-a4565883]{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.user-tags[data-v-a4565883]{display:flex;gap:8px;flex-wrap:wrap}.role-tag[data-v-a4565883]{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#fff3;color:#fff}.vip-tag[data-v-a4565883]{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.vip-tag svg[data-v-a4565883]{width:12px;height:12px}.normal-tag[data-v-a4565883]{padding:4px 12px;border-radius:20px;font-size:12px;background:#ffffff26;color:#fffc}.edit-btn[data-v-a4565883]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-btn svg[data-v-a4565883]{width:16px;height:16px}.edit-btn[data-v-a4565883]:hover{background:#ffffff40;transform:translateY(-1px)}.stats-row[data-v-a4565883]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card[data-v-a4565883]{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all .3s}.stat-card[data-v-a4565883]:hover{background:#0f172acc;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-ring[data-v-a4565883]{position:relative;width:64px;height:64px;flex-shrink:0}.stat-ring svg[data-v-a4565883]{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg[data-v-a4565883]{fill:none;stroke:#ffffff0f;stroke-width:8}.ring-fill[data-v-a4565883]{fill:none;stroke:#6366f1;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.stat-ring.purple .ring-fill[data-v-a4565883]{stroke:#8b5cf6}.stat-ring.amber .ring-fill[data-v-a4565883]{stroke:#f59e0b}.stat-ring.rose .ring-fill[data-v-a4565883]{stroke:#f43f5e}.ring-value[data-v-a4565883]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#f1f5f9}.stat-info[data-v-a4565883]{display:flex;flex-direction:column;gap:2px}.stat-label[data-v-a4565883]{font-size:14px;color:#94a3b8}.stat-sublabel[data-v-a4565883]{font-size:12px;color:#64748b}.main-content[data-v-a4565883]{display:grid;grid-template-columns:1fr 360px;gap:24px}.section-card[data-v-a4565883]{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;margin-bottom:24px}.section-header[data-v-a4565883]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h3[data-v-a4565883]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#f1f5f9;margin:0}.section-header h3 svg[data-v-a4565883]{width:20px;height:20px;color:#6366f1}.section-header a[data-v-a4565883]{font-size:13px;color:#818cf8;text-decoration:none;transition:color .3s}.section-header a[data-v-a4565883]:hover{color:#c7d2fe}.recent-list[data-v-a4565883]{display:flex;flex-direction:column;gap:12px}.recent-item[data-v-a4565883]{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:12px;cursor:pointer;transition:all .3s}.recent-item[data-v-a4565883]:hover{background:#ffffff0f;transform:translate(4px)}.book-cover[data-v-a4565883]{width:48px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.book-info[data-v-a4565883]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.book-title[data-v-a4565883]{font-size:14px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-progress[data-v-a4565883]{font-size:12px;color:#818cf8}.progress-bar[data-v-a4565883]{width:80px;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;flex-shrink:0}.progress-fill[data-v-a4565883]{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;transition:width .5s ease}.empty-state[data-v-a4565883]{display:flex;flex-direction:column;align-items:center;padding:40px;color:#64748b;text-align:center}.empty-state svg[data-v-a4565883]{width:48px;height:48px;margin-bottom:12px;opacity:.5}.empty-state p[data-v-a4565883]{font-size:14px;margin-bottom:4px}.empty-state span[data-v-a4565883]{font-size:12px;opacity:.7}.badges-grid[data-v-a4565883]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badge-item[data-v-a4565883]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#ffffff08;border-radius:12px;opacity:.4;transition:all .3s}.badge-item.unlocked[data-v-a4565883]{opacity:1;background:#6366f114}.badge-item.unlocked .badge-icon[data-v-a4565883]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.badge-icon[data-v-a4565883]{width:48px;height:48px;background:#ffffff0f;border-radius:12px;display:flex;align-items:center;justify-content:center}.badge-icon svg[data-v-a4565883]{width:24px;height:24px;color:#fff}.badge-name[data-v-a4565883]{font-size:13px;font-weight:500;color:#f1f5f9}.badge-desc[data-v-a4565883]{font-size:11px;color:#64748b;text-align:center}.vip-card[data-v-a4565883]{position:relative;border-radius:16px;overflow:hidden;margin-bottom:24px;padding:24px}.vip-bg[data-v-a4565883]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e293b,#334155);opacity:.8}.vip-card.active .vip-bg[data-v-a4565883]{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);opacity:.9}.vip-content[data-v-a4565883]{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:16px}.vip-icon[data-v-a4565883]{width:48px;height:48px;background:#ffffff26;border-radius:12px;display:flex;align-items:center;justify-content:center}.vip-icon svg[data-v-a4565883]{width:28px;height:28px;color:#fff}.vip-text h4[data-v-a4565883]{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.vip-text p[data-v-a4565883]{font-size:13px;color:#ffffffb3}.vip-action[data-v-a4565883]{position:relative;z-index:1;width:100%;padding:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.vip-action[data-v-a4565883]:hover{background:#ffffff40;transform:translateY(-1px)}.vip-card.active .vip-action[data-v-a4565883]{background:#fff3}.info-list[data-v-a4565883]{display:flex;flex-direction:column;gap:4px}.info-item[data-v-a4565883]{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;transition:background .2s}.info-item[data-v-a4565883]:hover{background:#ffffff08}.info-label[data-v-a4565883]{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.info-label svg[data-v-a4565883]{width:16px;height:16px;color:#64748b}.info-value[data-v-a4565883]{font-size:14px;color:#f1f5f9;font-weight:500}.benefits-list[data-v-a4565883]{display:flex;flex-direction:column;gap:8px}.benefit-item[data-v-a4565883]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#ffffff08;opacity:.5;transition:all .3s}.benefit-item.active[data-v-a4565883]{opacity:1;background:#6366f10f}.benefit-icon[data-v-a4565883]{width:36px;height:36px;background:#ffffff0f;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-icon svg[data-v-a4565883]{width:18px;height:18px;color:#818cf8}.benefit-item.active .benefit-icon[data-v-a4565883]{background:#6366f126}.benefit-item.active .benefit-icon svg[data-v-a4565883]{color:#c7d2fe}.benefit-text[data-v-a4565883]{flex:1;display:flex;flex-direction:column;gap:2px}.benefit-name[data-v-a4565883]{font-size:14px;color:#f1f5f9;font-weight:500}.benefit-desc[data-v-a4565883]{font-size:12px;color:#64748b}.check-icon[data-v-a4565883]{width:18px;height:18px;color:#34d399}.lock-icon[data-v-a4565883]{width:18px;height:18px;color:#475569}@media (max-width: 960px){.stats-row[data-v-a4565883]{grid-template-columns:repeat(2,1fr)}.main-content[data-v-a4565883]{grid-template-columns:1fr}.profile-header[data-v-a4565883]{flex-direction:column;gap:16px;text-align:center}.avatar-section[data-v-a4565883]{flex-direction:column}}@media (max-width: 640px){.stats-row[data-v-a4565883]{grid-template-columns:1fr}.badges-grid[data-v-a4565883]{grid-template-columns:repeat(2,1fr)}}/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.settings-page[data-v-69acbc52]{padding:0 0 40px}.settings-header[data-v-69acbc52]{margin-bottom:24px}.settings-header h2[data-v-69acbc52]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#f1f5f9;margin:0}.settings-header h2 svg[data-v-69acbc52]{width:22px;height:22px;color:#818cf8}.settings-card[data-v-69acbc52]{background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;margin-bottom:24px}.setting-item[data-v-69acbc52]{display:flex;align-items:center;justify-content:flex-start;padding:20px 24px;gap:16px}.setting-label[data-v-69acbc52]{display:flex;align-items:center;gap:14px;flex:0 0 auto;width:180px}.setting-label svg[data-v-69acbc52]{width:20px;height:20px;color:#818cf8;flex-shrink:0}.setting-label div[data-v-69acbc52]{display:flex;flex-direction:column;gap:2px}.label-title[data-v-69acbc52]{font-size:14px;font-weight:500;color:#e2e8f0}.label-desc[data-v-69acbc52]{font-size:12px;color:#64748b}.setting-input[data-v-69acbc52]{width:200px;padding:10px 14px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f1f5f9;font-size:14px;outline:none;transition:all .3s}.setting-input[data-v-69acbc52]::placeholder{color:#475569}.setting-input[data-v-69acbc52]:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f11a}.setting-divider[data-v-69acbc52]{height:1px;background:#ffffff0f;margin:0 24px}.theme-toggle[data-v-69acbc52]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#94a3b8;font-size:13px;cursor:pointer;transition:all .3s}.theme-toggle[data-v-69acbc52]:hover{border-color:#6366f14d}.theme-dot[data-v-69acbc52]{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2);transition:all .3s}.theme-dot.active[data-v-69acbc52]{border-color:#6366f1;background:#6366f1;box-shadow:0 0 0 2px #6366f133}.save-btn[data-v-69acbc52]{display:flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.save-btn[data-v-69acbc52]:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.save-btn svg[data-v-69acbc52]{width:16px;height:16px}.message-box[data-v-69acbc52]{padding:10px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;border:1px solid transparent}.message-box.info[data-v-69acbc52]{background:#1677ff1a;border-color:#1677ff33;color:#60a5fa}.message-box.error[data-v-69acbc52]{background:#ef44441a;border-color:#ef444433;color:#f87171}.message-box.success[data-v-69acbc52]{background:#22c55e1a;border-color:#22c55e33;color:#4ade80}@media (max-width: 768px){.setting-item[data-v-69acbc52]{flex-direction:column;align-items:flex-start;gap:12px}.setting-input[data-v-69acbc52]{width:100%}}.header-avatar[data-v-69acbc52]{width:36px;height:36px;border-radius:50%;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.header-avatar img[data-v-69acbc52]{width:100%;height:100%;object-fit:cover}.avatar-section[data-v-69acbc52]{display:flex;justify-content:center;margin-bottom:24px}.avatar-wrapper[data-v-69acbc52]{position:relative;width:96px;height:96px;border-radius:50%;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.1);transition:all .3s}.avatar-wrapper[data-v-69acbc52]:hover{border-color:#6366f180;transform:scale(1.05)}.avatar-img[data-v-69acbc52]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-69acbc52]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff}.avatar-placeholder svg[data-v-69acbc52]{width:40px;height:40px;opacity:.8}.avatar-overlay[data-v-69acbc52]{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .3s;color:#fff;font-size:12px}.avatar-wrapper:hover .avatar-overlay[data-v-69acbc52]{opacity:1}.avatar-overlay svg[data-v-69acbc52]{width:24px;height:24px}.cropper-modal[data-v-69acbc52]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cropper-dialog[data-v-69acbc52]{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:90%;max-width:480px;display:flex;flex-direction:column;gap:16px}.cropper-dialog h3[data-v-69acbc52]{margin:0;font-size:16px;color:#f1f5f9;text-align:center}.cropper-wrap[data-v-69acbc52]{max-height:360px;overflow:hidden;border-radius:12px;background:#0a0e27}.cropper-wrap img[data-v-69acbc52]{max-height:360px}.cropper-actions[data-v-69acbc52]{display:flex;justify-content:flex-end;gap:12px}.cropper-actions .btn[data-v-69acbc52]{padding:8px 20px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:all .2s}.cropper-actions .btn-secondary[data-v-69acbc52]{background:#ffffff1a;color:#94a3b8}.cropper-actions .btn-secondary[data-v-69acbc52]:hover{background:#ffffff26}.cropper-actions .btn-primary[data-v-69acbc52]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.cropper-actions .btn-primary[data-v-69acbc52]:hover{opacity:.9}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark}[data-theme=dark]{color-scheme:dark}[data-theme=light]{color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0a0e27;color:#e2e8f0}html[data-theme=light] body{background:#f8fafc;color:#111827}#app{min-height:100vh;display:flex;flex-direction:column}header{height:60px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 24px;gap:24px;box-shadow:0 1px 3px #0000001a}html[data-theme=dark] header{background:#0f172a;border-color:#1f2937;box-shadow:0 1px 3px #0f172a99}header h1{color:#1f2937;font-size:20px;font-weight:600}html[data-theme=dark] header h1{color:#f8fafc}header input[type=search]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff}html[data-theme=dark] header input[type=search]{background:#15202b;border-color:#334155;color:#e2e8f0}header input[type=search]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}main{flex:1;display:flex}.sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:16px 0}html[data-theme=dark] .sidebar{background:#111827;border-color:#1f2937}.nav-item{padding:12px 24px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#6b7280;font-size:14px;transition:all .2s}.nav-item:hover{background:#f9fafb;color:#1f2937}html[data-theme=dark] .nav-item:hover{background:#1f2937;color:#e2e8f0}.nav-item.active{background:#eff6ff;color:#3b82f6;border-right:3px solid #3b82f6}html[data-theme=dark] .nav-item.active{background:#1e293b;color:#60a5fa;border-color:#60a5fa}.content{flex:1;padding:24px;overflow-y:auto}.content h2{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:16px}html[data-theme=dark] .content h2{color:#f8fafc}.message-box{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:12px 16px;border-radius:8px;margin-bottom:16px}html[data-theme=dark] .message-box{background:#1e3a8a;color:#dbeafe;border-color:#2563eb}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card,.status-card,.plan-card,.detail-panel,.library-item,.form-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 1px 4px #0f172a14}html[data-theme=dark] .card,html[data-theme=dark] .status-card,html[data-theme=dark] .plan-card,html[data-theme=dark] .detail-panel,html[data-theme=dark] .library-item,html[data-theme=dark] .form-group{background:#111827;border-color:#1f2937;box-shadow:none}.card:hover,.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.cover{height:170px;background:#e5e7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:48px;margin-bottom:16px}html[data-theme=dark] .cover{background:#1e293b}h3{color:#111827;font-size:18px;margin-bottom:8px}html[data-theme=dark] h3{color:#f8fafc}.meta{color:#6b7280;font-size:14px;margin-bottom:12px}html[data-theme=dark] .meta{color:#94a3b8}.description{color:#475569;font-size:14px;margin-bottom:16px}html[data-theme=dark] .description{color:#cbd5e1}.card-actions,.form-actions{display:flex;gap:12px;flex-wrap:wrap}button{border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-size:14px;transition:all .2s}button.primary{background:#3b82f6;color:#fff}button.secondary{background:#f1f5f9;color:#1f2937}button.danger{background:#ef4444;color:#fff}button:hover{opacity:.95}button.primary:hover{background:#2563eb}button.secondary:hover{background:#e2e8f0}button.danger:hover{background:#dc2626}.back-button{margin-bottom:16px;background:transparent;color:#3b82f6}html[data-theme=dark] .back-button{color:#93c5fd}.detail-panel{max-width:760px}.status-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.plan-card{cursor:pointer}.plan-card.selected{border-color:#3b82f6;box-shadow:0 12px 24px #3b82f62e}.price{font-size:28px;font-weight:700;margin:12px 0}.vip-tips ul{list-style:disc inside;color:#475569}html[data-theme=dark] .vip-tips ul{color:#cbd5e1}.library-list{display:grid;gap:12px}.library-item{display:flex;justify-content:space-between;align-items:center;gap:18px}.empty-state{padding:40px;text-align:center;color:#64748b;background:#f8fafc;border-radius:12px}html[data-theme=dark] .empty-state{background:#111827;color:#94a3b8}.form-group{display:grid;gap:8px;margin-bottom:16px}.form-group label{font-size:14px;color:#475569}html[data-theme=dark] .form-group label{color:#cbd5e1}.form-group input[type=text],.form-group input[type=email]{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#111827}html[data-theme=dark] .form-group input[type=text],html[data-theme=dark] .form-group input[type=email]{background:#0f172a;border-color:#334155;color:#e2e8f0}@media (max-width: 768px){header{padding:0 16px;height:52px;gap:12px}header h1{font-size:16px}main{flex-direction:column}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:auto;z-index:100;display:flex;flex-direction:row;justify-content:space-around;padding:6px 0;border-right:none;border-top:1px solid #e5e7eb;background:#fff}html[data-theme=dark] .sidebar{border-top-color:#1f2937;background:#111827}.nav-item{flex-direction:column;padding:4px 8px;gap:2px;font-size:11px;border-right:none;border-radius:8px}.nav-item span{font-size:18px}.nav-item.active{border-right:none;background:#eff6ff}html[data-theme=dark] .nav-item.active{background:#1e293b}.content{padding:16px 16px 72px;overflow-y:auto}.grid-list{grid-template-columns:1fr}.card,.status-card,.plan-card,.detail-panel,.library-item,.form-group{padding:14px}.plan-grid{grid-template-columns:1fr}.detail-panel{max-width:100%}}.login-panel{max-width:400px;margin:2rem auto;padding:2rem;background:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px #0000001a}.login-form .form-group{margin-bottom:1.5rem}.login-form input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem}.login-form button{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.login-form button:hover{background:var(--primary-hover)}.nav-item.logout{margin-top:auto;border-top:1px solid var(--border-color);color:var(--danger-color)}.nav-item.logout:hover{background:#dc35451a}.switch-group{display:flex;align-items:center;justify-content:space-between}.status-text{margin-bottom:16px;color:#475569}html[data-theme=dark] .status-text{color:#cbd5e1}.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#e0f2fe;color:#0369a1;margin-bottom:12px;font-size:13px}html[data-theme=dark] .badge{background:#1e40af;color:#bfdbfe}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.nav-item:hover{background:#f3f4f6;color:#1f2937}.nav-item.active{background:#6366f1;color:#fff}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5}.loading{display:flex;justify-content:center;align-items:center;height:100vh}