:root{--color-primary: #e2c282;--color-primary-dim: rgba(226, 194, 130, .15);--color-primary-border: rgba(226, 194, 130, .3);--color-primary-hover: rgba(226, 194, 130, .3);--color-bg: #1a1a2e;--color-bg-panel: rgba(255, 255, 255, .04);--color-bg-hover: rgba(255, 255, 255, .06);--color-bg-header: rgba(0, 0, 0, .3);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .2);--color-text: #fff;--color-text-secondary: #bbb;--color-text-muted: #888;--color-text-dim: #555;--color-success: #4caf50;--color-warning: #ff9800;--color-danger: #ff6b6b;--color-info: #42a5f5;--color-rarity-common: #4caf50;--color-rarity-rare: #42a5f5;--color-rarity-legendary: #ab47bc;--color-system-melee: #ff7043;--color-system-ranged: #66bb6a;--color-system-magic: #7e57c2;--color-system-defense: #78909c;--color-gold: #f5d98e;--color-gold-bg: linear-gradient(135deg, rgba(226, 194, 130, .12), rgba(226, 194, 130, .04));--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--nav-width: 160px;--nav-width-collapsed: 48px}@media (max-width: 768px){:root{--nav-width: 48px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#1a1a2e;color:#fff}