:root{--bg-dark: #0e1118;--bg-card: #16213e;--bg-panel: #141a28;--bg-surface: rgba(255,255,255,.03);--text-primary: #e0dcd4;--text-secondary: #a09888;--text-muted: #5a5248;--color-red: #d44040;--color-green: #38a865;--color-blue: #3a82c8;--color-yellow: #d4a832;--color-gold: #c8a030;--color-selected: #c87020;--color-target: #8858b8;--border-radius: 8px;--card-width: 68px;--card-height: 96px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;background:var(--bg-dark);background-image:radial-gradient(ellipse at 20% 80%,rgba(40,20,10,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(10,20,40,.3) 0%,transparent 60%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #d4a83233}50%{box-shadow:0 0 12px #d4a83266}}@keyframes slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}canvas{image-rendering:pixelated}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}