*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#000;color:#fff;font-family:PingFang TC,Noto Sans TC,Microsoft JhengHei,Heiti TC,sans-serif;overflow:hidden;width:100vw;height:100vh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-bg-primary: #0d0618;--color-bg-secondary: #1a0a2e;--color-bg-card: #1e0f35;--color-bg-header: rgba(13, 6, 24, .95);--color-bg-overlay: rgba(0, 0, 0, .7);--color-bg-modal: rgba(20, 10, 40, .98);--color-accent-gold: #f5c518;--color-accent-gold-light: #ffd700;--color-accent-purple: #7b2fff;--color-accent-purple-light: #a855f7;--color-accent-green: #22c55e;--color-accent-red: #ef4444;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .4);--color-text-gold: #f5c518;--color-border: rgba(255, 255, 255, .1);--color-border-gold: rgba(245, 197, 24, .4);--shadow-card: 0 4px 24px rgba(0, 0, 0, .6);--shadow-glow-gold: 0 0 20px rgba(245, 197, 24, .4);--shadow-glow-purple: 0 0 20px rgba(123, 47, 255, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-base: 1;--z-ui: 100;--z-dropdown: 200;--z-modal: 300;--z-toast: 400;--z-overlay: 9999}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-select{user-select:none;-webkit-user-select:none}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;pointer-events:auto;touch-action:manipulation}button:focus-visible{outline:2px solid var(--color-accent-purple);outline-offset:2px}