:root{--primary: #07c160;--primary-dark: #06ad56;--gradient: linear-gradient(135deg, #07c160 0%, #06b35a 100%);--text-main: #1a1a1a;--text-secondary: #8a8f99;--bg: #f5f6f7;--card-bg: #ffffff;--border: #ebedf0;--danger: #fa5151;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;font-size:16px}body{padding-bottom:env(safe-area-inset-bottom)}#app{max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh}.card{background:var(--card-bg);border-radius:var(--radius);padding:20px;margin:0 16px 16px;box-shadow:0 2px 8px #00000008}.btn-primary{display:block;width:100%;height:48px;border:none;border-radius:24px;background:var(--gradient);color:#fff;font-size:17px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:opacity .2s,transform .1s}.btn-primary:active{transform:scale(.98);opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}