# 设计原则

确保深色模式下用户体验一致性与可访问性，保持品牌一致性，同时降低视觉疲劳

# 设计目标

1.视觉舒适性：降低屏幕亮度输出，减少蓝光辐射强度
2.信息可读性：通过对比度管理优化文本易读性（WCAG 2.1 AA标准）
3.能效优化：OLED/AMOLED设备功耗降低
4.情境适应性：匹配低光照环境下的用户视觉感知模式

# 色彩系统规范

色彩规范将对产品后续新功能界面、平台插件设计的色彩使用予以设计参考与指引。

# 色彩 / 包括品牌和辅色

色彩调整为85%的不透明度，避免高饱和色在暗背景的振动效应

# 背景/卡片&列表/弹窗/标签

避免纯黑，防止眩光

# 基础色

文本使用白色不同层级的不透明度，来表现层次结构。

# 分割线

细分分割线在原色上调整为10%的不透明度，卡片分割线跟随卡片的颜色变化

# 投影

背景颜色都为171C1F，卡片投影 box-shadow: 0 1px 10px 0 rgba(0,0,0,0.05)；border-radius: 8px；
插件底部导航投影 box-shadow: 0 -1px 10px 0 rgba(0,0,0,0.20)；border-radius: 32px 32px 0 0;

# 遮罩色

遮罩黑色#000000 60%

# Toast底色

Toast底色#FFFFFF 80%

# 图标/设备图片系统规范

# 彩色图标

彩色图标调整为85%的不透明度

# 功能导航类图标

功能导航类图标，颜色为#1E2E37图标，调整为#FFFFFF 80%

# 示意提示类图标

示意提示类图标，颜色为#8E969B图标，调整为#FFFFFF 40%

# 其他图标

其他图标跟随旁边文字的颜色，例如：文字为#FFFFFF 40%，图标为#FFFFFF 40%

# 设备图片

设备图片/头像/广告位调整为85%不透明度，设备图片的阴影需要单独处理，阴影降低不透明度到20～30%左右，具体根据视觉的舒适程度与可读性而定

# 首页示例

设备图片/头像/广告位调整为85%不透明度，设备图片的阴影需要单独处理，阴影降低不透明度到20～30%左右，具体根据视觉的舒适程度与可读性而定