Skip to content
Clone
327df0c
42 lines 1.1 KB CSS
@import "../../../shared/styles/fonts.css";
@import "tailwindcss";
@import "../../../shared/styles/theme.css";
@source "../../";
/* 落地页专用装饰:光晕、网格与卡片动效,颜色全部取共享 token。 */
.landing-aurora {
background: radial-gradient(
55% 45% at 50% 0%,
color-mix(in oklab, var(--auth-accent) 16%, transparent) 0%,
transparent 72%
);
}
.landing-grid {
background-image:
linear-gradient(to right, var(--auth-line) 1px, transparent 1px),
linear-gradient(to bottom, var(--auth-line) 1px, transparent 1px);
background-size: 64px 64px;
mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000 35%, transparent 78%);
opacity: 0.55;
}
.landing-card {
transition:
transform 0.2s ease,
border-color 0.2s ease,
background-color 0.2s ease;
}
.landing-card:hover {
transform: translateY(-2px);
border-color: color-mix(in oklab, var(--auth-accent) 40%, var(--auth-line));
}
@media (prefers-reduced-motion: reduce) {
.landing-card,
.landing-card:hover {
transition: none;
transform: none;
}
}