Spaces:
Paused
Paused
| @tailwind base; | |
| @tailwind components; | |
| @tailwind utilities; | |
| :root { | |
| --background: #0D1421; | |
| --background-secondary: #1A2332; | |
| --background-tertiary: #242F3D; | |
| --foreground: #FFFFFF; | |
| --foreground-secondary: #B0BEC5; | |
| --foreground-muted: #78909C; | |
| --primary: #1E88E5; | |
| --primary-light: #42A5F5; | |
| --success: #4CAF50; | |
| --danger: #EF5350; | |
| --warning: #FFC107; | |
| } | |
| * { | |
| box-sizing: border-box; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| html, | |
| body { | |
| max-width: 100vw; | |
| overflow-x: hidden; | |
| background-color: var(--background); | |
| color: var(--foreground); | |
| font-family: 'Roboto', sans-serif; | |
| } | |
| /* 自定义滚动条 */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: var(--background-secondary); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--background-tertiary); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: var(--foreground-muted); | |
| } | |
| /* 数字动画效果 */ | |
| @keyframes pulse-green { | |
| 0%, 100% { color: var(--success); } | |
| 50% { color: #81C784; } | |
| } | |
| @keyframes pulse-red { | |
| 0%, 100% { color: var(--danger); } | |
| 50% { color: #EF9A9A; } | |
| } | |
| .animate-profit { | |
| animation: pulse-green 0.5s ease-in-out; | |
| } | |
| .animate-loss { | |
| animation: pulse-red 0.5s ease-in-out; | |
| } | |