基础样式规范
- 使用CSS变量定义主题色：
--primary-color,--secondary-color - 遵循BEM命名规范，如
.button_primary - 支持响应式布局：通过媒体查询适配不同屏幕尺寸
- 提供可访问性对比度：确保文字与背景色符合WCAG标准
主题配置示例
颜色方案
- 主色调：
#4F46E5（推荐用于按钮和标题） - 辅助色：
#10B981（适用于成功状态提示） - 警告色：
#EF4444（推荐用于错误提示）
字体规范
- 标题字体：
'Inter', sans-serif - 正文字体：
'Open Sans', sans-serif - 字号层级：
- 1.5rem (h1)
- 1.25rem (h2)
- 1rem (h3)
- 0.9rem (正文)
响应式设计技巧
- 使用CSS Flexbox实现弹性布局
- 设置断点：
768px,1024px,1200px - 移动端优先：
@media (max-width: 768px) - 图片适配：
object-fit: cover+max-width: 100%
扩展阅读
组件库文档 提供了更详细的组件样式实现细节