: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-text-on-primary: #1a1a2e;--color-bg: #1a1a2e;--color-bg-auth: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--color-bg-panel: rgba(255, 255, 255, .04);--color-bg-elevated: rgba(255, 255, 255, .05);--color-bg-hover: rgba(255, 255, 255, .06);--color-bg-header: rgba(0, 0, 0, .3);--color-bg-nav: rgba(0, 0, 0, .2);--color-overlay: rgba(0, 0, 0, .6);--color-input-bg: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-input-border: rgba(255, 255, 255, .15);--color-danger-border: rgba(255, 100, 100, .4);--color-danger-border-subtle: rgba(255, 100, 100, .3);--color-success-border: rgba(76, 175, 80, .3);--color-text: #fff;--color-text-secondary: #bbb;--color-text-muted: #888;--color-text-dim: #666;--color-success: #4caf50;--color-success-soft: #81c784;--color-warning: #ff9800;--color-danger: #ff6b6b;--color-info: #42a5f5;--color-info-soft: #64b5f6;--color-combat: #ff5722;--color-combat-dim: rgba(255, 87, 34, .15);--color-combat-border: rgba(255, 87, 34, .4);--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;--radius-xl: 12px;--nav-width: 160px;--nav-width-collapsed: 48px;--sidebar-width: 280px;--panel-padding: 24px;--header-padding: 10px 24px}@media (max-width: 1279px){:root{--nav-width: var(--nav-width-collapsed);--panel-padding: 16px;--header-padding: 8px 16px}}@media (max-width: 767px){:root{--nav-width: 100%;--sidebar-width: 100%;--panel-padding: 12px;--header-padding: 8px 12px}}::selection{background:var(--color-primary-dim);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-nav)}::-webkit-scrollbar-thumb{background:var(--color-primary-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text)}