105 lines
1.6 KiB
CSS
105 lines
1.6 KiB
CSS
|
@tailwind base;
|
||
|
|
@tailwind components;
|
||
|
|
@tailwind utilities;
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--background: #f9fafb;
|
||
|
|
--foreground: #111827;
|
||
|
|
--font-inter: 'Inter', sans-serif;
|
||
|
|
|
||
|
|
/* HeroUI Button 默认颜色覆盖 - 日间模式 */
|
||
|
|
--btn-default-bg: #272E40;
|
||
|
|
--btn-default-text: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dark {
|
||
|
|
--background: #111827;
|
||
|
|
--foreground: #f9fafb;
|
||
|
|
|
||
|
|
/* HeroUI Button 默认颜色覆盖 - 夜间模式 */
|
||
|
|
--btn-default-bg: #111827;
|
||
|
|
--btn-default-text: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
box-sizing: border-box;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: var(--font-inter);
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
color: var(--foreground);
|
||
|
|
background: var(--background);
|
||
|
|
max-width: 100%;
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
border: none;
|
||
|
|
outline: none;
|
||
|
|
text-decoration: none;
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
menu,
|
||
|
|
ol,
|
||
|
|
ul {
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeIn {
|
||
|
|
from {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(10px);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeInCard {
|
||
|
|
from {
|
||
|
|
opacity: 0;
|
||
|
|
transform: scale(0.95) translateY(20px);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform: scale(1) translateY(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 确保动画延迟时初始状态为透明 */
|
||
|
|
.animate-fade-in {
|
||
|
|
animation-fill-mode: both;
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 平滑的表格行动画 */
|
||
|
|
@keyframes slideUp {
|
||
|
|
from {
|
||
|
|
opacity: 0;
|
||
|
|
transform: translateY(10px);
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0);
|
||
|
|
}
|
||
|
|
}
|