comclib
c02029a5f3
- Spring Boot 后端服务 (hss-home-service) - delivery-miniapp 配送小程序 - website 官网 (Nuxt) - docs 架构设计文档 - Docker 容器化部署配置 Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
41 lines
873 B
CSS
41 lines
873 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
--color-primary: #155EEF;
|
|
--color-accent: #20C997;
|
|
--color-cta: #FF8A3D;
|
|
--color-surface: #F5F9FF;
|
|
--color-text: #1F2937;
|
|
--color-text-secondary: #6B7280;
|
|
}
|
|
|
|
html { scroll-behavior: smooth; }
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*, *::before, *::after {
|
|
animation-duration: 0.01ms !important;
|
|
transition-duration: 0.01ms !important;
|
|
}
|
|
}
|
|
|
|
:focus-visible {
|
|
outline: 2px solid var(--color-primary);
|
|
outline-offset: 2px;
|
|
}
|
|
}
|
|
|
|
@layer components {
|
|
.section-container {
|
|
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
|
|
}
|
|
.section-title {
|
|
@apply text-3xl md:text-4xl font-bold text-text-primary text-center;
|
|
}
|
|
.section-subtitle {
|
|
@apply text-lg text-text-secondary text-center mt-4 max-w-2xl mx-auto;
|
|
}
|
|
}
|