@charset "utf-8";
/* ==========================================================================
   产品详情页 product-detail.css
   --------------------------------------------------------------------------
   依赖：style.css（变量 / .l-wrap）、product.css（.pl-hero / .pl-crumb-bar /
   .pl-card / .pl-grid）。首屏 banner 与列表页共用同一套 class，所以两页
   高度、标题字号、副标题、断点完全一致，改列表页 banner 这里自动跟着变。

   设计语言与列表页一致：14~16px 圆角、1px 浅灰边框、橙色 var(--color)
   强调、克制的阴影，不引入新的颜色。
   ========================================================================== */


/* ==========================================================================
   1. 主体栅格
   修复线上问题：描述正文里有 1000px 宽的图片（编辑器写死尺寸），
   .page-main 的 min-width 默认是 auto，撑不住就被 flex-wrap 挤到侧边栏
   下面，右侧整片空白 —— 这里给 min-width:0，让它老实待在右边。
   ========================================================================== */
/* 面包屑条：路径太长时单行省略，不要把横条顶破 */
.prodetails-main .pl-crumb-bar .l-wrap{min-width:0}
.prodetails-main .pl-crumb-bar .banner-breadcrumbs{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.prodetails-main .common-main{padding:34px 0 72px}
.prodetails-main .page-container{
  display:flex;flex-wrap:wrap;align-items:flex-start;gap:32px;
}
.prodetails-main .sidebar{width:350px;flex:0 0 350px}
.prodetails-main .page-main{
  flex:1 1 0%;
  min-width:0;
  width:auto;
  padding-left:0;
}
.prodetails-main .page-box-shadow{
  background:#fff;
  border:1px solid #eceef0;
  border-radius:16px;
  box-shadow:0 24px 54px -36px rgba(19,20,21,.36),0 1px 2px rgba(19,20,21,.04);
  padding:clamp(18px,2.2vw,32px);
  margin-bottom:22px;
}


/* ==========================================================================
   2. 产品主卡：左图右信息
   ========================================================================== */
.pd-top{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
  gap:clamp(22px,3.2vw,52px);
  align-items:center;
}

/* ---------- 2a. 主图 ---------- */
.pd-gallery{width:100%}
.pd-gallery .small-box{
  width:100%;height:auto;
  aspect-ratio:4 / 3;
  border:1px solid #eef0f2;border-radius:14px;
  background:#fff;overflow:hidden;
}
.pd-gallery .small-box img{
  display:block;width:100%;height:100%;
  object-fit:contain;
}
/* 站点没做放大镜面板（.big-box），这块灰罩只会挡住图片，直接不要 */
.pd-gallery .small-box .hover{display:none!important}

/* ---------- 2b. 缩略图 ---------- */
.pd-gallery .thumbnail-box{margin-top:12px;padding:0 34px}
.pd-gallery .thumbnail-box .item{
  height:auto;aspect-ratio:1 / 1;
  /* 兜底：万一 Swiper 没跑起来，缩略图也不会被撑成一整屏（有 Swiper 时宽度本来就小于这个值） */
  max-width:calc((100% - 30px) / 4);
  border:1px solid #e8eaed;border-radius:10px;background:#fff;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.pd-gallery .thumbnail-box .item img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.pd-gallery .thumbnail-box .item:hover{border-color:#f3c090}
.pd-gallery .thumbnail-box .item.item-cur{
  border-color:var(--color);
  box-shadow:0 0 0 2px rgba(240,133,25,.16);
}
.pd-gallery .prodetails-button-prev,
.pd-gallery .prodetails-button-next{
  width:30px;height:30px;border-radius:50%;
  background:#fff;border:1px solid #e8eaed;color:#57606a;
  box-shadow:0 8px 18px -12px rgba(19,20,21,.6);
  left:0;
}
.pd-gallery .prodetails-button-next{left:auto;right:0}
.pd-gallery .prodetails-button-prev:hover,
.pd-gallery .prodetails-button-next:hover{
  background:var(--color);border-color:var(--color);color:#fff;
}

/* ---------- 2c. 右侧信息 ---------- */
.pd-info{padding-left:0;display:flex;flex-direction:column}
.pd-info .prodetails-name{
  border:0;padding:0;margin:0 0 14px;
  font-size:clamp(22px,2.1vw,30px);line-height:1.34;
  font-weight:800;letter-spacing:-.01em;color:#131415;
}
.pd-info .prodetails-text{
  margin:0;max-width:46em;
  font-size:16px;line-height:1.85;color:#5a6068;
}
.pd-info .prodetails-btnlist{
  margin:26px 0 0;padding-top:24px;
  border-top:1px solid #f0f2f4;
}
.pd-info .prodetails-btnlist>*{margin:0}
.pd-info .prodetails-btnlist .pro-btn{
  width:auto;min-width:196px;height:48px;padding:0 34px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--color);border:1px solid var(--color);color:#fff;
  border-radius:999px;font-size:15px;font-weight:700;letter-spacing:.02em;
  box-shadow:0 14px 26px -14px rgba(240,133,25,.85);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.pd-info .prodetails-btnlist .pro-btn:hover{
  transform:translateY(-2px);
  background:#e0700c;border-color:#e0700c;
  box-shadow:0 18px 32px -14px rgba(240,133,25,.9);
}


/* ==========================================================================
   3. 详情正文
   ========================================================================== */
.prodetails-main .prodetails-content{
  border-top:0;padding-top:0;margin-top:0;
}
/* 只有一个 Description 标签，留着只会多一条横杠，正文标题已经说明了层级 */
.prodetails-main #tagTabs{display:none}

.pd-desc .ab-template-3{margin:34px 0 16px;position:relative}
.pd-desc .ab-template-3:first-child{margin-top:0}
.pd-desc .ab-template-3>h5{
  width:auto;border:0;margin:0;padding:0 0 12px;
  font-size:clamp(19px,1.55vw,23px);font-weight:800;
  letter-spacing:-.01em;line-height:1.3;
}
/* pro.css 的 .ab-orange 用了 !important 的橙红色，与站点主色 var(--color) 不一致，
   这里统一压回深色，橙色只留给下方那条 3px 短线 */
.pd-desc .ab-template-3>h5.ab-orange{color:#131415!important}
.pd-desc .ab-template-3>h5::after{
  content:"";position:absolute;left:0;bottom:0;
  width:44px;height:3px;border-radius:3px;background:var(--color);
}
/* pro.css 里那条「白色盖住灰边」的伪元素，这套标题用不上了 */
.pd-desc .ab-template-3>h5::before{display:none}

/* ---------- 3a. 正文排版 ---------- */
.pd-desc .ab_img{
  font-size:16px;line-height:1.85;color:#4a4f55;
  overflow-x:auto;
}
.pd-desc .ab_img p{margin:0 0 16px}
.pd-desc .ab_img p:last-child{margin-bottom:0}
.pd-desc .ab_img h1,.pd-desc .ab_img h2,.pd-desc .ab_img h3{
  font-size:19px;font-weight:800;color:#131415;margin:24px 0 10px;line-height:1.4;
}
.pd-desc .ab_img ul,.pd-desc .ab_img ol{margin:0 0 16px;padding-left:1.35em}
.pd-desc .ab_img li{list-style:disc;margin:7px 0}
.pd-desc .ab_img ol li{list-style:decimal}
.pd-desc .ab_img strong,.pd-desc .ab_img b{color:#131415}
/* 编辑器写死的 width/height 会让图撑破版面，统一压回容器宽度 */
.pd-desc .ab_img img{
  max-width:100%!important;height:auto!important;
  border-radius:10px;
}
/* 编辑器里的表格普遍写死 width=722 一类的宽度，比正文区还宽，
   还会给 td 塞 word-break:break-all（英文被从中间切断）。
   统一拉回容器宽度、恢复正常断词。 */
.pd-desc .ab_img table{
  width:100%!important;max-width:100%;
  border-collapse:collapse;font-size:14.5px;margin:0 0 16px;
  table-layout:auto;
}
.pd-desc .ab_img th,.pd-desc .ab_img td{
  width:auto!important;
  border:1px solid #e8eaed;padding:10px 12px;text-align:left;line-height:1.6;
  word-break:normal!important;
  overflow-wrap:break-word;
  vertical-align:top;
}
.pd-desc .ab_img th{background:#fafbfc;font-weight:700;color:#131415}
.pd-desc .ab_img iframe{max-width:100%;border-radius:10px}


/* ==========================================================================
   4. 相关产品：直接复用列表页的 .pro-list.pl-grid + .pl-card
   ========================================================================== */
.prodetails-main .ab-template-40{margin-top:4px}
.prodetails-main .pro-list.pl-grid.pd-related{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;margin:0;padding:0;
}
.pd-related .pl-card .pl-body{padding:16px 16px 18px}
.pd-related .pl-card .pl-name{
  font-size:15px;line-height:1.45;margin-bottom:8px;
  min-height:calc(1.45em * 3);
  -webkit-line-clamp:3;
}
.pd-related .pl-card .pl-desc{
  font-size:13px;line-height:1.7;margin-bottom:12px;
  min-height:calc(1.7em * 2);
  -webkit-line-clamp:2;
}
.pd-related .pl-card .pl-more{font-size:12.5px;gap:6px}
.pd-related .pl-card .pl-more svg{width:14px;height:14px}


/* ==========================================================================
   5. 上一个 / 下一个
   ========================================================================== */
.prodetails-main .pagelink{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;
}
.prodetails-main .pagelink .pagelink-item{
  width:auto;background:#fff;color:inherit;
  border:1px solid #eceef0;border-radius:14px;
  padding:16px 20px;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.prodetails-main .pagelink .pagelink-item:hover{
  border-color:#dfe3e8;transform:translateY(-2px);
  box-shadow:0 18px 34px -26px rgba(19,20,21,.45);
}
.prodetails-main .pagelink .pagelink-item .pagelink-info{
  display:flex;align-items:center;gap:14px;width:100%;
}
.prodetails-main .pagelink .pagelink-info p{flex:1;min-width:0;margin:0}
.prodetails-main .pagelink .pagelink-info .link-intro{
  flex:none;width:auto;padding:0;margin:0;border:0;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#9aa1a9;line-height:1.2;
}
.prodetails-main .pagelink .pagelink-info a{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;
  font-size:15px;font-weight:700;color:#131415;
  transition:color .2s ease;
}
.prodetails-main .pagelink .pagelink-info a:hover{color:var(--color);text-decoration:none}
.prodetails-main .pagelink .pagelink-item.prev .pagelink-info .link-intro::before{
  content:"";display:inline-block;width:7px;height:7px;margin-right:8px;
  border-left:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
}
/* 两栏对称：左「‹ PREVIOUS + 标题」，右「标题 + NEXT ›」，箭头都朝卡片外侧提示方向 */
.prodetails-main .pagelink .pagelink-item.next .pagelink-info .link-intro{margin-left:auto}
.prodetails-main .pagelink .pagelink-item.next .link-intro::after{
  content:"";display:inline-block;width:7px;height:7px;margin-left:8px;
  border-right:2px solid currentColor;border-top:2px solid currentColor;
  transform:rotate(45deg) translateY(1px);
}


/* ==========================================================================
   4b. 新增展示板块
       At a glance / Specifications / Documents / FAQ / Standards / CTA
       数据来源见 product.html 注释；扩展字段为空时整块不输出
   ========================================================================== */

/* ---------- 板块小标题 ---------- */
.pd-h2{
  position:relative;margin:0 0 6px;padding-bottom:12px;
  font-size:clamp(19px,1.6vw,24px);font-weight:800;
  letter-spacing:-.01em;line-height:1.3;color:#131415;
}
.pd-h2::after{
  content:"";position:absolute;left:0;bottom:0;
  width:44px;height:3px;border-radius:2px;background:#f08519;
}
.pd-h2-sub{
  margin:0 0 18px;max-width:72em;
  font-size:13.5px;line-height:1.68;color:#7b828a;
}

/* ---------- At a glance：关键参数条 ---------- */
.pd-glance{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
  margin-bottom:22px;overflow:hidden;
  background:#fff;border:1px solid #eceef0;border-radius:16px;
  box-shadow:0 24px 54px -36px rgba(19,20,21,.36),0 1px 2px rgba(19,20,21,.04);
}
/* 五个扩展字段全空时，整条不留空壳 */
.pd-glance:not(:has(.pd-glance-item)){display:none}
.pd-glance-item{
  display:flex;flex-direction:column;gap:5px;
  padding:18px clamp(14px,1.8vw,26px);
  border-right:1px solid #e9ecef;min-width:0;
}
.pd-glance-item:last-child{border-right:0}
.pd-glance-v{
  font-size:clamp(18px,1.55vw,23px);font-weight:800;
  line-height:1.2;color:#131415;
  word-break:break-word;overflow-wrap:break-word;
}
.pd-glance-k{
  font-size:11.5px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:#9198a0;
}
/* 出现第 5 格（存储容量）时略收紧，避免 938px 宽下把数值拆成竖排 */
.pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-item{
  padding:16px clamp(11px,1.45vw,20px);
}
.pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-v{
  font-size:clamp(16px,1.3vw,20px);
}

/* ---------- Specifications ---------- */
.pd-spec-wrap{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:clamp(20px,2.6vw,38px);align-items:start;
}
.pd-spec-table{
  width:100%;border-collapse:collapse;font-size:14.5px;margin:0;
}
.pd-spec-table:not(:has(tr)){display:none}
.pd-spec-table th,
.pd-spec-table td{
  padding:11px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid #f0f2f4;line-height:1.6;
}
.pd-spec-table tr:first-child th,
.pd-spec-table tr:first-child td{border-top:1px solid #f0f2f4}
.pd-spec-table th{
  width:46%;font-weight:600;color:#5d646c;background:#fafbfc;
}
.pd-spec-table td{color:#131415;font-weight:700}
.pd-spec-table tr:hover th{background:#f5f7f8}

/* 右栏：典型应用 */
.pd-apps{
  padding:20px 20px 18px;
  background:#fafbfc;border:1px solid #eef0f2;border-radius:14px;
}
.pd-apps-h3{
  margin:0 0 12px;font-size:13px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:#131415;
}
.pd-tags{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0 0 16px;padding:0;list-style:none;
}
.pd-tags li{
  font-size:12.5px;line-height:1.4;color:#5d646c;
  background:#fff;border:1px solid #e6e9ec;border-radius:999px;
  padding:5px 12px;
}
.pd-apps-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:700;color:#f08519;text-decoration:none;
  transition:gap .2s ease,color .2s ease;
}
.pd-apps-link:hover{gap:11px;color:#dd7715}

/* ---------- Documents ---------- */
.pd-doc{
  display:flex;align-items:center;gap:16px;
  padding:15px 17px;text-decoration:none;
  border:1px solid #e8eaed;border-radius:12px;background:#fff;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.pd-doc:hover{
  border-color:#f3c090;background:#fffdfa;
  box-shadow:0 12px 26px -18px rgba(240,133,25,.5);
}
.pd-doc-ico{
  flex:0 0 44px;width:44px;height:44px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:#fdf3e8;color:#f08519;
}
.pd-doc-txt{
  flex:1 1 auto;min-width:0;
  display:flex;flex-direction:column;gap:3px;
}
.pd-doc-txt b{
  font-size:14.5px;font-weight:700;color:#131415;line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pd-doc-txt em{
  font-style:normal;font-size:12.5px;color:#8a9199;
}
.pd-doc-dl{flex:0 0 auto;color:#a6adb4;transition:color .2s ease}
.pd-doc:hover .pd-doc-dl{color:#f08519}

/* ---------- FAQ ---------- */
.pd-faq-list{margin-top:4px}
.pd-faq-item{border-bottom:1px solid #eef0f2}
.pd-faq-item:last-child{border-bottom:0}
.pd-faq-item summary{
  position:relative;list-style:none;cursor:pointer;
  padding:15px 38px 15px 0;
  font-size:15px;font-weight:700;color:#131415;line-height:1.55;
  transition:color .2s ease;
}
.pd-faq-item summary::-webkit-details-marker{display:none}
.pd-faq-item summary:hover{color:#f08519}
.pd-faq-item summary::after{
  content:"+";position:absolute;right:4px;top:50%;
  transform:translateY(-50%);
  font-size:21px;font-weight:400;line-height:1;color:#f08519;
}
.pd-faq-item[open] summary::after{content:"\2013"}
.pd-faq-a{
  padding:0 0 16px;font-size:14.5px;line-height:1.78;color:#4a5057;
}
.pd-faq-a p{margin:0}
.pd-faq-a strong{color:#131415}

/* ---------- Standards 条 ---------- */
.pd-std{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;
  margin-bottom:22px;padding:15px 20px;
  background:#f7f8f9;border:1px solid #eff1f3;border-radius:14px;
}
.pd-std-h{
  font-size:11.5px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#8a9199;flex:none;
}
.pd-std-list{
  display:flex;flex-wrap:wrap;gap:8px;
  margin:0;padding:0;list-style:none;
}
.pd-std-list li{
  font-size:12.5px;font-weight:700;color:#3f464d;
  background:#fff;border:1px solid #e6e9ec;border-radius:6px;
  padding:5px 10px;line-height:1.3;
}

/* ---------- CTA ---------- */
.pd-cta{
  position:relative;overflow:hidden;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:22px;margin-bottom:22px;padding:clamp(22px,2.6vw,34px);
  background:linear-gradient(135deg,#0d141a 0%,#182430 100%);
  border-radius:16px;
}
.pd-cta::after{
  content:"";position:absolute;right:-70px;top:-80px;
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,133,25,.26),transparent 68%);
  pointer-events:none;
}
.pd-cta-txt{position:relative;z-index:1;min-width:0;flex:1 1 320px}
.pd-cta-txt h2{
  margin:0 0 8px;font-size:clamp(18px,1.7vw,23px);
  font-weight:800;line-height:1.32;color:#fff;
}
.pd-cta-txt p{
  margin:0;max-width:52em;
  font-size:13.5px;line-height:1.72;color:rgba(255,255,255,.72);
}
.pd-cta-btns{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;gap:10px;
}
.pd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 24px;border-radius:999px;
  font-size:14px;font-weight:700;text-decoration:none;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.pd-btn-main{
  background:#f08519;color:#fff;
  box-shadow:0 14px 26px -14px rgba(240,133,25,.8);
}
.pd-btn-main:hover{background:#dd7715;transform:translateY(-2px)}
.pd-btn-ghost{
  background:rgba(255,255,255,.08);color:#fff;
  border:1px solid rgba(255,255,255,.24);
}
.pd-btn-ghost:hover{background:rgba(255,255,255,.17)}

/* ---------- 相关产品独立卡 ---------- */
.pd-related-box .pd-related{margin-top:6px}
.pd-related-box .pd-related .pl-name{min-height:0}


/* ==========================================================================
   6. 响应式
   ========================================================================== */
@media (max-width:1440px){
  .prodetails-main .sidebar{width:320px;flex:0 0 320px}
  .prodetails-main .page-container{gap:26px}
}
@media (max-width:1280px){
  .prodetails-main .page-container{gap:22px}
  .pd-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px}
  .prodetails-main .pro-list.pl-grid.pd-related{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  /* 侧边栏在 content.css 里已经隐藏，这里把栅格收成单列 */
  .prodetails-main .page-container{gap:0;display:block}
  .prodetails-main .page-main{width:100%}
  .prodetails-main .common-main{padding:22px 0 52px}

  /* 五格时改两列、最后一格通栏，避免每格只剩 100px 出头 */
  .pd-glance:has(.pd-glance-item:nth-child(5)){
    grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-item{
    border-right:1px solid #e9ecef;border-bottom:1px solid #e9ecef;
  }
  .pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-item:nth-child(2n){border-right:0}
  .pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-item:last-child{
    grid-column:1/-1;border-right:0;border-bottom:0;
  }
  .pd-glance:has(.pd-glance-item:nth-child(5)) .pd-glance-v{font-size:clamp(17px,2.2vw,20px)}
}

@media (max-width:768px){
  .prodetails-main .common-main{padding:14px 0 38px}
  .prodetails-main .page-box-shadow{
    padding:13px 13px 18px;border-radius:14px;margin-bottom:14px;
    box-shadow:0 14px 30px -26px rgba(19,20,21,.4);
  }
  .pd-top{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}

  /* 手机端：主图保留（原样式把它整块 display:none，只剩缩略图裸奔） */
  .prodetails-main .preview-container .small-box{display:block;border-radius:12px}
  .prodetails-main .preview-container .thumbnail-box{
    padding:0;margin-top:10px;border:0;overflow:visible;
  }
  .prodetails-main .preview-container .thumbnail-box .item{
    height:auto;aspect-ratio:1 / 1;border-radius:8px;
  }
  .prodetails-main .preview-container .thumbnail-box .item .imgalt{display:none}
  .prodetails-main .preview-container .thumbnail-box .prodetails-button-next,
  .prodetails-main .preview-container .thumbnail-box .prodetails-button-prev{display:none}

  .pd-info .prodetails-name{font-size:20px;line-height:1.38;margin-bottom:10px}
  .pd-info .prodetails-text{font-size:15px;line-height:1.75}
  .pd-info .prodetails-btnlist{margin-top:18px;padding-top:16px}
  .pd-info .prodetails-btnlist .pro-btn{width:100%;min-width:0;height:46px}

  .prodetails-main .prodetails-content{border-top:0;padding-top:0;margin-top:0}
  .pd-desc .ab-template-3{margin:26px 0 12px}
  .pd-desc .ab_img{font-size:15px;line-height:1.8}
  .pd-desc .ab_img h1,.pd-desc .ab_img h2,.pd-desc .ab_img h3{font-size:17px}

  /* 手机端：两列表格（文字 + 配图）横向放不下，直接堆成上下结构更好读 */
  .pd-desc .ab_img table,
  .pd-desc .ab_img tbody,
  .pd-desc .ab_img tr,
  .pd-desc .ab_img td,
  .pd-desc .ab_img th{display:block;width:100%!important;max-width:100%}
  .pd-desc .ab_img tr{margin-bottom:14px}
  .pd-desc .ab_img td,.pd-desc .ab_img th{
    border:0;border-bottom:1px solid #eef0f2;padding:9px 0;
  }
  .pd-desc .ab_img td:last-child,.pd-desc .ab_img th:last-child{border-bottom:0}
  .pd-desc .ab_img td img{margin:0 auto}

  .prodetails-main .pro-list.pl-grid.pd-related{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  }
  .pd-related .pl-card .pl-body{padding:12px 12px 14px}
  .pd-related .pl-card .pl-name{font-size:14px;min-height:0;margin-bottom:8px}
  .pd-related .pl-card .pl-desc{display:none}
  .pd-related .pl-card .pl-more{font-size:12.5px}

  /* ---- 新增板块：手机端 ---- */
  .pd-glance{
    grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));
    border-radius:14px;margin-bottom:14px;
  }
  .pd-glance-item{
    padding:14px 15px;border-right:1px solid #e9ecef;
    border-bottom:1px solid #e9ecef;
  }
  .pd-glance-item:nth-child(2n){border-right:0}
  .pd-glance-v{font-size:17px}
  .pd-glance-k{font-size:10.5px;letter-spacing:.05em}

  .pd-h2{font-size:18px;padding-bottom:10px}
  .pd-h2::after{width:36px;height:2px}
  .pd-h2-sub{font-size:13px;margin-bottom:14px}

  .pd-spec-wrap{grid-template-columns:minmax(0,1fr);gap:16px}
  .pd-spec-table{font-size:13.5px}
  .pd-spec-table th,.pd-spec-table td{padding:10px 12px}
  .pd-spec-table th{width:48%}
  .pd-apps{padding:16px}

  .pd-doc{padding:13px 14px;gap:12px}
  .pd-doc-ico{flex-basis:38px;width:38px;height:38px;border-radius:9px}
  .pd-doc-txt b{font-size:13.5px;white-space:normal}
  .pd-doc-txt em{font-size:12px}

  .pd-faq-item summary{font-size:14px;padding:13px 32px 13px 0}
  .pd-faq-a{font-size:13.5px;line-height:1.75}

  .pd-std{padding:13px 14px;gap:10px 12px;margin-bottom:14px}
  .pd-std-list li{font-size:11.5px;padding:4px 8px}

  .pd-cta{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px;padding:20px 18px;margin-bottom:14px}
  /* [修复 2026-11-04] 移动端改为 column 后，桌面端的 .pd-cta-txt{flex:1 1 320px}
     会把 flex-basis 当成"高度 320px"：文字块被硬撑高，按钮被推到卡片底部，
     中间空出约 220px。这里重置为按内容高度排列，卡片由 420px 收回约 198px。 */
  .pd-cta-txt{flex:0 1 auto;width:100%}
  .pd-cta-txt h2{font-size:17px}
  .pd-cta-txt p{font-size:13px}
  .pd-cta-btns{width:100%;flex:0 1 auto}
  .pd-btn{flex:1 1 auto;height:44px;padding:0 16px;font-size:13.5px}

  .prodetails-main .pagelink{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:16px}
  .prodetails-main .pagelink .pagelink-item{padding:13px 15px}
  .prodetails-main .pagelink .pagelink-info a{font-size:14px}
}

@media (max-width:480px){
  .pd-desc .ab-template-3>h5{font-size:18px}
  .prodetails-main .pagelink .pagelink-info .link-intro{font-size:10.5px;letter-spacing:.1em}

  /* 新增板块：超小屏 */
  .pd-glance-item{padding:12px 13px}
  .pd-glance-v{font-size:16px}
  .pd-tags li{font-size:11.5px;padding:4px 10px}
  .pd-std-h{width:100%}
}