*{box-sizing:border-box}:root{--xy-bg: #f4f7fb;--xy-bg-soft: #eef4ff;--xy-card: rgba(255, 255, 255, .92);--xy-text: #172033;--xy-text-secondary: #5f6b85;--xy-primary: #3b82f6;--xy-primary-dark: #1d4ed8;--xy-border: rgba(15, 23, 42, .08);--xy-shadow: 0 18px 50px rgba(15, 23, 42, .08);--xy-radius-lg: 24px;--xy-radius-md: 16px}html,body,#app{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--xy-text);background:var(--xy-bg)}a{color:inherit}button,input,textarea,select{font:inherit}.xy-page-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 30%),radial-gradient(circle at top right,rgba(14,165,233,.16),transparent 28%),linear-gradient(135deg,#081226,#0f2749 45%,#143a6b)}.xy-auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) minmax(360px,520px);gap:28px;align-items:center;justify-content:center;padding:28px}.xy-auth-hero,.xy-auth-card{border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--xy-shadow)}.xy-auth-hero{color:#fff;border-radius:32px;padding:36px 34px;background:linear-gradient(180deg,#ffffff1f,#ffffff0a)}.xy-auth-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffff1a;font-size:13px;color:#ffffffeb;margin-bottom:18px}.xy-auth-hero__title{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.2;font-weight:800}.xy-auth-hero__desc{margin:14px 0 28px;color:#ffffffb8;line-height:1.85;font-size:14px}.xy-auth-feature-list,.xy-auth-metric-list{display:grid;gap:12px}.xy-auth-feature-item,.xy-auth-metric-item{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff14}.xy-auth-feature-item{padding:16px 18px}.xy-auth-feature-item b,.xy-auth-metric-item b{display:block;font-size:14px;margin-bottom:6px}.xy-auth-feature-item span,.xy-auth-metric-item span{font-size:12px;line-height:1.7;color:#ffffffb3}.xy-auth-metric-list{grid-template-columns:repeat(3,1fr);margin-top:22px}.xy-auth-metric-item{padding:16px;text-align:center}.xy-auth-card{background:#fffffff0;border-radius:32px;padding:34px 34px 28px}.xy-auth-card__brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.xy-auth-card__logo{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.xy-auth-card__eyebrow{font-size:12px;color:var(--xy-primary);font-weight:700;margin-bottom:4px}.xy-auth-card__title{margin:0;font-size:26px;font-weight:800;color:var(--xy-text)}.xy-auth-card__desc{margin:10px 0 20px;color:var(--xy-text-secondary);font-size:14px;line-height:1.7}.xy-info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;margin-bottom:18px;border:1px solid rgba(59,130,246,.12);background:linear-gradient(135deg,#3b82f614,#0ea5e914)}.xy-info-banner__icon{width:32px;height:32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--xy-primary);font-size:16px;flex-shrink:0}.xy-muted{color:var(--xy-text-secondary)}.xy-section-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--xy-text)}.xy-section-subtitle{margin:0;font-size:13px;color:var(--xy-text-secondary)}.xy-auth-form{display:grid;gap:16px}.xy-form-group{display:grid;gap:6px}.xy-form-group label,.xy-form-label{font-size:13px;font-weight:700;color:var(--xy-text)}.xy-form-helper{font-size:12px;color:var(--xy-text-secondary);line-height:1.6}.xy-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xy-input,.xy-select,.xy-textarea{width:100%;border:1px solid #d8e2f0;border-radius:14px;background:#fff;color:var(--xy-text);padding:12px 14px;min-height:46px;transition:border-color .2s,box-shadow .2s,background .2s}.xy-textarea{min-height:96px;resize:vertical}.xy-input:focus,.xy-select:focus,.xy-textarea:focus{outline:none;border-color:var(--xy-primary);box-shadow:0 0 0 4px #3b82f61f}.xy-input[disabled],.xy-select[disabled],.xy-textarea[disabled]{background:#f3f6fb;color:#64748b;cursor:not-allowed}.xy-input-wrap{position:relative}.xy-input-tag{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#22c55e1f;color:#16a34a;font-size:11px;font-weight:700;padding:4px 8px}.xy-input-error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.xy-error{font-size:12px;color:#dc2626;line-height:1.5}.xy-button{min-height:46px;border:none;border-radius:14px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#409eff,#2563eb);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 14px 28px #2563eb33}.xy-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 34px #2563eb42}.xy-button:disabled{opacity:.72;cursor:not-allowed}.xy-button--ghost{background:#fff;color:var(--xy-primary);border:1px solid rgba(59,130,246,.2);box-shadow:none}.xy-submit{width:100%}.xy-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.xy-plan-card{border:1px solid #dbe3f0;border-radius:16px;padding:14px 12px;cursor:pointer;transition:all .2s;background:#fff}.xy-plan-card:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 10px 24px #409eff1f}.xy-plan-card.active{border-color:#409eff;background:linear-gradient(135deg,#eff6ff,#f8fbff)}.xy-plan-name{font-weight:700;font-size:14px;color:#1f2937}.xy-plan-desc{margin-top:6px;font-size:12px;color:#64748b;line-height:1.6}.xy-loading-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffffb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.xy-loading-spinner{width:24px;height:24px;border:3px solid rgba(59,130,246,.14);border-top-color:#3b82f6;border-radius:50%;animation:xy-spin .7s linear infinite}.xy-loading-text{font-size:12px;color:#475569}@keyframes xy-spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.xy-auth-layout{grid-template-columns:1fr;max-width:640px;margin:0 auto}.xy-auth-hero{order:2}.xy-auth-card{order:1}}@media (max-width: 640px){.xy-auth-layout{padding:16px;gap:16px}.xy-auth-card,.xy-auth-hero{border-radius:24px;padding:24px 20px}.xy-auth-metric-list,.xy-form-row,.xy-plan-grid{grid-template-columns:1fr}}