forked from Reisa/Reisaye
73 lines
1.5 KiB
CSS
73 lines
1.5 KiB
CSS
@import "./colors.css";
|
|
@import "./variables.css";
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
/* 添加字体定义 */
|
|
@font-face {
|
|
font-family: "LXWK";
|
|
font-weight: 100 900;
|
|
font-display: swap;
|
|
font-style: normal;
|
|
src: url("https://cdn.jsdmirror.com/gh/acanyo/mmm.sd@master/assets/font/lxwk.woff2")
|
|
format("woff2");
|
|
}
|
|
|
|
@layer base {
|
|
html {
|
|
font-family:
|
|
"LXWK",
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"Segoe UI",
|
|
Roboto,
|
|
"Helvetica Neue",
|
|
Arial,
|
|
sans-serif;
|
|
scroll-behavior: smooth;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
body {
|
|
@apply bg-main text-primary antialiased;
|
|
}
|
|
|
|
/* 移动端优化 */
|
|
@media (max-width: 768px) {
|
|
html {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/* 移动端点击态优化 */
|
|
@media (hover: none) {
|
|
.hover\:scale-105:active {
|
|
transform: scale(1.02);
|
|
}
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.btn-primary {
|
|
@apply inline-block px-6 py-3 bg-primary text-white rounded-lg
|
|
hover:bg-primary-dark transition-colors duration-300;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply inline-block px-6 py-3 border-2 border-primary text-primary rounded-lg
|
|
hover:bg-primary hover:text-white transition-colors duration-300;
|
|
}
|
|
|
|
.card {
|
|
@apply bg-main border border-light rounded-2xl shadow-sm
|
|
hover:shadow-md transition-all duration-300;
|
|
}
|
|
}
|
|
|
|
/* 移动端滚动优化 */
|
|
.smooth-scroll {
|
|
-webkit-overflow-scrolling: touch;
|
|
scroll-behavior: smooth;
|
|
}
|