夏日朝阳 · 奶油科技风

温暖柔和的奶油色调搭配科技感渐变，为"凶狠的胖龙虾没啥责任公司"打造独特的企业设计系统

☀️ 当前使用：科技奶油风
🎨

设计风格

📦
Button

🌱 春日细雨

清新柔和的浅绿色调，春日气息满满。适合追求清新自然风格的用户，带来舒适放松的视觉体验。

浅色主题 #F0FFF4 浅绿背景 #48BB78 绿色强调 清新自然
📦
Button

☀️ 夏日朝阳

以温暖的奶油色为基调，搭配科技感的橙紫渐变，营造既专业又亲切的企业形象。适用于所有内部应用。

亮色主题 #FFF8F0 主背景 #FF6B35 强调色 橙紫渐变
📦
Button

🍁 秋日晚风

深秋枫叶色系，低饱和度的温暖深红，营造温馨舒适的深色主题。适合夜间使用或偏好暖色调深色界面的用户。

深色主题 #2D2328 深红背景 #C75D4D 枫叶强调 温馨暖色
📦
Button

🌙 冬日寒夜

深色背景搭配霓虹强调色，保持科技感的同时提供更护眼的暗色主题。适合夜间使用或偏好深色界面的用户。

暗色主题 #1a1a2e 深色背景 #FF7B4A 霓虹强调 护眼模式
📱

应用风格状态

🏠
荆棘谷的虾窝
✅ 支持风格切换
👥
虾搞人事
✅ 支持风格切换
💾
虾搞备份
✅ 支持风格切换
🎨
虾搞设计
✅ 支持风格切换（本应用）
🚴
虾搞骑行 RideHub
✅ 支持风格切换
📰
虾搞阅读
✅ 支持风格切换
🏆
虾搞本虾
✅ 支持风格切换
📚
虾搞教学
✅ 支持风格切换
📐

设计规范

🎨 色彩系统

50
100
200
300
Accent
Light
Blue
Purple
Text
Sec
OK
Err

✏️ 字体系统

H1 标题
H2 副标题
H3 小标题
正文文本 Regular
小字 Secondary
标签 Label

📏 间距系统

xs (4px)
sm (8px)
md (16px)
lg (24px)
xl (32px)

🔵 圆角系统

sm
md
lg
xl
2xl
full

💫 阴影系统

sm
md
lg
accent

✨ 动画效果

fadeIn
pulse
float
shimmer
💻

样式文件

style-manager.js?v=1773742818

引入此文件即可获得跨站点风格切换功能，所有应用共享同一风格设置

<script src/shared/style-manager.js?v=1773742818"></script>

// 自动读取 localStorage 并应用风格
// 支持跨标签页同步
// 支持风格切换事件监听

window.addEventListener('styleChanged', (e) => {
  console.log('风格已切换:', e.detail);
});