:root{--color-primary: #635BFF;--color-primary-light: #7B72FF;--color-secondary: #4DABF7;--color-success: #00A86B;--color-warning: #B7791F;--color-danger: #C53030;--color-bg: #F7F8FA;--color-bg-secondary: #FFFFFF;--color-bg-card: #FFFFFF;--color-text: #0A2540;--color-text-secondary: #6B7C93;--color-border: #E3E8EE;--glass-bg: #FFFFFF;--glass-bg-hover: #F6F9FC;--glass-bg-active: #F0F4F8;--glass-border: #E3E8EE;--glass-shadow: 0 1px 3px rgba(10, 37, 64, .06), 0 1px 2px rgba(10, 37, 64, .04);--glass-blur: blur(0);--glass-blur-heavy: blur(0);--overlay-1: rgba(10, 37, 64, .025);--overlay-2: rgba(10, 37, 64, .04);--overlay-3: rgba(10, 37, 64, .06);--overlay-4: rgba(10, 37, 64, .08);--overlay-5: rgba(10, 37, 64, .12);--ball-1: #FFD700;--ball-2: #4169E1;--ball-3: #808080;--ball-4: #FF8C00;--ball-5: #00CED1;--ball-6: #9370DB;--ball-7: #C0C0C0;--ball-8: #DC143C;--ball-9: #8B0000;--ball-10: #228B22;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-full: 9999px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 32px;--bp-tablet: 768px;--bp-desktop: 1024px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}.animate-slideLeft{animation:slideLeft .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#0a25400a 25%,#0a25401a,#0a25400a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-marquee{animation:marquee 15s linear infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary-light);text-decoration:none}a:hover{color:var(--color-primary)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}input,select,textarea{font-family:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--overlay-5);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0a254040}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.glass-heavy{backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy)}.glass:hover{background:var(--glass-bg-hover)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}