body[data-page="home"] .hero.has-industrial-film{height:780px;background:#0b1b27}
.industrial-film-layer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#0b1b27}.film-poster{position:absolute;inset:0;opacity:1;transition:opacity .7s}.film-poster img{position:static!important;display:block;width:100%;height:100%;object-fit:cover}.industrial-film-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.film-ready .industrial-film-canvas{opacity:1}.film-ready .film-poster{opacity:0;pointer-events:none}
body[data-page="home"] .hero.has-industrial-film:after{background:linear-gradient(90deg,#081924f5 0%,#081924e6 23%,#0819249e 40%,#08192420 68%,transparent 100%),linear-gradient(0deg,#081924fa 0%,transparent 23%);z-index:1}.has-industrial-film .container{z-index:3;pointer-events:none}.has-industrial-film .hero-txt .btns{pointer-events:auto}.has-industrial-film .hero-txt{padding-bottom:58px}.has-industrial-film .hero-txt h1{font-size:clamp(28px,3vw,44px)}.has-industrial-film .hero-txt h1 em{font-size:clamp(12px,4.6cqi,32px)}
.film-hud{position:absolute;right:40px;top:28px;width:250px;z-index:2;background:linear-gradient(135deg,#183343c9,#132b3b99);border:1px solid #94b1c240;padding:20px 22px;border-radius:4px;color:#c8dae6;pointer-events:none;box-shadow:0 14px 35px #00000018}.film-demo{font-size:10px;color:#8da9bc;letter-spacing:1.6px}.film-stage-heading{display:flex;flex-direction:column;gap:8px;margin:16px 0}.film-stage-number{font:10px monospace;letter-spacing:1px;color:#6f91a7}.film-stage-heading h2{font-size:24px;letter-spacing:.5px;font-weight:500;color:#ddeaf2;margin:0}.film-readouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff18;padding-top:16px}.film-readouts span{font-size:10px;color:#8ba7b9;display:block;margin-bottom:8px}.film-readouts b{font:17px "Segoe UI",sans-serif;color:#c8dce9}.film-action{font-size:11px!important;line-height:1.8;color:#98b4c7;margin:16px 0 12px;min-height:36px}.film-progress{height:2px;background:#ffffff10;overflow:hidden}.film-progress i{display:block;width:100%;height:100%;background:#86abbc;transform:scaleX(0);transform-origin:left;transition:transform .55s linear}
.film-controls{position:absolute;z-index:4;left:var(--pad-x);right:var(--pad-x);bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:24px}.film-scenes{display:flex;gap:6px}.film-scenes button{border:1px solid transparent;border-bottom:1px solid #6e8fa440;background:#0f273455;color:#7d9aaf;border-radius:2px;padding:12px 17px;min-height:48px;cursor:pointer;display:flex;align-items:center;gap:9px;transition:background .3s,color .3s}.film-scenes small{font:9px monospace;color:#65859a}.film-scenes span{font-size:12px}.film-scenes button[aria-pressed="true"]{background:#28495c80;border-color:#87a6b54a;color:#d7e7ef}.film-scenes button[aria-pressed="true"] small{color:#a2c1d1}.film-toggle{min-height:46px;border:1px solid #8caabb45;background:#142e3cb3;color:#b4cbd9;border-radius:3px;padding:10px 19px;font:12px "Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap}.film-fallback .film-hud{display:none}
@media(max-width:1100px){.film-scenes button{padding:12px 10px;gap:7px}.film-scenes span{font-size:11px}.film-hud{right:28px;width:230px;padding:20px}.film-controls{gap:12px}.film-stage-heading h2{font-size:22px}}
@media(max-width:820px){body[data-page="home"] .hero.has-industrial-film{height:710px}.has-industrial-film .hero-txt{padding-bottom:105px}.has-industrial-film .hero-txt h1{font-size:clamp(21px,5.8vw,36px)}.has-industrial-film .hero-txt h1 em{font-size:clamp(12px,4.6cqi,30px)}.has-industrial-film .hero-txt .sub{font-size:13px}.film-hud{left:20px;right:20px;bottom:140px;width:auto;padding:10px 14px;background:#18334399;display:flex;align-items:center;justify-content:space-between;gap:12px}.film-demo,.film-readouts,.film-stage-number,.film-action{display:none}.film-stage-heading{margin:0}.film-stage-heading h2{font-size:15px}.film-progress{width:55%;height:2px}.film-controls{bottom:18px;gap:8px;align-items:flex-end}.film-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1}.film-scenes button{padding:9px 7px;min-height:44px;justify-content:center;gap:6px}.film-scenes small{font-size:8px}.film-scenes span{font-size:10px}.film-toggle{padding:10px 9px;min-height:44px;font-size:10px}.has-industrial-film .container{justify-content:center}body[data-page="home"] .hero.has-industrial-film:after{background:linear-gradient(90deg,#081924e0,#08192473),linear-gradient(0deg,#081924f0 0%,transparent 50%)}.film-poster img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.industrial-film-canvas,.film-poster,.film-progress i{transition:none}.film-toggle{display:none}}
@media(max-width:820px){.film-hud{top:auto}}

@media(max-width:820px){
 body[data-page="home"] .has-industrial-film .container{justify-content:flex-start;padding-top:44px}
 .has-industrial-film .hero-txt{padding-bottom:0}
 body[data-page="home"] .hero.has-industrial-film:after{background:linear-gradient(180deg,#081924e8 0%,#081924d9 28%,#08192466 45%,#08192410 64%,#081924c9 85%,#081924f0 100%)}
}