body{margin:0}#root{min-height:100vh}:root{--primary:#6c5ce7;--primary-dark:#5a4bd1;--primary-light:#a29bfe;--bg:#0f0e17;--bg-card:#1a1932;--text:#fffffe;--text-muted:#a7a9be;--accent:#ff6b6b;--gold:#ffd93d;--success:#00e676;--border:#ffffff14;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;line-height:1.6}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}.app-layout{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);background:#0f0e17f2;display:flex}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:.65rem;transition:color .2s;display:flex}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--primary-light)}.nav-item-call{position:relative;top:-8px}.call-icon-wrap{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #6c5ce766}.nav-item-call.active .call-icon-wrap{background:var(--primary-dark)}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--primary-light);border:1px solid var(--primary-light);background:0 0}.btn-secondary:hover{background:#6c5ce71a}.btn-full{width:100%}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.hero h1{margin-bottom:8px;font-size:2rem;font-weight:800}.hero p{color:var(--text-muted);margin-bottom:32px;font-size:.95rem}.hero .btn{min-width:120px}.hero-btns{gap:12px;display:flex}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{width:100%;max-width:360px}.auth-header{text-align:center;margin-bottom:28px}.auth-header svg{color:var(--primary-light);margin-bottom:8px}.auth-header h1{margin-bottom:4px;font-size:1.3rem}.auth-header p{color:var(--text-muted);font-size:.85rem}.auth-error{color:var(--accent);text-align:center;background:#ff6b6b1f;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.85rem}.auth-form{flex-direction:column;gap:12px;display:flex}.form-group{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.form-group svg{color:var(--text-muted);flex-shrink:0}.form-group input{color:var(--text);background:0 0;border:none;outline:none;flex:1;height:100%;font-size:.9rem}.form-group input::placeholder{color:var(--text-muted)}.code-group{padding-right:6px}.code-btn{background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.75rem;font-weight:600}.code-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.85rem}.test-hint{color:var(--primary-light);text-align:center;background:#6c5ce71f;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.8rem;line-height:1.5}.chat-page{background:var(--bg);flex-direction:column;max-width:480px;height:100vh;margin:0 auto;display:flex}.chat-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0e17f2;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.chat-name{font-size:1rem;font-weight:600}.call-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s;display:flex}.call-btn:hover{background:var(--primary-dark)}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex;overflow-y:auto}.msg-hint{text-align:center;color:var(--text-muted);background:#ffffff0d;border-radius:12px;align-self:center;padding:4px 12px;font-size:.75rem}.msg-hint.warn{color:var(--accent);background:#ff6b6b1a}.msg{flex-direction:column;display:flex}.msg-me{align-items:flex-end}.msg-other{align-items:flex-start}.msg-system{align-items:center}.msg-system-text{color:var(--text-muted);font-size:.75rem}.msg-bubble{word-break:break-word;border-radius:14px;max-width:75%;padding:10px 14px;font-size:.9rem;line-height:1.5}.msg-me .msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-other .msg-bubble{background:var(--bg-card);color:var(--text);border-bottom-left-radius:4px}.voice-bubble{cursor:pointer;align-items:center;gap:6px;min-width:80px;display:flex}.msg-me .voice-bubble{flex-direction:row-reverse}.msg-time{color:var(--text-muted);margin-top:2px;font-size:.65rem}.chat-input-bar{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 12px;padding-bottom:env(safe-area-inset-bottom,10px);background:#0f0e17f2;flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-input-bar input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:.9rem}.chat-input-bar input::placeholder{color:var(--text-muted)}.voice-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px;transition:color .2s}.voice-btn:hover{color:var(--primary-light)}.voice-btn:active{color:var(--accent)}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.recording-indicator{color:var(--accent);flex:1;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.recording-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.voice-dur{margin-left:2px;font-size:.8rem}.call-overlay{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0e17f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.call-card{text-align:center}.call-avatar{margin-bottom:16px;font-size:4rem}.call-name{margin-bottom:8px;font-size:1.2rem;font-weight:600}.call-status{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.call-timer{color:var(--primary-light);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:2rem;font-weight:800}.call-fee{color:var(--gold);justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:.8rem;display:flex}.call-fee-amount{font-size:1.1rem;font-weight:800}.call-fee-hint{color:var(--gold);background:#ffd93d1f;border-radius:12px;align-items:center;gap:4px;margin-bottom:24px;padding:4px 12px;font-size:.75rem;display:inline-flex}.call-end-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:72px;height:72px;margin-top:24px;font-size:.9rem;font-weight:600}.profile-page{padding:24px 16px}.profile-card{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.profile-info h2{font-size:1.1rem}.profile-info p{color:var(--text-muted);font-size:.85rem}.member-card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.member-icon{font-size:1.5rem}.member-detail{flex:1}.member-name{font-size:.95rem;font-weight:700;display:block}.member-msg{color:var(--text-muted);font-size:.75rem}.profile-section{margin-bottom:24px}.profile-row{background:var(--bg-card);border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;display:flex}.profile-row:first-of-type{border-radius:var(--radius) var(--radius) 0 0}.profile-row:last-of-type{border-radius:0 0 var(--radius) var(--radius);border-bottom:none}.profile-arrow{color:var(--text-muted);font-size:1.2rem}.logout-btn{border:1px solid var(--accent);width:100%;color:var(--accent);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:.9rem;transition:all .2s;display:flex}.logout-btn:hover{background:#ff6b6b1a}.booking-page{padding:24px 16px}.booking-page>h1{margin-bottom:20px;font-size:1.2rem}.steps{justify-content:center;align-items:center;gap:0;margin-bottom:28px;display:flex}.step{background:var(--bg-card);border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step.active{background:var(--primary);border-color:var(--primary);color:#fff}.step-line{background:var(--border);flex:0 0 40px;height:2px}.booking-section{flex-direction:column;gap:16px;display:flex}.booking-section h2{font-size:1rem}.booking-section input[type=date]{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:10px;width:100%;padding:12px 14px;font-size:.9rem}.time-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.time-slot{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);text-align:center;border-radius:8px;padding:10px 4px;font-size:.8rem;transition:all .2s}.time-slot:hover{border-color:var(--primary-light);color:var(--text)}.time-slot.selected{background:var(--primary);border-color:var(--primary);color:#fff}.step-actions{gap:10px;display:flex}.step-actions .btn{flex:1}.confirm-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.confirm-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 16px;font-size:.9rem;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-row span:first-child{color:var(--text-muted)}.pricing-page{padding:24px 16px}.pricing-page>h1{text-align:center;margin-bottom:16px;font-size:1.2rem}.non-member-section{margin-bottom:24px}.non-member-section h2{margin-bottom:10px;font-size:1rem}.non-member-cards{gap:10px;display:flex}.non-member-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex:1;padding:16px}.nm-duration{color:var(--text-muted);margin-bottom:4px;font-size:.8rem;display:block}.nm-price{color:var(--accent);font-size:1.3rem;font-weight:700}.member-title{margin-bottom:4px;font-size:1rem}.member-sub{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:.75rem}.member-list{flex-direction:column;gap:12px;display:flex}.member-item{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);padding:16px}.member-item.current{border-color:var(--primary-light)}.member-item-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.member-item-icon{font-size:1.2rem}.member-item-name{font-size:.95rem;font-weight:700}.current-badge{background:var(--primary);color:#fff;border-radius:8px;padding:1px 8px;font-size:.65rem}.member-item-price{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.per-hour{color:var(--primary-light);font-size:1.3rem;font-weight:800}.per-hour small{font-size:.7rem;font-weight:400}.total{color:var(--text-muted);font-size:.75rem}.member-item-msg{color:var(--gold);margin-bottom:12px;font-size:.75rem}.admin-layout{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto}.admin-page{padding:16px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-header h1{font-size:1.1rem}.logout-btn-sm{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;display:flex}.admin-tabs{gap:6px;margin-bottom:16px;display:flex}.admin-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:.8rem;display:flex}.admin-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.admin-section{flex-direction:column;gap:10px;display:flex}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px}.stat-num{color:var(--primary-light);font-size:1.4rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);font-size:.7rem}.level-dist{flex-direction:column;gap:4px;display:flex}.level-row{color:var(--text-muted);justify-content:space-between;padding:4px 0;font-size:.8rem;display:flex}.user-card-top,.call-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.user-card-info,.call-card-info{color:var(--text-muted);gap:12px;font-size:.75rem;display:flex}.level-tag{color:var(--primary-light);background:#6c5ce726;border-radius:6px;padding:1px 8px;font-size:.65rem;font-weight:600}.level-tag.gold{color:gold;background:#ffd7001f}.level-tag.silver{color:silver;background:#c0c0c01f}.level-tag.diamond{color:#b9f2ff;background:#b9f2ff1f}.level-tag.supreme{color:#ff6b6b;background:#ff6b6b1f}.status-tag{border-radius:6px;padding:1px 8px;font-size:.65rem;font-weight:600}.status-tag.done{color:var(--success);background:#00e6761f}.status-tag.missed{color:var(--accent);background:#ff6b6b1f}.call-card-info .fee{color:var(--gold);font-weight:600}.call-card-time{color:var(--text-muted);margin-top:4px;font-size:.7rem}.agree-row{cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0;display:flex}.agree-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.agree-text{color:var(--text-muted);font-size:.7rem;line-height:1.4}.asset-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.asset-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px}.asset-num{color:var(--primary-light);font-size:1.3rem;font-weight:800;display:block}.asset-label{color:var(--text-muted);font-size:.7rem}.records-section{margin-bottom:24px}.records-section h3{margin-bottom:10px;font-size:.95rem}.no-records{color:var(--text-muted);text-align:center;padding:20px;font-size:.85rem}.records-list{flex-direction:column;gap:6px;display:flex}.record-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.record-left{flex-direction:column;gap:2px;display:flex}.record-type{font-size:.85rem;font-weight:600}.record-detail{color:var(--text-muted);font-size:.7rem}.record-right{text-align:right;flex-direction:column;gap:2px;display:flex}.record-amount{color:var(--accent);font-size:.85rem;font-weight:700}.record-time{color:var(--text-muted);font-size:.65rem}.admin-time{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:.75rem}.call-ended-balance{color:var(--text-muted);margin-bottom:20px;font-size:.85rem}.pay-page{min-height:100vh;padding:0 16px 24px}.pay-header{align-items:center;gap:12px;margin-bottom:16px;padding:12px 0;display:flex}.pay-header h2{font-size:1.1rem}.pay-back{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px}.pay-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}.pay-info-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:14px 16px;font-size:.9rem;display:flex}.pay-info-row:last-child{border-bottom:none}.pay-info-row span:first-child{color:var(--text-muted)}.pay-info-row.total .pay-fee{color:var(--accent);font-size:1.3rem;font-weight:800}.pay-method{margin-bottom:20px}.pay-method h3{margin-bottom:10px;font-size:.9rem}.pay-method-item{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:8px;padding:14px 16px;font-size:.9rem;transition:border-color .2s}.pay-method-item.selected{border-color:var(--primary)}.pay-confirm-btn{margin-bottom:8px}.pay-tip{text-align:center;color:var(--text-muted);font-size:.7rem}.pay-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.pay-result-icon{margin-bottom:16px;font-size:4rem}.pay-result h2{margin-bottom:8px;font-size:1.3rem}.pay-result-info{color:var(--text-muted);margin-bottom:4px;font-size:.9rem}.pay-result-fee{color:var(--primary-light);margin-bottom:24px;font-size:2rem;font-weight:800}.call-answer-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:72px;height:72px;font-size:.8rem;font-weight:600;display:flex}.admin-workspace{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto}.admin-top-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-top-bar h1{font-size:1rem}.admin-top-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:.7rem}.service-notice{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:16px}.service-notice h3{margin-bottom:10px;font-size:.95rem}.notice-content p{color:var(--text-muted);margin-bottom:8px;font-size:.7rem;line-height:1.6}.notice-content strong{color:var(--text)}.withdraw-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.withdraw-card h3{margin-bottom:10px;font-size:.9rem}.call-page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.call-idle,.call-ended,.call-active{text-align:center;width:100%}.call-idle-icon,.call-ended-icon{margin-bottom:16px;font-size:4rem}.call-idle h2,.call-ended h2{margin-bottom:8px;font-size:1.3rem}.call-idle p{color:var(--text-muted);margin-bottom:24px;font-size:.85rem}.call-tip{color:var(--text-muted);margin-top:12px;font-size:.75rem}.call-start-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:28px;align-items:center;gap:8px;margin:0 auto;padding:14px 36px;font-size:1rem;font-weight:600;display:flex}.call-start-btn:hover{background:var(--primary-dark)}.call-ended-info{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.call-ended-fee{color:var(--primary-light);margin-bottom:24px;font-size:1.5rem;font-weight:800}.call-active-avatar{margin-bottom:16px;font-size:4rem}.call-active h2{margin-bottom:16px;font-size:1.2rem}.call-calling-text{color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.call-dots{justify-content:center;gap:6px;margin-bottom:24px;display:flex}.call-dots span{background:var(--primary-light);border-radius:50%;width:8px;height:8px;animation:1.4s infinite dotBounce}.call-dots span:nth-child(2){animation-delay:.2s}.call-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.call-end-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:72px;height:72px;margin-top:32px;font-size:.8rem;font-weight:600;display:flex}.chat-remaining{color:var(--text-muted);background:#ffffff0d;border-radius:10px;padding:2px 10px;font-size:.7rem}