.auth-overlay[data-v-ad750569]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.auth-modal[data-v-ad750569]{background:#fff;padding:40px;border-radius:16px;text-align:center;max-width:400px;width:90%}.auth-icon[data-v-ad750569]{font-size:48px;margin-bottom:20px}.auth-modal h2[data-v-ad750569]{margin-bottom:10px;color:#1e40af}.auth-modal p[data-v-ad750569]{color:#666;margin-bottom:20px}.auth-modal input[data-v-ad750569]{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:16px}.auth-modal input[data-v-ad750569]:focus{outline:none;border-color:#3b82f6}.auth-modal button[data-v-ad750569]{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.auth-modal button[data-v-ad750569]:disabled{background:#9ca3af;cursor:not-allowed}.auth-modal button[data-v-ad750569]:hover:not(:disabled){background:#2563eb}.error[data-v-ad750569]{color:#ef4444;margin-top:16px;font-size:14px}.toast[data-v-0f96a6ee]{position:fixed;top:18px;right:18px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#0f172a;color:#fff;border-radius:12px;box-shadow:0 10px 24px #0f172a33;z-index:9999;animation:toast-in-0f96a6ee .2s ease-out}.toast.success[data-v-0f96a6ee]{background:linear-gradient(135deg,#16a34a,#15803d)}.toast.error[data-v-0f96a6ee]{background:linear-gradient(135deg,#dc2626,#b91c1c)}.toast-icon[data-v-0f96a6ee]{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff3;font-size:14px;font-weight:700}.toast-text[data-v-0f96a6ee]{font-size:13px;font-weight:600}@keyframes toast-in-0f96a6ee{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.toast[data-v-0f96a6ee]{left:50%;right:auto;transform:translate(-50%)}}:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-muted: #f1f5f9;--border-color: #e5e7eb;--text-main: #0f172a;--text-muted: #64748b;--text-soft: #94a3b8;--shadow-soft: 0 12px 28px rgba(15, 23, 42, .12)}html[data-theme=dark]{--bg-main: #111827;--bg-card: #1f2937;--bg-muted: #273449;--border-color: #334155;--text-main: #f1f5f9;--text-muted: #cbd5f5;--text-soft: #94a3b8;--shadow-soft: 0 12px 28px rgba(0, 0, 0, .35)}#kami-app{min-height:100vh}html,body{height:100%;margin:0;overflow-x:hidden;background:var(--bg-main);color:var(--text-main)}body{transition:background .2s ease,color .2s ease}.ua-blocker{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ca6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.ua-card{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);border-radius:16px;padding:28px 24px;max-width:360px;text-align:center;box-shadow:var(--shadow-soft)}.ua-icon{font-size:32px;margin-bottom:10px}.ua-card h2{margin:0 0 10px;font-size:18px}.ua-card p{margin:6px 0;color:var(--text-muted);font-size:13px;line-height:1.6}.ua-tip{margin-top:10px;color:var(--text-soft)}.ua-copy{margin-top:12px;padding:10px 14px;border-radius:10px;border:none;background:#1e40af;color:#fff;font-size:13px;cursor:pointer}.ua-copy:hover{background:#1d4ed8}.ua-hint{margin-top:8px;font-size:12px;color:var(--text-soft)}html[data-theme=dark] .layout{background:var(--bg-main);color:var(--text-main)}html[data-theme=dark] .header{background:var(--bg-card);border-bottom:1px solid var(--border-color)}html[data-theme=dark] .nav-pill{background:var(--bg-card);border-color:var(--border-color)}html[data-theme=dark] .nav-item{color:var(--text-muted)}html[data-theme=dark] .nav-item.active{background:#1e293b;border-color:#334155;color:var(--text-main)}html[data-theme=dark] .icon-btn,html[data-theme=dark] .avatar-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-muted)}html[data-theme=dark] .profile-menu{background:var(--bg-card);border:1px solid var(--border-color)}html[data-theme=dark] .profile-item{color:var(--text-main)}html[data-theme=dark] .profile-item:hover{background:#1e293b}html[data-theme=dark] .download-section,html[data-theme=dark] .subscription-section,html[data-theme=dark] .invite-tools,html[data-theme=dark] .invite-records,html[data-theme=dark] .success-card,html[data-theme=dark] .modal-content,html[data-theme=dark] .auth-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-soft);color:var(--text-main)}html[data-theme=dark] .auth-page,html[data-theme=dark] .shop-hero,html[data-theme=dark] .invite-hero{background:linear-gradient(135deg,#1f2937,#111827);border-color:var(--border-color)}html[data-theme=dark] .user-card{background:linear-gradient(135deg,#1e293b,#111827)}html[data-theme=dark] .usid-card{background:#1f2937;border-color:var(--border-color)}html[data-theme=dark] .block-header{background:#253247;border-bottom:1px solid var(--border-color)}html[data-theme=dark] .block-header h4,html[data-theme=dark] .subscribe-header h4,html[data-theme=dark] .traffic-chart-section h3,html[data-theme=dark] .invite-tools h3,html[data-theme=dark] .invite-records h3{color:var(--text-main)}html[data-theme=dark] .sr-guide{background:#1f2937;border-top:1px solid var(--border-color)}html[data-theme=dark] .subscribe-card{background:#1f2937;border:1px solid var(--border-color)}html[data-theme=dark] .subscribe-url{background:#111827;border-color:var(--border-color)}html[data-theme=dark] .subscribe-url code{color:var(--text-muted)}html[data-theme=dark] .traffic-chart-section{background:var(--bg-card);border:1px solid var(--border-color)}html[data-theme=dark] .download-item,html[data-theme=dark] .download-item.windows,html[data-theme=dark] .download-item.mac,html[data-theme=dark] .download-item.android,html[data-theme=dark] .download-item.ios,html[data-theme=dark] .download-item.help{background:#2b3a4f;color:var(--text-main);border:1px solid #364760;box-shadow:0 6px 14px #0f172a33}html[data-theme=dark] .subscribe-card,html[data-theme=dark] .usid-card,html[data-theme=dark] .download-item,html[data-theme=dark] .code-row,html[data-theme=dark] .stat-card,html[data-theme=dark] .plan-card,html[data-theme=dark] .ticket-row,html[data-theme=dark] .ticket-detail,html[data-theme=dark] .platform-section,html[data-theme=dark] .client-card,html[data-theme=dark] .v2ray-box{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .plan-card.recommended{box-shadow:0 10px 24px #1e40af59}html[data-theme=dark] .records-table th,html[data-theme=dark] .records-table td{border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .plan-card{background:#1f2937;border-color:var(--border-color);box-shadow:var(--shadow-soft)}html[data-theme=dark] .plan-name,html[data-theme=dark] .plan-price .currency,html[data-theme=dark] .plan-price .amount,html[data-theme=dark] .plan-price .period,html[data-theme=dark] .plan-features li{color:var(--text-main)}html[data-theme=dark] .plan-features li{border-bottom:1px solid #334155}html[data-theme=dark] .feature-icon{background:#334155;color:var(--text-main)}html[data-theme=dark] .plan-features li.disabled{color:var(--text-muted)}html[data-theme=dark] .plan-features li.disabled .feature-icon{background:#3f1d1d;color:#fecaca}html[data-theme=dark] .auth-card h2,html[data-theme=dark] .auth-card label,html[data-theme=dark] .auth-links a,html[data-theme=dark] .auth-card .field-hint{color:var(--text-main)}html[data-theme=dark] .auth-card input,html[data-theme=dark] .auth-card select,html[data-theme=dark] .auth-card textarea{background:#111827;border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .auth-card input::placeholder{color:var(--text-soft)}html[data-theme=dark] .modal-content h3,html[data-theme=dark] .modal-content label,html[data-theme=dark] .modal-close{color:var(--text-main)}html[data-theme=dark] .modal-content input,html[data-theme=dark] .modal-content textarea,html[data-theme=dark] .modal-content select{background:#111827;border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .modal-content input::placeholder,html[data-theme=dark] .modal-content textarea::placeholder{color:var(--text-soft)}html[data-theme=dark] .field-hint{color:var(--text-muted)}html[data-theme=dark] .period-option,html[data-theme=dark] .pay-method{background:#1f2937;border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .period-option.active,html[data-theme=dark] .pay-method.active{background:#1e293b;border-color:#3b82f6;color:var(--text-main)}html[data-theme=dark] .transfer-modal{background:linear-gradient(180deg,#1f2937,#111827)}html[data-theme=dark] .transfer-icon{background:#3b82f62e;color:#93c5fd}html[data-theme=dark] .transfer-balance,html[data-theme=dark] .amount-input,html[data-theme=dark] .amount-input input,html[data-theme=dark] .amount-quick button,html[data-theme=dark] .pay-method,html[data-theme=dark] .ticket-row,html[data-theme=dark] .ticket-detail,html[data-theme=dark] .ticket-msg,html[data-theme=dark] .ticket-msg.mine{background:#1f2937;border-color:#334155;color:var(--text-main)}html[data-theme=dark] .amount-input input{background:transparent;border:none}html[data-theme=dark] .amount-input .currency,html[data-theme=dark] .pay-tip,html[data-theme=dark] .tool-label,html[data-theme=dark] .ticket-meta{color:var(--text-muted)}html[data-theme=dark] .ticket-subject,html[data-theme=dark] .ticket-text{color:var(--text-main)}html[data-theme=dark] .records-table th{background:#253247}html[data-theme=dark] .records-table tbody tr{background:#202b3d}html[data-theme=dark] .records-table tbody tr:nth-child(2n){background:#253247}html[data-theme=dark] .no-data{color:var(--text-muted)}html[data-theme=dark] .code-text{color:var(--text-main)}html[data-theme=dark] .code-date{color:var(--text-muted)}html[data-theme=dark] .client-name{color:var(--text-main)}html[data-theme=dark] .client-icon{background:#111827}html[data-theme=dark] .hero-btn.secondary{background:#1f2937;border-color:#334155;color:var(--text-main)}html[data-theme=dark] .hero-btn.secondary:hover{background:#273449}html[data-theme=dark] .input,html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#111827;border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .traffic-chart-section,html[data-theme=dark] .download-section h3,html[data-theme=dark] .subscription-section h3,html[data-theme=dark] .invite-records h3,html[data-theme=dark] .sr-title{color:var(--text-main)}html[data-theme=dark] .subscribe-card,html[data-theme=dark] .usid-card,html[data-theme=dark] .download-item,html[data-theme=dark] .code-row,html[data-theme=dark] .stat-card,html[data-theme=dark] .plan-card{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}html[data-theme=dark] .plan-card.recommended{border-color:#3b82f6}html[data-theme=dark] .records-table th,html[data-theme=dark] .records-table td,html[data-theme=dark] .tool-label,html[data-theme=dark] .code-date,html[data-theme=dark] .page-subtitle,html[data-theme=dark] .subtitle,html[data-theme=dark] .subscribe-tip{color:var(--text-muted)}html[data-theme=dark] .auth-page,html[data-theme=dark] .modal-overlay{background:#060a14b3}
