:root{--brand: #ff4d2d;--brand-2: #ff7a18;--bg: #f7f8fa;--text: #1f2329;--muted: rgba(31, 35, 41, .6);--card: #ffffff;--border: rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif;background:var(--bg);color:var(--text)}#app{height:100%}.page{min-height:100%;padding:16px}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px #0000000f}.btn-primary{width:100%;height:46px;border:0;border-radius:14px;color:#fff;font-size:16px;font-weight:700;letter-spacing:.3px;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 10px 18px #ff4d2d38}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.75}.input{width:100%;height:46px;padding:0 14px;border-radius:14px;border:1px solid rgba(15,23,42,.12);outline:none;font-size:14px;background:#fff}.input:focus{border-color:#ff4d2d8c;box-shadow:0 0 0 4px #ff4d2d1f}.label{font-size:13px;color:#1f2329b3;margin-bottom:8px}.separator{height:1px;background:#0f172a0f;margin:12px 0}