/* Reuse the approved home Hanhai introduction across product pages. */
#hanhai-model.hh-unified{position:relative;isolation:isolate;display:block;width:100%;height:auto;min-height:0;margin:0;padding:44px 0;background:#fff;border:0;border-radius:0;box-shadow:none;overflow:hidden;scroll-margin-top:90px;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
#hanhai-model.hh-unified *{box-sizing:border-box}
#hanhai-model.hh-unified::before,#hanhai-model.hh-unified::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(1126px,calc(100% - 48px));height:1px;background:#dce1e6;pointer-events:none}
#hanhai-model.hh-unified::before{top:0}
#hanhai-model.hh-unified::after{bottom:0}
#hanhai-model .hh-unified-heading{width:calc(100% - 48px);max-width:760px;margin:0 auto 28px;text-align:center}
#hanhai-model .hh-unified-heading h2{margin:0;color:#111;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:56px;font-weight:600;line-height:1.12;letter-spacing:-.055em}
#hanhai-model .hh-unified-heading p{margin:11px 0 0;color:#757b82;font-size:24px;font-weight:400;line-height:1.45;letter-spacing:0}
#hanhai-model a.hh-unified-card{position:relative;display:block;width:min(1126px,calc(100% - 48px));height:416px;margin:0 auto;padding:0;overflow:hidden;background:#e6ebf1 url("/assets/hanhai-studio/centered-light.svg") center/100% 100% no-repeat;border:1px solid #e6e9ed;border-radius:24px;text-decoration:none;color:inherit;cursor:pointer;transition:box-shadow .25s ease,transform .25s ease}
#hanhai-model a.hh-unified-card:hover{box-shadow:0 12px 32px rgba(33,55,75,.08);transform:translateY(-2px)}
#hanhai-model a.hh-unified-card:focus-visible{outline:3px solid #2687ce;outline-offset:5px}
#hanhai-model .hh-scene{position:absolute;top:-36px;left:50%;transform:translateX(-50%);width:430px;height:430px;aspect-ratio:1;margin:0;overflow:hidden;pointer-events:none}
#hanhai-model .hh-scene img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 40% 38% at 49.3% 47%,#000 94%,transparent 100%),radial-gradient(ellipse 38% 6% at 49.3% 81%,#000 35%,transparent 100%);mask-composite:add}
#hanhai-model .hh-studio-core{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s}
#hanhai-model .hh-studio-core[data-renderer="living-core-webgl"]{opacity:1}
#hanhai-model .hh-capabilities{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;width:max-content;max-width:calc(100% - 40px);gap:34px;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;border:0;background:none}
#hanhai-model .hh-capabilities li{position:relative;margin:0;padding:0;border:0;color:#78828e;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:.02em;white-space:nowrap}
#hanhai-model .hh-capabilities li+li::before{content:"";position:absolute;left:-18px;top:50%;height:11px;width:1px;transform:translateY(-50%);background:#adb6c1;opacity:.6}
@media(min-width:701px) and (max-width:1000px){
 #hanhai-model .hh-unified-heading h2{font-size:46px}
 #hanhai-model .hh-unified-heading p{font-size:22px}
}
@media(max-width:700px){
 #hanhai-model.hh-unified{padding:32px 0}
 #hanhai-model.hh-unified::before,#hanhai-model.hh-unified::after{width:calc(100% - 32px)}
 #hanhai-model .hh-unified-heading{margin-bottom:24px}
 #hanhai-model .hh-unified-heading h2{font-size:42px}
 #hanhai-model .hh-unified-heading p{font-size:21px}
 #hanhai-model a.hh-unified-card{width:calc(100% - 32px);height:264px;border-radius:18px}
 #digital-employees.employee-story > .page-width{width:calc(100% - 32px)}
 #hanhai-model .hh-scene{width:210px;height:210px;top:11.3px}
 #hanhai-model .hh-capabilities{gap:25px;bottom:24px}
 #hanhai-model .hh-capabilities li{font-size:14px}
 #hanhai-model .hh-capabilities li+li::before{left:-13px;height:10px}
}
@media(max-width:350px){
 #hanhai-model a.hh-unified-card{height:241.6px}
 #hanhai-model .hh-scene{width:192px;height:192px;top:10.1px}
 #hanhai-model .hh-capabilities{gap:12px}
 #hanhai-model .hh-capabilities li{font-size:12px}
 #hanhai-model .hh-capabilities li+li::before{left:-7px}
}
@media(prefers-reduced-motion:reduce){#hanhai-model a.hh-unified-card{transition:none}}