/* 文章页现代化增强：科技政务风（保持全站浅色主基调） */
.page-article-modern{
  /* 品牌与中性变量，统一管理 */
  --brand:#d3433e;
  --brand-2:#ff6a64;
  --ink:#334155;
  --line:#E5E7EB;
  background:#ffffff; /* 与全站浅色基调一致 */
  color:inherit;
  /* 顶部极轻的品牌晕染，增加科技感但不喧宾夺主 */
  background-image: radial-gradient(600px 120px at 50% 0, rgba(211,67,62,.06), transparent 70%);
  background-repeat:no-repeat;
}
/* 不覆盖 header/footer 的背景，保持站点主色一致 */

/* 容器卡片化（极轻）：圆角 + 细描边 + 微阴影 */
.page-article-modern .fangan_left{
  position:relative; background:#fff; border:1px solid #EEF2F7; border-radius:12px;
  box-shadow:0 10px 30px rgba(15,23,42,.06);
  padding:24px 24px 16px;
}
/* 版心布局：让卡片在 1200px 容器内居中显示，或在窄屏自适应 */
.page-article-modern .fangan_con .fangan_left{float:none; width:auto; max-width:960px; margin:0 auto}
/* 可选：若需要卡片平铺全宽，请在 body 加 class="layout-full" */
.page-article-modern.layout-full .fangan_con .fangan_left{max-width:none; width:100%; margin:0; border-radius:0; box-shadow:none; border-left:0; border-right:0}
/* 顶部品牌细条，提升识别度与科技感 */
.page-article-modern .fangan_left:before{content:""; position:absolute; left:0; right:0; top:0; height:3px; border-radius:12px 12px 0 0; background:linear-gradient(90deg,var(--brand),var(--brand-2))}

/* 标题排版微调：粗体 + 下划装饰线 */
.page-article-modern h1{font-size:30px; line-height:1.25; margin:6px 0 16px; letter-spacing:.2px; color:#111827; font-weight:700}
.page-article-modern .fangan_left h1:after{content:""; display:block; width:72px; height:3px; margin-top:10px; background:linear-gradient(90deg,var(--brand),var(--brand-2)); border-radius:2px}

/* 正文可读性（不改色系，仅优化行距/间距） */
.page-article-modern .info_body{font-size:16px; line-height:1.9; color:var(--ink)}
.page-article-modern .info_body p{margin:0 0 1em}
.page-article-modern .info_body img{max-width:100%; border-radius:8px}

/* 返回目录按钮：遵循品牌红交互 */
.page-article-modern .info_nav{margin-top:18px; display:flex; gap:12px; justify-content:center}
.page-article-modern .info_nav .info_back{padding:10px 16px; border-radius:8px; border:1px solid var(--brand-2); color:var(--brand-2); transition:all .18s ease}
.page-article-modern .info_nav .info_back:hover{background:var(--brand); color:#fff; border-color:var(--brand)}

/* 上/下篇区域：更清爽的分割和颜色 */
.page-article-modern .art_prev_next{margin-top:22px; padding-top:12px; border-top:1px solid var(--line); color:#667085; font-size:14px}
.page-article-modern .art_prev_next a{color:var(--brand)}
.page-article-modern .art_prev_next a:hover{color:var(--brand-2)}

/* 动画显现：可用于正文内元素添加 .reveal */
.page-article-modern .reveal{opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease}
.page-article-modern .reveal.in{opacity:1; transform:none}

/* 响应式 */
@media (max-width: 768px){
  .page-article-modern{background:#ffffff}
  .page-article-modern .fangan_left{padding:18px 14px}
  .page-article-modern h1{font-size:22px}
  .page-article-modern .info_body{font-size:15px}
}


/* 小幅科技感与版式优化（不改配色体系） */
.page-article-modern .info_body h2{font-size:22px;font-weight:700;color:#111827;margin:1.2em 0 .6em;position:relative;padding-left:12px}
.page-article-modern .info_body h2:before{content:"";position:absolute;left:0;top:.35em;width:4px;height:1.2em;background:linear-gradient(180deg,var(--brand),var(--brand-2));border-radius:2px}
.page-article-modern .info_body h3{font-size:18px;font-weight:700;color:#111827;margin:1.1em 0 .5em;position:relative;padding-left:10px}
.page-article-modern .info_body h3:before{content:"";position:absolute;left:0;top:.45em;width:3px;height:1em;background:linear-gradient(180deg,var(--brand),var(--brand-2));border-radius:2px}

/* 列表圆点品牌化 */
.page-article-modern .info_body ul{list-style:none;padding-left:0}
.page-article-modern .info_body ul li{position:relative;padding-left:16px;margin:.2em 0}
.page-article-modern .info_body ul li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%, var(--brand-2), var(--brand));box-shadow:0 0 0 2px rgba(211,67,62,.10)}

/* 引用块 */
.page-article-modern .info_body blockquote{margin:1em 0;padding:10px 14px;border-left:3px solid var(--brand);background:linear-gradient(90deg,#FFF7F6,#FFFFFF);color:#4B5563;border-radius:8px}

/* 表格轻量化 */
.page-article-modern .info_body table{border-collapse:collapse;width:100%;margin:1em 0;border:1px solid #E5E7EB}
.page-article-modern .info_body th,.page-article-modern .info_body td{border:1px solid #E5E7EB;padding:8px 10px}
.page-article-modern .info_body thead th{background:#FAFBFF;color:#111827}
.page-article-modern .info_body tbody tr:nth-child(odd){background:#FCFCFC}

/* 链接科技型下划线动画（颜色仍沿用全站品牌红） */
.page-article-modern .info_body a{position:relative;text-decoration:none}
.page-article-modern .info_body a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.page-article-modern .info_body a:hover:after{transform:scaleX(1)}