/* =========================================================
   文档化详情页 —— 类 Word / 可直接打印
   作用域：.article.doc-article  （仅作用于引入本样式的具体详情页）
   设计目标：
   1) 内容主体居中成文档列（max-width 880px，margin:auto）
   2) 文字/图片排版接近 Word 文档（首行缩进2字符、两端对齐、行距舒展、章节标题居中、图片带图注）
   3) 打印（@media print）时去除导航/页脚/客服，黑字白底、A4 边距、图文不截断
   ========================================================= */

/* 页面主体：详情页区域通体 F5F5F7 背景，内容区域为白色底纹 */
body{
  background: #f5f5f7;
}

/* 让文档列与顶部菜单栏内容区对齐（菜单栏 .wp = 1200px - 左右各20px padding = 1160px）
   上下零间距：上贴菜单栏、下贴网站底部；去掉 common.css 给 .in-cont 的 padding:48px 20px
   否则 .mn/.article 会被左右各内缩 20px，无法与 logo/电话左右边缘对齐 */
.in-cont.doc-page{
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
}
.in-cont.doc-page .mn{
  float: none;
  width: 100%;
}

/* 文档本体：纯白背景、无卡片阴影/边框，宽度铺满内容区；文本左右各留30px间隙 */
.article.doc-article{
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 30px 60px;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: #fff;
}

/* 主标题：居中、加粗、深蓝 */
.article.doc-article > h1{
  text-align: center;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #16335c;
  margin: 0 0 8px;
}

/* 元信息行：居中、弱化 */
.article.doc-article > .info{
  text-align: center;
  border-bottom: 1px solid #e6e9f0;
  margin-bottom: 30px;
  padding-bottom: 16px;
  color: #9aa3b2;
}

/* 正文：宋体混排、首行缩进2字符、两端对齐、行距舒展 */
.article.doc-article .cont{
  font-size: 17px !important;
  line-height: 2 !important;
  color: #1f2733;
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Songti SC","SimSun","宋体",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}

/* 章节标题：居中、加粗、上下留白 */
.article.doc-article .cont h2{
  text-align: center;
  font-size: 20px;
  font-weight: 800;
  color: #16335c;
  margin: 32px 0 16px;
  padding: 0;
  letter-spacing: 1px;
}

/* 正文段落 */
.article.doc-article .cont p{
  font-size: 17px !important;
  line-height: 2 !important;
  margin: 14px 0;
  text-indent: 2em;
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 关键术语加粗（基础平台层等） */
.article.doc-article .cont strong{
  font-weight: 700;
  color: #16335c;
}

/* 图片：自适应、居中、细边框，带图注 */
.article.doc-article .cont img{
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 18px auto;
  border: 1px solid #e9edf3;
  border-radius: 4px;
  background: #fff;
}
.doc-fig{
  margin: 24px 0;
  text-align: center;
}
.doc-fig img{
  margin: 0 auto;
}
.doc-fig figcaption{
  margin-top: 10px;
  font-size: 14px;
  color: #8a93a3;
  font-family: -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}

/* 文末声明与推荐：保持风格统一 */
.article.doc-article .copy{
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px dashed #e2e6ee;
  color: #99a2b2;
  font-size: 13px;
  text-align: center;
}

/* ===================== 打印样式 ===================== */
@media print{
  @page{ margin: 18mm 16mm; }
  html,body{ background:#fff !important; }
  /* 隐藏与文档阅读无关的元素 */
  .hj-header,.hj-footer,.hj-foot-bot,.hj-kefu,.relatedposts{
    display:none !important;
  }
  .in-cont.doc-page{ margin:0 auto !important; max-width:100% !important; }
  .in-cont.doc-page .mn{ float:none !important; width:100% !important; }
  .article.doc-article{
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    border:none !important;
    border-radius:0 !important;
  }
  .article.doc-article > h1,
  .article.doc-article .cont h2,
  .article.doc-article .cont strong{ color:#000 !important; }
  .article.doc-article > .info{
    color:#333 !important;
    border-bottom:1px solid #999 !important;
  }
  .article.doc-article .cont{
    color:#000 !important;
    font-size:12pt !important;
    line-height:1.9 !important;
  }
  .article.doc-article .cont p{
    font-size:12pt !important;
    line-height:1.9 !important;
    text-indent:2em;
  }
  .article.doc-article .cont img,
  .doc-fig{
    max-width:100% !important;
    page-break-inside:avoid;
  }
  .doc-fig{ page-break-inside:avoid; }
  .article.doc-article .copy{ color:#555 !important; border-top:1px solid #ccc !important; }
  /* 去掉链接打印出的冗长 url */
  a[href]:after{ content:"" !important; }
}