.product-bridge{position:relative;display:flex;align-items:center;min-height:350px;height:48svh;max-height:560px;padding:54px 8%;background:#040b13;isolation:isolate;overflow:hidden;scroll-margin-top:88px;color:#dfe8f6}
.product-bridge::before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/ribbon-bridge-v1.png') center/cover no-repeat}
.product-bridge::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#040b13,transparent 25%,transparent 70%,#0b1020),linear-gradient(90deg,#040b1370,transparent 65%);pointer-events:none}
.product-bridge-copy>div{font-size:clamp(9px,.68vw,13px);letter-spacing:.25em;color:#9eb8d7;margin-bottom:25px}
.product-bridge h2{font-family:'Noto Sans TC','Microsoft YaHei',sans-serif;font-size:clamp(26px,2.65vw,52px);font-weight:300;letter-spacing:.07em;line-height:1.5;margin:0 0 18px}
.product-bridge p{font-size:clamp(12px,.94vw,18px);color:#9eb0c9;letter-spacing:.09em;margin:0}
.product-bridge a{display:inline-flex;gap:24px;align-items:center;color:#b5cfff;font-size:13px;text-decoration:none;margin-top:28px;padding:10px 0;border-top:1px solid #6588b8;transition:color .2s}.product-bridge a:hover{color:#fff}
@media(max-width:800px){.product-bridge{padding:40px 7%;min-height:340px;height:46svh;scroll-margin-top:70px}.product-bridge::before{background-position:59% center}.product-bridge h2{font-size:clamp(22px,4vw,32px)}.product-bridge p{font-size:12px}.product-bridge-copy>div{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-bridge a{transition:none}}