:root{--paper:#081629;--pearl:#101f34;--ink:#f2f6fd;--black:#061122;--muted:#b0bdcf;--line:#ffffff21;--gold:#abd9f5;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif;--serif:var(--sans);--max:1320px;color-scheme:dark}
body{background:radial-gradient(ellipse at 0 0,#233951 0,transparent 38%),#081629;font-size:15px}h1,h2,h3{font-weight:600;letter-spacing:-.035em}.wrap{width:min(var(--max),calc(100% - 112px))}.site-header{height:88px;background:#081629e8;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0c}.nav-inner{gap:28px}.brand{display:flex;align-items:center;gap:17px}.site-header .brand img{width:122px;height:42px}.intelligent-brand{font-size:17px;white-space:nowrap;border-left:1px solid #ffffff40;padding-left:17px;letter-spacing:.08em}.desktop-nav{gap:25px;margin-left:auto}.nav-link{font-size:13px}.nav-link:after{background:#b8e7ff}.nav-actions{gap:22px}.header-contact{display:none}.eyebrow{font-size:10px;letter-spacing:.25em;color:#aec0d6}.button{border-radius:40px;min-height:47px;padding:13px 24px;background:#dce9f6;color:#0b1d34;gap:22px;font-weight:500;font-size:13px;border:1px solid transparent}.button:hover{background:#fff;transform:translateY(-2px)}.button.white{background:linear-gradient(120deg,#fff,#d3e1f2);color:#071629}.button.outline{border:1px solid #a3c8e4;background:#0d23382b;color:#f6f9ff}.button.outline:hover{background:#26425d}.text-link:hover{color:white}.button,.mobility-card,.mobility-scene{transition:transform .35s ease,background .25s ease,border-color .25s ease}
.intelligent-hero{height:clamp(600px,43vw,760px);position:relative;isolation:isolate;overflow:hidden;background:#0a1b31}.intelligent-hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:-2}.intelligent-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07152755,transparent 65%),linear-gradient(0deg,#08162930,transparent 30%)}.intelligent-hero-copy{padding-top:clamp(100px,9vw,160px)}.intelligent-hero h1{font-size:clamp(42px,4.3vw,68px);line-height:1.28;font-weight:650;letter-spacing:.015em;margin:22px 0}.intelligent-hero .intro{letter-spacing:.22em;font-size:16px;color:#e0e8f4}.intelligent-hero .hero-actions{margin-top:35px;gap:15px;flex-wrap:wrap}.hero-caption{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#becdde}
.mobility-pillars{border-block:1px solid #a9d8ff3b;background:linear-gradient(100deg,#12273c,#0c1b30)}.mobility-pillars>.wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:32px}.mobility-pillars a{display:flex;align-items:center;gap:22px;padding:0 38px;border-right:1px solid #829bb94d}.mobility-pillars a:first-child{padding-left:35px}.mobility-pillars a:last-child{border:0}.pillar-icon{border:1px solid #c4e6ff;border-radius:15px;width:60px;height:64px;display:grid;place-items:center;box-shadow:inset 0 0 15px #9bdcff13;flex-shrink:0}.pillar-icon .icon{width:32px;height:32px}.mobility-pillars h2{font-size:20px;letter-spacing:.02em}.mobility-pillars p{font-size:12px;color:var(--muted);margin-top:5px}.mobility-pillars a>.icon{margin-left:auto;opacity:0;transition:opacity .2s}.mobility-pillars a:hover>.icon{opacity:1}
.mobility-collection{padding-block:80px 70px}.mobility-heading{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-bottom:38px}.mobility-heading h2{font-size:37px;line-height:1.4;margin-bottom:12px}.mobility-heading>p{max-width:395px;color:var(--muted);font-size:13px;line-height:1.9}.mobility-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mobility-card{position:relative;min-height:440px;border:1px solid #8db4d15c;border-radius:10px;overflow:hidden;isolation:isolate;background:#0e2238}.mobility-card>.mobility-scene{position:absolute;inset:0;z-index:-2}.mobility-scene{background-image:url('assets/visuals/intelligent-scenes.webp');background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1}.scene-0{background-position:0 0}.scene-1{background-position:100% 0}.scene-2{background-position:0 100%}.scene-3{background-position:100% 100%}.mobility-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06162bf5 0,#07182bd9 20%,transparent 75%);z-index:-1}.mobility-card-copy{position:absolute;left:30px;right:30px;bottom:28px}.mobility-card-copy .eyebrow{font-size:9px;color:#b7cde0}.mobility-card h3{font-size:28px;margin:9px 0}.mobility-card p{font-size:13px;line-height:1.8;max-width:270px;color:#d0dbea}.circle-arrow{width:34px;height:34px;margin-top:22px}.mobility-card:hover{border-color:#d3ebfa;transform:translateY(-5px)}.mobility-card:hover .mobility-scene{transform:scale(1.035)}
.mobility-technology{background:radial-gradient(ellipse at 0 60%,#1b3856,transparent 55%),#0a192c;border-bottom:1px solid var(--line)}.technology-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-block:55px}.technology-image{border-radius:4px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);max-height:550px}.technology-copy h2{font-size:40px;line-height:1.35;margin:18px 0}.technology-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#c4d0e0;max-width:540px}.technology-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 35px}.technology-features>div{display:flex;gap:10px;align-items:flex-start;font-size:12px}.technology-features .icon{width:28px;height:28px;color:#bddef8}.technology-features small{display:block;color:#a0b2c8;font-size:10px;margin-top:6px}
.mobility-contact{background:linear-gradient(90deg,#071629c9,#102c4666),url('assets/visuals/intelligent-hero.webp') center 38%/cover;border-block:1px solid #b5d8f244}.mobility-contact>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:64px}.mobility-contact h2{font-size:33px;line-height:1.4}.mobility-contact p{color:#d1dbe7;margin-top:14px;font-size:14px}.mobility-contact .button{flex-shrink:0}.site-footer{background:#061326;color:#d8e3f1}.footer-top{grid-template-columns:1.35fr .85fr .95fr 1.2fr;padding-block:66px 50px;gap:45px}.footer-brand img{filter:grayscale(1) brightness(0) invert(1);width:170px}.footer-brand p{color:#b5c3d5}.footer-column{border-left:1px solid #617d9b70;padding-left:30px}.footer-column h3{font-size:14px;color:#f3f7ff}.footer-column a{font-size:12px;color:#b4c2d3}.footer-column .phone{font-size:26px;color:#f4f8ff;white-space:nowrap}.footer-bottom{border-color:#6e8ca154;color:#9caec4;font-size:10px;gap:22px}
.page-heading h1,.about-hero h1{font-family:var(--sans);font-weight:600}.page-heading p{color:var(--muted)}.product-image,.gallery-main,.gallery-thumb,.search-result img{background:#f4f5f8;color:#14283d}.product-image img{mix-blend-mode:normal}.product-info h3{font-size:16px}.filter-tab{border:1px solid var(--line);border-radius:30px}.filter-tab.active,.pagination a.active{background:#d5e8f9;color:#0a1b2e}.sort-select{background:#10223a;color:#eaf2fa}.catalog-search{border-color:#46647e}.catalog-search input{color:#edf5ff}.gallery-main .zoom-icon,.product-image .card-arrow,.image-dialog{color:#0c2135}.field input,.field textarea{background:#0b192c;color:white}.field input::placeholder,.field textarea::placeholder{color:#889ab1}.inquiry-form{border:1px solid var(--line);border-radius:8px}.search-dialog{background:#102139;color:#edf5ff;border:1px solid #59718b}.search-field input{color:white}.search-dialog .dialog-heading h2{font-family:var(--sans)}.image-dialog .icon-button{color:#071629}.about-hero{background:linear-gradient(120deg,#23364e,#081629)}.honor-card{border:1px solid var(--line)}.contact-strip{background:#12263f}.contact-strip h2{font-size:29px}.mobile-nav{background:#081629f5}.source-note{font-size:11px;line-height:1.9;color:#8fa5bf}.detail-note{font-size:12px;color:#9aafc6;line-height:1.9}.article-body{color:#c8d5e5}
.mobility-list .page-heading{padding-top:0}.mobility-related{display:flex;flex-wrap:wrap;gap:35px;padding-block:35px}.mobility-detail{padding-block:30px 70px}.mobility-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.mobility-detail-grid>.mobility-scene{border:1px solid var(--line);border-radius:12px}.mobility-detail h1{font-size:43px;margin:18px 0}.mobility-body{color:#c2d0e1;line-height:2}.mobility-detail ul{padding-left:20px;margin:25px 0;line-height:2.2;color:#d5e1f0}.mobility-detail .detail-note{margin-top:22px}.mobility-detail>.source-note{margin-top:30px}.service-process{margin-top:60px;border-top:1px solid var(--line);padding-top:40px}.service-process h2{font-size:28px}.service-process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:25px;margin:30px 0}.service-process li{padding:24px;border:1px solid var(--line);border-radius:8px;font-size:14px}.service-process li span{display:block;font-size:28px;color:#92b9d7;margin-bottom:12px}.technology-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin:20px 0 35px}.technology-detail-grid article{padding:24px 0;border-bottom:1px solid var(--line)}.technology-detail-grid h2{font-size:24px;margin:10px 0}.technology-detail-grid p{color:var(--muted);line-height:1.9}.technology-page>.button{margin-top:30px}
html[lang=en] .intelligent-brand{font-size:10px;max-width:100px;white-space:normal;line-height:1.5}html[lang=en] .intelligent-hero h1{font-size:clamp(38px,3.7vw,58px);max-width:630px;letter-spacing:-.04em}html[lang=en] .intelligent-hero .intro{letter-spacing:.02em;font-size:14px}html[lang=en] .mobility-pillars h2{font-size:17px}html[lang=en] .mobility-card h3{font-size:24px}html[lang=en] .mobility-heading h2{font-size:33px}html[lang=en] .technology-copy h2{font-size:35px}
@media(min-width:1700px){.intelligent-hero-image{object-position:center 63%}.intelligent-hero:after{background:linear-gradient(90deg,#07152766,transparent 70%)}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:17px}.nav-inner{gap:16px}.intelligent-brand{font-size:14px;padding-left:12px}.site-header .brand img{width:100px}.brand{gap:12px}.mobility-pillars a{padding-inline:22px;gap:14px}.mobility-pillars a:first-child{padding-left:0}.mobility-pillars h2{font-size:18px}.mobility-pillars a>.icon{display:none}.technology-features{grid-template-columns:1fr;gap:15px}.technology-features small{display:inline;margin-left:12px}.mobility-card{min-height:380px}.mobility-card-copy{left:23px;right:23px}.footer-top{gap:24px}.footer-column{padding-left:24px}.footer-column .phone{font-size:23px}.intelligent-hero h1{font-size:49px}.intelligent-hero-image{object-position:60% center}.intelligent-hero-copy{padding-top:100px}}
@media(max-width:1000px){.desktop-nav{display:none}.mobile-toggle{display:inline-flex}.nav-actions{margin-left:auto}.site-header .brand img{width:120px}.intelligent-brand{font-size:17px}.mobility-heading{align-items:flex-start;gap:30px}.mobility-heading h2{font-size:30px}.mobility-heading>p{max-width:310px}.mobility-pillars p{font-size:10px}.pillar-icon{width:46px;height:52px;border-radius:12px}.pillar-icon .icon{width:25px;height:25px}.mobility-card h3{font-size:23px}.technology-grid{gap:30px}.technology-copy h2{font-size:31px}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:first-of-type{border:0}.mobility-detail-grid{gap:30px}.mobility-detail h1{font-size:33px}.service-process ol{grid-template-columns:repeat(2,1fr)}html[lang=en] .intelligent-hero h1{font-size:43px;max-width:500px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:74px}.site-header .brand img{width:100px;height:35px}.intelligent-brand{font-size:14px;padding-left:10px}.brand{gap:10px}.nav-actions{gap:15px}.nav-actions .icon{width:19px}.language-button{font-size:11px}.language-button i{padding-inline:4px}.intelligent-hero{height:720px}.intelligent-hero-image{height:450px;top:270px;object-position:67% center}.intelligent-hero:after{background:linear-gradient(180deg,#081629 0,#081629 25%,transparent 53%,#08162922 90%)}.intelligent-hero-copy{padding-top:42px}.intelligent-hero h1{font-size:40px;margin:20px 0}.intelligent-hero .eyebrow{font-size:8px;letter-spacing:.2em}.intelligent-hero .intro{font-size:12px;letter-spacing:.1em}.intelligent-hero .hero-actions{gap:10px;margin-top:24px}.button{font-size:12px;min-height:43px;padding:11px 18px;gap:13px}.hero-caption{font-size:7px;bottom:18px;letter-spacing:.08em}.mobility-pillars>.wrap{padding-block:23px;gap:10px}.mobility-pillars a,.mobility-pillars a:first-child{padding:0 8px;gap:10px;flex-direction:column;text-align:center}.mobility-pillars h2{font-size:13px}.mobility-pillars p{font-size:9px;line-height:1.5;max-width:90px;margin-inline:auto}.pillar-icon{width:40px;height:43px;border-radius:10px}.pillar-icon .icon{width:23px;height:23px}.mobility-collection{padding-block:45px}.mobility-heading{display:block;margin-bottom:25px}.mobility-heading h2{font-size:27px}.mobility-heading>p{max-width:none;margin-top:20px;font-size:12px}.mobility-cards{grid-template-columns:1fr;gap:20px}.mobility-card{min-height:430px}.mobility-card-copy{left:25px;bottom:25px}.mobility-card h3{font-size:27px}.mobility-card p{max-width:280px;font-size:13px}.technology-grid{grid-template-columns:1fr;gap:12px;padding-block:20px 45px}.technology-image{width:100%;max-height:none}.technology-copy{padding:0 5px}.technology-copy h2{font-size:30px}.technology-copy>p:not(.eyebrow){font-size:13px}.technology-features{margin:24px 0}.technology-features small{font-size:10px}.mobility-contact>.wrap{padding-block:40px;display:block}.mobility-contact h2{font-size:26px}.mobility-contact p{font-size:12px;max-width:300px}.mobility-contact .button{margin-top:24px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 25px;padding-block:40px}.footer-brand{grid-column:1/-1}.footer-column{border:0;padding:0}.footer-column:last-child{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start}.footer-column .phone{font-size:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:9px;padding-block:20px 30px}.mobility-detail-grid,.technology-detail-grid{grid-template-columns:1fr;gap:30px}.mobility-detail h1{font-size:32px}.mobility-detail .mobility-scene{max-height:450px}.service-process{margin-top:35px}.service-process h2{font-size:24px}.service-process ol{gap:12px}.service-process li{padding:17px 12px;font-size:12px}.service-process li span{font-size:25px}.mobility-related{gap:20px}.page-heading h1{font-size:34px}.product-info h3{font-size:14px}.contact-strip h2{font-size:24px}.technology-detail-grid h2{font-size:23px}.technology-detail-grid p{font-size:13px}html[lang=en] .intelligent-brand{max-width:85px;font-size:9px}html[lang=en] .intelligent-hero h1{font-size:34px;max-width:370px}html[lang=en] .intelligent-hero .intro{font-size:11px;letter-spacing:0}html[lang=en] .mobility-pillars h2{font-size:12px}html[lang=en] .mobility-heading h2{font-size:28px}html[lang=en] .technology-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mobility-card,.mobility-scene,.button{transition:none}.mobility-card:hover,.mobility-card:hover .mobility-scene,.button:hover{transform:none}}