.yumin-products-page { --products-max: 1332px; --products-teal: #00b1a7; --products-ink: #131826; overflow: clip; background: #fff; }
.yumin-products-container { width: min(var(--products-max), calc(100% - 48px)); margin-inline: auto; }
.yumin-products-list { scroll-margin-top: calc(var(--yumin-header-height) + var(--wp-admin--admin-bar--height, 0px) + 24px); }
.yumin-other-assistive-collection { min-height: 50vh; background: #fff; }
.yumin-other-assistive-collection__heading { margin-bottom: clamp(34px, 4vw, 72px); }
.yumin-other-assistive-collection__heading h1 { margin: 0; color: var(--products-teal); font: 800 clamp(32px, 3.2vw, 54px)/1.15 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) { .yumin-products-container { width: min(100% - 32px, var(--products-max)); } }
.yumin-single-product { padding-block: clamp(62px, 7vw, 132px) clamp(90px, 9vw, 170px); }
.yumin-single-product__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 7vw, 132px); align-items: center; }
.yumin-single-product__media { display: grid; min-height: clamp(420px, 39vw, 626px); place-items: center; padding: clamp(24px, 3vw, 58px); background: #f5faf9; }
.yumin-single-product__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.yumin-single-product__intro h1 { max-width: 620px; margin: 0; color: #131826; font: 800 clamp(34px, 4.2vw, 78px)/1.02 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__model { margin: 17px 0 0; color: var(--products-teal); font: 700 16px/1.3 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__summary { max-width: 600px; margin-top: 28px; color: #697476; font: 400 17px/1.6 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__summary p { margin: 0 0 1em; }
.yumin-single-product__quote { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; padding: 16px 24px; border-radius: 999px; color: #fff; background: var(--products-teal); font: 700 15px/1 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-decoration: none; }
/* 列数来自实际非空参数，不为缺失的尺寸或其它字段保留占位轨道。 */
.yumin-single-product__specs { display: grid; grid-template-columns: repeat(var(--yumin-product-spec-count, 1), minmax(0, 1fr)); gap: 1px; margin: clamp(58px, 8vw, 130px) 0 0; background: #dfe9e8; }
.yumin-single-product__specs > div { min-width: 0; box-sizing: border-box; min-height: 116px; padding: 24px; overflow-wrap: anywhere; background: #f5faf9; }
.yumin-single-product__specs dt { color: #758082; font: 700 12px/1.2 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; text-transform: uppercase; }
.yumin-single-product__specs dd { margin: 11px 0 0; color: #131826; font: 700 16px/1.3 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__dimensions { margin-top: clamp(58px, 8vw, 130px); }
.yumin-single-product__dimensions h2 { margin: 0 0 28px; color: #131826; font: 800 clamp(26px, 2.4vw, 42px)/1 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
.yumin-single-product__dimension-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.yumin-single-product__dimension-grid img { display: block; width: 100%; height: auto; background: #f5faf9; }
/* 平板双列的奇数尾项跨满整行，避免末行再次露出空轨道背景。 */
@media (max-width: 900px) { .yumin-single-product__top { grid-template-columns: 1fr; gap: 42px; } .yumin-single-product__specs { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yumin-single-product__specs > div:last-child:nth-child(odd) { grid-column: 1 / -1; } }
@media (max-width: 540px) { .yumin-single-product__specs { grid-template-columns: 1fr; } .yumin-single-product__dimension-grid { grid-template-columns: 1fr; } }

/* V4 详情独立作用域：资料遵循 Excel，外观和交互对齐设计 HTML。字体沿用站点现状。 */
.yumin-product-v4 { color:#0c2c2f; background:#f4f8f7; font-family:Inter,Arial,sans-serif; line-height:1.65; }
.yumin-product-v4 * { box-sizing:border-box; }
.yumin-product-v4 .yumin-v4-container,.yumin-product-v4 .yumin-v4-page-hero__inner { width:min(1184px,calc(100% - 56px)); }
.yumin-product-v4__section { padding-block:clamp(64px,7.5vw,116px); }
.yumin-product-v4 h2 { margin:0; font-size:clamp(29.6px,3vw,41.6px); line-height:1.16; letter-spacing:-.02em; font-weight:700; }
.yumin-product-v4__eyebrow { display:block; margin:0; color:#00928e; font-size:11.52px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.yumin-product-v4 .yumin-product-v4__eyebrow--light { color:#7fe3dc; }
.yumin-product-v4 .yumin-v4-page-hero { padding-top:calc(78px + clamp(52px,6vw,84px)); }
.yumin-product-v4 .yumin-v4-crumbs { margin-bottom:20px; gap:9px; color:#ffffffad; font-size:12.5px; }
.yumin-product-v4 .yumin-v4-crumbs > * + *::before { margin-right:9px; }
.yumin-product-v4 .yumin-v4-page-hero h1 { margin-top:14px; }
.yumin-product-v4 .yumin-v4-page-hero__badges span { padding:7px 14px; border:0; background:#ffffff1f; font-size:12.5px; letter-spacing:.01em; line-height:1.65; }
.yumin-product-v4__details { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,4.5vw,64px); align-items:start; }
.yumin-product-v4__media { position:relative; margin:0; overflow:hidden; border:1px solid #dce9e8; border-radius:30px; background:#fff; box-shadow:0 1px 2px #0c1f1d0a,0 2px 8px #0c1f1d0a; }
.yumin-product-v4__media img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.yumin-product-v4__media figcaption { position:absolute; z-index:9; top:18px; left:18px; max-width:calc(100% - 36px); border-radius:999px; padding:7px 14px; color:#fff; background:#00928e; font-size:12px; font-weight:700; }
.yumin-product-v4__info h2 { margin:12px 0 0; font-size:clamp(21px,2vw,26px); line-height:1.25; }
.yumin-product-v4__model { display:inline-flex; margin:12px 0 0; padding:6px 14px; border-radius:999px; background:#f1f8f7; color:#006360; font-size:11.52px; font-weight:700; }
.yumin-product-v4__summary { margin-top:26px; color:#24474b; font-size:14.4px; line-height:1.6; overflow-wrap:anywhere; }
.yumin-product-v4__summary p { margin:0 0 12px; }
.yumin-product-v4__summary img { max-width:100%; height:auto; }
.yumin-product-v4__summary ul { margin:0; padding:0; list-style:none; display:grid; gap:10px; }
.yumin-product-v4__summary li { position:relative; padding-left:19px; }
.yumin-product-v4__summary li::before { content:""; position:absolute; top:.65em; left:0; width:7px; height:7px; border-radius:50%; background:#00928e; }
.yumin-product-v4__summary table { max-width:100%; }
.yumin-product-v4__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
/* 参数值来自原实体；非空才输出，保持原有自适应分列和尺寸图。 */
.yumin-product-v4 .yumin-single-product__specs { margin-top:clamp(40px,5vw,72px); }
.yumin-product-v4__benefits { background:#f1f8f7; }
.yumin-product-v4__section-head { display:flex; flex-direction:column; gap:16px; }
.yumin-product-v4__benefits .yumin-product-v4__section-head { margin-bottom:clamp(36px,4vw,56px); }
.yumin-product-v4__benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.yumin-product-v4__benefit { display:flex; flex-direction:column; gap:12px; padding:28px 26px; border:1px solid #dce9e8; border-radius:22px; background:#fff; transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .42s,border-color .42s; }
.yumin-product-v4__benefit > span { display:grid; place-items:center; width:46px; height:46px; border-radius:14px; background:#f1f8f7; color:#00928e; transition:background .42s,color .42s,transform .42s; }
.yumin-product-v4__benefit svg { width:23px; height:23px; }
.yumin-product-v4__benefit h3 { margin:0; font-size:19.52px; line-height:1.3; }
.yumin-product-v4__benefit p { margin:0; color:#5b7377; font-size:14.4px; line-height:1.68; }
.yumin-product-v4__related-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:clamp(36px,4vw,56px); }
.yumin-product-v4__related-head a { position:relative; display:inline-flex; align-items:center; gap:8px; color:#00928e; font-size:16px; font-weight:650; text-decoration:none; }
.yumin-product-v4__related-head a::after { content:""; position:absolute; left:0; right:0; bottom:-3px; height:1.5px; background:currentColor; transform:scaleX(0); transform-origin:right; transition:transform .42s; }
.yumin-product-v4__related-head svg { width:20px; height:10px; transition:transform .42s; }
.yumin-product-v4__related-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.yumin-product-v4__related-item { min-width:0; display:flex; }
.yumin-product-v4 .yumin-products-catalog-v4 { background:transparent; }
.yumin-product-v4__related-item .yumin-product-card { width:100%; }
.yumin-product-v4 .yumin-v4-button { position:relative; isolation:isolate; overflow:hidden; transition:transform .42s,box-shadow .42s,color .42s,background .42s; }
.yumin-product-v4 .yumin-v4-button::before { content:""; position:absolute; inset:0; z-index:-1; opacity:0; background:linear-gradient(100deg,#00928e,#006360); transition:opacity .42s; }
.yumin-product-v4 .yumin-v4-button--white { color:#00928e; }
.yumin-product-v4 .yumin-v4-button--white::before { background:linear-gradient(100deg,#fff,#d9f2ee); }
.yumin-product-v4 .yumin-v4-button--outline { border:1.5px solid #c9dad8; color:#00928e; }
.yumin-product-v4__contact { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(135deg,#007e7a 0%,#00928e 46%,#008a84 100%); color:#fff; }
.yumin-product-v4__contact::before,.yumin-product-v4__contact::after { content:""; position:absolute; z-index:-1; pointer-events:none; }
.yumin-product-v4__contact::before { top:-40%; right:-8%; width:640px; height:640px; background:radial-gradient(circle,#ffffff24,transparent 60%); }
.yumin-product-v4__contact::after { bottom:-50%; left:-6%; width:560px; height:560px; background:radial-gradient(circle,#2fb8ac57,transparent 62%); }
.yumin-product-v4__contact h2 { margin:16px 0; color:#fff; }
.yumin-product-v4__contact p:not(.yumin-product-v4__trust) { max-width:900px; margin:0; font-size:clamp(16px,1.35vw,19.2px); line-height:1.65; color:#ffffffd1; }
.yumin-product-v4__contact .yumin-product-v4__trust { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:0; }
.yumin-product-v4__trust span { padding:7px 15px; border:1px solid #fff3; border-radius:999px; background:#ffffff21; font-size:12.5px; font-weight:600; }
.yumin-product-v4__trust i { width:4px; height:4px; border-radius:50%; background:#fff6; }
.yumin-product-v4__contact .yumin-v4-button { margin-top:36px; padding:18px 32px; font-size:16px; }
@media(hover:hover) {
 .yumin-product-v4__benefit:hover { transform:translateY(-6px); box-shadow:0 4px 14px #0c1f1d0f,0 12px 32px #0c1f1d0f; border-color:#cfebe6; }
 .yumin-product-v4__benefit:hover > span { background:#00928e; color:#fff; transform:rotate(-6deg) scale(1.05); }
 .yumin-product-v4__related-head a:hover::after { transform:scaleX(1); transform-origin:left; }
 .yumin-product-v4__related-head a:hover svg { transform:translateX(4px); }
 .yumin-product-v4 .yumin-v4-button:hover::before { opacity:1; }
 .yumin-product-v4 .yumin-v4-button--outline:hover { color:#fff; border-color:#00928e; }
}
.yumin-product-v4 .yumin-v4-button:active { transform:translateY(0); }
@media(max-width:1080px) { .yumin-product-v4__details { grid-template-columns:1fr; } .yumin-product-v4__related-grid,.yumin-product-v4__benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .yumin-product-v4 .yumin-v4-page-hero { padding-top:118px; } }
@media(max-width:640px) { .yumin-product-v4 .yumin-v4-container,.yumin-product-v4 .yumin-v4-page-hero__inner { width:calc(100% - 40px); } .yumin-product-v4__related-grid,.yumin-product-v4__benefit-grid { grid-template-columns:1fr; } .yumin-product-v4 .yumin-v4-button { padding:13px 22px; } }
@media(prefers-reduced-motion:reduce) { .yumin-product-v4__benefit,.yumin-product-v4__benefit > span,.yumin-product-v4 a,.yumin-product-v4 a::before,.yumin-product-v4 a::after { transition:none!important; transform:none!important; } }