/* PDBEAUTY_V1 (2026-11) 前台模板1 产品详情页首屏美化 + 窄屏右侧留白修复 + 分类页「子分类」条
 * 由 Home/Lib/Behavior/ZbCssBehavior 注入(版本号取文件修改时间); ?pdoff=1 可临时关闭对比。
 * 只作用于 模板1(css/newcss/product.css)详情页的 .product-hero; 分类页子分类条(.sc-bar)五套模板共用同一结构。
 * 主题色跟随 --primary-blue / --primary-dark / --primary-rgb。 */
:root{--zb-r:8px} /* 全站统一圆角(不要过大); 可在 ui_fix.css 里统一调整 */
:root{--pdp:var(--primary-blue,#0056b3);--pdd:var(--primary-dark,var(--hover-blue,#004494));--pdr:var(--primary-rgb,0,86,179);--pdink:#10243a;--pdtx:#4a5a68;--pdline:#e6ecf1}

/* ═════ 1. 首屏: 主图 + 信息 整体做成一张圆角卡片 ═════ */
html body .b2b-detail-wrapper .product-hero{display:flex;align-items:flex-start;gap:clamp(26px,4.2vw,64px);
  margin:26px 0 clamp(40px,5vw,68px);padding:clamp(16px,2.6vw,36px);background:#fff;border:1px solid var(--pdline);border-radius:var(--zb-r,8px);
  box-shadow:0 30px 60px -38px rgba(16,36,58,.28)}
html body .b2b-detail-wrapper .product-gallery{flex:0 0 min(540px,46%);width:min(540px,46%);position:sticky;top:24px}
html body .b2b-detail-wrapper .product-info{flex:1 1 0;min-width:0;width:auto}

/* 主图: 柔和渐变底 + 留白 + 圆角, 缩放放大效果保留 */
html body .b2b-detail-wrapper .main-stage{margin:0 0 14px;padding:clamp(14px,2.4vw,28px);border:1px solid var(--pdline);border-radius:var(--zb-r,8px);
  background:radial-gradient(circle at 50% 38%,#fff 0%,#f3f6f9 100%);box-shadow:none}
html body .b2b-detail-wrapper .main-stage img{border-radius:var(--zb-r,8px)}
/* 缩略图: 小方块 + 选中描边圈, 不再整体上跳 */
html body .b2b-detail-wrapper .gallery-thumb-wrapper{margin-top:0;gap:10px}
html body .b2b-detail-wrapper .thumb-grid{gap:10px;padding:4px 2px 8px}
html body .b2b-detail-wrapper .thumb-grid li{flex:0 0 76px;height:76px;border:2px solid var(--pdline);border-radius:var(--zb-r,8px);background:#f6f8fa;transition:border-color .2s,box-shadow .2s}
html body .b2b-detail-wrapper .thumb-grid li:hover{border-color:rgba(var(--pdr),.45)}
html body .b2b-detail-wrapper .thumb-grid li.on{transform:none;border-color:var(--pdp);box-shadow:0 0 0 3px rgba(var(--pdr),.16)}
html body .b2b-detail-wrapper .thumb-grid img{border-radius:var(--zb-r,8px)}
html body .b2b-detail-wrapper .thumb-arrow{width:34px;height:34px;box-shadow:0 6px 16px -6px rgba(16,36,58,.35);border:1px solid var(--pdline)}
html body .b2b-detail-wrapper .image-counter{padding:6px 12px;border-radius:var(--zb-r,8px);background:#eef2f6;color:#475569;border:0;box-shadow:none;backdrop-filter:none;font-size:13px;font-weight:700;letter-spacing:.2px}
html body .b2b-detail-wrapper .image-counter i{color:var(--pdp)}

/* 标题 + 短色条 */
html body .b2b-detail-wrapper .product-title{margin:0 0 22px;font-size:clamp(24px,2.6vw,34px);line-height:1.22;font-weight:800;letter-spacing:-.02em;color:var(--pdink)}
html body .b2b-detail-wrapper .product-title::after{content:"";display:block;width:56px;height:4px;margin-top:16px;border-radius:3px;background:linear-gradient(90deg,var(--pdp),rgba(var(--pdr),.3))}

/* 分享: 去掉灰底大框, 改成一行轻量的细线条 */
html body .b2b-detail-wrapper .share-section{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;margin:0 0 24px;padding:14px 0;
  background:none;border:0;border-top:1px solid var(--pdline);border-bottom:1px solid var(--pdline);border-radius:0}
html body .b2b-detail-wrapper .share-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
html body .b2b-detail-wrapper .share-label i{font-size:14px}
html body .b2b-detail-wrapper .share-buttons{gap:8px}
html body .b2b-detail-wrapper .share-btn{width:36px;height:36px;font-size:15px;background:#eef2f6;border:0;box-shadow:none;color:#475569}
html body .b2b-detail-wrapper .share-btn:hover{background:var(--pdp);color:#fff;transform:translateY(-2px);box-shadow:0 10px 18px -8px rgba(var(--pdr),.6)}

/* 参数 / 详情列表: 圆角卡片 + 浅色表头 + 左列标签色块 + 斑马纹 */
html body .b2b-detail-wrapper .product-description-box{margin:0 0 26px;font-size:15px;line-height:1.75;color:var(--pdtx);overflow-wrap:anywhere}
html body .b2b-detail-wrapper .product-description-box p{margin:0 0 14px}
html body .b2b-detail-wrapper .product-description-box strong{color:var(--pdink)}
html body .b2b-detail-wrapper .product-description-box ul{list-style:none;margin:0 0 16px;padding:0}
html body .b2b-detail-wrapper .product-description-box ul li{position:relative;margin:0 0 9px;padding-left:24px}
html body .b2b-detail-wrapper .product-description-box ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--pdp);box-shadow:0 0 0 4px rgba(var(--pdr),.14)}
html body .b2b-detail-wrapper .product-description-box table{width:100%!important;margin:4px 0 18px;border:1px solid var(--pdline);border-radius:var(--zb-r,8px);overflow:hidden;
  border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 14px 30px -24px rgba(16,36,58,.3)}
html body .b2b-detail-wrapper .product-description-box table thead tr{background:rgba(var(--pdr),.09)}
html body .b2b-detail-wrapper .product-description-box table thead td,
html body .b2b-detail-wrapper .product-description-box table thead th{padding:14px 20px;border:0;border-bottom:2px solid rgba(var(--pdr),.35);background:transparent;
  color:var(--pdd)!important;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left}
html body .b2b-detail-wrapper .product-description-box table td,
html body .b2b-detail-wrapper .product-description-box table th{padding:14px 20px;border:0;border-bottom:1px solid #edf1f5;font-size:14.5px;line-height:1.55;color:var(--pdink);vertical-align:top;word-break:break-word}
html body .b2b-detail-wrapper .product-description-box table tbody tr:nth-child(even){background:#f8fafc}
html body .b2b-detail-wrapper .product-description-box table tbody tr:hover{background:rgba(var(--pdr),.05)}
html body .b2b-detail-wrapper .product-description-box table tbody tr:last-child td{border-bottom:0}
html body .b2b-detail-wrapper .product-description-box table tbody td:first-child{width:34%;font-weight:700;color:#334155;background:rgba(var(--pdr),.045);border-right:1px solid #edf1f5}

/* 询盘按钮: 圆角胶囊 + 箭头 */
html body .b2b-detail-wrapper .btn-row{margin:0 0 4px}
html body .b2b-detail-wrapper .btn-action{height:56px;padding:0 40px;border-radius:var(--zb-r,8px);font-size:15.5px;font-weight:700;letter-spacing:.2px;
  background:linear-gradient(135deg,var(--pdp),var(--pdd));box-shadow:0 16px 32px -12px rgba(var(--pdr),.6)}
html body .b2b-detail-wrapper .btn-action:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px rgba(var(--pdr),.7)}

/* ═════ 2. 窄屏: 上下排列时信息区必须铺满(原来 align-items:flex-start 让它缩成内容宽度, 右边空一大截) ═════ */
@media(max-width:1100px){
  html body .b2b-detail-wrapper .product-gallery{flex-basis:min(440px,44%);width:min(440px,44%)}
}
@media(max-width:992px){
  html body .b2b-detail-wrapper .product-hero{flex-direction:column;align-items:stretch;gap:26px;padding:clamp(14px,3.4vw,26px);border-radius:var(--zb-r,8px)}
  html body .b2b-detail-wrapper .product-gallery{flex:none;width:100%;max-width:620px;margin:0 auto;position:static}
  html body .b2b-detail-wrapper .product-info{flex:none;width:100%;max-width:100%;align-self:stretch}
  html body .b2b-detail-wrapper .share-section,
  html body .b2b-detail-wrapper .product-description-box,
  html body .b2b-detail-wrapper .btn-row{width:100%;max-width:100%}
}
@media(max-width:768px){
  html body .b2b-detail-wrapper .product-hero{margin:14px 0 36px;border-radius:var(--zb-r,8px)}
  html body .b2b-detail-wrapper .gallery-thumb-wrapper{flex-wrap:nowrap;justify-content:flex-start}
  html body .b2b-detail-wrapper .thumb-arrow{display:none}
  html body .b2b-detail-wrapper .thumb-scroll-container{flex:1 1 0;width:auto;min-width:0}
  html body .b2b-detail-wrapper .thumb-grid li{flex-basis:64px;height:64px;border-radius:var(--zb-r,8px)}
  html body .b2b-detail-wrapper .gallery-thumb-wrapper .thumb-scroll-container{order:1}
  html body .b2b-detail-wrapper .gallery-thumb-wrapper .image-counter{order:2;margin-left:0}
  html body .b2b-detail-wrapper .share-section{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}
  html body .b2b-detail-wrapper .share-buttons{justify-content:flex-start!important}
  html body .b2b-detail-wrapper .btn-action{width:100%}
  html body .b2b-detail-wrapper .product-description-box table td,
  html body .b2b-detail-wrapper .product-description-box table th{padding:12px 14px;font-size:14px}
  html body .b2b-detail-wrapper .product-description-box table tbody td:first-child{width:38%}
}
@media(max-width:480px){
  html body .b2b-detail-wrapper .product-hero{padding:12px;border-radius:var(--zb-r,8px)}
  html body .b2b-detail-wrapper .main-stage{padding:10px;border-radius:var(--zb-r,8px)}
}

/* ═════ 3. 产品分类页「下级 / 同级分类」条: 去掉「Subcategories」标题, 居中, 上方留白加大 ═════
 * 结构来自 Home/Tpl 各主题的 Public/e_subcats.html(五套模板相同): nav.sc-bar > span.sc-label + ul.sc-list > li > a.sc-chip */
html body .sc-bar{display:block!important;margin:clamp(22px,2.8vw,40px) 0 clamp(4px,1vw,12px)!important;text-align:center}
html body .sc-bar .sc-label{display:none!important}
html body .sc-bar .sc-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 10px}
html body .sc-bar .sc-chip{height:38px;padding:0 18px;font-size:14px;border-color:#dbe3ec;box-shadow:0 4px 12px -8px rgba(16,36,58,.25)}
html body .sc-bar .sc-chip:hover{box-shadow:0 10px 20px -10px rgba(var(--pdr),.45)}
@media(max-width:640px){
  html body .sc-bar{margin:22px 0 4px!important}
  html body .sc-bar .sc-list{gap:8px;justify-content:center}
  html body .sc-bar .sc-chip{height:34px;padding:0 14px;font-size:13px}
}

/* ═════ 4. 模板2 产品详情页 (左侧分类栏 + 主区; 结构 .pd-hero / .pd-gallery / .pd-info) ═════
 * 与模板1同款处理: 首屏卡片化、主图柔和底、缩略图选中圈、分享改轻量细线、参数表浅色表头 + 左列色块; 窄屏信息区铺满 */
html body .pd-main .pd-hero{display:flex;align-items:flex-start;gap:clamp(24px,3.4vw,48px);margin:0;padding:clamp(16px,2.2vw,30px);background:#fff;
  border:1px solid var(--pdline);border-radius:var(--zb-r,8px);box-shadow:0 28px 56px -38px rgba(16,36,58,.28)}
html body .pd-main .pd-gallery{flex:0 0 min(460px,46%);width:min(460px,46%);position:sticky;top:24px}
html body .pd-main .pd-info{flex:1 1 0;min-width:0;width:auto}
html body .pd-main .pd-main-img{margin:0 0 12px;padding:clamp(12px,2vw,24px);border:1px solid var(--pdline);border-radius:var(--zb-r,8px);background:radial-gradient(circle at 50% 38%,#fff 0%,#f3f6f9 100%);box-shadow:none}
html body .pd-main .pd-thumb-wrap{margin-top:0;gap:10px}
html body .pd-main .pd-thumb-list{gap:10px;padding:4px 2px 8px}
html body .pd-main .pd-thumb-list li{flex:0 0 72px;height:72px;border:2px solid var(--pdline);border-radius:var(--zb-r,8px);background:#f6f8fa}
html body .pd-main .pd-thumb-list li.on{transform:none;border-color:var(--pdp);box-shadow:0 0 0 3px rgba(var(--pdr),.16)}
html body .pd-main .pd-thumb-list img{border-radius:var(--zb-r,8px)}
html body .pd-main .pd-thumb-arrow{width:32px;height:32px;box-shadow:0 6px 16px -6px rgba(16,36,58,.35);border:1px solid var(--pdline)}
html body .pd-main .pd-img-counter{padding:6px 12px;border-radius:var(--zb-r,8px);background:#eef2f6;color:#475569;border:0;box-shadow:none;backdrop-filter:none;font-size:13px;font-weight:700}
html body .pd-main .pd-img-counter i{color:var(--pdp)}
html body .pd-main .pd-title{margin:0 0 20px;font-size:clamp(23px,2.3vw,31px);line-height:1.22;font-weight:800;letter-spacing:-.02em;color:var(--pdink)}
html body .pd-main .pd-title::after{content:"";display:block;width:52px;height:4px;margin-top:14px;border-radius:3px;background:linear-gradient(90deg,var(--pdp),rgba(var(--pdr),.3))}
html body .pd-main .pd-share{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 16px;margin:0 0 22px;padding:12px 0;background:none;border:0;border-top:1px solid var(--pdline);border-bottom:1px solid var(--pdline);border-radius:0}
html body .pd-main .pd-share-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
html body .pd-main .pd-share-btns{gap:8px}
html body .pd-main .pd-share-btn{width:36px;height:36px;font-size:15px;background:#eef2f6;border:0;box-shadow:none;color:#475569}
html body .pd-main .pd-share-btn:hover{background:var(--pdp);color:#fff;transform:translateY(-2px)}
html body .pd-main .pd-desc{margin:0 0 24px;font-size:15px;line-height:1.75;color:var(--pdtx);overflow-wrap:anywhere}
html body .pd-main .pd-desc p{margin:0 0 14px}
html body .pd-main .pd-desc ul{list-style:none;margin:0 0 16px;padding:0}
html body .pd-main .pd-desc ul li{position:relative;margin:0 0 9px;padding-left:24px}
html body .pd-main .pd-desc ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--pdp);box-shadow:0 0 0 4px rgba(var(--pdr),.14)}
html body .pd-main .pd-desc table{width:100%!important;margin:4px 0 18px;border:1px solid var(--pdline);border-radius:var(--zb-r,8px);overflow:hidden;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 14px 30px -24px rgba(16,36,58,.3)}
html body .pd-main .pd-desc table thead tr{background:rgba(var(--pdr),.09)}
html body .pd-main .pd-desc table thead td,html body .pd-main .pd-desc table thead th{padding:14px 20px;border:0;border-bottom:2px solid rgba(var(--pdr),.35);background:transparent;color:var(--pdd)!important;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left}
html body .pd-main .pd-desc table td,html body .pd-main .pd-desc table th{padding:13px 20px;border:0;border-bottom:1px solid #edf1f5;font-size:14.5px;line-height:1.55;color:var(--pdink);vertical-align:top;word-break:break-word}
html body .pd-main .pd-desc table tbody tr:nth-child(even){background:#f8fafc}
html body .pd-main .pd-desc table tbody tr:hover{background:rgba(var(--pdr),.05)}
html body .pd-main .pd-desc table tbody tr:last-child td{border-bottom:0}
html body .pd-main .pd-desc table tbody td:first-child{width:34%;font-weight:700;color:#334155;background:rgba(var(--pdr),.045);border-right:1px solid #edf1f5}
html body .pd-main .pd-actions{margin:0 0 4px}
html body .pd-main .pd-inquiry-btn{height:56px;padding:0 40px;border-radius:var(--zb-r,8px);font-size:15.5px;font-weight:700;background:linear-gradient(135deg,var(--pdp),var(--pdd));box-shadow:0 16px 32px -12px rgba(var(--pdr),.6)}
@media(max-width:1280px){html body .pd-main .pd-gallery{flex-basis:min(400px,44%);width:min(400px,44%)}}
@media(max-width:991px){
  html body .pd-main .pd-hero{flex-direction:column;align-items:stretch;gap:24px;padding:clamp(14px,3.2vw,24px);border-radius:var(--zb-r,8px)}
  html body .pd-main .pd-gallery{flex:none;width:100%;max-width:560px;margin:0 auto;position:static}
  html body .pd-main .pd-info{flex:none;width:100%;max-width:100%;align-self:stretch}
}
@media(max-width:767px){
  html body .pd-main .pd-thumb-wrap{flex-wrap:nowrap;justify-content:flex-start}
  html body .pd-main .pd-thumb-scroll{flex:1 1 0;width:auto;min-width:0}
  html body .pd-main .pd-thumb-list li{flex-basis:62px;height:62px;border-radius:var(--zb-r,8px)}
  html body .pd-main .pd-img-counter{order:2;margin:0}
  html body .pd-main .pd-share{flex-direction:row;align-items:center;gap:8px 12px;padding:12px 0}
  html body .pd-main .pd-inquiry-btn{width:100%}
  html body .pd-main .pd-desc table td,html body .pd-main .pd-desc table th{padding:12px 14px;font-size:14px}
}

/* ═════ 5. 模板3 杂志风 (.d3): 保持衬线 + 细线条的气质, 只补: 参数表表头 / 按钮箭头 / 分享行 / 缩略图不再孤行 ═════ */
@media(min-width:641px){
  html body .d3 .m-pinfo .m-rich table:not(.tc-card){width:100%!important;border-collapse:collapse;border-top:2px solid var(--m-ink);margin:6px 0 20px}
  html body .d3 .m-pinfo .m-rich table:not(.tc-card) thead td,html body .d3 .m-pinfo .m-rich table:not(.tc-card) thead th{padding:11px 12px 11px 0;border:0;border-bottom:1px solid var(--m-ink);font:600 11.5px var(--m-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--m-graphite);text-align:left}
  html body .d3 .m-pinfo .m-rich table:not(.tc-card) td,html body .d3 .m-pinfo .m-rich table:not(.tc-card) th{padding:13px 14px 13px 0;border:0;border-bottom:1px solid var(--m-rule);vertical-align:top;line-height:1.5}
  html body .d3 .m-pinfo .m-rich table:not(.tc-card) tbody td:first-child{width:36%;font-weight:600;color:var(--m-ink)}
  html body .d3 .m-pinfo .m-rich table:not(.tc-card) tbody td:last-child{color:var(--m-graphite)}
}
html body .d3 .m-pbtns .m-btn::after{content:"\2192";font-size:1.15em;transition:transform .2s}
html body .d3 .m-pbtns .m-btn:hover::after{transform:translateX(4px)}
html body .d3 .m-share{margin-top:24px;padding-top:18px;border-top:1px solid var(--m-rule);align-items:center}
html body .d3 .m-share>span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--m-ink)}
@media(max-width:900px){
  html body .d3 .m-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
  html body .d3 .m-thumbs button{flex:0 0 68px;width:68px;scroll-snap-align:start}
  html body .d3 .m-pbtns .m-btn{min-width:0;flex:1 1 100%}
}

/* ═════ 6. 模板4 大图展示 (.d4): 右侧询盘卡吸顶 + 圆角卡片质感; 参数表浅色表头 ═════ */
@media(min-width:1001px){html body .d4 .g-pd .g-panel{position:sticky;top:110px;align-self:start}}
html body .d4 .g-pd .g-panel{border:1px solid var(--g-rule);border-radius:var(--zb-r,8px);box-shadow:0 24px 48px -34px rgba(26,30,37,.35)}
html body .d4 .g-pd .g-panel .g-btn{width:100%}
html body .d4 .g-share{margin-top:20px;padding-top:18px;border-top:1px solid var(--g-rule);align-items:center}
@media(min-width:641px){
  html body .d4 .g-pd .g-rich table:not(.tc-card){width:100%!important;border-collapse:separate;border-spacing:0;border:1px solid var(--g-rule);border-radius:var(--zb-r,8px);overflow:hidden;margin:6px 0 22px;background:#fff}
  html body .d4 .g-pd .g-rich table:not(.tc-card) thead td,html body .d4 .g-pd .g-rich table:not(.tc-card) thead th{padding:13px 18px;border:0;border-bottom:1px solid var(--g-rule);background:var(--g-stone);font:700 12px var(--g-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--g-graphite);text-align:left}
  html body .d4 .g-pd .g-rich table:not(.tc-card) td,html body .d4 .g-pd .g-rich table:not(.tc-card) th{padding:13px 18px;border:0;border-bottom:1px solid var(--g-rule);vertical-align:top;line-height:1.5}
  html body .d4 .g-pd .g-rich table:not(.tc-card) tbody tr:last-child td{border-bottom:0}
  html body .d4 .g-pd .g-rich table:not(.tc-card) tbody td:first-child{width:36%;font-weight:700;color:var(--g-ink);background:var(--g-stone)}
}

/* ═════ 7. 模板5 卡片拼接 (.d5): 不用阴影, 灰底白卡; 参数表用主色淡底表头 + 左列浅灰; 手机箭头收小不压图 ═════ */
@media(min-width:641px){
  html body .d5 .k-pinfo .k-rich table:not(.tc-card){width:100%!important;border-collapse:separate;border-spacing:0;border:1px solid var(--k-rule);border-radius:var(--k-rs);overflow:hidden;margin:6px 0 20px;background:#fff}
  html body .d5 .k-pinfo .k-rich table:not(.tc-card) thead td,html body .d5 .k-pinfo .k-rich table:not(.tc-card) thead th{padding:12px 16px;border:0;border-bottom:1px solid var(--k-rule);background:var(--k-wash);font:700 12px var(--k-font);letter-spacing:.1em;text-transform:uppercase;color:var(--k-spot);text-align:left}
  html body .d5 .k-pinfo .k-rich table:not(.tc-card) td,html body .d5 .k-pinfo .k-rich table:not(.tc-card) th{padding:12px 16px;border:0;border-bottom:1px solid var(--k-rule);vertical-align:top;line-height:1.5}
  html body .d5 .k-pinfo .k-rich table:not(.tc-card) tbody tr:last-child td{border-bottom:0}
  html body .d5 .k-pinfo .k-rich table:not(.tc-card) tbody td:first-child{width:36%;font-weight:700;color:var(--k-ink);background:var(--k-fill)}
}
html body .d5 .k-chip{letter-spacing:.02em}
html body .d5 .k-acts .k-btn{height:52px}
@media(max-width:600px){
  html body .d5 .k-arw{right:10px;bottom:10px;gap:6px}
  html body .d5 .k-arw button{width:36px;height:36px}
  html body .d5 .k-count{left:10px;bottom:10px;padding:6px 11px}
  html body .d5 .k-thumbs button{width:64px;height:64px}
}

/* ═════ 8. 下方「Product Details」富文本里的表格, 与首屏参数表保持同一套浅色风格(模板1 / 模板2) ═════ */
html body .b2b-detail-wrapper .content-rich table,html body .pd-main .pd-content-rich table{width:100%!important;margin:22px 0;border:1px solid var(--pdline);border-radius:var(--zb-r,8px);overflow:hidden;border-collapse:separate;border-spacing:0;background:#fff;box-shadow:0 14px 30px -24px rgba(16,36,58,.3)}
html body .b2b-detail-wrapper .content-rich table thead tr,html body .pd-main .pd-content-rich table thead tr{background:rgba(var(--pdr),.09)}
html body .b2b-detail-wrapper .content-rich table thead td,html body .b2b-detail-wrapper .content-rich table thead th,
html body .pd-main .pd-content-rich table thead td,html body .pd-main .pd-content-rich table thead th{padding:14px 20px;border:0;border-bottom:2px solid rgba(var(--pdr),.35);background:transparent;color:var(--pdd)!important;font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left}
html body .b2b-detail-wrapper .content-rich table td,html body .b2b-detail-wrapper .content-rich table th,
html body .pd-main .pd-content-rich table td,html body .pd-main .pd-content-rich table th{padding:13px 20px;border:0;border-bottom:1px solid #edf1f5;line-height:1.55;vertical-align:top;word-break:break-word}
html body .b2b-detail-wrapper .content-rich table tbody tr:nth-child(even),html body .pd-main .pd-content-rich table tbody tr:nth-child(even){background:#f8fafc}
html body .b2b-detail-wrapper .content-rich table tbody tr:last-child td,html body .pd-main .pd-content-rich table tbody tr:last-child td{border-bottom:0}
html body .b2b-detail-wrapper .content-rich table tbody td:first-child,html body .pd-main .pd-content-rich table tbody td:first-child{font-weight:700;color:#334155;background:rgba(var(--pdr),.045)}