@charset "utf-8";
/* CSS Document */

/*=======重置初始化样式 开始=========*/
/* ============================================
   现代企业级 CSS 初始化与基础样式
   主题色：#0454dc | 浅色系（黑白灰）
   响应式 | 无障碍 | 科技巨头审美
   ============================================ */

/* ---------- 1. 重置与盒模型 ---------- */
*,
*::before,
*::after {
  box-sizing: border-box; /* 所有元素使用 border-box，避免宽度溢出 */
  margin: 0;
  padding: 0;
}

/* 移除列表默认样式 */
ul, ol {
  list-style: none;
}

/* 去除链接下划线，保留颜色继承 */
a {
  text-decoration: none;
  color: inherit;
}

/* 继承字体系列 */
input, button, textarea, select {
  font: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

/* 图片默认块级且不溢出容器 */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 避免表单控件出现奇怪的背景高亮 */
button,
input,
select,
textarea {
  background-color: transparent;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

/* 移除默认的 number 上下箭头 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

/* 禁止文本域手动拉伸破坏布局（可选优雅） */
textarea {
  resize: vertical;
}

/* ---------- 2. 根变量与主题 ---------- */
/* 定义全局 CSS 变量，作用于整个文档（根节点） */
:root {
  /* ========== 主色调 ========== */
  /* 品牌主色（默认按钮、重点高亮、链接色） */
  --color-primary: #0454dc;
  /* 主色悬浮态（鼠标 hover 时） */
  --color-primary-hover: #0347b8;
  /* 主色点击/激活态（鼠标按下时） */
  --color-primary-active: #023a96;

  /* ========== 黑白灰阶梯色（科技风常用色板） ========== */
  /* 纯白色 */
  --color-white: #ffffff;
  /* 浅灰色背景层级 1 */
  --color-gray-50: #f9fafb;
  /* 浅灰色背景层级 2 */
  --color-gray-100: #f3f4f6;
  /* 分割线、边框常用浅灰 */
  --color-gray-200: #e5e7eb;
  /* 禁用、置灰文字常用灰 */
  --color-gray-300: #d1d5db;
  /* 次要提示文字灰 */
  --color-gray-400: #9ca3af;
  /* 普通正文文字灰 */
  --color-gray-500: #6b7280;
  /* 重要文字灰 */
  --color-gray-600: #4b5563;
  /* 标题文字深灰 */
  --color-gray-700: #374151;
  /* 正文默认深灰 */
  --color-gray-800: #1f2937;
  /* 接近黑色的最深灰 */
  --color-gray-900: #111827;
  /* 纯黑 */
  --color-black: #000000;

  /* ========== 语义化颜色（直接用于页面布局） ========== */
  /* 页面整体背景色 */
  --bg-body: var(--color-white);
  /* 页面正文默认文字色 */
  --text-body: var(--color-gray-800);
  /* 次要/辅助说明文字色 */
  --text-light: var(--color-gray-600);
  /* 轻量级边框色（输入框、卡片边框） */
  --border-light: var(--color-gray-200);

  /* ========== 字体 ========== */
  /* 全局默认无衬线字体（优先系统原生字体，跨端体验统一） */
  --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', sans-serif;
  /* 等宽字体（代码、序号、表格数字专用） */
  --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;

  /* ========== 行高 ========== */
  /* 紧凑行高（标题、短文字） */
  --line-height-tight: 1.25;
  /* 标准行高（普通正文） */
  --line-height-normal: 1.5;
  /* 宽松行高（长文本、文章段落） */
  --line-height-relaxed: 1.75;

  /* ========== 圆角 & 阴影 ========== */
  /* ========== 升级版：圆角 & 阴影 (大厂现代科技风) ========== */
  /* 修复说明：圆角采用大厂渐进式比例；阴影采用双层光效叠加，
     且 Spread（扩张半径）严格限制为 0 或负数，彻底避免四角变形和发虚的审美漏洞 */
  
  /* 微圆角：适用于复选框、小标签 */
  --radius-xs: 0.125rem; /* 2px */
  /* 小圆角：适用于按钮、输入框、小卡片标签 */
  --radius-sm: 0.375rem; /* 6px - 精致且高频的大厂圆角 */
  /* 中等圆角：适用于常规卡片、下拉菜单、对话框 */
  --radius-md: 0.75rem;  /* 12px - 视觉柔和，现代科技风标配 */
  /* 大圆角：适用于大型广告 Banner、外层容器包裹 */
  --radius-lg: 1rem;     /* 16px */
  /* 超大圆角：某些特定大视觉区块、特色卡片 */
  --radius-xl: 1.5rem;   /* 24px */
  /* 全圆角：全胶囊形按钮、圆头像 */
  --radius-full: 9999px;

  /* 极其轻微的阴影：常用于输入框 Focus 边框态、或与界面平齐的极低悬浮组件 */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  
  /* 基础低空悬浮阴影：适用于默认静态卡片、低层级组件，四角过度极自然 */
  --shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06);
  
  /* 中等悬浮阴影：最适合卡片 Hover 态、导航下拉菜单、气泡提示（Popover） */
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.07);
  
  /* 大级悬浮阴影：适用于侧边抽屉（Drawer）、高级常驻控制面板 */
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.08);
  
  /* 核心高空阴影：专用于模态弹窗（Modal）、大图放大预览，营造完美的物理空气感与空间拉伸感 */
  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
/*  /~ 小圆角（标签、小按钮） ~/
  --radius-sm: 0.25rem;
  /~ 中等圆角（常用默认圆角） ~/
  --radius-md: 0.5rem;
  /~ 大圆角（卡片、大按钮） ~/
  --radius-lg: 0.75rem;
  /~ 超大圆角（头像、胶囊按钮） ~/
  --radius-xl: 1rem;
  /~ 轻微阴影（细线级别阴影） ~/
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  /~ 中等阴影（卡片、悬浮常用） ~/
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
  /~ 大阴影（弹窗、突出层常用） ~/
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);*/



  /* ========== 动画过渡 ========== */
  /* 快速过渡（hover、切换小动画） */
  --transition-fast: 150ms ease;
  /* 标准过渡（面板展开、弹窗显隐） */
  --transition-normal: 250ms ease;
}

/* 暗色模式支持（已默认注释） */
/*@media (prefers-color-scheme: dark) {
  :root {
    --bg-body: var(--color-gray-900);
    --text-body: var(--color-gray-200);
    --text-light: var(--color-gray-400);
    --border-light: var(--color-gray-700);
  }
}*/

/* ---------- 3. 全局基础样式 ---------- */
html {
  font-size: 100%; /* 1rem = 16px，尊重浏览器默认设置，无障碍 */
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%; /* 禁止 iOS 横屏时自动放大字体 */
}

body {
  background-color: var(--bg-body);
  color: var(--text-body);
  font-family: var(--font-family);
  line-height: var(--line-height-normal);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 标题样式 (现代干净，偏重用系统字体粗细) */
h1, h2, h3, h4, h5, h6 {
  line-height: var(--line-height-tight);
  font-weight: 600;
  color: var(--color-gray-900);
  margin-top: 0;
  margin-bottom: 0.5em;
}

/* 【已注释】此处原有针对 h1~h6 的暗黑模式文字颜色调整，现已注销以强制白天模式 */
/* @media (prefers-color-scheme: dark) {
  h1, h2, h3, h4, h5, h6 {
    color: var(--color-gray-100);
  }
} */

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
  margin-bottom: 1rem;
}

/* 链接样式（主题色柔和出现） */
a {
/* color: var(--color-primary);*/
  color: #333;
  transition: color var(--transition-fast);
}
a:hover {
  color: var(--color-primary-hover);
/* text-decoration: underline;*/
}
a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* 按钮基础样式（主题色按钮 + 次要按钮） */
button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.2rem;
  font-weight: 500;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  cursor: pointer;
/* background-color: var(--color-primary);*/
  color: #000;
  border: 1px solid transparent;
}
button:hover,
.button:hover {
/* background-color: var(--color-primary-hover);*/
/* transform: translateY(-1px);*/
      color: #0454dc;
}
button:active,
.button:active {
  transform: translateY(0);
}
/* 次要按钮 */
.button-outline {
  background: transparent;
  border-color: var(--color-gray-300);
  color: var(--color-gray-700);
}
.button-outline:hover {
  background: var(--color-gray-100);
  border-color: var(--color-gray-400);
}
/* 文本按钮 */
.button-ghost {
  background: transparent;
  color: var(--color-primary);
}
.button-ghost:hover {
  background: rgba(4, 84, 220, 0.08);
}

/* 表单元素统一样式 */
input, textarea, select {
  width: 100%;
  padding: 0.6rem 0.75rem;
  background-color: var(--color-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  transition: border var(--transition-fast), box-shadow var(--transition-fast);
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(4, 84, 220, 0.2);
}
label {
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: block;
  font-size: 0.875rem;
  color: var(--color-gray-700);
}

/* 表格样式 */
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  padding: 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--border-light);
}
th {
  font-weight: 600;
  background-color: var(--color-gray-100);
}

/* 代码块样式 */
code, pre {
  font-family: var(--font-mono);
  font-size: 0.9em;
  background: var(--color-gray-100);
  border-radius: var(--radius-sm);
}
pre {
  padding: 1rem;
  overflow-x: auto;
}
pre code {
  background: none;
  padding: 0;
}

/* ---------- 4. 响应式布局工具（主流弹性栅格 + 容器） ---------- */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* 简单弹性栅格 —— 12列基础布局，科技公司常用 */
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}
[class*="col-"] {
  padding: 0 0.75rem;
  flex-shrink: 0;
  width: 100%;
}
.col-1 { width: 8.333333%; }
.col-2 { width: 16.666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.333333%; }
.col-5 { width: 41.666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333%; }
.col-8 { width: 66.666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.333333%; }
.col-11 { width: 91.666667%; }
.col-12 { width: 100%; }

/* 响应式断点辅助类 */
@media (max-width: 768px) {
  .col-md-1 { width: 8.333333%; }
  .col-md-2 { width: 16.666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.333333%; }
  .col-md-5 { width: 41.666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.333333%; }
  .col-md-8 { width: 66.666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.333333%; }
  .col-md-11 { width: 91.666667%; }
  .col-md-12 { width: 100%; }
}

@media (max-width: 1024px) {
  .col-lg-1 { width: 8.333333%; }
  .col-lg-2 { width: 16.666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.333333%; }
  .col-lg-5 { width: 41.666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.333333%; }
  .col-lg-8 { width: 66.666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.333333%; }
  .col-lg-11 { width: 91.666667%; }
  .col-lg-12 { width: 100%; }
}

/* ---------- 5. 辅助工具类（间距、颜色、主题等） ---------- */
/* 主题色工具 */
.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.border-primary { border-color: var(--color-primary); }

/* 文本灰色级别 */
.text-gray-500 { color: var(--color-gray-500); }
.text-gray-700 { color: var(--color-gray-700); }
.text-gray-900 { color: var(--color-gray-900); }

/* 间距 (margin/padding 原子类 0-16) */
.m-0 { margin: 0; }
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-6 { margin-bottom: 1.5rem; }
.p-1 { padding: 0.25rem; }
.p-2 { padding: 0.5rem; }
.p-3 { padding: 0.75rem; }
.p-4 { padding: 1rem; }
.p-6 { padding: 1.5rem; }

/* Flex 工具 */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-2 { gap: 0.5rem; }
.gap-4 { gap: 1rem; }

/* 文本对齐 */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* 无障碍焦点可见 */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* 禁止元素高亮闪烁 */
* {
  -webkit-tap-highlight-color: transparent;
}

/* 滚动条美化（可选，现代感） */
/* 1. 选中【整个滚动条】 */
::-webkit-scrollbar {
  width: 16px;/* 垂直滚动条的宽度 */
  height: 8px;/* 水平滚动条的高度 */
}
/* 2. 选中【滚动条的轨道/滑道】 */
::-webkit-scrollbar-track {
  background: var(--color-gray-100); /* 滑道背景色（浅灰色） */
}
/* 3. 选中【滚动条的滑块/拖拽块】 */
::-webkit-scrollbar-thumb {
  background: var(--color-gray-400);/* 滑块颜色（中灰色） */
  border-radius: 4px;/* 滑块圆角，变成圆润的形状 */
}
/* 4. 鼠标【悬浮在滑块上】时的样式 */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-500);/* 滑块颜色变深一点 */
}

/* 清除浮动标准代码，解决高度塌陷 */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}
.clearfix {
  /* 兼容旧浏览器 */
  *zoom: 1;
}

/*=======重置初始化样式 结束=========*/
/*==========以上AI=========*/


/*==========以下 公共样式 开始=========*/

/*阿里图标*/
@font-face {
    font-family: 'iconfont';
    src: url('../fontclass/iconfont.eot'); /* IE9 */
    src: url('../fontclass/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fontclass/iconfont.woff') format('woff'),
    url('../fontclass/iconfont.ttf') format('truetype'),
    url('../fontclass/iconfont.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*======通用样式 CSS伪元素 标题-样式1（左对齐 使用）  开始========*/
.tyys_h_ico_title_1_box {
}
.tyys_h_ico_title_1 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--color-gray-900, #111827);
    margin-bottom: 0rem;
    position: relative;
    padding-left: 1.2rem;
}

.tyys_h_ico_title_1::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    bottom: 0.15rem;
    width: 6px;
    background: linear-gradient(180deg, #0454dc 0%, #3b82f6 100%);
    border-radius: 4px;
}

.tyys_h_ico_subtitle_1{
    font-size: 0.9rem;
    color: var(--color-gray-500);
    margin-top: 0.25rem;
    margin-left: 1.2rem;
    font-weight: 400;
    max-width: 720px;
}

/*======通用样式 CSS伪元素 标题-样式2（水平居中 使用）  开始========*/
.tyys_h_ico_title_2_box {
}
.tyys_h_ico_title_2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--color-gray-900, #111827);
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
}

.tyys_h_ico_title_2::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #0454dc 0%, #6aa6ff 100%);
    border-radius: 4px;
}

.tyys_h_ico_subtitle_2{
    font-size: 0.9rem;
    color: var(--color-gray-500);
    max-width: 700px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 1.6;
}

/* ================= 公用样式 · 翻页 开始 ================= */
.tyys_fy_mk_yd{
  display: none;
}
.tyys_fy_mk_pc{
  display: flex;
}


.tyys_fy_mk_bigbox{
  width: 100%;
  margin: 2rem 0;
}

/* 父容器 — 使用flex实现优雅居中 */
.tyys_fy_mk {
    
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 6px;
    margin-bottom: 60px;
}

.tyys_fy_mk_box {
}

/* 分页链接通用样式 — 卡片式按钮 */
.tyys_fy_mk_box a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    background-color: var(--color-white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    font-weight: 500;
    font-size: 1rem;
    color: var(--color-gray-700);
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-fast);
    line-height: 1;
    white-space: nowrap;
}

.tyys_fy_mk_box .tyys_fy_mk_box_a_sy,
.tyys_fy_mk_box .tyys_fy_mk_box_a_wy,
.tyys_fy_mk_box .tyys_fy_mk_box_a_pre,
.tyys_fy_mk_box .tyys_fy_mk_box_a_next {
    padding: 0 16px;
}

/* 链接悬浮效果 */
.tyys_fy_mk_box a:hover {
    background-color: var(--color-gray-100);
    border-color: var(--color-primary);
    color: var(--color-primary);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
}

/* 当前页（选中状态）—— 高亮主题色 */
.tyys_fy_mk_box a.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: white;
    box-shadow: 0 4px 8px rgba(4,84,220,0.25);
    pointer-events: none;
    font-weight: 600;
}

/* 禁用状态 */
.tyys_fy_mk_box a.disabled {
    opacity: 0.5;
    pointer-events: none;
    background-color: var(--color-gray-100);
    color: var(--color-gray-400);
    border-color: var(--border-light);
    box-shadow: none;
    transform: none;
    cursor: default;
}

.tyys_fy_mk_box a.disabled:hover {
    background-color: var(--color-gray-100);
    color: var(--color-gray-400);
    border-color: var(--border-light);
    transform: none;
}

.tyys_fy_mk_box_a_ym {
    font-weight: 500;
}

/* ========== 响应式：平板适配 (max-width: 1024px) ========== */
@media (max-width: 1024px) {
    .cpzx_zb_box {
        padding: 32px 20px 48px;
    }
    .tyys_fy_mk_box a {
        min-width: 40px;
        height: 40px;
        font-size: 0.95rem;
        padding: 0 10px;
    }
}

/* ========== 响应式：手机适配 (max-width: 768px) ========== */
@media (max-width: 768px) {

    .tyys_fy_mk_ymsz{
      display: none!important;
    }

/*    .tyys_fy_mk_ymwz{
      display: flex;
    }*/

    .tyys_fy_mk_pc{
      display: none;
    }
    .tyys_fy_mk_yd{
      display: flex;
      margin-bottom: 0px;
    }
    .cpzx_zb_box {
        padding: 24px 16px 40px;
    }
    .tyys_fy_mk {
        gap: 6px;
    }
    .tyys_fy_mk_box a {
        min-width: 40px;
        height: 40px;
        padding: 0 8px;
        font-size: 0.9rem;
        border-radius: var(--radius-sm);
    }

}

@media (max-width: 420px) {
    .tyys_fy_mk_box .tyys_fy_mk_box_a_sy,
    .tyys_fy_mk_box .tyys_fy_mk_box_a_wy {
        padding: 0 8px;
    }
}

/* ================= 公用样式 · 点击a链接转跳到指定区块 开始 ================= */
:root {
  --header-height: 100px;
}

@media (max-width: 768px) {
  :root {
    --header-height: 60px;
  }
}

section[id],
div[id] {
  scroll-margin-top: var(--header-height);
  scroll-margin-top: calc(var(--header-height) + 40px);
}

/*==========以上 公共样式 结束=========*/


/* ==========================================================================
   添加强制浅色模式 (Light Mode Only) 的高级安全覆写
   作用：防止部分浏览器（如手机端浏览器或系统插件）强行通过算法滤镜使网页变黑
   ========================================================================== */
:root {
  /* 1. 显式声明该站点只支持浅色主题，阻止浏览器自带的表单控件、滚动条及默认背景自动变黑 */
  color-scheme: light !important;
}

@media (prefers-color-scheme: dark) {
  /* 2. 兜底策略：如果用户的设备处于暗黑模式，通过强制手段锁定根节点的背景及文字颜色 */
  html, body {
    background-color: #ffffff !important;   /* 锁死浅色网页背景 */
    color: #1f2937 !important;              /* 锁死正文深灰色 */
  }
}
/* ==========================================================================
   添加强制浅色模式 (Light Mode Only) 的高级安全覆写
   作用：防止部分浏览器（如手机端浏览器或系统插件）强行通过算法滤镜使网页变黑
   ========================================================================== */