62 lines
1.1 KiB
CSS
62 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
--bg-dark: #0A0F1C;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100vh;
|
|
min-height: 100dvh;
|
|
min-width: 100vw;
|
|
height: 100%;
|
|
background: var(--bg-dark);
|
|
color: #F3F4F6;
|
|
font-family: 'Orbitron', sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* Military-grade high-contrast typography */
|
|
.font-orbitron {
|
|
font-family: 'Orbitron', sans-serif;
|
|
}
|
|
|
|
/* 数据库面板：易读字体 */
|
|
.font-db {
|
|
font-family: 'Noto Sans SC', system-ui, -apple-system, sans-serif;
|
|
}
|
|
|
|
/* Tabular numbers for aligned stat display */
|
|
.tabular-nums {
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
/* Thin scrollbar for value overflow */
|
|
.scrollbar-thin::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
}
|
|
.scrollbar-thin::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
.scrollbar-thin::-webkit-scrollbar-thumb {
|
|
background: rgba(75, 85, 99, 0.5);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
@keyframes ticker {
|
|
from { transform: translateX(0); }
|
|
to { transform: translateX(-50%); }
|
|
}
|
|
|