:root{--primary-50:#e3f2fd;--primary-100:#bbdefb;--primary-200:#90caf9;--primary-500:#2196f3;--primary-600:#1e88e5;--primary-700:#1976d2;--danger-50:#ffebee;--danger-100:#ffcdd2;--danger-500:#f44336;--danger-700:#c62828;--success-50:#e8f5e9;--success-500:#4caf50;--warning-50:#fff3e0;--warning-500:#ff9800;--text-primary:#212121;--text-secondary:#616161;--text-hint:#9e9e9e;--text-white:#fff;--bg-page:#f5f9ff;--bg-card:#fff;--border:#e0e0e0;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{min-height:100%;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}#__next,.app-container{width:100%;max-width:480px;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border-radius:var(--radius);border:none;outline:none;min-width:44px;min-height:44px;transition:opacity .2s,transform .1s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--primary-500)}textarea{resize:vertical;min-height:100px;line-height:1.6}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.btn-primary{background:var(--primary-500);color:var(--text-white);width:100%;padding:12px 24px;font-size:16px;font-weight:600}.btn-primary:hover{background:var(--primary-600)}.btn-outline{color:var(--primary-500);border:1.5px solid var(--primary-500);background:0 0;padding:10px 20px;font-weight:500}.btn-ghost{color:var(--text-secondary);background:0 0;min-height:auto;padding:8px}.text-danger{color:var(--danger-500)}.text-success{color:var(--success-500)}.text-hint{color:var(--text-hint);font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s ease-out fadeIn}