.contact-scenes{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;background:#092b46;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;position:relative}.contact-scenes .scene{scroll-margin-top:80px}.contact-scenes .contact-scene-nav{z-index:5;justify-content:flex-end;gap:32px;font-size:13px;display:flex;position:absolute;top:26px;left:6%;right:5%}.contact-scenes .draft-link{text-decoration:underline;display:block}.contact-scenes h1,.contact-scenes h2,.contact-scenes h3{color:#fff}.contact-scenes .glass,.contact-scenes label{min-width:0}.contact-scenes *{box-sizing:border-box}.contact-scenes a{color:inherit;text-decoration:none}.contact-scenes button,.contact-scenes input,.contact-scenes textarea{font:inherit}.contact-scenes button,.contact-scenes a,.contact-scenes input,.contact-scenes textarea,.contact-scenes summary{-webkit-tap-highlight-color:transparent}.contact-scenes a:focus-visible,.contact-scenes button:focus-visible,.contact-scenes summary:focus-visible{outline-offset:6px;outline:2px solid #fff}.contact-scenes .scene{isolation:isolate;background:#103b59;flex-direction:column;justify-content:center;min-height:max(850px,100svh);display:flex;position:relative;overflow:hidden}.contact-scenes .scene>video,.contact-scenes .shade{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.contact-scenes .scene>video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.contact-scenes .shade{z-index:-1;background:linear-gradient(90deg,#031b2f78,#051d3012 50%,#03182738),linear-gradient(#0000 70%,#06263a44)}.contact-scenes .scene-layout{grid-template-columns:1fr minmax(360px,460px);align-items:center;gap:8%;width:100%;max-width:1580px;margin:auto;padding:136px 7% 90px;display:grid}.contact-scenes .copy{text-shadow:0 2px 16px #06253a66;align-self:start;max-width:510px;padding-top:30px}.contact-scenes .eyebrow{letter-spacing:4px;color:#d3e7f4;margin:0 0 22px;font-size:11px;font-weight:600}.contact-scenes h1,.contact-scenes .copy h2{letter-spacing:3px;margin:0 0 28px;font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.2}.contact-scenes .lead{letter-spacing:2px;margin:0 0 20px;font-size:24px;line-height:1.7}.contact-scenes .description{color:#e5eff6;margin:0 0 28px;font-size:14px;line-height:2}.contact-scenes address{color:#e4f0f7;gap:14px;font-size:14px;font-style:normal;display:grid}.contact-scenes address a:first-child,.contact-scenes .email{font-size:15px;display:inline-block}.contact-scenes .switch{border-bottom:1px solid #d1e8f788;gap:45px;margin-top:42px;padding:0 0 12px;font-size:13px;display:inline-flex}.contact-scenes .glass{-webkit-backdrop-filter:blur(2px);background:#08233757;border:1px solid #e9f7ff42;padding:29px 30px 22px;box-shadow:0 12px 42px #061e2c12}.contact-scenes .form-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;display:flex}.contact-scenes .form-heading h2,.contact-scenes .form-heading h3{margin:0;font-size:22px;font-weight:500}.contact-scenes .form-heading span{letter-spacing:1px;color:#c2d7e5;white-space:nowrap;font-size:9px}.contact-scenes .fields{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid}.contact-scenes .wide{grid-column:1/-1}.contact-scenes label{letter-spacing:.5px;color:#f2f8fc;gap:9px;font-size:12px;font-weight:500;display:grid}.contact-scenes input,.contact-scenes textarea{color:#fff;background:#071c2c2e;border:1px solid #e6f4ff55;border-radius:0;outline:none;width:100%;min-width:0;padding:12px 13px;font-size:13px;line-height:1.5;transition:background .2s,border-color .2s}.contact-scenes input::-moz-placeholder{color:#d2e2ebcc}.contact-scenes textarea::-moz-placeholder{color:#d2e2ebcc}.contact-scenes input::placeholder,.contact-scenes textarea::placeholder{color:#d2e2ebcc}.contact-scenes input:hover,.contact-scenes textarea:hover{border-color:#e5f2ff99}.contact-scenes input:focus,.contact-scenes textarea:focus{background:#051b2bb3;border-color:#fff}.contact-scenes textarea{resize:vertical;min-height:88px}.contact-scenes .send{color:#163749;text-align:left;cursor:pointer;background:#eff6f9e8;border:1px solid #fff9;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:14px 17px;font-size:14px;display:flex}.contact-scenes .send:hover{background:#fff}.contact-scenes .send span{font-size:21px}.contact-scenes .form-note{color:#d4e1e9;margin:12px 0 0;font-size:10px;line-height:1.7}.contact-scenes .scene-bottom{letter-spacing:1px;color:#e1edf5;justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex;position:absolute;bottom:28px;left:5.5%;right:5.5%}.contact-scenes .motion{color:#fff;cursor:pointer;background:#0d344522;border:1px solid #e5f4ff55;align-items:center;gap:9px;padding:8px 12px;font-size:12px;display:flex}.contact-scenes .supplier{border-top:1px solid #fff3}.contact-scenes .supplier .scene-layout{padding-top:90px}.contact-scenes .supplier .copy{padding-top:22px}.contact-scenes details{border-top:1px solid #deefff44;margin-top:18px;padding-top:16px;font-size:12px}.contact-scenes summary{cursor:pointer;color:#e1edf5;justify-content:space-between;list-style:none;display:flex}.contact-scenes summary::-webkit-details-marker{display:none}.contact-scenes .extra{padding-top:20px}.contact-scenes .supplier .lead{font-size:32px}.contact-scenes .supplier .glass{align-self:start}.contact-scenes .email{margin-top:8px}@media (min-width:1600px){.contact-scenes .scene-layout{grid-template-columns:1fr 480px;gap:13%}}@media (max-width:760px){.contact-scenes .scene{min-height:100svh}.contact-scenes .scene-layout{grid-template-columns:1fr;gap:32px;padding:110px 6% 100px}.contact-scenes .copy{max-width:none;padding-top:15px}.contact-scenes .eyebrow{margin-bottom:16px;font-size:10px}.contact-scenes h1,.contact-scenes .copy h2{margin-bottom:20px;font-size:37px}.contact-scenes .lead{font-size:22px}.contact-scenes .description{font-size:13px}.contact-scenes address{gap:12px;font-size:12px}.contact-scenes .switch{margin-top:25px}.contact-scenes .glass{-webkit-backdrop-filter:none;background:#09293e66;padding:23px 22px}.contact-scenes .scene>video{-o-object-position:40% center;object-position:40% center}.contact-scenes .scene-bottom{flex-wrap:wrap;bottom:22px}.contact-scenes .scene-bottom>span{display:none}.contact-scenes .supplier .scene-layout{padding-top:55px}.contact-scenes .supplier .lead{font-size:27px}.contact-scenes .supplier .copy{padding-top:0}}@media (prefers-reduced-motion:reduce){.contact-scenes *{transition:none!important}}@media (min-width:761px) and (max-height:850px){.contact-scenes .scene{min-height:100svh}.contact-scenes .scene-layout{grid-template-columns:1fr minmax(340px,440px);gap:9%;padding-top:112px;padding-bottom:70px}.contact-scenes .copy{padding-top:8px}.contact-scenes .glass{padding:23px 25px 18px}.contact-scenes .form-heading{margin-bottom:18px}.contact-scenes .form-heading h2,.contact-scenes .form-heading h3{font-size:20px}.contact-scenes .fields{gap:13px 15px}.contact-scenes label{gap:6px}.contact-scenes input,.contact-scenes textarea{padding:9px 11px}.contact-scenes textarea{height:65px;min-height:65px}.contact-scenes .send{margin-top:18px;padding:10px 14px}.contact-scenes .form-note{margin-top:9px}.contact-scenes .eyebrow{margin-bottom:18px}.contact-scenes .description{margin-bottom:22px}.contact-scenes .lead{margin-bottom:16px;font-size:22px}.contact-scenes .switch{margin-top:28px}.contact-scenes .supplier .scene-layout{padding-top:76px}.contact-scenes .scene-bottom{bottom:19px}}@media (max-width:760px){.contact-scenes .scene>video{-o-object-fit:contain;object-fit:contain;-o-object-position:center 55%;object-position:center 55%}.contact-scenes .shade,.contact-scenes .supplier .shade{background:linear-gradient(90deg,#06263e33,#06263e11)}.contact-scenes .scene{background:#10334d}}.contact-scenes .scene>video{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;filter:none;transform:none}.contact-scenes .scene{min-height:100svh}.contact-scenes .scene-layout{grid-template-columns:1fr minmax(340px,410px);gap:13%;max-width:1600px;padding-left:6%;padding-right:5%}.contact-scenes .copy{max-width:355px}.contact-scenes .glass{-webkit-backdrop-filter:none;box-shadow:none;background:#041b2b87;border-color:#e9f7ff55}.contact-scenes input,.contact-scenes textarea{background:#041b2b45}.contact-scenes .shade{background:linear-gradient(90deg,#031727b3,#0317271c 42%,#03172714 60%,#03172733)}.contact-scenes .supplier .shade{background:linear-gradient(90deg,#031727a8,#0317271a 48%,#03172729)}.contact-scenes .supplier .glass{background:#041b2b94}@media (max-width:760px){.contact-scenes .scene{min-height:100svh}.contact-scenes .scene-layout{grid-template-columns:1fr;gap:200px;padding:105px 6% 80px}.contact-scenes .supplier .scene-layout{gap:230px;padding-top:48px}.contact-scenes .copy{max-width:340px}.contact-scenes .scene>video{-o-object-fit:cover;object-fit:cover;-o-object-position:48% center;object-position:48% center}.contact-scenes .glass{background:#041b2bb3}.contact-scenes .shade,.contact-scenes .supplier .shade{background:linear-gradient(#061d3088,#0000 38%,#061d3055 76%)}.contact-scenes .scene-bottom>a{display:none}.contact-scenes .scene-bottom{justify-content:flex-end}}.contact-scenes .scene>video{transition:filter .4s}.contact-scenes .scene:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:#0d1f2b2e;transition:opacity .4s;position:absolute;inset:0}.contact-scenes .scene:has(.copy:focus-within,.glass:focus-within)>video{filter:blur(4px)brightness(.86)}.contact-scenes .scene:has(.copy:focus-within,.glass:focus-within):after{opacity:1}@media (hover:hover) and (pointer:fine){.contact-scenes .scene:has(.copy:hover,.glass:hover)>video{filter:blur(4px)brightness(.86)}.contact-scenes .scene:has(.copy:hover,.glass:hover):after{opacity:1}}.contact-scenes .glass{transition:background .3s}.contact-scenes .glass:focus-within{background:#041b2bb8}.contact-scenes .join{background:#151b21;border-top:1px solid #fff3}.contact-scenes .join>video{left:-12%;-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}.contact-scenes .join .scene-layout{padding-top:80px}.contact-scenes .join .shade{background:linear-gradient(90deg,#05111cdb,#08151f4f 42%,#0c171f1f 60%,#05111c8c)}.contact-scenes .join .glass{background:#081722a8}.contact-scenes .join .glass:focus-within{background:#081722cc}.contact-scenes .join .lead{letter-spacing:3px;margin-bottom:24px;font-size:clamp(30px,3.2vw,44px);line-height:1.55}.contact-scenes .join-kicker{color:#f4e2ce;margin:0 0 16px;font-size:17px;line-height:1.7}.contact-scenes .join .copy{max-width:410px}.contact-scenes .join .eyebrow{color:#edcfad}.contact-scenes .join .form-heading h3{font-size:19px}.contact-scenes .join .form-heading span{font-size:9px}.contact-scenes .join textarea{min-height:80px}.contact-scenes .join .send{color:#253645;background:#f6f0e8}.contact-scenes .join .send:hover{background:#fff}@media (min-width:761px) and (max-height:850px){.contact-scenes .join .scene-layout{padding-top:58px;padding-bottom:70px}.contact-scenes .join .fields{gap:12px 15px}.contact-scenes .join textarea{min-height:65px}}@media (max-width:760px){.contact-scenes #customer .scene-layout{padding-top:145px}.contact-scenes .join .scene-layout{gap:180px;padding-top:60px}.contact-scenes .join>video{-o-object-position:65% center;object-position:65% center;height:100svh;left:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.contact-scenes .join .lead{font-size:33px}.contact-scenes .join .copy{max-width:100%}.contact-scenes .join .glass{background:#081722c7}.contact-scenes .join .shade{background:linear-gradient(#061320a8,#0000 44%,#06132066 76%)}.contact-scenes .form-heading{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){.contact-scenes .scene>video,.contact-scenes .scene:after,.contact-scenes .glass{transition:none}}@media (max-width:760px){.contact-scenes .contact-scene-nav{justify-content:space-between;gap:12px}.contact-scenes .scene{scroll-margin-top:110px}}.contact-scenes .motion{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-scenes .motion:focus-visible{clip-path:none;white-space:normal;border:1px solid #e5f4ff55;width:auto;height:auto;margin:0;padding:8px 12px;position:static;overflow:visible}.contact-scenes .join .join-purpose{letter-spacing:0;margin-bottom:12px;font-size:clamp(19px,1.65vw,23px);line-height:1.8}.contact-scenes .join-purpose strong{margin-inline:3px;font-size:1.45em;font-weight:600}.contact-scenes .join-mission{color:#e5eff6;letter-spacing:0;margin:0 0 24px;font-size:16px;line-height:1.9}@media (max-width:760px){.contact-scenes .join-mission{font-size:14px}}.contact-scenes .scene-links{gap:16px;width:max-content;min-width:125px;margin-top:28px;display:grid}.contact-scenes .scene-links .switch{justify-content:space-between;gap:40px;margin-top:0;padding-bottom:10px;font-size:13px;display:flex}@media (max-width:760px){.contact-scenes .scene-links{gap:14px;margin-top:24px}}.contact-scenes:not([lang=zh]) .copy{overflow-wrap:anywhere;min-width:0;max-width:460px}.contact-scenes:not([lang=zh]) .copy h1,.contact-scenes:not([lang=zh]) .copy h2{letter-spacing:0;font-size:clamp(30px,3.2vw,46px);line-height:1.25}.contact-scenes:not([lang=zh]) .lead{letter-spacing:0}.contact-scenes:not([lang=zh]) .form-heading{flex-wrap:wrap}.contact-scenes:not([lang=zh]) .form-heading h2,.contact-scenes:not([lang=zh]) .form-heading h3{overflow-wrap:anywhere;font-size:20px}.contact-scenes:not([lang=zh]) .contact-scene-nav{flex-wrap:wrap;line-height:1.6}.contact-scenes:not([lang=zh]) .scene-links{width:fit-content;max-width:100%}.contact-scenes:not([lang=zh]) .scene-links .switch{gap:24px}.contact-scenes:not([lang=zh]) .send{gap:12px}.contact-scenes:not([lang=zh]) .send>span{flex-shrink:0}@media (min-width:761px){.contact-scenes:not([lang=zh]) .scene-layout{grid-template-columns:minmax(0,1fr) minmax(320px,410px);gap:clamp(30px,7vw,110px)}}@media (max-width:760px){.contact-scenes:not([lang=zh]) .contact-scene-nav{gap:8px 14px;font-size:12px}.contact-scenes:not([lang=zh]) #customer .scene-layout{padding-top:165px}.contact-scenes:not([lang=zh]) .scene-bottom{left:6%;right:6%}}
