很抱歉，由于您提供的文本是CSS样式代码，主要用于定义颜色、背景色、字体颜色等界面元素样式，而非具有明确段落结构和爆点信息的文章。因此无法按照您的要求进行文章以突出爆点并增加至2000字以上。这段代码的作用是在不同的屏幕尺寸和色彩模式下设置网站或应用的主题颜色方案及各种元素的样式属性，以实现一致且美观的用户界面设计。
    不过，如果您的需求是要将这段代码进行逻辑梳理和注解说明，我可以为您提供如下版本：
    ```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;
     /* 其他各种UI元素如背景、前景、标签颜色等 */
     ...
    }
    /* 针对不同分辨率和色彩模式的响应式设计 */
    @media (prefers-color-scheme: dark) {/* 在深色模式下调整颜色方案 */
     body:not([data-weui-theme=light]) {/* 非浅色主题 */
     ...
     }
    }
    @media screen and (min-width:1024px) {/* 当屏幕宽度大于等于1024px时 */
     body:not(.pages_skin_pc) {/* 非PC页面皮肤 */
     ...
     }
    }
    /* 文本区域样式设定 */
    .rich_media_content {
     color: var(--weui-FG-HALF); /* 使用半透明黑色作为默认文字颜色 */
     font-size: var(--articleFontsize); /* 文章字体大小 */
     position: relative; /* 相对定位 */
     z-index: 0; /* z轴层级为0 */
     ...
    }
    /* 表格内文字样式清除 */
    td p {
     margin: 0;
     padding: 0;
    }
    /* 设定页面间的间隙 */
    @media screen and (min-width:1024px) {
     body:not(.pages_skin_pc):root {
     --appmsgPageGap: 20px; /* 页面间隔 */
     --appmsgPageBottomGap: 40px; /* 底部间隔 */
     }
    }
    /* 自动排版设置，每段间距24px */
    div.autoTypeSetting24psection > p,
    div.autoTypeSetting24psection > section {
     margin-bottom: 24px;
    }
    ```
    这段代码的核心在于根据设备环境（包括但不限于屏幕尺寸、色彩偏好等）动态调整网页元素的颜色、背景、边距等样式属性，以确保在不同环境下都能提供良好的用户体验和视觉一致性。