46 lines
884 B
CSS
46 lines
884 B
CSS
@import "tailwindcss";
|
|
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
@theme {
|
|
--color-primary: #1e3a8a;
|
|
--color-primary-light: #2563eb;
|
|
--color-primary-dark: #1e293b;
|
|
--color-accent: #d4af37;
|
|
--color-accent-light: #e5c158;
|
|
--color-accent-dark: #b8960c;
|
|
--color-background: #f8fafc;
|
|
--color-background-light: #ffffff;
|
|
--color-background-dark: #f1f5f9;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
background-color: var(--color-background);
|
|
color: var(--color-primary-dark);
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* 自定义滚动条样式 */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--color-background-dark);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--color-primary);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-primary-light);
|
|
}
|