62 lines
1.5 KiB
CSS
62 lines
1.5 KiB
CSS
@import "tailwindcss";
|
||
|
||
/* Hero UI 源码扫描（Tailwind v4 语法） */
|
||
@source "../node_modules/@heroui/theme";
|
||
@source "../node_modules/@heroui/react";
|
||
|
||
/* 自定义主题配置（Tailwind v4 语法） */
|
||
@theme {
|
||
/* Brainwave 中性色系 */
|
||
--color-n-1: #FFFFFF;
|
||
--color-n-2: #CAC6DD;
|
||
--color-n-3: #ADA8C3;
|
||
--color-n-4: #757185;
|
||
--color-n-5: #3F3A52;
|
||
--color-n-6: #252134;
|
||
--color-n-7: #15131D;
|
||
--color-n-8: #0E0C15;
|
||
|
||
/* Brainwave 主题色 */
|
||
--color-1: #AC6AFF;
|
||
--color-2: #FFC876;
|
||
--color-3: #FF776F;
|
||
--color-4: #7ADB78;
|
||
--color-5: #858DFF;
|
||
--color-6: #FF98E2;
|
||
|
||
/* 描边色 */
|
||
--color-stroke-1: #26242C;
|
||
}
|
||
|
||
body {
|
||
}
|
||
|
||
/* styles for splide carousel */
|
||
@layer components {
|
||
.splide-custom .splide__arrow {
|
||
@apply relative top-0 left-0 right-0 flex items-center justify-center w-12 h-12 bg-transparent border border-solid border-n-4/50 rounded-full transform-none transition-colors hover:border-n-3;
|
||
}
|
||
|
||
.splide-custom .splide__arrow:hover svg {
|
||
@apply fill-n-1;
|
||
}
|
||
|
||
.splide-custom .splide__arrow svg {
|
||
@apply w-4 h-4 fill-n-4 transform-none transition-colors;
|
||
}
|
||
|
||
.splide-visible .splide__track {
|
||
@apply overflow-visible;
|
||
}
|
||
|
||
.splide-pricing .splide__list {
|
||
@apply lg:grid !important;
|
||
@apply lg:grid-cols-3 lg:gap-4;
|
||
}
|
||
|
||
.splide-benefits .splide__list {
|
||
@apply md:grid !important;
|
||
@apply md:grid-cols-3 md:gap-x-10 md:gap-y-[4.5rem] xl:gap-y-[6rem];
|
||
}
|
||
}
|