小潘
71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--font-sans: "DengXian", "SimHei", "Heiti SC", sans-serif;
|
|
}
|
|
|
|
@utility line-clamp-2 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@utility line-clamp-3 {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-sans);
|
|
background: #ffffff;
|
|
color: #0f172a;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(0, 162, 234, 0.15);
|
|
color: #0f172a;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #f1f5f9;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #cbd5e1;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #94a3b8;
|
|
}
|
|
|
|
/* Product page hero art titles */
|
|
.hero-product-title {
|
|
font-family: "ZCOOL XiaoWei", "STSong", "SimSun", serif;
|
|
letter-spacing: 0.3em;
|
|
color: white;
|
|
text-shadow: 0 4px 60px rgba(0, 162, 234, 0.3),
|
|
0 2px 4px rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
.hero-product-slogan {
|
|
font-family: "Ma Shan Zheng", "STXingkai", cursive;
|
|
letter-spacing: 0.15em;
|
|
color: white;
|
|
text-shadow: 0 2px 40px rgba(0, 162, 234, 0.25),
|
|
0 0 80px rgba(0, 162, 234, 0.15);
|
|
}
|