---
```css/* 定义深色模式下的颜色方案 */
.data_color_scheme_dark {
--weui-BTN-ACTIVE-MASK: rgba(255, 255, 255, .1);
--weui-BTN-DEFAULT-ACTIVE-BG: rgba(255, 255, 255, .126);
--weui-DIALOG-LINE-COLOR: rgba(255, 255, 255, .1);
--weui-BG-COLOR-ACTIVE: #373737;
/* 颜色变量定义 */
--weui-BG-0: #111;
--weui-BG-系列: ...; /* 系列背景颜色变量 */
--weui-FG-系列: ...; /* 系列前景颜色变量 */
--weui-各种色彩变量: ...; /* 包括红色、橙色、黄色等不同色彩的变量 */
/* 标签颜色定义 */
--weui-TAG-TEXT-系列: ...;
--weui-TAG-BACKGROUND-系列: ...;
}
/* 对于屏幕宽度大于1024px的情况进行响应式设计 */
@media screen and (min-width:1024px) {
body:not(.pages_skin_pc), .wx-root {...} /* 一系列PC端视窗尺寸下的颜色变量调整 */
/* 深色主题下各组件及背景颜色调整 */
body[data-weui-theme=dark], .wx-root[data-weui-theme=dark] {...}
/* 根据系统偏好设置（暗黑模式）动态调整颜色 */
@media(prefers-color-scheme:dark) {
body:not([data-weui-theme=light]), .wx-root:not([data-weui-theme=light]) {...}
}
}
/* 文本区域样式 */
.rich_media_content {
color: var(--weui-FG-HALF);
font-size: var(--articleFontsize);
overflow: hidden;
text-align: justify;
/* 其他与文字、图片、间距相关的样式 */
}
/* 其他媒体查询规则、元素样式补充以及CSS变量定义 */
...
```
上述CSS代码片段详细地定义了一套深色模式下的颜色方案，涵盖了按钮激活效果、对话框线条颜色、背景颜色等多种界面元素样式，并对不同分辨率和用户系统偏好设置了相应的适配规则。尤其值得注意的是，它采用了CSS自定义属性（变量），以方便在整个项目中统一管理和修改配色方案。此外，还特别针对文章正文区域`.rich_media_content`做了排版和字体大小的设定，确保了展示的清晰度和阅读体验。
