:root{--color-bg-primary:#0d0d0f;--color-bg-secondary:#1a1a2e;--color-bg-card:#16213e;--color-bg-hover:#1f2b47;--color-gold:#c9a84c;--color-gold-light:#e8d282;--color-gold-dark:#8b6914;--color-red:#a0333a;--color-red-light:#d4545d;--color-green:#2d6a4f;--color-green-light:#52b788;--color-blue:#1d3557;--color-blue-light:#457b9d;--color-purple:#5a189a;--color-purple-light:#9d4edd;--color-text-primary:#e8e0d0;--color-text-secondary:#a09880;--color-text-muted:#6b6355;--color-border:#2a2520;--color-border-gold:#6b5a2f;--element-metal:silver;--element-wood:#228b22;--element-water:#1e90ff;--element-fire:#dc3545;--element-earth:#daa520}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Serif SC,Songti SC,SimSun,STSong,serif;font-size:14px;line-height:1.6}a{color:var(--color-gold);text-decoration:none}a:hover{color:var(--color-gold-light)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-gold);border-radius:2px}.text-gold{color:var(--color-gold)}.text-red{color:var(--color-red-light)}.text-green{color:var(--color-green-light)}.text-blue{color:var(--color-blue-light)}.text-purple{color:var(--color-purple-light)}.text-muted{color:var(--color-text-muted)}.bg-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:4px}.rarity-common{color:#a0a0a0}.rarity-uncommon{color:#2ecc71}.rarity-rare{color:#3498db}.rarity-epic{color:#9b59b6}.rarity-legendary{color:#f39c12}@media (max-width:768px){body{font-size:13px}}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:all .2s ease-out;transform:translateY(0)}