*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:#f5f7fa}#app{width:100%;height:100vh}:root{--purple-1: #7C3AED;--purple-2: #C026D3;--purple-50: rgba(124, 58, 237, .1);--purple-100: rgba(192, 38, 211, .14);--orange-1: #F59E0B;--orange-2: #F97316;--bg: #FBF9FE;--card: #FFFFFF;--border: #F0E4F4;--ink: #21143b;--ink-2: #6b5b86;--ink-3: #9a8cb4;--grad-main: linear-gradient(135deg, var(--purple-1), var(--purple-2));--grad-active: linear-gradient(135deg, var(--purple-50) 0%, var(--purple-100) 100%);--grad-accent: linear-gradient(135deg, var(--orange-1), var(--orange-2));--shadow-sm: 0 4px 14px rgba(124, 58, 237, .08);--shadow-md: 0 12px 34px rgba(124, 58, 237, .12);--shadow-lg: 0 22px 60px rgba(124, 58, 237, .16);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}