:root{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1c2a4a;--bg-input: #1e2a3a;--text-primary: #e8e8e8;--text-secondary: #a0a0b8;--text-muted: #6a6a80;--accent-gold: #d4a843;--accent-gold-light: #f0d078;--accent-purple: #7c5cbf;--accent-pink: #e85d75;--border-color: #2a2a4a;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;max-width:480px;margin:0 auto;background:var(--bg-primary);position:relative;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .4s ease-out forwards}