/* article-b2b.css — B2B 工业风文章样式，全部作用域在 .art 下，避免污染主题
   加载方式：由 wp-content/mu-plugins/df-article-style.php 条件 enqueue
   移动端：<768px 缩放排版；<640px 表格转卡片堆叠（无需横向滚动） */
.art{max-width:1240px;margin:0 auto;padding:0 16px 16px 0;box-sizing:border-box;font-family:'Arial',Helvetica,sans-serif;background:#ffffff;color:#1a1d21;line-height:1.7;}
.art *{box-sizing:border-box;}
.meta{border-bottom:2px solid #111315;padding-bottom:20px;margin-bottom:28px;}
.meta p{margin:0;}
.meta p:first-child{color:#5a6066;font-size:14px;margin-bottom:4px;}
.meta p:last-child{color:#8a9099;font-size:13px;}
.art h2{color:#111315;font-size:22px;margin:32px 0 12px;padding-bottom:8px;border-bottom:2px solid #ff6b1a;}
.art h3{color:#1a1d21;font-size:18px;margin:28px 0 10px;}
.art h4{color:#2a2e33;font-size:16px;margin:20px 0 8px;}
.art p{margin:0 0 16px;}
.note{color:#5a6066;font-size:14px;}
.warn{color:#c2410c;font-size:14px;background:#fff3eb;padding:12px 14px;border-left:4px solid #ff6b1a;border-radius:0 4px 4px 0;}
.scroll{overflow-x:auto;margin-bottom:20px;-webkit-overflow-scrolling:touch;}
.tb{width:100%;border-collapse:collapse;min-width:500px;font-size:15px;}
.tb th{background:#111315;border:1px solid #111315;padding:12px;text-align:left;color:#fff;font-weight:600;}
.tb td{border:1px solid #d4d8dd;padding:12px;}
.r1{background:#f4f5f7;}
.r2{background:#ffffff;}
.imgbox{margin:16px 0;}
.art-img{max-width:min(500px,100%)!important;width:auto;height:auto!important;display:block;margin:0 auto;border:1px solid #e3e6ea;border-radius:4px;background:#f4f5f7;}
.cap{margin:8px 0 0;color:#5a6066;font-size:14px;text-align:center;}
.art ul{margin:0 0 16px;padding-left:20px;}
.art li{margin:8px 0;}
.cta{background:#111315;padding:18px;border-radius:4px;margin-top:24px;}
.cta p{margin:0;color:#a0a5ab;}
.cta p:first-child{margin-bottom:8px;}
/* All article-body images, including external image URLs: never exceed 500px,
   retain their intrinsic aspect ratio, and shrink with the mobile container. */
.art img{max-width:min(500px,100%)!important;width:auto;height:auto!important;display:block;}

/* ===== 平板 / 大手机：缩放排版 ===== */
@media (max-width:768px){
  .art{padding:0 12px 12px 12px;}
  .art h2{font-size:19px;margin:24px 0 10px;}
  .art h3{font-size:16px;margin:22px 0 8px;}
  .art h4{font-size:15px;}
  .art p,.note,.warn{font-size:14px;}
  .meta p:first-child{font-size:13px;}
  .imgbox .art-img{border-radius:3px;}
  .cap{font-size:13px;}
  .tb{font-size:14px;}
  .tb th,.tb td{padding:10px;}
}

/* ===== 手机：表格转卡片堆叠，避免横向滚动 ===== */
@media (max-width:640px){
  .tb{min-width:0;font-size:14px;}
  .tb thead{display:none;}
  .tb,.tb tbody,.tb tr,.tb td{display:block;width:100%;}
  .tb tr{margin-bottom:14px;border:1px solid #d4d8dd;border-radius:6px;overflow:hidden;background:#fff;}
  .tb td{border:none;border-bottom:1px solid #e3e6ea;padding:10px 12px 10px 42%;text-align:left;position:relative;}
  .tb td:last-child{border-bottom:none;}
  .tb td::before{content:attr(data-label);position:absolute;left:12px;top:10px;width:34%;font-weight:600;color:#5a6066;font-size:12px;line-height:1.4;}
  .r1,.r2{background:#fff;}
  .scroll{overflow:visible;}
}