:root{--primary: #4f46e5;--primary-light: #818cf8;--primary-dark: #3730a3;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent: #f59e0b;--success: #10b981;--success-bg: #ecfdf5;--error: #ef4444;--error-bg: #fef2f2;--warning: #f59e0b;--bg: #f0f2f8;--bg-card: #ffffff;--text-primary: #1e1b4b;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--divider: #f0f0f5;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--shadow-primary: 0 4px 16px rgba(79,70,229,.25);--shadow-card: 0 2px 8px rgba(0,0,0,.04), 0 0 0 1px rgba(0,0,0,.02);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .25s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{max-width:750px;margin:0 auto;min-height:100vh}#root{max-width:750px;margin:0 auto;padding:0;text-align:left}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding-bottom:80px}.btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all var(--duration) var(--ease);letter-spacing:.5px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:disabled{background:linear-gradient(135deg,#c7d2fe,#ddd6fe);box-shadow:none;cursor:not-allowed}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.input-group input{width:100%;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:15px;outline:none;background:var(--bg-card);color:var(--text-primary);transition:all var(--duration) var(--ease)}.input-group input::placeholder{color:var(--text-tertiary)}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-card);transition:all var(--duration) var(--ease)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e1b4bd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:14px 28px;border-radius:var(--radius-md);z-index:9999;font-size:14px;box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.09s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.15s}.stagger>*:nth-child(6){animation-delay:.18s}::-webkit-scrollbar{width:0;height:0}