@charset "UTF-8";

/* ============================================================
   view-article-v1.css - 新闻详情页 1:1 对齐 digitalchina.com/aboutus/news/details1185.html
   PC 全局档（@media 外），@≤1280 / @≤992 / @≤520 四档响应式闭环
   容器 max-width: 1200px（同 lists-article v1 PC档）
   ============================================================ */


/* 详情页全局硬约束：0 破图 onerror + 0 横向 overBy + PC 档去 common.css min-width:1200px 残留 */
html,body{min-width:0 !important;max-width:100% !important;overflow-x:hidden !important;}
img{max-width:100%;height:auto;}
@media print{}

/* ------------------------------------------------------------
   SECTION 0 / 同 lists_article 一致 Banner product-banner.about-banner（复用 lists-article-v1 620h 基础）
   补充 overlay: news-details-title 绝对定位 Banner 中
   ------------------------------------------------------------ */
.product-banner.about-banner{position:relative;}
.product-banner.about-banner video,
.product-banner.about-banner .video-play{display:none !important;}
.product-banner.about-banner .banner-bg-img{
  display:block;
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  -o-object-fit:cover;
  object-position:center center;
  -o-object-position:center center;
  margin:0;
  padding:0;
}
.news-details-title{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:620px;
  z-index:5;
  pointer-events:none;
}
.news-details-title .edit-container{
  width:100%;
  max-width:1200px;
  height:100%;
  margin:0 auto;
  padding:0;
  position:relative;
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  padding-bottom:80px;
  pointer-events:auto;
}
/* 面包屑：首页 › 关于我们 › 新闻中心 › 当前标题 */
.news-details-title .news-crumb{
  width:auto;
  max-width:960px;
  height:22px;
  line-height:22px;
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,.82);
  margin:0 0 18px;
  padding:0;
  display:block;
  word-break:break-all;
}
.news-details-title .news-crumb a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  font-size:14px;
  line-height:22px;
  font-weight:400;
  -webkit-transition:color .2s ease;
  transition:color .2s ease;
  display:inline;
}
.news-details-title .news-crumb a:hover{
  color:#ffffff;
  text-decoration:none;
}
.news-details-title .news-crumb .sep{
  display:inline-block;
  width:14px;
  height:22px;
  text-align:center;
  line-height:22px;
  color:rgba(255,255,255,.5);
  font-size:14px;
  margin:0 2px;
  padding:0;
  background:transparent;
}
.news-details-title .news-crumb .cur{
  display:inline;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:22px;
  font-weight:400;
  padding:0;
  margin:0;
  background:transparent;
}
/* 文章标题 H1：新闻详情 overlay Banner 底部 白字 40/56 fw700 */
.news-details-title h1.title{
  width:100%;
  max-width:1040px;
  min-height:56px;
  height:auto;
  font-size:40px;
  line-height:56px;
  font-weight:700;
  color:#ffffff;
  margin:0 0 20px;
  padding:0;
  text-align:left;
  display:block;
  overflow:hidden;
  word-break:break-all;
  letter-spacing:.2px;
}
/* 元信息：发布时间 / 来源 / 阅读量 / 作者 inline 横排 灰透 14px */
.news-details-title .news-meta{
  width:100%;
  max-width:1040px;
  min-height:20px;
  line-height:20px;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:0;
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,.78);
}
.news-details-title .news-meta span{
  display:inline-block;
  vertical-align:middle;
  height:20px;
  line-height:20px;
  padding:0 22px 0 0;
  margin:0 22px 0 0;
  font-size:14px;
  font-weight:400;
  color:rgba(255,255,255,.78);
  position:relative;
  box-sizing:border-box;
  background:transparent;
  white-space:nowrap;
}
.news-details-title .news-meta span::after{
  content:'';
  display:block;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:1px;
  height:12px;
  background:rgba(255,255,255,.22);
}
.news-details-title .news-meta span:last-child,
.news-details-title .news-meta span:last-of-type{
  padding-right:0;
  margin-right:0;
}
.news-details-title .news-meta span:last-child::after,
.news-details-title .news-meta span:last-of-type::after{
  display:none;
  content:none;
}
.news-details-title .news-meta b,
.news-details-title .news-meta strong{
  display:inline;
  font-weight:500;
  color:rgba(255,255,255,.92);
  font-size:14px;
  line-height:20px;
  padding:0;
  margin:0;
  background:transparent;
}


/* ------------------------------------------------------------
   SECTION 1 / 正文区 news-details-container：白色内容 + max-width 960 居中
   - 2em 首行缩进（政府官网风）、宋体/仿宋 正文 16px / 32px
   - .data-time 发布日期大字 14px #999 右对齐（同参考站首行 DIV.data-time）
   ------------------------------------------------------------ */
.news-details-container{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:0;
  padding:60px 0 60px;
  background:#ffffff none;
  overflow:visible;
  position:relative;
  display:block;
  z-index:3;
}
.news-details-container::before,
.news-details-container::after{content:'';display:block;clear:both;}
.news-details-container .edit-container{
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:0;
  display:block;
  position:relative;
  box-sizing:border-box;
  min-height:400px;
  overflow:visible;
  background:#ffffff none;
}
/* 参考站首行 DIV.data-time ：Y/m/d 14px #888 右对齐 距正文 22px */
.news-details-container .data-time{
  width:100%;
  max-width:960px;
  height:22px;
  line-height:22px;
  padding:0;
  margin:0 0 32px;
  font-size:14px;
  font-weight:400;
  color:#8a94a3;
  text-align:right;
  box-sizing:border-box;
  background:transparent;
  display:block;
  white-space:nowrap;
}
/* 正文 P 排版：政府官网风（仿宋/宋体）16px / 32px，2em 首行缩进，段距 24px */
.news-details-container .edit-container p,
.news-details-container .edit-container > p,
.news-details-container .article-wrapper p,
.news-details-container .article-body p,
.news-details-container .content p{
  display:block;
  width:100%;
  min-height:32px;
  height:auto;
  font-size:16px;
  line-height:32px;
  font-weight:400;
  color:#1f2937;
  margin:0 0 24px;
  padding:0;
  text-indent:2em;
  text-align:justify;
  word-break:break-all;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"SimSun",sans-serif;
  background:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:.1px;
}
.news-details-container .edit-container p:last-child,
.news-details-container .edit-container > p:last-child{
  margin-bottom:0;
}
.news-details-container .edit-container strong,
.news-details-container .edit-container b{
  display:inline;
  font-weight:600;
  color:#0f172a;
  font-size:16px;
  line-height:32px;
  background:transparent;
  padding:0;
  margin:0;
}
/* 正文内嵌图片：DIV.img 居中 100% width，圆角 0，object-fit cover，间距 32px */
.news-details-container .img,
.news-details-container .edit-container .img,
.news-details-container .article-wrapper .img,
.news-details-container .article-body .img,
.news-details-container .content .img{
  width:100%;
  max-width:960px;
  height:auto;
  min-height:0;
  margin:16px 0 32px;
  padding:0;
  display:block;
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
  background:#f2f5f9;
  border-radius:0;
}
.news-details-container .img img,
.news-details-container .edit-container .img img,
.news-details-container .article-wrapper .img img,
.news-details-container .article-body .img img,
.news-details-container .content .img img{
  width:100%;
  height:auto;
  max-width:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  border:0;
  border-radius:0;
  margin:0 auto;
  padding:0;
  background:transparent;
}
/* H2/H3 小标题：24px / 40px fw700 #111 段距 30px 左对齐 不缩进 */
.news-details-container .edit-container h2,
.news-details-container .article-wrapper h2,
.news-details-container .article-body h2,
.news-details-container .content h2{
  width:100%;
  min-height:40px;
  height:auto;
  font-size:24px;
  line-height:40px;
  font-weight:700;
  color:#0f172a;
  margin:40px 0 20px;
  padding:0;
  text-align:left;
  display:block;
  text-indent:0;
  word-break:break-all;
  background:transparent;
}
.news-details-container .edit-container h3,
.news-details-container .article-wrapper h3,
.news-details-container .article-body h3,
.news-details-container .content h3{
  width:100%;
  min-height:32px;
  height:auto;
  font-size:20px;
  line-height:32px;
  font-weight:700;
  color:#0f172a;
  margin:32px 0 16px;
  padding:0;
  text-align:left;
  display:block;
  text-indent:0;
  word-break:break-all;
  background:transparent;
}
/* 块引用 blockquote：左右灰边 + 斜体 16px 行距 32px，缩进 */
.news-details-container .edit-container blockquote,
.news-details-container .article-wrapper blockquote,
.news-details-container .article-body blockquote,
.news-details-container .content blockquote{
  width:100%;
  max-width:960px;
  min-height:0;
  height:auto;
  padding:16px 24px;
  margin:24px 0;
  background:#f7f9fc none;
  border-left:4px solid #c6cbd4;
  border-right:0;
  border-top:0;
  border-bottom:0;
  display:block;
  box-sizing:border-box;
  font-size:15px;
  line-height:30px;
  color:#374151;
  text-indent:0;
}
/* UL/OL 列表：缩进 2em 16px/32px 段距 16px */
.news-details-container .edit-container ul,
.news-details-container .edit-container ol,
.news-details-container .article-wrapper ul,
.news-details-container .article-wrapper ol,
.news-details-container .article-body ul,
.news-details-container .article-body ol,
.news-details-container .content ul,
.news-details-container .content ol{
  width:100%;
  max-width:960px;
  min-height:0;
  height:auto;
  display:block;
  margin:0 0 24px;
  padding:0 0 0 48px;
  box-sizing:border-box;
  list-style-position:outside;
  background:transparent;
}
.news-details-container .edit-container ul li,
.news-details-container .article-wrapper ul li,
.news-details-container .article-body ul li,
.news-details-container .content ul li{
  list-style:disc;
  font-size:16px;
  line-height:32px;
  color:#1f2937;
  display:list-item;
  min-height:32px;
  height:auto;
  margin:0 0 8px;
  padding:0;
  text-indent:0;
  background:transparent;
  text-align:left;
  word-break:break-all;
}
.news-details-container .edit-container ol li,
.news-details-container .article-wrapper ol li,
.news-details-container .article-body ol li,
.news-details-container .content ol li{
  list-style:decimal;
  font-size:16px;
  line-height:32px;
  color:#1f2937;
  display:list-item;
  min-height:32px;
  height:auto;
  margin:0 0 8px;
  padding:0;
  text-indent:0;
  background:transparent;
  text-align:left;
  word-break:break-all;
}
/* A 链接：#d5021d 红色下划线 hover 加深 */
.news-details-container .edit-container a,
.news-details-container .article-wrapper a,
.news-details-container .article-body a,
.news-details-container .content a{
  color:#d5021d;
  background:transparent;
  border:none;
  text-decoration:none;
  border-bottom:1px solid rgba(213,2,29,.28);
  font-size:16px;
  line-height:32px;
  padding:0;
  margin:0;
  -webkit-transition:color .2s ease, border-color .2s ease;
  transition:color .2s ease, border-color .2s ease;
}
.news-details-container .edit-container a:hover,
.news-details-container .article-wrapper a:hover,
.news-details-container .article-body a:hover,
.news-details-container .content a:hover{
  color:#b40218;
  border-bottom-color:#b40218;
  text-decoration:none;
}
/* Eyous {$eyou.field.content} 通用 class 兜底：article-wrapper / article-body / eyou-article-content / eyou-content / content */
.news-details-container .article-wrapper,
.news-details-container .article-body,
.news-details-container .content,
.news-details-container .eyou-content,
.news-details-container .eyou-article-content{
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:0;
  display:block;
  background:#fff;
}


/* ------------------------------------------------------------
   SECTION 2 / 上下篇 prev/next 导航：news-pn 2 行：上一篇 / 下一篇
   左 label 灰色 14px / 右 title 黑色字 15px hover #d5021d
   ------------------------------------------------------------ */
.news-details-pn{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:0;
  padding:32px 0;
  background:#ffffff none;
  overflow:visible;
  position:relative;
  border-top:1px solid #eef0f4;
}
.news-details-pn .edit-container{
  width:100%;
  max-width:960px;
  margin:0 auto;
  padding:0;
  display:block;
  box-sizing:border-box;
}
.news-details-pn .pn-row{
  width:100%;
  min-height:42px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  padding:10px 0;
  margin:0;
  border-bottom:1px dashed #eef0f4;
  background:transparent;
  box-sizing:border-box;
}
.news-details-pn .pn-row:last-child{
  border-bottom:0;
  margin-bottom:0;
}
.news-details-pn .pn-label{
  -ms-flex-negative:0;
      flex-shrink:0;
  width:72px;
  min-height:22px;
  line-height:22px;
  font-size:14px;
  font-weight:500;
  color:#8a94a3;
  padding:0;
  margin:0;
  text-align:left;
  white-space:nowrap;
  background:transparent;
  box-sizing:border-box;
}
.news-details-pn .pn-content{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  min-height:22px;
  line-height:22px;
  padding:0;
  margin:0;
  background:transparent;
  box-sizing:border-box;
  text-align:left;
  word-break:break-all;
  overflow:hidden;
}
.news-details-pn .pn-content a{
  display:inline;
  font-size:15px;
  line-height:22px;
  font-weight:400;
  color:#1f2937;
  text-decoration:none;
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  -webkit-transition:color .2s ease;
  transition:color .2s ease;
  white-space:normal;
  word-break:break-all;
}
.news-details-pn .pn-content a:hover{
  color:#d5021d;
  text-decoration:none;
}
.news-details-pn .pn-content .pn-none{
  color:#b6bfcb;
  font-size:15px;
  line-height:22px;
  font-weight:400;
  padding:0;
  margin:0;
  display:inline;
  cursor:not-allowed;
}


/* ------------------------------------------------------------
   SECTION 3 / 推荐阅读区 recommended-reading-section
   左：sub-title-box「推荐阅读」32px/48 fw700；右：3 条 ul li（日期 div.time + div.title > a）
   ------------------------------------------------------------ */
.recommended-reading-section{
  width:100%;
  min-width:1200px;
  height:auto;
  min-height:0;
  padding:60px 0 80px;
  background:#ebeff1 url("../picture/tdeff2154_best-practices-bg.webp") no-repeat center center / cover;
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-background-size:cover;
          background-size:cover;
  background-attachment:scroll;
  overflow:visible;
  position:relative;
  z-index:1;
}
.recommended-reading-section::before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  background:rgba(235,239,241,.42);
}
.recommended-reading-section .edit-container{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  display:block;
  background:transparent;
  box-sizing:border-box;
}
.recommended-reading-section .sub-title-box{
  width:100%;
  height:48px;
  margin:0 0 36px;
  padding:0;
  display:block;
  position:relative;
  background:transparent;
  box-sizing:border-box;
}
.recommended-reading-section .sub-title-box .title{
  display:inline-block;
  vertical-align:middle;
  height:48px;
  line-height:48px;
  font-size:32px;
  font-weight:700;
  color:#0f172a;
  margin:0;
  padding:0;
  text-align:left;
  white-space:nowrap;
  background:transparent;
  position:relative;
  box-sizing:border-box;
}
.recommended-reading-list{
  width:100%;
  max-width:1200px;
  height:auto;
  min-height:0;
  padding:0;
  margin:0;
  display:block;
  background:transparent;
  box-sizing:border-box;
}
.recommended-reading-list ul{
  width:100%;
  max-width:1200px;
  height:auto;
  min-height:0;
  padding:0;
  margin:0;
  display:block;
  list-style:none;
  background:transparent;
  box-sizing:border-box;
}
.recommended-reading-list ul::after{content:'';display:block;clear:both;}
.recommended-reading-list ul li.clearfix{
  width:100%;
  min-height:56px;
  padding:16px 0;
  margin:0 0 1px;
  background:#ffffff none;
  border-radius:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  box-sizing:border-box;
  position:relative;
  -webkit-transition:background-color .25s ease;
  transition:background-color .25s ease;
}
.recommended-reading-list ul li.clearfix::after{content:'';display:block;clear:both;}
.recommended-reading-list ul li.clearfix:hover{
  background:#f6f8fb;
}
.recommended-reading-list ul li.clearfix > div.time{
  -ms-flex-negative:0;
      flex-shrink:0;
  width:auto !important;
  min-width:150px;
  max-width:150px;
  -ms-flex:0 0 150px !important;flex:0 0 150px !important;
  height:22px;
  line-height:22px;
  padding:0 32px 0 28px !important;
  margin:0;
  box-sizing:border-box;
  text-align:left;
  font-size:14px;
  font-weight:400;
  color:#6b7280;
  background:transparent;
  white-space:nowrap;
  font-family:Consolas,"Courier New",monospace;
  letter-spacing:.2px;
}
.recommended-reading-list ul li.clearfix > div.title{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  height:auto;
  min-height:22px;
  line-height:22px;
  padding:0 28px 0 12px !important;
  margin:0 0 0 0;
  box-sizing:border-box;
  text-align:left;
  background:transparent;
  word-break:break-all;
  overflow:hidden;
  position:relative;
}
.recommended-reading-list ul li.clearfix > div.title > a{
  display:inline;
  vertical-align:middle;
  font-size:16px;
  font-weight:500;
  line-height:22px;
  color:#1f2937;
  text-decoration:none;
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  -webkit-transition:color .2s ease;
  transition:color .2s ease;
  word-break:break-all;
  white-space:normal;
}
.recommended-reading-list ul li.clearfix > div.title > a:hover{
  color:#d5021d;
  text-decoration:none;
}
.recommended-reading-list ul li.clearfix > div.title > a > span{
  display:inline;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  padding:0;
  margin:0;
  background:transparent;
}


/* ============================================================
   RESPONSIVE 四档响应式断点（同 lists-article-v1 闭环）
   1. ≤ 1280 过渡
   2. ≤ 992 平板（Banner 显示 mobile-img hide video）
   3. ≤ 520 移动端核心（min-width:0，overflow-x:hidden）
   ============================================================ */

/* --- 1. ≤ 1280 过渡档 --- */
@media (max-width: 1280px){
  html,body{min-width:0;overflow-x:hidden;}
  .product-banner.about-banner,
  .news-details-title,
  .news-details-container,
  .news-details-pn,
  .recommended-reading-section{min-width:0 !important;}
  .news-details-title .edit-container{max-width:calc(100% - 64px);}
  .news-details-container .edit-container{max-width:calc(100% - 80px);}
  .news-details-pn .edit-container{max-width:calc(100% - 80px);}
  .recommended-reading-section .edit-container{max-width:calc(100% - 64px);}
  .news-details-title h1.title{font-size:34px;line-height:48px;}
}

/* --- 2. ≤ 992 平板 --- */
@media (max-width: 992px){
  html,body{min-width:0 !important;overflow-x:hidden !important;}
  .news-details-title{position:absolute !important;left:0;top:0;width:100% !important;min-height:540px;height:100% !important;z-index:5;pointer-events:none;}
  .product-banner.about-banner{position:relative !important;}
  .product-banner.about-banner .banner-bg-img{
    min-height:540px;
    aspect-ratio:auto;
    height:540px;
    width:100%;
    object-fit:cover;
    -o-object-fit:cover;
  }
  .news-details-container,
  .news-details-pn,
  .recommended-reading-section{min-width:0 !important;}
  .news-details-title .edit-container{max-width:100%;padding:0 32px 72px;min-height:540px;height:100% !important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;box-sizing:border-box;pointer-events:auto;}
  .news-details-title h1.title{font-size:28px;line-height:42px;max-width:100%;}
  .news-details-container{padding:40px 0;}
  .news-details-container .edit-container{max-width:calc(100% - 56px);}
  .news-details-container .data-time{margin-bottom:24px;text-align:left;}
  .news-details-container .edit-container p{font-size:15px;line-height:30px;text-indent:2em;margin-bottom:20px;}
  .news-details-pn .edit-container{max-width:calc(100% - 56px);}
  .recommended-reading-section{padding:48px 0 60px;background:#ebeff1 url("../picture/tdeff2154_best-practices-bg.webp") no-repeat center center / cover;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:scroll;position:relative;z-index:1;}
  .recommended-reading-section::before{background:rgba(235,239,241,.5);}
  .recommended-reading-section .edit-container{max-width:calc(100% - 48px);}
  .recommended-reading-section .sub-title-box{margin-bottom:28px;}
  .recommended-reading-section .sub-title-box .title{font-size:26px;line-height:40px;height:40px;}
  .recommended-reading-list ul li.clearfix{min-height:50px;padding:14px 0;}
  .recommended-reading-list ul li.clearfix > div.time{width:120px;padding:0 20px 0 24px;}
  .recommended-reading-list ul li.clearfix > div.title{padding-right:24px;}
  .recommended-reading-list ul li.clearfix > div.title > a{font-size:15px;}
}

/* --- 2.5. ≤ 768 过渡手机档（桌面 WebView sim W=767 进入此档，字号走 M 档） --- */
@media (max-width: 768px){
  html,body{min-width:0 !important;overflow-x:hidden !important;width:100% !important;padding-top:0 !important;}
  .product-banner.about-banner{min-width:0 !important;max-width:100% !important;width:100% !important;min-height:0 !important;height:auto !important;aspect-ratio:4/5 !important;}
  .product-banner.about-banner .banner-bg-img{width:100% !important;height:100% !important;min-height:0 !important;aspect-ratio:4/5 !important;object-fit:cover;object-position:center center;}
  .edit-container,.news-details-title,.news-details-container,.news-details-pn,.recommended-reading-section{min-width:0 !important;max-width:100% !important;width:100% !important;}
  .news-details-title{position:absolute !important;left:0;top:0;width:100% !important;min-height:520px;height:100% !important;z-index:5;pointer-events:none;}
  .news-details-title{height:0;min-height:520px;}
  .news-details-title .edit-container{max-width:100%;width:100%;padding:0 24px 56px;min-height:520px;height:100% !important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;box-sizing:border-box;pointer-events:auto;aspect-ratio:4/5 !important;}
  .news-details-title .news-crumb{font-size:12px;line-height:20px;height:20px;margin:0 0 14px;max-width:100%;}
  .news-details-title .news-crumb a,.news-details-title .news-crumb .cur{font-size:12px;line-height:20px;}
  .news-details-title .news-crumb .sep{width:10px;height:20px;line-height:20px;font-size:12px;margin:0 1px;}
  .news-details-title h1.title{font-size:22px;line-height:32px;min-height:32px;max-width:100%;margin:0 0 14px;}
  .news-details-title .news-meta{font-size:12px;line-height:18px;gap:4px 0;}
  .news-details-title .news-meta span{height:auto;line-height:18px;font-size:12px;padding:0 10px 0 0;margin:0 10px 6px 0;}
  .news-details-title .news-meta span::after{height:10px;}
  .news-details-title .news-meta b,.news-details-title .news-meta strong{font-size:12px;line-height:18px;}
  .news-details-container{padding:32px 0 36px;}
  .news-details-container .edit-container{max-width:calc(100% - 40px);padding:0;}
  .news-details-container .data-time{font-size:12px;line-height:18px;height:18px;text-align:left;margin:0 0 20px;}
  .news-details-container .edit-container p,
  .news-details-container .article-wrapper p,
  .news-details-container .article-body p,
  .news-details-container .content p{font-size:14px;line-height:26px;margin:0 0 18px;text-indent:2em;}
  .news-details-container .edit-container strong,
  .news-details-container .article-wrapper strong,
  .news-details-container .article-body strong,
  .news-details-container .content strong{font-size:14px;line-height:26px;}
  .news-details-container .edit-container h2,
  .news-details-container .article-wrapper h2,
  .news-details-container .article-body h2,
  .news-details-container .content h2{font-size:18px;line-height:28px;margin:28px 0 14px;min-height:28px;}
  .news-details-container .edit-container h3,
  .news-details-container .article-wrapper h3,
  .news-details-container .article-body h3,
  .news-details-container .content h3{font-size:16px;line-height:26px;margin:24px 0 12px;}
  .news-details-container .img,.news-details-container .edit-container .img{margin:10px 0 22px;}
  .news-details-container .edit-container blockquote,
  .news-details-container .article-wrapper blockquote,
  .news-details-container .article-body blockquote,
  .news-details-container .content blockquote{padding:12px 16px;margin:18px 0;font-size:14px;line-height:24px;}
  .news-details-container .edit-container ul,
  .news-details-container .article-wrapper ul,
  .news-details-container .article-body ul,
  .news-details-container .content ul{padding:0 0 0 36px;margin:0 0 18px;}
  .news-details-container .edit-container ol,
  .news-details-container .article-wrapper ol,
  .news-details-container .article-body ol,
  .news-details-container .content ol{padding:0 0 0 36px;margin:0 0 18px;}
  .news-details-container .edit-container ul li,
  .news-details-container .article-wrapper ul li,
  .news-details-container .article-body ul li,
  .news-details-container .content ul li{font-size:14px;line-height:26px;margin:0 0 6px;}
  .news-details-container .edit-container ol li,
  .news-details-container .article-wrapper ol li,
  .news-details-container .article-body ol li,
  .news-details-container .content ol li{font-size:14px;line-height:26px;margin:0 0 6px;}
  .news-details-container .edit-container a,
  .news-details-container .article-wrapper a,
  .news-details-container .article-body a,
  .news-details-container .content a{font-size:14px;line-height:26px;}
  .news-details-pn{padding:22px 0;}
  .news-details-pn .edit-container{max-width:calc(100% - 40px);}
  .news-details-pn .pn-row{min-height:38px;padding:10px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .news-details-pn .pn-label{width:100%;font-size:12px;line-height:18px;height:18px;margin:0 0 4px;}
  .news-details-pn .pn-content{width:100%;-ms-flex:none;flex:none;min-height:20px;}
  .news-details-pn .pn-content a,.news-details-pn .pn-content .pn-none{font-size:13px;line-height:20px;}
  .recommended-reading-section{padding:36px 0 50px;background:#ebeff1 url("../picture/tdeff2154_best-practices-bg.webp") no-repeat center center / cover;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:scroll;position:relative;z-index:1;}
  .recommended-reading-section::before{background:rgba(235,239,241,.58);}
  .recommended-reading-section .edit-container{max-width:calc(100% - 36px);}
  .recommended-reading-section .sub-title-box{height:32px;margin:0 0 22px;}
  .recommended-reading-section .sub-title-box .title{font-size:20px;line-height:32px;height:32px;}
  .recommended-reading-list ul li.clearfix{min-height:52px;padding:12px 14px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
  .recommended-reading-list ul li.clearfix > div.time{width:100%;padding:0;height:16px;line-height:16px;font-size:11px;margin:0 0 6px;-ms-flex:none;flex:none;display:block;}
  .recommended-reading-list ul li.clearfix > div.title{width:100%;-ms-flex:none;flex:none;padding:0;display:block;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;box-sizing:border-box;}
  .recommended-reading-list ul li.clearfix > div.title > a{font-size:14px;line-height:22px;display:block;width:100%;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;}
  .recommended-reading-list ul li.clearfix > div.title > a > span{display:block;width:100%;word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;}
}

/* --- 3. ≤ 520 移动端核心 --- */
@media (max-width: 520px){
  /* 硬约束 0：body 横向溢出清零 */
  html{width:100%;min-width:0;max-width:100%;overflow-x:hidden;}
  body{width:100% !important;min-width:0 !important;max-width:100% !important;overflow-x:hidden !important;padding-top:0 !important;}
  .product-banner.about-banner{
    min-width:0 !important;
    max-width:100% !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:4/5 !important;
  }
  .product-banner.about-banner .banner-bg-img{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:4/5 !important;
    object-fit:cover;
    -o-object-fit:cover;
    object-position:center center;
    -o-object-position:center center;
  }
  .edit-container,
  .news-details-title,
  .news-details-container,
  .news-details-pn,
  .recommended-reading-section{min-width:0 !important;max-width:100% !important;width:100% !important;}

  .news-details-title{
    position:absolute !important;left:0;top:0;width:100% !important;min-height:0 !important;height:100% !important;z-index:5;pointer-events:none;aspect-ratio:4/5 !important;
  }
  /* 面包屑字号 12px */
  .news-details-title .edit-container{max-width:100% !important;width:100% !important;height:100% !important;min-height:0 !important;padding:0 20px 56px !important;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;box-sizing:border-box;pointer-events:auto;margin:0 auto;}
  .news-details-title .news-crumb{
    font-size:12px;line-height:20px;height:20px;margin:0 0 14px;max-width:100%;
  }
  .news-details-title .news-crumb a,
  .news-details-title .news-crumb .cur{font-size:12px;line-height:20px;}
  .news-details-title .news-crumb .sep{width:10px;height:20px;line-height:20px;font-size:12px;margin:0 1px;}
  /* H1 标题：22px/32 */
  .news-details-title h1.title{
    font-size:22px;line-height:32px;min-height:32px;max-width:100%;margin:0 0 14px;
  }
  /* 元信息：12px 换行单列，间隔小 */
  .news-details-title .news-meta{font-size:12px;line-height:18px;gap:4px 0;}
  .news-details-title .news-meta span{height:auto;line-height:18px;font-size:12px;padding:0 10px 0 0;margin:0 10px 6px 0;}
  .news-details-title .news-meta span::after{height:10px;}
  .news-details-title .news-meta b,
  .news-details-title .news-meta strong{font-size:12px;line-height:18px;}

  /* 正文区 */
  .news-details-container{padding:28px 0 32px;}
  .news-details-container .edit-container{max-width:calc(100% - 32px);padding:0;}
  .news-details-container .data-time{font-size:12px;line-height:18px;height:18px;text-align:left;margin:0 0 18px;}
  .news-details-container .edit-container p,
  .news-details-container .article-wrapper p,
  .news-details-container .article-body p,
  .news-details-container .content p{
    font-size:14px;line-height:26px;margin:0 0 18px;text-indent:2em;
  }
  .news-details-container .edit-container strong,
  .news-details-container .article-wrapper strong,
  .news-details-container .article-body strong,
  .news-details-container .content strong{font-size:14px;line-height:26px;}
  .news-details-container .edit-container h2,
  .news-details-container .article-wrapper h2,
  .news-details-container .article-body h2,
  .news-details-container .content h2{font-size:18px;line-height:28px;margin:28px 0 14px;min-height:28px;}
  .news-details-container .edit-container h3,
  .news-details-container .article-wrapper h3,
  .news-details-container .article-body h3,
  .news-details-container .content h3{font-size:16px;line-height:26px;margin:24px 0 12px;}
  .news-details-container .img,
  .news-details-container .edit-container .img{margin:10px 0 22px;}
  .news-details-container .edit-container blockquote,
  .news-details-container .article-wrapper blockquote,
  .news-details-container .article-body blockquote,
  .news-details-container .content blockquote{padding:12px 16px;margin:18px 0;font-size:14px;line-height:24px;}
  .news-details-container .edit-container ul,
  .news-details-container .article-wrapper ul,
  .news-details-container .article-body ul,
  .news-details-container .content ul{padding:0 0 0 36px;margin:0 0 18px;}
  .news-details-container .edit-container ol,
  .news-details-container .article-wrapper ol,
  .news-details-container .article-body ol,
  .news-details-container .content ol{padding:0 0 0 36px;margin:0 0 18px;}
  .news-details-container .edit-container ul li,
  .news-details-container .article-wrapper ul li,
  .news-details-container .article-body ul li,
  .news-details-container .content ul li{font-size:14px;line-height:26px;margin:0 0 6px;}
  .news-details-container .edit-container ol li,
  .news-details-container .article-wrapper ol li,
  .news-details-container .article-body ol li,
  .news-details-container .content ol li{font-size:14px;line-height:26px;margin:0 0 6px;}
  .news-details-container .edit-container a,
  .news-details-container .article-wrapper a,
  .news-details-container .article-body a,
  .news-details-container .content a{font-size:14px;line-height:26px;}

  /* 上下篇 */
  .news-details-pn{padding:20px 0;}
  .news-details-pn .edit-container{max-width:calc(100% - 32px);}
  .news-details-pn .pn-row{min-height:36px;padding:8px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;}
  .news-details-pn .pn-label{width:100%;font-size:12px;line-height:18px;height:18px;margin:0 0 4px;}
  .news-details-pn .pn-content{width:100%;-ms-flex:none;flex:none;min-height:20px;}
  .news-details-pn .pn-content a,
  .news-details-pn .pn-content .pn-none{font-size:13px;line-height:20px;}

  /* 推荐阅读 */
  .recommended-reading-section{padding:32px 0 48px;background:#ebeff1 url("../picture/tdeff2154_best-practices-bg.webp") no-repeat center center / cover;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;background-attachment:scroll;position:relative;z-index:1;}
  .recommended-reading-section::before{background:rgba(235,239,241,.62);}
  .recommended-reading-section .edit-container{max-width:calc(100% - 32px);}
  .recommended-reading-section .sub-title-box{height:32px;margin:0 0 20px;}
  .recommended-reading-section .sub-title-box .title{font-size:20px;line-height:32px;height:32px;}
  .recommended-reading-list ul li.clearfix{
    min-height:52px;
    padding:12px 14px !important;
    -ms-flex-wrap:wrap !important;
        flex-wrap:wrap !important;
    -webkit-box-align:start !important;
        -ms-flex-align:start !important;
            align-items:flex-start !important;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
  }
  .recommended-reading-list ul li.clearfix > div.time{
    width:100% !important;
    max-width:100% !important;
    -ms-flex:none !important;flex:none !important;
    padding:0 !important;
    height:16px;
    line-height:16px;
    font-size:11px;
    margin:0 0 6px !important;
    float:none;
    display:block !important;
  }
  .recommended-reading-list ul li.clearfix > div.title{
    width:100% !important;
    max-width:100% !important;
    -ms-flex:none !important;flex:none !important;
    padding:0 !important;
    float:none;
    display:block !important;
    word-wrap:break-word !important;
    word-break:break-all !important;
    overflow-wrap:break-word !important;
    box-sizing:border-box !important;
  }
  .recommended-reading-list ul li.clearfix > div.title > a{
    font-size:14px;line-height:22px;
    display:block !important;width:100% !important;max-width:100% !important;
    word-wrap:break-word !important;word-break:break-all !important;overflow-wrap:break-word !important;
    box-sizing:border-box !important;
  }
  .recommended-reading-list ul li.clearfix > div.title > a > span{
    display:block !important;width:100% !important;max-width:100% !important;
    word-wrap:break-word !important;word-break:break-all !important;overflow-wrap:break-word !important;
  }
}


/* c750ef */
html {
    tab-size: 4;
}
[data-9b1] {
    tab-size: 4;
}
html {
    -webkit-tap-highlight-color: transparent;
}