/* 用户产品原图与现场图集，动态由 product-motion.js 渐进增强。 */
.hero-hardware-scene.product-scene { height:450px; background:#e8edef; border:1px solid #d8e0e6; border-radius:6px; }
.product-scene-toolbar { position:absolute; z-index:4; inset:0 0 auto; min-height:55px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 14px; background:#f7f9fa; border-bottom:1px solid #d8e0e6; }
.product-scene-selectors { display:flex; gap:4px; }
.product-scene-toolbar button { display:inline-flex; justify-content:center; align-items:center; gap:5px; min-height:32px; border:0; border-radius:3px; padding:5px 9px; background:transparent; color:#657281; font:inherit; font-size:10px; white-space:nowrap; cursor:pointer; transition:color .2s,background .2s; }
.product-scene-selectors button[aria-pressed="true"] { background:#e4ebf5; color:#254ecc; }
.product-scene-toolbar button:hover { background:#e5ebef; color:#1c344a; }
.product-scene-toolbar button:focus-visible { outline:2px solid #285cff; outline-offset:2px; }
.product-scene-pause>span:first-child { font-size:12px; width:12px; }
.product-scene-frame { position:absolute; inset:55px 0 0; overflow:hidden; transform:translate3d(var(--product-x,0px),var(--product-y,0px),0); transition:transform .45s cubic-bezier(.22,1,.36,1); }
.product-scene-slide { position:absolute; inset:-10px; opacity:0; visibility:hidden; transform:scale(1.025); transition:opacity .95s ease,transform 1.4s cubic-bezier(.22,1,.36,1),visibility 0s .95s; }
.product-scene-slide.is-current { opacity:1; visibility:visible; transform:scale(1); transition-delay:0s; }
.product-scene-slide img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.product-scene-slide.product-scene-touch { background:#e8edef; }
.product-scene-touch img { object-position:73% center; }
.product-scene-status.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.product-field-scene { background:#0b1720; }
.product-field-scene>img { aspect-ratio:2.15; transform:translate3d(var(--product-x,0px),var(--product-y,0px),0) scale(1.045); transition:transform .55s cubic-bezier(.22,1,.36,1); }

.software-products-intro .product-intro-scene { background:#e8edef; border-radius:6px; overflow:hidden; }
.software-products-intro .product-intro-scene img { width:100%; display:block; }

@media(min-width:821px) { .hero-engineering-visual { min-height:620px; } }
@media(max-width:820px) { .hero-hardware-scene.product-scene { height:445px; } }
@media(max-width:600px) {
  .hero-hardware-scene.product-scene { height:310px; }
  .product-scene-toolbar { padding:9px 7px; gap:3px; }
  .product-scene-toolbar button { padding-inline:7px; font-size:9px; }
  .product-scene-frame { inset-block-start:55px; }
  .product-field-scene>img { aspect-ratio:1.25; object-position:55% center; }
}
@media(prefers-reduced-motion:reduce) {
  .product-scene-frame,.product-field-scene>img { transform:none; transition:none; }
  .product-scene-slide { transform:none; transition:none; }
}

@media(max-width:600px) { .product-scene-selectors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); flex:1; min-width:0; gap:3px; } .product-scene-toolbar { align-items:flex-start; } .product-scene-toolbar button { min-height:28px; padding-inline:4px; } .product-scene-pause { flex-shrink:0; margin-top:1px; } .product-scene-frame { inset-block-start:80px; } }

/* 图片直接融入页面，主体保持锐利，边缘以蒙版柔和渐隐。 */
.industrial-software-hero { grid-template-columns:.72fr 1.45fr; gap:22px; padding-top:28px; padding-bottom:34px; min-height:620px; }
.hero-engineering-visual { min-height:0; }
.hero-hardware-scene.product-scene { position:relative; inset:auto; width:100%; height:560px; background:transparent; border:0; border-radius:0; overflow:visible; }
.product-scene-frame {
  inset:0 0 49px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 8%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}
.product-scene-slide { inset:0; }
.product-scene-slide:first-child img { object-position:75% center; }
.product-scene-slide.product-scene-touch { background:transparent; }
.product-scene-touch img { object-fit:contain; }
.product-scene-toolbar { inset:auto 0 0; min-height:42px; padding:6px 0; background:transparent; border:0; gap:8px; }
.product-scene-toolbar button { background:transparent; border-radius:0; padding:5px 8px; color:#7d8997; }
.product-scene-selectors button[aria-pressed="true"] { background:transparent; color:#285cff; box-shadow:inset 0 -1px #285cff; }
.product-scene-toolbar button:hover { background:transparent; color:#253b51; }
.software-home .software-feature,.software-home .plugin-feature { border:0; border-radius:0; background:transparent; }
.software-home .plugin-feature { border-left:1px solid #dfe4e9; }
.software-home .workflow-scene { border:0; border-radius:0; }
.software-home .workflow-steps { border:0; background:transparent; }
.software-home .developer-band { border:0; background:#eef2f7; }
.software-products-intro .product-intro-scene { border:0; border-radius:0; background:transparent; }
.software-products-intro .product-intro-scene img { -webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent); mask-image:linear-gradient(to right,transparent,#000 7%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent); -webkit-mask-composite:source-in; mask-composite:intersect; }

@media(max-width:1080px) { .industrial-software-hero { grid-template-columns:.8fr 1.3fr; min-height:550px; } .hero-hardware-scene.product-scene { height:500px; } }
@media(max-width:820px) { .industrial-software-hero { grid-template-columns:1fr; gap:14px; min-height:0; } .hero-engineering-visual { min-height:0; width:100%; } .hero-hardware-scene.product-scene { height:500px; } }
@media(max-width:600px) { .hero-hardware-scene.product-scene { height:385px; } .product-scene-frame { inset:0 0 78px; } .product-scene-toolbar { inset:auto 0 0; padding:6px 0; } .software-home .plugin-feature { border-left:0; border-top:1px solid #dfe4e9; } }

.product-scene-toolbar { justify-content:center; gap:16px; }
.product-scene-selectors { display:flex; flex:none; gap:3px; }
.product-scene-toolbar button { width:30px; min-height:32px; padding:0; border-radius:50%; }
.product-scene-selectors button[aria-pressed="true"] { box-shadow:none; }
.product-scene-dot { display:block; width:6px; height:6px; border-radius:50%; background:#b6c0cd; transition:transform .25s,background .25s; }
.product-scene-selectors button[aria-pressed="true"] .product-scene-dot { background:#285cff; transform:scale(1.25); }
.product-scene-toolbar [data-scene-pause-label] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:600px) { .product-scene-frame { inset:0 0 43px; } .product-scene-selectors { display:flex; flex:none; } }
