.frontend-app{min-height:100vh;--primary-gradient: linear-gradient(135deg, #ff6b00 0%, #ff00b8 100%);--primary-gradient-alt: linear-gradient(135deg, #ff6b00 0%, #00c853 100%);--primary-orange: #ff6b00;--primary-pink: #ff00b8;--primary-green: #00c853;--primary-dark: #e65c00;--primary-light: #ff8533;--bg-color: #fff8f0;--bg-gradient: linear-gradient(180deg, #fff8f0 0%, #ffffff 50%, #f0fff4 100%);--bg-card: #ffffff;--bg-card-glass: rgba(255, 255, 255, .95);--text-main: #1a1a1a;--text-regular: #4a4a4a;--text-light: #999999;--text-white: #ffffff;--border-color: #ffe4cc;--border-light: rgba(255, 107, 0, .1);--card-shadow: 0 4px 24px rgba(255, 107, 0, .08);--card-shadow-hover: 0 8px 32px rgba(255, 107, 0, .16);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55);--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.frontend-body{margin:0;background:linear-gradient(180deg,#fff8f0 0%,#ffffff 50%,#f0fff4 100%);background-attachment:fixed;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.frontend-app,.frontend-app *,.frontend-app *:before,.frontend-app *:after{box-sizing:border-box}.frontend-app h1,.frontend-app h2,.frontend-app h3,.frontend-app h4,.frontend-app h5,.frontend-app h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.frontend-app ::-webkit-scrollbar{width:8px;height:8px}.frontend-app ::-webkit-scrollbar-track{background:transparent}.frontend-app ::-webkit-scrollbar-thumb{background:var(--primary-gradient-alt);border-radius:var(--radius-full)}.frontend-app ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e65c00,#00b347)}.frontend-app .fade-enter-active,.frontend-app .fade-leave-active{transition:opacity .3s ease}.frontend-app .fade-enter-from,.frontend-app .fade-leave-to{opacity:0}.frontend-app .el-button--primary{background:var(--primary-gradient)!important;border:none!important;border-radius:var(--radius-md)!important;font-weight:600!important}.frontend-app .el-button--primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b004d}.frontend-app .el-input__wrapper{border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px #ff6b000a!important}.frontend-app .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #ff6b001a!important;border-color:var(--primary-orange)!important}.frontend-app .el-card{border-radius:var(--radius-lg)!important;border:1px solid var(--border-color)!important;box-shadow:var(--card-shadow)!important;background:var(--bg-card)!important}.frontend-app .el-dialog{border-radius:var(--radius-xl)!important;overflow:hidden}.frontend-app .el-tag{border-radius:var(--radius-sm)!important;font-weight:600!important}.frontend-app .el-dropdown-menu{border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;box-shadow:0 8px 24px #0000001f!important}.admin-body{margin:0;background:#f7f8fc;color:#1a1f35;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.admin-app{min-height:100vh}.auth-page[data-v-d8055c4b]{min-height:100vh;padding:22px;display:flex;align-items:center;justify-content:center;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;background:radial-gradient(circle at top left,rgba(255,147,60,.18),transparent 26%),radial-gradient(circle at bottom right,rgba(60,202,100,.16),transparent 22%),linear-gradient(180deg,#fff7ef 0%,#fffefb 45%,#eefdf7 100%)}.auth-shell[data-v-d8055c4b]{width:min(1120px,100%);max-width:100%;min-height:calc(100vh - 44px);display:grid;grid-template-columns:1.08fr .92fr;border-radius:34px;overflow:hidden;background:rgba(255,255,255,.82);border:1px solid rgba(239,204,170,.85);box-shadow:0 24px 60px #b87c3b24}.auth-hero[data-v-d8055c4b]{padding:34px 34px 32px;color:#fff;background:linear-gradient(135deg,#ff8b10 0%,#ff5b49 38%,#ff31af 100%);position:relative}.auth-hero[data-v-d8055c4b]:before{content:"";position:absolute;inset:auto -14% -20% auto;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%)}.brand-mark[data-v-d8055c4b]{display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:transparent;cursor:default}.brand-logo[data-v-d8055c4b]{display:block;width:clamp(220px,28vw,320px);max-height:110px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(97,31,3,.16))}.hero-copy[data-v-d8055c4b]{position:relative;z-index:1;margin-top:32px}.hero-chip[data-v-d8055c4b]{display:inline-flex;min-height:32px;padding:0 14px;align-items:center;border-radius:999px;background:rgba(255,255,255,.17);font-size:13px;font-weight:700}.hero-copy h2[data-v-d8055c4b]{margin:18px 0 0;font-size:46px;line-height:1.08;font-weight:800}.hero-copy>p[data-v-d8055c4b]{margin:16px 0 0;max-width:480px;font-size:16px;line-height:1.65;color:#ffffffeb}.hero-metrics[data-v-d8055c4b]{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:14px}.metric-box[data-v-d8055c4b]{padding:18px 16px;border-radius:24px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;overflow:hidden}.metric-box strong[data-v-d8055c4b]{display:block;font-size:26px;line-height:1.15;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-box span[data-v-d8055c4b]{display:block;margin-top:8px;font-size:12px;color:#ffffffd1;white-space:nowrap}.live-feed[data-v-d8055c4b]{margin-top:28px;padding:16px 18px;border-radius:22px;background:rgba(34,14,2,.14);font-size:14px;color:#fffffff2}.auth-panel[data-v-d8055c4b]{padding:34px 34px 32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);min-width:0}@media (max-width: 920px){.auth-shell[data-v-d8055c4b]{grid-template-columns:1fr}.hero-copy[data-v-d8055c4b]{margin-top:22px}.hero-copy h2[data-v-d8055c4b]{font-size:34px}.auth-panel[data-v-d8055c4b],.auth-hero[data-v-d8055c4b]{padding:28px 22px}.brand-mark[data-v-d8055c4b]{justify-content:center}.brand-logo[data-v-d8055c4b]{width:clamp(160px,44vw,240px);max-height:92px;transform:none}}.auth-page[data-v-d8055c4b],.auth-shell[data-v-d8055c4b],.auth-hero[data-v-d8055c4b],.hero-copy[data-v-d8055c4b],.auth-panel[data-v-d8055c4b]{box-sizing:border-box}.clickable[data-v-d8055c4b]{cursor:pointer}@media (max-width: 640px){.auth-page[data-v-d8055c4b]{padding:10px}.auth-shell[data-v-d8055c4b]{width:100%;min-height:calc(100vh - 20px);border-radius:24px}.auth-panel[data-v-d8055c4b],.auth-hero[data-v-d8055c4b]{padding:22px 16px}.hero-copy[data-v-d8055c4b]{margin-top:18px}.hero-copy h2[data-v-d8055c4b]{font-size:24px;line-height:1.18;word-break:break-word}.hero-copy>p[data-v-d8055c4b]{font-size:14px;line-height:1.7;word-break:break-word}.hero-metrics[data-v-d8055c4b]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-box[data-v-d8055c4b]{min-width:0;padding:12px 8px;border-radius:20px}.metric-box strong[data-v-d8055c4b]{font-size:clamp(16px,4.8vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-box span[data-v-d8055c4b]{margin-top:6px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-feed[data-v-d8055c4b]{margin-top:18px;padding:14px 16px;font-size:13px}}@media (max-width: 420px){.brand-logo[data-v-d8055c4b]{width:min(190px,58vw)}.hero-chip[data-v-d8055c4b]{min-height:30px;padding:0 12px;font-size:12px}.hero-copy h2[data-v-d8055c4b]{font-size:22px}.hero-metrics[data-v-d8055c4b]{gap:6px}.metric-box[data-v-d8055c4b]{padding:10px 6px}.metric-box strong[data-v-d8055c4b]{font-size:clamp(15px,4.6vw,18px)}.metric-box span[data-v-d8055c4b]{font-size:10px}}.auth-card[data-v-a0edf27a]{width:min(420px,100%)}.card-head h3[data-v-a0edf27a]{margin:0;font-size:28px;font-weight:800;color:#162033}.auth-tabs[data-v-a0edf27a]{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:20px;background:#fff5ea;border:1px solid rgba(238,206,171,.9)}.tab[data-v-a0edf27a]{height:44px;border:0;border-radius:16px;background:transparent;color:#8b93a2;font-size:15px;font-weight:700;cursor:pointer}.tab.active[data-v-a0edf27a]{background:#fff;color:#172133;box-shadow:0 8px 18px #af7e3d1a}.form-stack[data-v-a0edf27a]{margin-top:22px}.field-label[data-v-a0edf27a]{margin-bottom:8px;font-size:14px;font-weight:700;color:#253045}.pill-input[data-v-a0edf27a] .el-input__wrapper{min-height:50px;border-radius:18px;box-shadow:none;border:1px solid rgba(234,207,179,.95);background:#fff;padding:0 16px}.pill-input[data-v-a0edf27a] .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #ff8a0014}.input-otp-row[data-v-a0edf27a]{display:flex;gap:8px;width:100%}.input-otp-row .pill-input[data-v-a0edf27a]{flex:1}.recovery-strip[data-v-a0edf27a]{margin:8px 0 0;padding:16px 18px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,rgba(255,138,0,.08) 0%,rgba(51,203,93,.1) 100%);border:1px solid rgba(238,206,171,.9)}.recovery-copy[data-v-a0edf27a]{flex:1;min-width:0}.recovery-copy strong[data-v-a0edf27a]{display:block;font-size:16px;color:#172133}.recovery-copy span[data-v-a0edf27a]{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:#7f899a}.otp-trigger-btn[data-v-a0edf27a],.otp-btn[data-v-a0edf27a]{flex-shrink:0;min-width:116px;height:46px;padding:0 16px;border:1px solid rgba(238,206,171,.95);border-radius:16px;background:#fff;color:#c25d10;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap}.otp-trigger-btn[data-v-a0edf27a]:disabled,.otp-btn[data-v-a0edf27a]:disabled{opacity:.6;cursor:not-allowed}.reset-dialog-copy[data-v-a0edf27a]{margin-bottom:14px;font-size:13px;line-height:1.6;color:#7f899a}.reset-form[data-v-a0edf27a]{margin-top:6px}.primary-cta[data-v-a0edf27a]{width:100%;height:50px;margin-top:14px;border:0;border-radius:18px;background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff;font-size:15px;font-weight:800;box-shadow:0 14px 22px #ff880029}.dialog-actions[data-v-a0edf27a]{display:flex;justify-content:center;gap:12px}.ghost-btn[data-v-a0edf27a],.submit-small[data-v-a0edf27a]{min-width:120px;height:46px;border-radius:18px;font-size:14px;font-weight:700;cursor:pointer}.ghost-btn[data-v-a0edf27a]{border:1px solid rgba(238,206,171,.95);background:#fff;color:#c25d10}.submit-small[data-v-a0edf27a]{border:0;background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff}@media (max-width: 640px){.auth-card[data-v-a0edf27a]{width:100%}.card-head h3[data-v-a0edf27a]{font-size:24px}.tab[data-v-a0edf27a]{height:42px;font-size:14px}.pill-input[data-v-a0edf27a] .el-input__wrapper{min-height:54px;border-radius:18px;padding:0 14px}.recovery-strip[data-v-a0edf27a]{align-items:flex-start;padding:14px 16px}.recovery-copy strong[data-v-a0edf27a]{font-size:15px}.otp-trigger-btn[data-v-a0edf27a]{min-width:104px;height:44px;padding:0 14px}.input-otp-row[data-v-a0edf27a],.dialog-actions[data-v-a0edf27a]{flex-direction:column;align-items:stretch}.otp-btn[data-v-a0edf27a],.primary-cta[data-v-a0edf27a],.ghost-btn[data-v-a0edf27a],.submit-small[data-v-a0edf27a]{min-height:50px;width:100%;font-size:15px}}.auth-card[data-v-8efb081b]{width:min(420px,100%)}.card-head h3[data-v-8efb081b]{margin:0;font-size:28px;font-weight:800;color:#162033}.card-head p[data-v-8efb081b]{margin:10px 0 0;font-size:14px;line-height:1.6;color:#7f899a}.auth-tabs[data-v-8efb081b]{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border-radius:20px;background:#fff5ea;border:1px solid rgba(238,206,171,.9)}.tab[data-v-8efb081b]{height:44px;border:0;border-radius:16px;background:transparent;color:#8b93a2;font-size:15px;font-weight:700;cursor:pointer}.tab.active[data-v-8efb081b]{background:#fff;color:#172133;box-shadow:0 8px 18px #af7e3d1a}.form-stack[data-v-8efb081b]{margin-top:22px}.field-label[data-v-8efb081b]{margin-bottom:8px;font-size:14px;font-weight:700;color:#253045}.field-note[data-v-8efb081b]{margin:-12px 0 14px;font-size:12px;color:#7f899a}.pill-input[data-v-8efb081b] .el-input__wrapper{min-height:50px;border-radius:18px;box-shadow:none;border:1px solid rgba(234,207,179,.95);background:#fff;padding:0 16px}.pill-input[data-v-8efb081b] .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #ff8a0014}.input-otp-row[data-v-8efb081b]{display:flex;gap:8px;width:100%}.input-otp-row .pill-input[data-v-8efb081b]{flex:1}.otp-btn[data-v-8efb081b]{flex-shrink:0;height:50px;padding:0 16px;border:1px solid rgba(238,206,171,.95);border-radius:18px;background:#fff;color:#c25d10;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.otp-btn[data-v-8efb081b]:disabled{opacity:.6;cursor:not-allowed}.support-strip[data-v-8efb081b]{margin-top:6px;padding:14px 16px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(90deg,rgba(255,138,0,.08) 0%,rgba(51,203,93,.1) 100%);border:1px solid rgba(238,206,171,.9)}.support-strip strong[data-v-8efb081b]{display:block;font-size:14px;color:#172133}.support-strip span[data-v-8efb081b]{display:block;margin-top:4px;font-size:12px;line-height:1.55;color:#7f899a}.support-btn[data-v-8efb081b]{min-width:150px;height:42px;border-radius:16px;border:0;background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff;font-size:13px;font-weight:800;cursor:pointer}.verify-btn[data-v-8efb081b],.ghost-btn[data-v-8efb081b],.submit-small[data-v-8efb081b]{height:46px;border-radius:18px;font-size:14px;font-weight:700;cursor:pointer}.verify-btn[data-v-8efb081b]{width:100%;margin-top:2px;border:1px solid rgba(238,206,171,.95);background:#fff;color:#c25d10}.primary-cta[data-v-8efb081b]{width:100%;height:50px;margin-top:14px;border:0;border-radius:18px;background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff;font-size:15px;font-weight:800;box-shadow:0 14px 22px #ff880029}.primary-cta.is-disabled[data-v-8efb081b],.primary-cta.is-disabled[data-v-8efb081b]:hover,.primary-cta[data-v-8efb081b]:disabled,.primary-cta[data-v-8efb081b]:disabled:hover{background:#d7dde7!important;color:#fff!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}.terms-copy[data-v-8efb081b]{margin-top:14px;font-size:12px;line-height:1.7;color:#7f899a}.captcha-box[data-v-8efb081b]{padding:8px 0 6px}.captcha-title[data-v-8efb081b]{margin-bottom:16px;font-size:26px;font-weight:800;color:#162033;text-align:center}.captcha-actions[data-v-8efb081b]{display:flex;justify-content:center;gap:12px}.support-dialog-copy[data-v-8efb081b]{margin-bottom:12px;font-size:13px;line-height:1.6;color:#7f899a}.support-form[data-v-8efb081b]{margin-top:8px}.support-history[data-v-8efb081b]{margin-top:18px;border-top:1px solid #f0e2d3;padding-top:16px}.support-history-head[data-v-8efb081b]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.support-history-head strong[data-v-8efb081b]{font-size:14px;color:#172133}.support-history-head span[data-v-8efb081b]{font-size:12px;color:#8b93a2}.support-history-list[data-v-8efb081b]{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.support-empty[data-v-8efb081b]{padding:18px 14px;border-radius:16px;background:#fff8f2;color:#8b93a2;font-size:13px;line-height:1.6}.support-bubble[data-v-8efb081b]{padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.6}.user-bubble[data-v-8efb081b]{background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff}.support-bubble-reply[data-v-8efb081b]{background:#fff;color:#253045;border:1px solid rgba(238,206,171,.9)}.support-chat-box[data-v-8efb081b]{padding:14px;border-radius:18px;border:1px solid rgba(238,206,171,.9);background:#fffaf5}.support-chat-entry+.support-chat-entry[data-v-8efb081b]{margin-top:10px}.support-chat-time[data-v-8efb081b]{margin-bottom:8px;text-align:center;font-size:12px;color:#8b93a2}.support-chat-row[data-v-8efb081b]{display:flex}.support-chat-row-user[data-v-8efb081b]{justify-content:flex-end}.support-chat-row-support[data-v-8efb081b]{justify-content:flex-start}.ghost-btn[data-v-8efb081b]{min-width:120px;border:1px solid rgba(238,206,171,.95);background:#fff;color:#c25d10}.submit-small[data-v-8efb081b]{min-width:120px;border:0;background:linear-gradient(90deg,#ff8a00 0%,#33cb5d 100%);color:#fff}@media (max-width: 640px){.auth-card[data-v-8efb081b]{width:100%}.card-head h3[data-v-8efb081b]{font-size:24px}.card-head p[data-v-8efb081b]{font-size:13px}.tab[data-v-8efb081b]{height:42px;font-size:14px}.pill-input[data-v-8efb081b] .el-input__wrapper{min-height:54px;border-radius:18px;padding:0 14px}.input-otp-row[data-v-8efb081b]{flex-direction:column}.otp-btn[data-v-8efb081b]{width:100%;min-height:50px}.support-strip[data-v-8efb081b]{flex-direction:column;align-items:stretch}.support-btn[data-v-8efb081b]{width:100%}.support-history-head[data-v-8efb081b],.support-ticket-meta[data-v-8efb081b]{flex-direction:column;align-items:flex-start}.verify-btn[data-v-8efb081b],.primary-cta[data-v-8efb081b],.ghost-btn[data-v-8efb081b],.submit-small[data-v-8efb081b]{min-height:50px;font-size:15px}.captcha-actions[data-v-8efb081b]{flex-direction:column}.ghost-btn[data-v-8efb081b],.submit-small[data-v-8efb081b]{width:100%}.support-history-list[data-v-8efb081b]{max-height:38vh}}
