:root{--color-primary-start:#ff6b35;--color-primary-end:#ff1744;--color-accent:#ffd600;--color-bg:#fff8f5;--color-card:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-success:#00c853;--color-warning:#ff6d00;--radius-card:16px;--radius-btn:50px;--spacing-page:20px;--font-family:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--transition-fast:.2s ease;--transition-normal:.3s ease-out;--transition-progress:.4s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;line-height:1.6}#app{max-width:750px;padding:var(--spacing-page);padding-bottom:calc(var(--spacing-page) + env(safe-area-inset-bottom));min-height:100vh;margin:0 auto}.page{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}