/*
 * 产品详情页新版版式（common/npro_v2.html，?new=1 测试页）—— Claude Design「VOOHU 英文站产品详情页」第 2 轮设计稿（2026-10-14）
 * 数值逐项取自设计稿：容器 1260 / 两侧 clamp(16px, 3vw, 30px)；三档宽度 ≥1100 桌面、700–1099 平板、<700 手机。
 * 内容列宽度（≥768）已改成与应用领域页 .vhap-wrap 一致，见文件末尾一段；≤767 仍是上面的 clamp。
 * 设计稿里的页头不是固定的，站上页头是 fixed：所有吸顶位置与滚动定位都加上 --pdp2-top（pdp-v2.js 按实际页头高度设）。
 * 首屏按钮卡片（.pdp2-btn / .pdp2-qr）照搬现网同名规则；主图 3D 查看、缩略图、电路图放大沿用站上组件。
 * 全部样式收在 .pdp2 下，不影响站点其它页面。
 */

/* 站点外层 .dbox{overflow:hidden} 会让 position:sticky 失效（吸顶锚点栏、首屏主图），与应用领域页同一处理 */
#page.dbox:has(.pdp2) { overflow: clip; }
/* 页头的栏目横幅 .nhnavs 整块隐藏（与现网详情页 common/npro.html 同一条）；本页唯一的 H1 是首屏料号标题 */
.nhnavs { display: none; }
/* 手机底部操作条出现时给页面留出位置，免得盖住页脚最后一行 */
body.pdp2-bar-on { padding-bottom: 72px; }

.pdp2 {
    --pdp2-top: 130px;
    --pdp2-red: #C30D23;
    --pdp2-red-dark: #8A0A18;
    --pdp2-red-bright: #E0213A;
    --pdp2-ink: #1A1A1A;
    --pdp2-sub: #565B63;
    --pdp2-muted: #8C8C8C;
    --pdp2-line: #E4E4E4;
    --pdp2-grey: #F4F4F4;
    --pdp2-soft: #FAFAFA;
    --pdp2-pink: rgba(195, 13, 35, .05);
    color: var(--pdp2-ink);
    background: #fff;
    -webkit-font-smoothing: antialiased;
}
.pdp2 *, .pdp2 *::before, .pdp2 *::after { box-sizing: border-box; }
.pdp2 a { text-decoration: none; }
.pdp2 [hidden] { display: none !important; }
.pdp2-wrap { max-width: 1260px; margin: 0 auto; padding: 0 clamp(16px, 3vw, 30px); }
.pdp2-nowrap { white-space: nowrap; }
.pdp2-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- B1 面包屑 ---------- */
.pdp2-crumb { border-bottom: 1px solid var(--pdp2-line); }
.pdp2-crumb__in { min-height: 48px; display: flex; align-items: center; }
.pdp2-crumb__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-crumb__list li { display: flex; align-items: center; gap: 8px; }
.pdp2-crumb__list a { color: var(--pdp2-sub); }
.pdp2-crumb__list a:hover { color: var(--pdp2-red); }
.pdp2-crumb__list li > span { color: #C9C9C9; }
.pdp2-crumb__list .pdp2-crumb__cur { font-weight: 500; color: var(--pdp2-ink); }
.pdp2-crumb__up { display: none; min-height: 44px; align-items: center; gap: 6px; font-size: 14px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-crumb__up span { font-size: 18px; }

/* ---------- B2 首屏 A：桌面左 5 栏 1:1 主图（吸顶跟随）+ 右 7 栏信息；平板、手机主图插在关键参数与按钮之间 ---------- */
.pdp2-hero { position: relative; padding: clamp(24px, 3vw, 40px) 0 clamp(40px, 5vw, 64px); }
.pdp2-hero__info { min-width: 0; display: flex; flex-direction: column; }
.pdp2-hero__cat { min-height: 24px; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--pdp2-red); }
.pdp2-hero__cat:hover { color: var(--pdp2-red-dark); }
.pdp2-hero__cat span { flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--pdp2-red); }
.pdp2-hero__title { margin-top: 12px; display: flex; align-items: flex-start; gap: 16px; }
.pdp2-hero__h1 { margin: 0; min-width: 0; font-size: clamp(30px, 22px + 2vw, 48px); line-height: 1.1; font-weight: 700; letter-spacing: -.015em; color: var(--pdp2-ink); overflow-wrap: anywhere; }
.pdp2-hero__type { display: block; margin-top: 10px; font-size: clamp(16px, 14px + .5vw, 20px); line-height: 1.4; font-weight: 500; letter-spacing: 0; color: var(--pdp2-sub); }
.pdp2-copy {
    flex: none; margin-top: clamp(0px, .6vw, 8px); height: 36px; min-width: 36px; padding: 0 10px;
    display: flex; align-items: center; justify-content: center; gap: 6px;
    border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff;
    font: inherit; font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-sub);
    cursor: pointer; transition: border-color .2s ease, color .2s ease;
}
.pdp2-copy:hover, .pdp2-copy.is-copied { border-color: var(--pdp2-red); color: var(--pdp2-red); }
.pdp2-copy svg { display: block; flex: none; }
.pdp2-hero__desc { margin: 16px 0 0; max-width: 780px; font-size: 16px; line-height: 26px; color: var(--pdp2-sub); text-wrap: pretty; }

/* 关键参数：放得下就一行排开（pdp-v2.js 按设计稿的估宽规则加 .is-row），否则每行 3 格；手机每行 2 格 */
.pdp2-keys { margin: 24px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--pdp2-line); border-bottom: 1px solid var(--pdp2-line); }
.pdp2-keys__cell { padding: 12px 16px; border-left: 1px solid var(--pdp2-line); }
.pdp2-keys__cell:nth-child(3n+1) { padding-left: 0; border-left: 0; }
.pdp2-keys__cell:nth-child(3n), .pdp2-keys__cell:last-child { padding-right: 0; }
.pdp2-keys__cell:nth-child(n+4) { border-top: 1px solid var(--pdp2-line); }
.pdp2-keys.is-row { grid-template-columns: repeat(var(--pdp2-kn), auto); }
.pdp2-keys.is-row .pdp2-keys__cell { padding: 12px 16px; border-left: 1px solid var(--pdp2-line); border-top: 0; }
.pdp2-keys.is-row .pdp2-keys__cell:first-child { padding-left: 0; border-left: 0; }
.pdp2-keys.is-row .pdp2-keys__cell:last-child { padding-right: 0; }
.pdp2-keys dt { margin: 0; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .4px; color: var(--pdp2-sub); white-space: nowrap; }
.pdp2-keys dd { margin: 4px 0 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 6px; }
.pdp2-keys__v { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pdp2-keys__c { font-size: 12px; line-height: 16px; font-weight: 400; color: var(--pdp2-sub); white-space: nowrap; }

/* 主图（现网主图 + 缩略图 + 3D 查看，按设计稿换外观） */
.pdp2-media { min-width: 0; margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
.pdp2-media__box { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; background: var(--pdp2-grey); overflow: hidden; }
.pdp2-media__img { position: absolute; top: 12%; left: 12%; right: 12%; bottom: calc(12% + 32px); }
.pdp2-media__img img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.pdp2-media__3d {
    position: absolute; left: 16px; bottom: 16px; z-index: 2; height: 40px; padding: 0 16px;
    display: flex; align-items: center; gap: 8px;
    border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff;
    font: inherit; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--pdp2-ink);
    white-space: nowrap; cursor: pointer; transition: border-color .2s ease, color .2s ease;
}
.pdp2-media__3d:hover { border-color: var(--pdp2-red); color: var(--pdp2-red); }
.pdp2-media__3d img { display: block; width: 18px; height: 18px; }
.pdp2-media__viewer { position: absolute; inset: 0; z-index: 3; background: #fff; border-radius: 10px; }
.pdp2-media__viewer canvas { display: block; }
.pdp2-media__close {
    position: absolute; top: 12px; right: 12px; z-index: 4;
    width: 36px; height: 36px; border: 1px solid var(--pdp2-line); border-radius: 10px;
    background: #fff; font-size: 20px; line-height: 1; color: var(--pdp2-ink); cursor: pointer; transition: all .2s;
}
.pdp2-media__close:hover { border-color: var(--pdp2-red); color: var(--pdp2-red); }
.pdp2-media__help { position: absolute; left: 16px; bottom: 12px; z-index: 4; font-size: 12px; color: var(--pdp2-muted); pointer-events: none; }
.pdp2-media__loading {
    position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 12px; background: rgba(255,255,255,.85);
    font-size: 14px; color: var(--pdp2-muted);
}
.pdp2-media__spin {
    width: 32px; height: 32px; border: 3px solid var(--pdp2-line); border-top-color: var(--pdp2-red);
    border-radius: 50%; animation: pdp2-spin .8s linear infinite;
}
@keyframes pdp2-spin { to { transform: rotate(360deg); } }
.pdp2-media__thumbs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pdp2-media__thumb {
    width: 56px; height: 56px; padding: 4px; display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--pdp2-line); border-radius: 10px; background: var(--pdp2-grey);
    cursor: pointer; opacity: .5; transition: opacity .2s, border-color .2s;
}
.pdp2-media__thumbs li.is-current .pdp2-media__thumb,
.pdp2-media__thumb:hover { opacity: 1; border-color: var(--pdp2-red); }
.pdp2-media__thumb img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

/* 按钮卡片（照搬现网 .pdp2-btn：两列、64px 高，悬停与常亮的主按钮「Get a Quote or Samples」为红色渐变 + 白色图标） */
.pdp2-btns { margin-top: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(64px, 1fr); gap: 24px; }
.pdp2-btn {
    position: relative; min-width: 0; display: flex; align-items: center; padding: 0 24px;
    border-radius: 10px; border: 1px solid #e5e5e5; background: #fff; color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,.06); font-size: 14px; transition: background .2s, color .2s;
}
.pdp2-btn__icon { width: 32px; height: 32px; flex: none; margin-right: 16px; display: flex; align-items: center; justify-content: center; }
.pdp2-btn__icon img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.pdp2-btn__icon .icon-white { display: none; }
.pdp2-btn__icon--svg { color: var(--pdp2-red); }
.pdp2-btn__icon--svg svg { width: 28px; height: 28px; display: block; }
.pdp2-btn__t { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 16px; font-weight: 500; line-height: 1.3; }
.pdp2-btn__sub { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--pdp2-sub); }
.pdp2-btn__arrow { margin-left: 8px; font-size: 24px; line-height: 1; }
.pdp2-btn:hover, .pdp2-btn:focus-visible, .pdp2-btn--on {
    border-color: transparent; background: linear-gradient(to right, #C30D23, #DA3543); color: #fff;
}
.pdp2-btn:hover .icon-red, .pdp2-btn:focus-visible .icon-red, .pdp2-btn--on .icon-red { display: none; }
.pdp2-btn:hover .icon-white, .pdp2-btn:focus-visible .icon-white, .pdp2-btn--on .icon-white { display: block; }
.pdp2-btn:hover .pdp2-btn__icon--svg, .pdp2-btn:focus-visible .pdp2-btn__icon--svg, .pdp2-btn--on .pdp2-btn__icon--svg { color: #fff; }
.pdp2-btn:hover .pdp2-btn__sub, .pdp2-btn:focus-visible .pdp2-btn__sub, .pdp2-btn--on .pdp2-btn__sub { color: #fff; }

/* 「联系我们」二维码：悬停 / 点击后常显；卡片落在右列时向左弹出（qr-left 由 pdp-v2.js 按实际排版加） */
.pdp2-qr { position: absolute; top: 50%; left: 100%; margin-left: 12px; transform: translateY(-50%); display: none; z-index: 10; }
.pdp2-qr__box {
    position: relative; width: 130px; height: 130px; padding: 8px;
    display: flex; align-items: center; justify-content: center;
    background: #F4F5F9; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.pdp2-qr__box::before {
    content: ''; position: absolute; left: -6px; top: 50%; transform: translateY(-50%);
    border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #F4F5F9;
}
.pdp2-qr__box img { max-width: 100%; max-height: 100%; display: block; }
.pdp2-btn--contact:hover .pdp2-qr, .pdp2-btn--contact.qr-active .pdp2-qr { display: block; }
.pdp2-btn--contact.qr-left .pdp2-qr { left: auto; right: 100%; margin-left: 0; margin-right: 12px; }
.pdp2-btn--contact.qr-left .pdp2-qr__box::before { left: auto; right: -6px; border-right: 0; border-left: 6px solid #F4F5F9; }

/* 首屏底部：深色认证条 + 自动填料号提示 */
.pdp2-hero__foot { margin-top: 24px; display: flex; flex-direction: column; gap: 16px; }
.pdp2-trust { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(var(--pdp2-cc, 4), minmax(0, 1fr)); border-radius: 10px; background: #1A1A1A; overflow: hidden; }
.pdp2-trust__lead { grid-row: 1 / span var(--pdp2-cr, 1); min-width: 0; padding: 14px 16px 14px 20px; display: flex; align-items: center; gap: 10px; color: #fff; transition: background .2s ease; }
.pdp2-trust__lead:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.pdp2-trust__lead svg { flex: none; display: block; }
.pdp2-trust__lead span { min-width: 0; font-size: 13px; line-height: 18px; font-weight: 600; text-wrap: balance; }
.pdp2-trust__cell { position: relative; min-width: 0; display: flex; border-left: 1px solid rgba(255, 255, 255, .14); }
.pdp2-trust--many .pdp2-trust__cell:nth-child(n+5) { border-top: 1px solid rgba(255, 255, 255, .14); }
.pdp2-trust__cell > a { flex: 1; min-width: 0; padding: 14px 16px; display: flex; flex-direction: column; justify-content: center; color: #fff; transition: background .2s ease; }
.pdp2-trust__cell > a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.pdp2-trust__type { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .4px; color: rgba(255, 255, 255, .7); white-space: nowrap; }
.pdp2-trust__name { margin-top: 4px; font-size: 15px; line-height: 22px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pdp2-trust__name span { color: var(--pdp2-red-bright); }
.pdp2-trust__more.is-mob { display: none; }
.pdp2-hero__note { margin: 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); text-wrap: pretty; }
.pdp2-hero__note strong { font-weight: 600; color: var(--pdp2-ink); }
/* B3 价格与购买（站上现成组件）：首屏网格之后、整行宽 */
.pdp2-hero__shop { margin-top: 24px; }

/* ---------- B4 锚点栏 A：带序号的等分表头，吸在固定页头下方 ---------- */
.pdp2-nav { position: sticky; top: var(--pdp2-top); z-index: 40; background: #fff; border-bottom: 1px solid var(--pdp2-line); transition: box-shadow .2s ease; }
.pdp2-nav.is-stuck { box-shadow: 0 6px 16px rgba(26, 26, 26, .06); }
.pdp2-nav__in { position: relative; }
.pdp2-nav__bar { position: relative; height: 64px; display: flex; align-items: stretch; gap: 24px; }
.pdp2-nav__bar::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--pdp2-ink); }
.pdp2-nav__scroll { position: relative; flex: 1; min-width: 0; display: flex; overflow-x: auto; scrollbar-width: none; }
.pdp2-nav__scroll::-webkit-scrollbar { display: none; }
.pdp2-nav__item { position: relative; flex: 1 1 0; min-width: max-content; max-width: 240px; padding-top: 2px; display: flex; align-items: center; color: var(--pdp2-ink); white-space: nowrap; transition: color .15s ease; }
.pdp2-nav__item:hover, .pdp2-nav__item.is-active { color: var(--pdp2-red); }
.pdp2-nav__line { position: absolute; top: 0; left: 16px; right: 16px; height: 2px; background: transparent; }
.pdp2-nav__item:first-child .pdp2-nav__line { left: 0; }
.pdp2-nav__item.is-active .pdp2-nav__line { background: var(--pdp2-red); }
.pdp2-nav__txt { flex: 1; padding: 0 16px; border-left: 1px solid var(--pdp2-line); display: flex; flex-direction: column; gap: 2px; }
.pdp2-nav__item:first-child .pdp2-nav__txt { padding-left: 0; border-left: 0; }
.pdp2-nav__no { font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; font-variant-numeric: tabular-nums; color: var(--pdp2-muted); }
.pdp2-nav__item.is-active .pdp2-nav__no { color: var(--pdp2-red); }
.pdp2-nav__t { font-size: 15px; line-height: 20px; font-weight: 500; }
.pdp2-nav__item.is-active .pdp2-nav__t { font-weight: 600; }
/* 吸顶后（首屏已滚出）右侧出现 Datasheet + Samples */
.pdp2-nav__mini { flex: none; padding-top: 2px; display: flex; align-items: center; gap: 8px; }
.pdp2-nav__ds, .pdp2-nav__sm { height: 36px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 10px; font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .2s ease, color .2s ease; }
.pdp2-nav__ds { background: var(--pdp2-red); color: #fff; }
.pdp2-nav__ds:hover { background: var(--pdp2-red-dark); color: #fff; }
.pdp2-nav__sm { border: 1px solid var(--pdp2-red); background: #fff; color: var(--pdp2-red); }
.pdp2-nav__sm:hover { background: var(--pdp2-red); color: #fff; }

/* ---------- 板块外壳：红色序号眉标 + H2；手机端部分板块可折叠 ---------- */
.pdp2-sec { position: relative; padding: clamp(56px, 6.667vw, 96px) 0; scroll-margin-top: calc(var(--pdp2-top) + 72px); }
.pdp2-sec--grey { background: var(--pdp2-grey); }
.pdp2-sec--line { border-top: 1px solid var(--pdp2-line); }
.pdp2-sec--in { min-width: 0; }
.pdp2-sec--rule { border-top: 1px solid var(--pdp2-line); }
.pdp2-sec__head { margin-bottom: clamp(24px, 3vw, 32px); display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.pdp2-sec__head--link { flex-wrap: wrap; gap: 12px 24px; }
.pdp2-sec__ttl { min-width: 0; }
.pdp2-eyebrow { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--pdp2-red); }
.pdp2-eyebrow span { font-variant-numeric: tabular-nums; }
.pdp2-eyebrow i { flex: none; width: 20px; height: 1px; background: var(--pdp2-red); }
.pdp2-sec__ttl h2 { margin: 12px 0 0; font-size: clamp(26px, 20px + 1.2vw, 38px); line-height: 1.2; font-weight: 600; letter-spacing: -.01em; color: var(--pdp2-ink); text-wrap: balance; }
.pdp2-sec__ttl h2 em { font-style: normal; color: var(--pdp2-red); }
.pdp2-sec__link { flex: none; min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); white-space: nowrap; }
.pdp2-sec__link:hover { color: var(--pdp2-red-dark); }
.pdp2-fold { display: none; position: relative; flex: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; cursor: pointer; }
.pdp2-fold i { position: absolute; background: var(--pdp2-ink); }
.pdp2-fold i:first-child { left: 14px; right: 14px; top: 21px; height: 2px; }
.pdp2-fold i:last-child { top: 14px; bottom: 14px; left: 21px; width: 2px; opacity: 0; }
.pdp2-fold[aria-expanded="false"] i:last-child { opacity: 1; }

/* 小标签（出处、文件格式） */
.pdp2-chip { flex: none; height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--pdp2-sub); white-space: nowrap; }
/* 本地预览里待确认条目的标记（正式页不输出待确认项） */
.pdp2-flag { display: inline-flex; padding: 0 6px; border: 1px dashed #D9A400; border-radius: 6px; background: #FFFBEA; font-size: 11px; line-height: 18px; color: #7A5600; }
.pdp2-table { border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; background: #fff; }

/* ---------- B5 规格参数 ---------- */
.pdp2-spec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.pdp2-spec__main { min-width: 0; }
.pdp2-spec__head, .pdp2-spec__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.pdp2-spec__head { background: var(--pdp2-grey); font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-sub); }
.pdp2-spec__head span { padding: 12px 20px; }
.pdp2-spec__row { border-top: 1px solid var(--pdp2-line); background: #fff; font-size: 15px; line-height: 24px; }
.pdp2-spec__row:nth-child(odd) { background: var(--pdp2-soft); }
.pdp2-spec__p { grid-area: p; min-width: 0; padding: 14px 20px; font-weight: 500; color: var(--pdp2-sub); }
.pdp2-spec__v { grid-area: v; min-width: 0; padding: 14px 20px; font-weight: 600; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; }
.pdp2-spec__v img { max-width: 100%; height: auto; display: block; }
/* 选型参数等两栏表：备注、出处标签写在数值下面一行灰色小字 */
.pdp2-spec__val { display: block; }
.pdp2-spec__c { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 2px; font-size: 13px; line-height: 20px; font-weight: 400; color: var(--pdp2-sub); }
.pdp2-spec__row { grid-template-areas: "p v"; }
/* 分组：组名 + 一张表；电气 / 机械性能组有测试条件时三栏（参数 / 数值 / 测试条件） */
.pdp2-spec__gt { margin: 28px 0 12px; font-size: 17px; line-height: 26px; font-weight: 700; color: var(--pdp2-ink); }
.pdp2-spec__main > .pdp2-spec__gt:first-child { margin-top: 0; }
.pdp2-spec__table.is-three .pdp2-spec__head, .pdp2-spec__table.is-three .pdp2-spec__row { grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 5fr); }
.pdp2-spec__table.is-three .pdp2-spec__row { grid-template-areas: "p v c"; }
.pdp2-spec__tc { grid-area: c; min-width: 0; padding: 14px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-spec__foot { margin: 12px 0 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-outline { margin: 0; min-width: 0; align-self: start; padding: 20px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-outline h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-outline__fig { margin-top: 12px; padding: 8px; border-radius: 10px; background: #fff; color: var(--pdp2-ink); }
.pdp2-outline__fig svg { display: block; width: 100%; height: auto; }
.pdp2-outline figcaption { margin-top: 12px; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-outline__dl { margin-top: 12px; min-height: 32px; display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-outline__dl:hover { color: var(--pdp2-red-dark); }
/* 脚位（取自规格书原理图）：PHY 侧 / 线缆侧两列，每脚一行「脚号 功能」 */
.pdp2-outline__pins { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--pdp2-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdp2-outline__pins dt { margin: 0; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .4px; color: var(--pdp2-sub); }
.pdp2-outline__pins dd { margin: 6px 0 0; display: flex; flex-direction: column; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-outline__pins span { display: flex; gap: 8px; white-space: nowrap; }
.pdp2-outline__pins b { min-width: 18px; font-weight: 600; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; }

/* ---------- 询盘条（规格参数、应用、资料、同系列对比末尾）：grey = 白底板块里的浅灰条，white = 灰底板块里的白条 ---------- */
.pdp2-cta { margin-top: clamp(32px, 4vw, 40px); padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; border: 1px solid var(--pdp2-grey); border-radius: 10px; background: var(--pdp2-grey); }
.pdp2-cta--white { border-color: var(--pdp2-line); background: #fff; }
.pdp2-cta__img { flex: none; width: 56px; height: 56px; border-radius: 10px; background-color: #fff; background-size: 80% auto; background-position: center; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px var(--pdp2-line); }
.pdp2-cta__txt { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-cta__txt b { font-size: 17px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-cta__txt span { font-size: 14px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-cta__btns { flex: 0 1 auto; display: flex; flex-wrap: wrap; gap: 10px; }
.pdp2-cta__quote { flex: 1 1 auto; height: 48px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; background: var(--pdp2-red); font-size: 15px; font-weight: 600; color: #fff; white-space: nowrap; transition: background .2s ease; }
.pdp2-cta__quote:hover { background: var(--pdp2-red-dark); color: #fff; }
.pdp2-cta__quote span { flex: none; width: 20px; height: 20px; background: url(img/inquiry-white.svg) center / contain no-repeat; }
.pdp2-cta__inq { flex: 1 1 auto; height: 48px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--pdp2-red); border-radius: 10px; background: #fff; font-size: 15px; font-weight: 600; color: var(--pdp2-red); white-space: nowrap; transition: background .2s ease, color .2s ease; }
.pdp2-cta__inq:hover { background: var(--pdp2-red); color: #fff; }

/* ---------- B6 替代料号对照 ---------- */
.pdp2-alt__head { margin-bottom: 16px; }
.pdp2-alt__head .pdp2-sec__ttl { flex: 1 1 520px; }
.pdp2-alt__lead { margin: 0 0 24px; max-width: 860px; font-size: 16px; line-height: 26px; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-xt__head, .pdp2-xt__row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 3fr) minmax(0, 4fr) minmax(0, 3fr); }
.pdp2-xt__head { background: var(--pdp2-soft); border-bottom: 1px solid var(--pdp2-line); font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-sub); }
.pdp2-xt__head span { padding: 12px 20px; }
.pdp2-xt__row { align-items: start; font-size: 14px; line-height: 22px; }
.pdp2-xt__row + .pdp2-xt__row { border-top: 1px solid var(--pdp2-line); }
.pdp2-xt__row > span { min-width: 0; padding: 16px 20px; color: var(--pdp2-ink); }
.pdp2-xt__b { grid-area: b; } .pdp2-xt__n { grid-area: n; } .pdp2-xt__c { grid-area: c; } .pdp2-xt__k { grid-area: k; } .pdp2-xt__e { grid-area: e; }
.pdp2-xt__row { grid-template-areas: "b n c k e"; }
.pdp2-xt__row > .pdp2-xt__b, .pdp2-xt__row > .pdp2-xt__n { font-weight: 600; }
.pdp2-xt__n { font-variant-numeric: tabular-nums; }
.pdp2-xt__k { text-wrap: pretty; }
.pdp2-xt__e a { font-weight: 600; color: var(--pdp2-red); }
.pdp2-xt__e a:hover { color: var(--pdp2-red-dark); }
.pdp2-xt__lbl { display: none; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--pdp2-sub); }
.pdp2-compat { display: inline-flex; padding: 3px 10px; border: 1px dashed var(--pdp2-muted); border-radius: 10px; font-size: 13px; line-height: 20px; font-weight: 400; color: var(--pdp2-sub); }
.pdp2-vs { margin-top: 24px; }
.pdp2-vs__head, .pdp2-vs__row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr); grid-template-areas: "p a b"; }
.pdp2-vs__head { background: var(--pdp2-soft); border-bottom: 1px solid var(--pdp2-line); font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-sub); }
.pdp2-vs__head > span { min-width: 0; padding: 12px 20px; }
.pdp2-vs__head > .pdp2-vs__a { color: var(--pdp2-red); background: var(--pdp2-pink); box-shadow: inset 0 2px 0 var(--pdp2-red); }
.pdp2-vs__head > .pdp2-vs__b { color: var(--pdp2-ink); }
.pdp2-vs__p { grid-area: p; } .pdp2-vs__a { grid-area: a; } .pdp2-vs__b { grid-area: b; } .pdp2-vs__n { grid-area: n; }
.pdp2-vs__row { font-size: 14px; line-height: 22px; }
.pdp2-vs__row + .pdp2-vs__row { border-top: 1px solid var(--pdp2-line); }
.pdp2-vs__row.is-diff { grid-template-areas: "p a b" ". n n"; box-shadow: inset 3px 0 0 var(--pdp2-red); }
.pdp2-vs__row > span { min-width: 0; }
.pdp2-vs__row > .pdp2-vs__p { padding: 14px 20px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-vs__row > .pdp2-vs__a, .pdp2-vs__row > .pdp2-vs__b { padding: 14px 20px; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; }
.pdp2-vs__row > .pdp2-vs__a { background: var(--pdp2-pink); }
.pdp2-vs__row > .pdp2-vs__n { padding: 0 20px 14px; font-size: 13px; line-height: 20px; font-weight: 500; color: var(--pdp2-red); }
.pdp2-alt__src { margin: 12px 0 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-origin { margin: 16px 0 0; padding: 12px 16px; border-radius: 10px; font-size: 14px; line-height: 22px; color: var(--pdp2-ink); }
.pdp2-alt__note { margin: 16px 0 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }

/* ---------- B7 应用与设计要点 ---------- */
.pdp2-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pdp2-tiles li { min-width: 0; min-height: 148px; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-tiles__ic { display: block; width: 56px; height: 56px; background-size: contain; background-position: left center; background-repeat: no-repeat; }
.pdp2-tiles__t { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-apps { margin-top: clamp(24px, 3vw, 32px); display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.pdp2-circuit { margin: 0; min-width: 0; padding: 24px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-circuit__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pdp2-circuit__top h3 { margin: 0; font-size: 18px; line-height: 26px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-circuit__zoom { flex: none; height: 36px; padding: 0 14px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; font: inherit; font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-ink); cursor: pointer; transition: border-color .2s ease, color .2s ease; }
.pdp2-circuit__zoom:hover { border-color: var(--pdp2-red); color: var(--pdp2-red); }
.pdp2-circuit__fig { margin-top: 16px; padding: 12px; border: 1px solid #F0F0F0; border-radius: 10px; background: #fff; color: var(--pdp2-ink); }
.pdp2-circuit__fig svg { display: block; width: 100%; height: auto; }
/* 电路图 / 原理图里本料号的框与名称描红 */
.pdp2-circuit__self { stroke: var(--pdp2-red); }
.pdp2-circuit__selft { fill: var(--pdp2-red); }
.pdp2-circuit figcaption { margin-top: 16px; }
.pdp2-circuit figcaption p { margin: 0 0 4px; font-size: 14px; line-height: 22px; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-circuit figcaption .pdp2-circuit__disc { margin: 8px 0 0; font-size: 12px; line-height: 18px; color: var(--pdp2-sub); }
.pdp2-works { min-width: 0; }
.pdp2-works h3 { margin: 0 0 12px; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-works__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.pdp2-works__list li { min-width: 0; display: flex; }
.pdp2-works__list a { flex: 1; min-width: 0; min-height: 80px; padding: 12px 16px 12px 12px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; color: var(--pdp2-ink); transition: border-color .2s ease; }
.pdp2-works__list a:hover { border-color: var(--pdp2-red); color: var(--pdp2-ink); }
.pdp2-works__img { flex: none; width: 56px; height: 56px; border-radius: 10px; background-color: var(--pdp2-grey); background-size: cover; background-position: center; }
.pdp2-works__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-works__txt b { font-size: 15px; line-height: 22px; font-weight: 600; }
.pdp2-works__txt span { font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-works__list i { flex: none; font-style: normal; font-size: 18px; line-height: 1; color: var(--pdp2-muted); }
.pdp2-verified { margin-top: 24px; padding: 20px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-verified h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; }
.pdp2-vt { margin-top: 12px; }
.pdp2-vt__row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 2fr) minmax(0, 3fr); gap: 4px 16px; align-items: center; padding: 12px 0; border-top: 1px solid var(--pdp2-line); font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-vt__pn { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.pdp2-vt__pn b { font-weight: 600; color: var(--pdp2-ink); }
.pdp2-vt__pn a { font-size: 13px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-verified__note { margin: 8px 0 0; font-size: 12px; line-height: 18px; color: var(--pdp2-sub); }
.pdp2-notes { margin-top: 32px; }
.pdp2-notes h3 { margin: 0 0 12px; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-notes__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.pdp2-note { min-width: 0; padding: 20px; display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-note__no { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); font-variant-numeric: tabular-nums; }
.pdp2-note b { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-note > span:not(.pdp2-note__no) { font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-note a { font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-refs { margin: 24px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-refs a { font-weight: 600; color: var(--pdp2-red); }
.pdp2-refs a:hover { color: var(--pdp2-red-dark); }

/* ---------- B8 资料下载 ---------- */
.pdp2-docs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdp2-docs li { min-width: 0; display: flex; }
.pdp2-docs__card { flex: 1; min-width: 0; min-height: 76px; padding: 14px 16px 14px 14px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-docs__ic { flex: none; width: 48px; height: 48px; border-radius: 10px; background-color: var(--pdp2-grey); background-size: 26px 26px; background-position: center; background-repeat: no-repeat; }
.pdp2-docs__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-docs__n { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-docs__n .pdp2-chip { font-weight: 500; background: transparent; }
.pdp2-docs__m { font-size: 13px; line-height: 20px; color: var(--pdp2-sub); font-variant-numeric: tabular-nums; }
.pdp2-docs__act { flex: none; min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); white-space: nowrap; }
.pdp2-docs__act:hover { color: var(--pdp2-red-dark); }

/* ---------- B9 证书与检测报告 + B10 订货与交付（同一个容器，上下排列） ---------- */
.pdp2-qo { border-top: 1px solid var(--pdp2-line); }
/* 桌面是紧凑表格（6 列）；平板两列卡片、手机一列卡片——同一份标记，靠样式切换 */
.pdp2-cert { border-top: 2px solid var(--pdp2-ink); }
.pdp2-cert__head, .pdp2-cert__row { display: grid; grid-template-columns: minmax(0, 2.8fr) minmax(0, 1.9fr) minmax(0, 2.4fr) minmax(0, 2.3fr) minmax(0, 1.8fr) minmax(0, 1.4fr); column-gap: 24px; }
.pdp2-cert__head { padding: 12px 0; border-bottom: 1px solid var(--pdp2-line); }
.pdp2-cert__head > span { position: relative; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .4px; color: var(--pdp2-sub); }
.pdp2-cert__row { row-gap: 8px; padding: 16px 0; border-bottom: 1px solid var(--pdp2-line); transition: background .4s ease, box-shadow .4s ease, border-color .4s ease; scroll-margin-top: calc(var(--pdp2-top) + 96px); }
.pdp2-cert__row.is-hi { background: rgba(195, 13, 35, .06); box-shadow: -12px 0 0 rgba(195, 13, 35, .06), 12px 0 0 rgba(195, 13, 35, .06); }
.pdp2-cert__doc { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-cert__type, .pdp2-cert__ts, .pdp2-cert__dk { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--pdp2-muted); }
.pdp2-cert__ts, .pdp2-cert__cno, .pdp2-cert__l2 { display: none; }
.pdp2-cert__nm { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.pdp2-cert__name { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-cert__sub { font-size: 13px; line-height: 20px; color: var(--pdp2-sub); text-wrap: pretty; }
.pdp2-cert__no, .pdp2-cert__org, .pdp2-cert__scope { min-width: 0; padding-top: 18px; font-size: 14px; line-height: 22px; color: var(--pdp2-ink); }
.pdp2-cert__no { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.pdp2-cert__org, .pdp2-cert__scope { text-wrap: pretty; }
.pdp2-cert__date { min-width: 0; padding-top: 18px; display: flex; flex-direction: column; gap: 2px; font-size: 14px; line-height: 22px; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; }
.pdp2-cert__date.has-dk { padding-top: 0; }
.pdp2-cert__acts { min-width: 0; padding-top: 18px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.pdp2-cert__pdf { font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); white-space: nowrap; transition: background .2s ease, color .2s ease; }
.pdp2-cert__pdf:hover { color: var(--pdp2-red-dark); }
.pdp2 .pdp2-cert__verify { font-size: 13px; line-height: 20px; font-weight: 500; color: var(--pdp2-sub); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.pdp2 .pdp2-cert__verify:hover { color: var(--pdp2-red); }
.pdp2-cert__note { grid-column: 1 / -1; font-size: 12px; line-height: 18px; color: var(--pdp2-sub); }
.pdp2-cert__foot { margin: 16px 0 0; font-size: 12px; line-height: 18px; color: var(--pdp2-sub); text-wrap: pretty; }

/* 订货三步：样品 → 小批量 → 包装；宽度 ≥900 三列带序号轨道，否则一列、序号进卡片右上角 */
.pdp2-steps { display: grid; grid-template-columns: repeat(var(--pdp2-on, 3), minmax(0, 1fr)); gap: 24px; }
.pdp2-steps__item { min-width: 0; display: flex; flex-direction: column; }
.pdp2-steps__rail { height: 20px; display: flex; align-items: center; gap: 12px; }
.pdp2-steps__rail i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--pdp2-red); }
.pdp2-steps__rail span, .pdp2-steps__no { flex: none; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 1px; color: var(--pdp2-red); font-variant-numeric: tabular-nums; }
.pdp2-steps__rail b { flex: 1; height: 1px; background: var(--pdp2-line); }
.pdp2-steps__item:last-child .pdp2-steps__rail b { background: transparent; }
.pdp2-steps__card { flex: 1; margin-top: 12px; padding: 24px; display: flex; flex-direction: column; border-radius: 10px; background: var(--pdp2-grey); }
.pdp2-steps__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pdp2-steps__ic { flex: none; width: 48px; height: 48px; border-radius: 10px; background: #fff; display: flex; align-items: center; justify-content: center; }
.pdp2-steps__ic span { display: block; flex: none; width: 26px; height: 26px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.pdp2-steps__no { display: none; }
.pdp2-steps__card h3 { margin: 20px 0 0; font-size: 18px; line-height: 26px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-steps__card p { margin: 8px 0 0; font-size: 14px; line-height: 22px; color: var(--pdp2-sub); text-wrap: pretty; }
.pdp2-pack { list-style: none; margin: 12px 0 0; padding: 0; }
.pdp2-pack li { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid #D9D9D9; }
.pdp2-pack__n { min-width: 0; display: flex; flex-direction: column; }
.pdp2-pack__n span { font-size: 14px; line-height: 22px; color: var(--pdp2-ink); }
.pdp2-pack__n small { font-size: 12px; line-height: 18px; color: var(--pdp2-sub); }
.pdp2-pack b { flex: none; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pdp2-steps__link { margin-top: auto; padding-top: 20px; align-self: flex-start; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-steps__link:hover { color: var(--pdp2-red-dark); }
.pdp2-ofacts { margin: 32px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; border-top: 2px solid var(--pdp2-ink); }
.pdp2-ofacts__cell { min-width: 0; padding: 16px 0; border-bottom: 1px solid var(--pdp2-line); }
.pdp2-ofacts dt { margin: 0; font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .4px; color: var(--pdp2-sub); }
.pdp2-ofacts dd { margin: 6px 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.pdp2-ofacts dd span { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-ofacts dd small { font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-tariff { margin-top: 20px; padding: 20px; border-radius: 10px; background: #FFF6EA; }
.pdp2-tariff b { display: block; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-tariff p { margin: 6px 0 0; font-size: 14px; line-height: 22px; color: var(--pdp2-ink); }
.pdp2-tariff span { margin-top: 8px; display: inline-block; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); }

/* ---------- B11 同系列对比：本料号一列浅红底，与本料号不同的值红字 ---------- */
.pdp2-cmp__desc { margin: 0 0 16px; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-cmp__head, .pdp2-cmp__row { display: grid; grid-template-columns: minmax(0, 3fr) repeat(var(--pdp2-cn, 3), minmax(0, 3fr)); }
.pdp2-cmp__head { background: var(--pdp2-soft); border-bottom: 1px solid var(--pdp2-line); }
.pdp2-cmp__head > span { min-width: 0; padding: 14px 20px; }
.pdp2-cmp__head > .pdp2-cmp__p { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-sub); }
.pdp2-cmp__col { display: flex; flex-direction: column; gap: 2px; }
.pdp2-cmp__col.is-self { background: var(--pdp2-pink); box-shadow: inset 0 2px 0 var(--pdp2-red); }
.pdp2-cmp__col b { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); overflow-wrap: anywhere; }
.pdp2-cmp__col small { font-size: 12px; line-height: 16px; color: var(--pdp2-red); }
.pdp2-cmp__col a { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--pdp2-ink); overflow-wrap: anywhere; }
.pdp2-cmp__col a:hover { color: var(--pdp2-red); }
.pdp2-cmp__row { font-size: 14px; line-height: 22px; }
.pdp2-cmp__row + .pdp2-cmp__row { border-top: 1px solid var(--pdp2-line); }
.pdp2-cmp__row > span { min-width: 0; padding: 14px 20px; }
.pdp2-cmp__row > .pdp2-cmp__p { font-weight: 600; color: var(--pdp2-ink); }
.pdp2-cmp__v { color: var(--pdp2-ink); font-variant-numeric: tabular-nums; }
.pdp2-cmp__v.is-self { background: var(--pdp2-pink); }
.pdp2-cmp__v.is-diff { color: var(--pdp2-red); font-weight: 600; }
.pdp2-cmp__v img { max-width: 100%; height: auto; display: block; }

/* ---------- B12 常见问题：第一条默认展开；右侧 FAE 卡（桌面吸顶） ---------- */
.pdp2-faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.pdp2-faq__list { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.pdp2-faq__item { border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; transition: border-color .2s ease; }
.pdp2-faq__item[open] { border-color: var(--pdp2-red); }
.pdp2-faq__item > summary { min-height: 64px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; list-style: none; cursor: pointer; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-faq__item > summary::-webkit-details-marker { display: none; }
.pdp2-faq__item > summary:hover { color: var(--pdp2-red); }
.pdp2-faq__q { flex: none; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--pdp2-red); font-size: 13px; font-weight: 700; color: #fff; }
.pdp2-faq__qt { flex: 1; min-width: 0; }
.pdp2-faq__chev { flex: none; font-size: 20px; line-height: 1; font-weight: 400; color: var(--pdp2-muted); transition: transform .2s ease; }
.pdp2-faq__item[open] .pdp2-faq__chev { transform: rotate(90deg); }
.pdp2-faq__a { padding: 0 20px 20px; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 16px; }
.pdp2-faq__at { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--pdp2-red); border-radius: 10px; font-size: 13px; font-weight: 700; color: var(--pdp2-red); }
.pdp2-faq__body { min-width: 0; padding-top: 2px; display: flex; flex-direction: column; gap: 12px; font-size: 15px; line-height: 26px; color: var(--pdp2-ink); }
.pdp2-faq__body p { margin: 0; max-width: 840px; font-size: 15px; line-height: 26px; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-faq__body > p:first-child { font-weight: 600; }
.pdp2 .pdp2-faq__body a { color: var(--pdp2-red); text-decoration: underline; text-underline-offset: 3px; }
.pdp2 .pdp2-faq__body a:hover { color: var(--pdp2-red-dark); }
.pdp2-faq__fae { min-width: 0; border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; background: #fff; }
.pdp2-faq__img { display: block; aspect-ratio: 4 / 3; background-color: var(--pdp2-line); background-size: cover; background-position: center; }
.pdp2-faq__fae-in { padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.pdp2-faq__fae-in p { margin: 0; font-size: 18px; line-height: 28px; font-weight: 600; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-faq__btns { display: flex; flex-direction: column; gap: 10px; }
.pdp2-btn-red { height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: var(--pdp2-red); font-size: 15px; font-weight: 600; color: #fff; transition: background .2s ease; }
.pdp2-btn-red:hover { background: var(--pdp2-red-dark); color: #fff; }
.pdp2-btn-line { height: 48px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--pdp2-red); border-radius: 10px; background: #fff; font-size: 15px; font-weight: 600; color: var(--pdp2-red); transition: background .2s ease, color .2s ease; }
.pdp2-btn-line:hover { background: var(--pdp2-red); color: #fff; }

/* ---------- B13 工程支持：三张配图问题卡（中间红底） ---------- */
.pdp2-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pdp2-cards__item { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; background: #fff; color: var(--pdp2-ink); transition: border-color .2s ease, background .2s ease; }
.pdp2-cards__item:hover { border-color: var(--pdp2-red); color: var(--pdp2-ink); }
.pdp2-cards__img { display: block; aspect-ratio: 16 / 9; background-color: var(--pdp2-line); background-size: cover; background-position: center; }
.pdp2-cards__body { flex: 1; padding: 24px; display: flex; flex-direction: column; }
.pdp2-cards__no { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); font-variant-numeric: tabular-nums; }
.pdp2-cards__t { margin-top: 8px; font-size: 20px; line-height: 28px; font-weight: 600; }
.pdp2-cards__p { margin-top: 8px; font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-cards__l { margin-top: auto; padding-top: 20px; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-cards__item.is-red { border-color: var(--pdp2-red); background: var(--pdp2-red); color: #fff; }
.pdp2-cards__item.is-red:hover { border-color: var(--pdp2-red-dark); background: var(--pdp2-red-dark); color: #fff; }
.pdp2-cards__item.is-red .pdp2-cards__no, .pdp2-cards__item.is-red .pdp2-cards__p, .pdp2-cards__item.is-red .pdp2-cards__l { color: #fff; }

/* 询盘区 B · 图文分栏：左 FAE 卡与上方卡片同宽，右侧样品申请表单占两列（字段、文案、提交流程与样品申请页同一张表） */
.pdp2-req { margin-top: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; scroll-margin-top: calc(var(--pdp2-top) + 72px); }
.pdp2-req__fae { grid-column: 1 / 2; grid-row: 1; min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; background: #fff; }
.pdp2-req__img { display: block; aspect-ratio: 16 / 9; background-color: var(--pdp2-line); background-size: cover; background-position: center; }
.pdp2-req__fae-in { flex: 1; padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.pdp2-req__fae-in h3 { margin: 0; font-size: 20px; line-height: 28px; font-weight: 600; color: var(--pdp2-ink); text-wrap: pretty; }
.pdp2-req__steps { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.pdp2-req__steps li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--pdp2-line); }
.pdp2-req__steps li > span { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-red); font-variant-numeric: tabular-nums; }
.pdp2-req__steps p { margin: 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-req__bottom { margin-top: auto; display: flex; flex-direction: column; gap: 16px; }
.pdp2-req__qr { display: flex; align-items: center; gap: 14px; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-req__qrbox { flex: none; width: 72px; height: 72px; padding: 4px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-req__qrbox img { display: block; max-width: 100%; max-height: 100%; }
.pdp2-req__ch { padding: 12px 16px; border-radius: 10px; }
.pdp2-req__ch dl { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.pdp2-req__ch dl > div { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-req__ch dt { font-size: 12px; line-height: 16px; color: var(--pdp2-sub); }
.pdp2-req__ch dd { margin: 0; font-size: 15px; line-height: 22px; font-weight: 500; color: var(--pdp2-ink); overflow-wrap: anywhere; }
.pdp2-req__ch dd a { color: var(--pdp2-ink); }
.pdp2-req__card { grid-column: 2 / 4; grid-row: 1; min-width: 0; padding: 32px; display: flex; flex-direction: column; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; transition: border-color .4s ease; }
.pdp2-req__card.is-hi { border-color: var(--pdp2-red); }
.pdp2-req__body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.pdp2-req__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--pdp2-line); }
.pdp2-req__ttl { min-width: 0; flex: 1 1 320px; }
.pdp2-req__eb { margin: 0; display: flex; align-items: center; gap: 8px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--pdp2-red); }
.pdp2-req__eb i { flex: none; width: 20px; height: 1px; background: var(--pdp2-red); }
.pdp2-req__ttl h3 { margin: 10px 0 0; font-size: clamp(22px, 18px + .7vw, 28px); line-height: 1.25; font-weight: 600; letter-spacing: -.01em; color: var(--pdp2-ink); text-wrap: balance; }
.pdp2-req__pn { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px 6px 6px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; }
.pdp2-req__pn > span { flex: none; width: 40px; height: 40px; border-radius: 10px; background-color: var(--pdp2-grey); background-size: 80% auto; background-position: center; background-repeat: no-repeat; }
.pdp2-req__pn b { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__form { flex: 1; margin-top: 24px; display: flex; flex-direction: column; gap: 20px; }
.pdp2-req__lead { margin: 0; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-req__types { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pdp2-req__type { min-width: 0; width: 100%; margin: 0; padding: 16px; display: flex; align-items: flex-start; gap: 14px; text-align: left; border: 1px solid var(--pdp2-line); border-radius: 10px; background: var(--pdp2-soft); box-shadow: none; font: inherit; color: var(--pdp2-ink); cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.pdp2-req__type:hover { border-color: var(--pdp2-red); }
.pdp2-req__type[aria-selected="true"] { border-color: var(--pdp2-red); background: #fff; box-shadow: 0 6px 16px rgba(195, 13, 35, .10); }
.pdp2-req__tic { flex: none; width: 40px; height: 40px; border-radius: 10px; background-color: #fff; background-size: 22px 22px; background-position: center; background-repeat: no-repeat; }
.pdp2-req__type[aria-selected="true"] .pdp2-req__tic { background-color: rgba(195, 13, 35, .08); }
.pdp2-req__tt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pdp2-req__tt b { font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__type[aria-selected="true"] .pdp2-req__tt b { color: var(--pdp2-red); }
.pdp2-req__tt span { font-size: 13px; line-height: 20px; font-weight: 400; color: var(--pdp2-sub); }
.pdp2-req__radio { flex: none; width: 18px; height: 18px; border: 2px solid #C9C9C9; border-radius: 50%; background: #fff; }
.pdp2-req__type[aria-selected="true"] .pdp2-req__radio { border-color: var(--pdp2-red); background: radial-gradient(circle, #C30D23 0 4px, #FFFFFF 4.5px); }
.pdp2-req__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pdp2-req__f { min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.pdp2-req__f.is-wide { grid-column: 1 / -1; }
.pdp2-req__f label { font-size: 13px; line-height: 20px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__f input, .pdp2-req__f textarea {
    width: 100%; height: 48px; margin: 0; padding: 0 14px;
    border: 1px solid var(--pdp2-line); border-radius: 10px; background: var(--pdp2-soft);
    font: inherit; font-size: 14px; font-weight: 400; color: var(--pdp2-ink); outline: none;
    transition: border-color .2s ease, background .2s ease;
}
.pdp2-req__f textarea { display: block; height: auto; padding: 12px 14px; line-height: 22px; resize: vertical; }
.pdp2-req__grid--custom .pdp2-req__f.is-wide { grid-column: auto; }
.pdp2-req__grid--custom textarea { height: 48px; }
.pdp2-req__f input:focus, .pdp2-req__f textarea:focus { border-color: var(--pdp2-red); background: #fff; }
.pdp2-req__sub { margin: 4px 0 0; padding-top: 20px; border-top: 1px solid var(--pdp2-line); font-size: 15px; line-height: 22px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__contact { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.pdp2-req__contact > .pdp2-req__f { grid-column: span 2; }
.pdp2-req__contact > .pdp2-req__f:nth-child(n+4) { grid-column: span 3; }
.pdp2-req__cap { display: flex; gap: 8px; }
.pdp2-req__cap input[type="text"] { flex: 1; min-width: 0; }
.pdp2-req__cap .code_img { flex: none; width: 104px; height: 48px; border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; cursor: pointer; background: repeating-linear-gradient(135deg, #F4F4F4 0 6px, #E4E4E4 6px 7px); }
.pdp2-req__cap .code_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pdp2-req__attach { margin: 0; display: flex; gap: 10px; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); }
.pdp2-req__attach svg { flex: none; margin-top: 2px; color: var(--pdp2-red); }
.pdp2-req__attach b { font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__submit { margin-top: auto; padding-top: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; border-top: 1px solid var(--pdp2-line); }
.pdp2-req__submit .sr-legal { margin: 0; flex: 1 1 320px; font-size: 12px; line-height: 18px; color: var(--pdp2-sub); }
.pdp2 .pdp2-req__submit .sr-legal a { color: var(--pdp2-ink); text-decoration: underline; }
.pdp2-req__submit .sr-submit { flex: none; height: 48px; margin: 0; padding: 0 28px; border: 0; border-radius: 10px; background: var(--pdp2-red); font: inherit; font-size: 15px; font-weight: 600; color: #fff; white-space: nowrap; cursor: pointer; transition: background .2s ease; }
.pdp2-req__submit .sr-submit:hover { background: var(--pdp2-red-dark); }
.pdp2-req__submit .sr-submit:disabled { opacity: .6; cursor: default; }
.pdp2-req .sr-status { margin: 0; font-size: 13px; line-height: 20px; color: var(--pdp2-red); }
.pdp2-req__done { flex: 1; min-height: 360px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; }
.pdp2-req__done .sr-success-mark { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--pdp2-red); font-size: 26px; color: #fff; }
.pdp2-req__done h3 { margin: 0; font-size: clamp(22px, 18px + .6vw, 26px); line-height: 1.3; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-req__done p { margin: 0; max-width: 420px; font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-req__done .sr-again { margin-top: 8px; height: 44px; padding: 0 20px; border: 1px solid var(--pdp2-red); border-radius: 10px; background: #fff; font: inherit; font-size: 14px; font-weight: 600; color: var(--pdp2-red); cursor: pointer; }
.pdp2-req__done .sr-again:hover { background: var(--pdp2-red); color: #fff; }

/* ---------- B14 相关产品：变体卡 + 四类带图卡片 ---------- */
.pdp2-vars { list-style: none; margin: 0 0 24px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pdp2-vars li { min-width: 0; display: flex; }
.pdp2-vars a { flex: 1; min-width: 0; padding: 16px; display: flex; align-items: center; gap: 16px; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; color: var(--pdp2-ink); transition: border-color .2s ease; }
.pdp2-vars a:hover { border-color: var(--pdp2-red); color: var(--pdp2-ink); }
.pdp2-vars__img { flex: none; width: 88px; height: 88px; border-radius: 10px; background-color: var(--pdp2-grey); background-size: 76% auto; background-position: center; background-repeat: no-repeat; }
.pdp2-vars__txt { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.pdp2-vars__txt b { font-size: 16px; line-height: 24px; font-weight: 600; overflow-wrap: anywhere; }
.pdp2-vars__txt span { font-size: 14px; line-height: 22px; color: var(--pdp2-sub); }
.pdp2-vars__txt i { margin-top: 4px; font-style: normal; font-size: 14px; line-height: 22px; font-weight: 600; color: var(--pdp2-red); }
.pdp2-groups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.pdp2-groups__item { min-width: 0; display: flex; flex-direction: column; border: 1px solid var(--pdp2-line); border-radius: 10px; overflow: hidden; background: #fff; }
.pdp2-groups__img { display: block; aspect-ratio: 16 / 9; background-color: var(--pdp2-line); background-size: cover; background-position: center; }
.pdp2-groups__in { padding: 16px 20px 8px; }
.pdp2-groups__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--pdp2-line); }
.pdp2-groups__top h3 { margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-tag { flex: none; height: 22px; padding: 0 8px; display: inline-flex; align-items: center; white-space: nowrap; border: 1px solid var(--pdp2-line); border-radius: 10px; background: transparent; font-size: 12px; line-height: 16px; font-weight: 600; color: var(--pdp2-sub); }
.pdp2-tag--red { border-color: var(--pdp2-red); background: var(--pdp2-red); color: #fff; }
.pdp2-tag--dash { border-style: dashed; border-color: #C9C9C9; }
.pdp2-groups ul { list-style: none; margin: 0; padding: 0; }
.pdp2-groups li + li { border-top: 1px solid #F0F0F0; }
.pdp2-groups li a { min-height: 48px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--pdp2-ink); }
.pdp2-groups li a:hover { color: var(--pdp2-red); }
.pdp2-groups li a > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pdp2-groups li b { font-size: 14px; line-height: 22px; font-weight: 500; }
.pdp2-groups li small { font-size: 13px; line-height: 18px; color: var(--pdp2-sub); font-variant-numeric: tabular-nums; }
.pdp2-groups li i { flex: none; font-style: normal; font-size: 18px; line-height: 1; color: var(--pdp2-muted); }

/* ---------- B15 公司事实条 ---------- */
.pdp2-facts { background: #fff; border-top: 1px solid var(--pdp2-line); }
.pdp2-facts ul { list-style: none; margin: 0; padding: 18px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 14px; line-height: 22px; }
.pdp2-facts li { display: flex; align-items: center; gap: 12px; color: var(--pdp2-sub); }
.pdp2-facts li:first-child { font-weight: 600; color: var(--pdp2-ink); }
.pdp2-facts li + li::before { content: ''; flex: none; width: 4px; height: 4px; border-radius: 50%; background: var(--pdp2-muted); }

/* ---------- 首屏按钮滚出视口后：桌面、平板右下角悬浮按钮；手机底部两键操作条 ---------- */
.pdp2-fab { position: fixed; right: 16px; bottom: 16px; z-index: 80; height: 52px; padding: 0 22px 0 18px; display: flex; align-items: center; gap: 10px; border-radius: 10px; background: var(--pdp2-red); box-shadow: 0 12px 28px rgba(195, 13, 35, .35); font-size: 15px; font-weight: 600; color: #fff; white-space: nowrap; transition: background .2s ease; }
.pdp2-fab:hover { background: var(--pdp2-red-dark); color: #fff; }
.pdp2-fab span { flex: none; width: 20px; height: 20px; background: url(img/inquiry-white.svg) center / contain no-repeat; }
.pdp2-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; border-top: 1px solid var(--pdp2-line); background: #fff; box-shadow: 0 -6px 16px rgba(26, 26, 26, .06); }
.pdp2-bar > a:only-child { grid-column: 1 / -1; }
.pdp2-bar a { height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; border-radius: 10px; font-size: 15px; font-weight: 600; }
.pdp2-bar__ds { border: 1px solid var(--pdp2-red); background: #fff; color: var(--pdp2-red); }
.pdp2-bar__ds:hover { color: var(--pdp2-red); }
.pdp2-bar__ds img { display: block; width: 20px; height: 20px; }
.pdp2-bar__sm, .pdp2-bar__sm:hover { background: var(--pdp2-red); color: #fff; }

/* ---------- 典型应用电路放大 ---------- */
.pdp2-zoom { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(15, 15, 16, .6); }
.pdp2-zoom__in { position: relative; width: min(1200px, 100%); max-height: 100%; overflow: auto; padding: 64px 24px 24px; border-radius: 10px; background: #fff; }
.pdp2-zoom__t { position: absolute; top: 20px; left: 24px; margin: 0; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--pdp2-ink); }
.pdp2-zoom__close {
    position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 1px solid var(--pdp2-line); border-radius: 10px;
    background: #fff; font-size: 20px; line-height: 1; color: var(--pdp2-ink); cursor: pointer;
}
.pdp2-zoom__close:hover { border-color: var(--pdp2-red); color: var(--pdp2-red); }
.pdp2-zoom__body svg { width: 100%; height: auto; display: block; color: var(--pdp2-ink); }

/* ==========================================================================
   桌面 ≥1100
   ========================================================================== */
@media (min-width: 1100px) {
    .pdp2-hero__info { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 48px; align-items: start; }
    .pdp2-hero__info > * { grid-column: 2; }
    .pdp2-hero__info > .pdp2-media { grid-column: 1; grid-row: 1 / span 12; align-self: start; position: sticky; top: calc(var(--pdp2-top) + 24px); margin-top: 0; }
    .pdp2-media__box { aspect-ratio: 1 / 1; }
    .pdp2-spec.has-outline { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
    .pdp2-spec.has-outline .pdp2-outline { position: sticky; top: calc(var(--pdp2-top) + 88px); }
    .pdp2-apps.has-circuit { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
    .pdp2-apps.has-circuit .pdp2-works__list { grid-template-columns: minmax(0, 1fr); }
    .pdp2-faq { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); }
    .pdp2-faq__fae { position: sticky; top: calc(var(--pdp2-top) + 80px); }
}

/* ==========================================================================
   平板 700–1099：首屏单栏（主图 16:9 插在关键参数之后）、按钮间距 16、证书改两列卡片、询盘区上下排列
   ========================================================================== */
@media (max-width: 1099.98px) {
    .pdp2-btns { gap: 16px; }
    .pdp2-btn { padding: 0 16px; }
    .pdp2-btn__icon { margin-right: 12px; }
    .pdp2-btn__t { font-size: 15px; }
    .pdp2-nav__mini { display: none !important; }
    .pdp2-outline { max-width: 480px; }
    .pdp2-works__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-ofacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* 证书与检测报告：卡片（类型 · 范围 / 名称 + No. / 补充 / 机构 + 日期 / 说明 / 两个按钮） */
    .pdp2-cert { border-top: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .pdp2-cert__head { display: none; }
    .pdp2-cert__row { min-width: 0; padding: 16px; display: flex; flex-direction: column; border: 1px solid var(--pdp2-line); border-radius: 10px; background: #fff; transition: border-color .4s ease; scroll-margin-top: calc(var(--pdp2-top) + 80px); }
    .pdp2-cert__row.is-hi { background: #fff; box-shadow: none; border-color: var(--pdp2-red); }
    .pdp2-cert__doc { gap: 0; }
    .pdp2-cert__type, .pdp2-cert__no, .pdp2-cert__org, .pdp2-cert__date, .pdp2-cert__scope { display: none; }
    .pdp2-cert__ts { display: block; }
    .pdp2-cert__nm { margin-top: 6px; align-items: baseline; gap: 2px 10px; }
    .pdp2-cert__cno { display: inline; font-size: 13px; line-height: 20px; color: var(--pdp2-sub); font-variant-numeric: tabular-nums; white-space: nowrap; }
    .pdp2-cert__sub { margin-top: 2px; }
    .pdp2-cert__l2 { margin-top: 8px; display: flex; flex-wrap: wrap; column-gap: 12px; font-size: 13px; line-height: 20px; color: var(--pdp2-ink); }
    .pdp2-cert__cdt { white-space: nowrap; font-variant-numeric: tabular-nums; }
    .pdp2-cert__note { order: 1; margin-top: 6px; }
    .pdp2-cert__acts { order: 2; margin-top: auto; padding-top: 16px; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
    .pdp2-cert__pdf { height: 44px; padding: 0 16px; display: inline-flex; align-items: center; border: 1px solid var(--pdp2-red); border-radius: 10px; background: #fff; font-size: 14px; line-height: 20px; }
    .pdp2-cert__pdf:hover { background: var(--pdp2-red); color: #fff; }
    .pdp2 .pdp2-cert__verify { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px; line-height: 20px; }
    .pdp2-req { grid-template-columns: minmax(0, 1fr); }
    .pdp2-req__fae { grid-column: 1 / -1; grid-row: 2; }
    .pdp2-req__card { grid-column: 1 / -1; grid-row: 1; }
    .pdp2-req__img { aspect-ratio: 3 / 1; }
}
@media (max-width: 899.98px) {
    .pdp2-steps { grid-template-columns: minmax(0, 1fr); }
    .pdp2-steps__rail { display: none; }
    .pdp2-steps__card { margin-top: 0; }
    .pdp2-steps__no { display: block; }
}

/* ==========================================================================
   手机 <700：面包屑只留上一级、关键参数两列、按钮一列、认证条两列、表格改上下排、部分板块默认折叠
   ========================================================================== */
@media (max-width: 699.98px) {
    .pdp2-crumb__list { display: none; }
    .pdp2-crumb__up { display: flex; }
    .pdp2-copy { height: 44px; min-width: 44px; }
    .pdp2-keys, .pdp2-keys.is-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-keys .pdp2-keys__cell, .pdp2-keys.is-row .pdp2-keys__cell { padding: 12px 16px; border-left: 1px solid var(--pdp2-line); border-top: 0; }
    .pdp2-keys .pdp2-keys__cell:nth-child(2n+1) { padding-left: 0; border-left: 0; }
    .pdp2-keys .pdp2-keys__cell:nth-child(2n), .pdp2-keys .pdp2-keys__cell:last-child { padding-right: 0; }
    .pdp2-keys .pdp2-keys__cell:nth-child(n+3) { border-top: 1px solid var(--pdp2-line); }
    .pdp2-media__box { aspect-ratio: 1 / 1; }
    .pdp2-media__3d { height: 44px; }
    .pdp2-btns { grid-template-columns: minmax(0, 1fr); }
    .pdp2-btn--contact .pdp2-qr, .pdp2-btn--contact.qr-left .pdp2-qr { left: auto; right: 12px; top: auto; bottom: 100%; margin: 0 0 12px; transform: none; }
    .pdp2-btn--contact .pdp2-qr__box::before { display: none; }
    .pdp2-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-trust__lead { grid-column: 1 / -1; grid-row: auto; }
    .pdp2-trust__cell { border-top: 1px solid rgba(255, 255, 255, .14); }
    .pdp2-trust__cell:nth-child(even) { border-left: 0; }
    .pdp2-trust__more.is-mob { display: flex; }
    .pdp2-nav__bar { height: 56px; }
    .pdp2-fold { display: block; }
    .pdp2-sec.is-folded { padding: 24px 0; }
    .pdp2-sec.is-folded .pdp2-sec__head { margin-bottom: 0; }
    .pdp2-sec.is-folded .pdp2-sec__body { display: none; }
    .pdp2-spec__head { display: none; }
    .pdp2-spec__row, .pdp2-spec__table.is-three .pdp2-spec__row { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
    .pdp2-spec__table.is-three .pdp2-spec__row { grid-template-areas: "p v" ". c"; }
    .pdp2-spec__head + .pdp2-spec__row { border-top: 0; }
    .pdp2-spec__p { padding: 12px 12px 12px 16px; }
    .pdp2-spec__v { padding: 12px 16px 12px 0; }
    .pdp2-spec__tc { padding: 0 16px 12px 0; font-size: 13px; line-height: 20px; }
    .pdp2-cta { padding: 16px; }
    .pdp2-xt__head { display: none; }
    .pdp2-xt__row { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "b n" "c c" "k k" "e e"; }
    .pdp2-xt__row > span { padding: 12px 16px 0; }
    .pdp2-xt__lbl { display: block; }
    .pdp2-xt__c .pdp2-xt__lbl { margin-bottom: 4px; }
    .pdp2-vs__head, .pdp2-vs__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-vs__head { grid-template-areas: "a b"; }
    .pdp2-vs__head > .pdp2-vs__p { display: none; }
    .pdp2-vs__head > span { padding: 12px 16px; }
    .pdp2-vs__row { grid-template-areas: "p p" "a b"; }
    .pdp2-vs__row.is-diff { grid-template-areas: "p p" "a b" "n n"; }
    .pdp2-vs__row > .pdp2-vs__p { padding: 12px 16px 4px; }
    .pdp2-vs__row > .pdp2-vs__a, .pdp2-vs__row > .pdp2-vs__b { padding: 4px 16px 12px; }
    .pdp2-vs__row > .pdp2-vs__n { padding: 0 16px 12px; }
    .pdp2-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pdp2-tiles li { min-height: 128px; }
    .pdp2-works__list, .pdp2-notes__list, .pdp2-docs { grid-template-columns: minmax(0, 1fr); }
    .pdp2-circuit { padding: 16px; }
    .pdp2-circuit__zoom { height: 44px; }
    .pdp2-vt__row { grid-template-columns: minmax(0, 1fr); }
    .pdp2-cert { grid-template-columns: minmax(0, 1fr); }
    .pdp2-ofacts { grid-template-columns: minmax(0, 1fr); }
    .pdp2-cmp__head, .pdp2-cmp__row { grid-template-columns: repeat(var(--pdp2-cn, 3), minmax(0, 1fr)); }
    .pdp2-cmp__head > .pdp2-cmp__p { display: none; }
    .pdp2-cmp__head > span { padding: 12px 10px; }
    .pdp2-cmp__row > .pdp2-cmp__p { grid-column: 1 / -1; padding: 10px 12px 0; font-size: 12px; color: var(--pdp2-sub); }
    .pdp2-cmp__row > .pdp2-cmp__v { padding: 4px 10px 10px; }
    .pdp2-cards, .pdp2-vars, .pdp2-groups { grid-template-columns: minmax(0, 1fr); }
    .pdp2-req__img { aspect-ratio: 16 / 9; }
    .pdp2-req__card { padding: 20px 16px; }
    .pdp2-req__types, .pdp2-req__grid { grid-template-columns: minmax(0, 1fr); }
    .pdp2-req__contact { grid-template-columns: minmax(0, 1fr); }
    .pdp2-req__contact > .pdp2-req__f, .pdp2-req__contact > .pdp2-req__f:nth-child(n+4) { grid-column: 1 / -1; }
    .pdp2-req__submit .sr-submit { width: 100%; }
    .pdp2-zoom { padding: 0; }
    .pdp2-zoom__in { height: 100%; border-radius: 0; }
    .pdp2-zoom__body svg { min-width: 980px; }
}

/* ==========================================================================
   内容列同应用领域页 .vhap-wrap：≥768 时内容 1200（可用宽不足 1248 时两侧各 24，内容 = 可用宽 - 48）；
   ≥1440 由 vh-layout-pages.css 把盒宽放到"内容列 + 48"，内容跟随 --vhp-page，左右 24 内边距沿用这里。
   原来两侧 clamp(16px, 3vw, 30px)：1000–1259 两侧是 30 而不是 24，且用了 vw（≥2048 整体 zoom 时 vw 不随 zoom 换算）。
   面包屑、首屏、吸顶锚点栏、各板块（含证书 / 订货合用的容器）、事实条都是 .pdp2-wrap，整页左缘同一条线；
   通栏的灰底、分隔线、锚点栏白底在 .pdp2-sec / .pdp2-nav 上，不受影响。≤767 保持原来的 clamp。
   ========================================================================== */
@media (min-width: 768px) {
    .pdp2-wrap { max-width: 1248px; padding-left: 24px; padding-right: 24px; }
}