:root{--navy:#06214d;--navy-deep:#031632;--blue:#2f86ff;--cyan:#61d4ff;--ink:#0d1a32;--muted:#6d7d96;--pale:#eef4fd;--line:#d8e4f4;--container:min(1200px,calc(100% - 48px));--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit}.container{width:var(--container);margin:0 auto}.section-light{background:#fff}.section-pale{background:var(--pale)}
.site-header{height:82px;padding:0 max(24px,calc((100% - 1340px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(0,23,63,.98);color:#fff;position:fixed;inset:0 0 auto;z-index:20;transition:background .35s,box-shadow .35s,backdrop-filter .35s}.site-header.scrolled{background:rgba(0,23,63,.84);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,14,43,.22)}.brand{display:flex;align-items:center;gap:0;text-decoration:none;font-size:24px;letter-spacing:0}.brand img{width:87px;height:82px;object-fit:contain}.main-nav{height:100%;display:flex;align-items:center;gap:38px}.main-nav a{height:100%;display:flex;align-items:center;position:relative;color:#d8e3f2;text-decoration:none;font-size:18px;letter-spacing:.035em;transition:color .25s}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#fff;transform:scaleX(0);transition:transform .3s}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent;border:0;color:#fff;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{height:760px;min-height:100vh;position:relative;overflow:hidden;color:#fff;background:#02143a}.hero-background{position:absolute;inset:0;background:url("picture/首页大图.webp") center/cover}.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,13,40,.12),transparent 46%,rgba(1,16,42,.08)),linear-gradient(180deg,rgba(1,15,42,.08),transparent 42%,rgba(1,14,40,.14));pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:248px;max-width:none}.eyebrow,.kicker{font:700 11px/1.2 Arial,sans-serif;letter-spacing:3px;color:#a7ddff;margin:0 0 19px}.hero h1{font-size:clamp(42px,4.45vw,64px);line-height:1.17;letter-spacing:0;margin:0 0 28px 5px;font-weight:900;text-shadow:0 4px 24px rgba(0,18,61,.22)}.hero h1 span{font-weight:700}.hero-subtitle{display:flex;align-items:center;gap:12px;max-width:1020px;font-size:24px;line-height:1.35;color:#f3f8ff;letter-spacing:0;margin:0 0 38px 14px;text-shadow:0 2px 16px rgba(0,15,48,.5)}.hero-subtitle i{width:1px;height:24px;background:rgba(255,255,255,.72);display:block}.primary-btn,.outline-btn{display:inline-flex;align-items:center;gap:30px;padding:12px 22px;border:1px solid rgba(255,255,255,.9);border-radius:5px;text-decoration:none;font-size:16px;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s}.primary-btn{background:transparent;color:#fff;min-width:204px;justify-content:space-between;margin-left:19px}.primary-btn:hover,.outline-btn:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,117,255,.35);background:#176edf;border-color:#176edf;color:#fff}.outline-btn{background:transparent;color:#fff}.outline-btn span,.primary-btn span{font:26px/1 Arial}.dark-btn{color:var(--ink);border-color:#aebed4}.light-btn{color:var(--blue);border-color:#87b9f8}.hero-scroll{display:none}
.section-heading,.center-heading{text-align:center}.section-heading{max-width:760px;margin:0 auto 52px}.section-heading h2,.center-heading h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin:0 0 17px;font-weight:800;letter-spacing:.02em}.section-heading p:last-child,.center-heading p:last-child{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.capabilities{padding:122px 0 118px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability-card{min-height:200px;padding:28px 30px 26px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s,border-color .35s}.capability-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s}.capability-card:hover,.capability-card:focus-within{transform:translateY(-9px);border-color:#9dc8fb;box-shadow:0 18px 38px rgba(22,91,165,.14)}.capability-card:hover:before{transform:scaleX(1)}.capability-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #9ac9ff;color:var(--blue);font-size:28px;margin-bottom:20px;background:linear-gradient(135deg,#f5faff,#e9f4ff)}.capability-card h3{font-size:20px;margin:0 0 12px}.capability-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.hub{padding:118px 0}.hub-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.hub-copy h2{font-size:clamp(36px,4.2vw,58px);margin:0 0 22px}.lead{font-size:18px;line-height:1.8;color:#445875;max-width:530px}.hub-points{display:grid;gap:14px;margin-top:34px}.hub-points div{display:flex;gap:18px;align-items:baseline;border-top:1px solid #d4e1f1;padding-top:14px}.hub-points b{min-width:68px;color:var(--blue);font-size:15px}.hub-points span{color:var(--muted);font-size:14px}.hub-visual{min-height:430px;display:grid;place-items:center;position:relative;perspective:1000px}.hub-visual img{width:min(100%,560px);position:relative;z-index:2;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 26px 26px rgba(10,98,194,.2));transition:filter .4s,transform .4s}.hub-visual:hover img{filter:drop-shadow(0 34px 32px rgba(0,82,180,.35)) brightness(1.05);transform:scale(1.025)}.orbit{position:absolute;border:1px solid rgba(47,134,255,.35);border-radius:50%;transform:rotate(-18deg);animation:spin 16s linear infinite}.orbit-one{width:86%;height:48%}.orbit-two{width:62%;height:31%;animation-direction:reverse;animation-duration:11s;border-color:rgba(97,212,255,.45)}
.scene-intro{padding:118px 0 86px}.scene-slider-wrap{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px;align-items:center;margin-top:56px}.scene-cards{display:flex;gap:16px;overflow-x:auto;padding:14px 6px 28px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--blue) #dfeafb;cursor:grab}.scene-cards:active{cursor:grabbing}.scene-cards::-webkit-scrollbar{height:5px}.scene-cards::-webkit-scrollbar-track{background:#e1ebf8}.scene-cards::-webkit-scrollbar-thumb{background:var(--blue)}.scene-card{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;background:#0b6ccb;color:#fff;text-decoration:none;overflow:hidden;position:relative;transition:transform .4s var(--ease),box-shadow .4s}.scene-card img{width:100%;height:168px;object-fit:cover;display:block;transition:transform .55s var(--ease),filter .4s}.scene-card div{padding:18px 18px 20px;min-height:124px;background:linear-gradient(145deg,#1075d7,#0755ac)}.scene-card:hover,.scene-card:focus-visible{transform:translateY(-10px);box-shadow:0 18px 34px rgba(3,75,153,.28)}.scene-card:hover img{transform:scale(1.06);filter:saturate(1.12)}.scene-index{font:700 11px/1 Arial,sans-serif;letter-spacing:2px;color:#aee3ff}.scene-card h3{font-size:18px;margin:10px 0 7px}.scene-card p{font-size:13px;color:#d5ecff;margin:0;line-height:1.6}.scene-slider-btn{width:44px;height:44px;border:1px solid #9fc4ef;border-radius:50%;background:#fff;color:var(--blue);font:22px Arial,sans-serif;cursor:pointer;transition:transform .25s,background .25s,color .25s,box-shadow .25s}.scene-slider-btn:hover:not(:disabled){transform:scale(1.08);background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(27,112,223,.25)}.scene-slider-btn:disabled{opacity:.25;cursor:not-allowed}.scene-slider-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.scene-slider-hint{font:11px Arial,sans-serif;letter-spacing:2px;color:#7890ad}
.scene-detail{min-height:900px;height:min(900px,78vw);position:relative;display:flex;align-items:center;background-image:var(--scene-image);background-size:cover;background-position:center}.scene-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,54,.91) 0%,rgba(2,34,83,.67) 44%,rgba(3,35,83,.2) 100%)}.detail-copy{position:relative;z-index:1;color:#fff;max-width:1200px;padding-right:44%}.scene-number{font:700 12px/1 Arial,sans-serif;letter-spacing:3px;color:#67d3ff;margin:0 0 20px}.detail-copy h2{font-size:clamp(30px,4vw,56px);line-height:1.2;margin:0 0 24px}.detail-copy h2 span{font-size:.66em;font-weight:500}.detail-copy>p:not(.scene-number){font-size:17px;line-height:1.8;color:#d3e8ff;max-width:650px}.detail-copy ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;max-width:700px}.detail-copy li{font-size:14px;color:#c2ddfa;line-height:1.7;padding-left:18px;position:relative}.detail-copy li:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.about{padding:120px 0 100px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;margin-top:65px}.about-copy p{font-size:16px;line-height:1.95;color:#52627a;margin:0 0 18px}.about-image img{width:100%;display:block;box-shadow:0 20px 42px rgba(11,60,125,.16);animation:float 6s ease-in-out infinite}.stats{display:flex;gap:46px;margin-top:34px}.stats div{display:grid;gap:8px}.stats b{font:800 28px/1 Arial,sans-serif;color:var(--blue)}.stats span{font-size:13px;color:var(--muted)}.about-action{display:flex;width:max-content;margin:48px auto 0}.partners{padding:110px 0 118px}.partner-image{margin-top:55px;text-align:center}.partner-image img{width:min(100%,1050px);max-height:410px;object-fit:contain;mix-blend-mode:multiply}.value-card .capability-icon{width:38px;height:38px;font-size:18px;margin:0 0 16px}
.join{background:#fff}.join-bg{height:330px;background:linear-gradient(90deg,rgba(2,15,38,.84),rgba(2,30,72,.2)),url("picture/加入我们.webp") center/cover}.join-content{margin-top:-245px;position:relative;color:#fff;min-height:245px}.join-content h2{font-size:clamp(42px,5vw,68px);margin:0 0 12px}.join-content>p:not(.kicker){font-size:20px;margin:0 0 13px}.join-note{font-size:14px!important;color:#c8def5;max-width:650px;line-height:1.8}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:70px 0 84px}.value-card{border:1px solid var(--line);padding:25px 24px;min-height:184px;transition:transform .4s var(--ease),box-shadow .4s}.value-card:hover{transform:translateY(-8px);box-shadow:0 16px 32px rgba(11,72,144,.12)}.value-card span{font:700 12px Arial,sans-serif;letter-spacing:2px;color:var(--blue)}.value-card h3{font-size:20px;margin:19px 0 11px}.value-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.jobs{background:var(--pale);padding:94px 0 108px}.jobs .section-heading{text-align:left;margin:0 0 42px}.jobs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.job-card{background:#fff;min-height:118px;padding:22px 62px 20px 24px;position:relative;border:1px solid #dbe7f6;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}.job-card:hover{transform:translateY(-7px);border-color:#9bc4f7;box-shadow:0 14px 26px rgba(26,105,197,.15)}.job-card h3{font-size:19px;margin:0 0 10px}.job-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.job-card span{position:absolute;right:24px;top:24px;color:var(--blue);font-size:26px}
.business-hero{min-height:540px;background:linear-gradient(90deg,rgba(2,10,25,.88),rgba(2,25,57,.15)),url("picture/商务合作.webp") center/cover;display:flex;align-items:center}.business-copy{color:#fff;text-align:center}.business-copy h2{font-size:clamp(38px,5vw,64px);margin:0 0 18px}.business-copy p:not(.kicker){font-size:20px;color:#c2daf1;margin:0 0 30px}.business-guarantees{padding:96px 0 110px}.guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}.guarantee-card{text-align:center;padding:0 22px}.guarantee-card .capability-icon{margin:0 auto 19px}.guarantee-card h3{font-size:18px;margin:0 0 12px}.guarantee-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0}.business-beliefs{padding:98px 0;background:linear-gradient(90deg,rgba(3,27,66,.9),rgba(4,43,99,.45)),url("picture/从硬件到智能.webp") center/cover}.beliefs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:760px;margin:0 auto}.belief-card{text-align:center;color:#fff;padding:12px 28px}.belief-art{font:72px/1 Georgia;color:var(--cyan);text-shadow:0 0 26px rgba(97,212,255,.5);margin-bottom:18px}.belief-card h3{font-size:28px;margin:0 0 12px}.belief-card p{font-size:15px;color:#c7def7;line-height:1.8;margin:0}.process{padding:100px 0}.process-list{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:54px}.process-step{display:grid;place-items:center;gap:15px;text-align:center;min-width:120px}.process-step span{width:72px;height:72px;border:1px solid #9dc6f5;border-radius:50%;display:grid;place-items:center;color:var(--blue);font:700 15px Arial,sans-serif;background:#fff}.process-step b{font-size:16px}.process-list>i{font:28px Arial;color:#a5b9d2;font-style:normal}.contact-cta{padding:76px 0 84px;background:linear-gradient(120deg,#062d6c,#1479d5);color:#fff}.contact-cta .center-heading p{color:#d2e9ff;margin-bottom:26px}.contact-cta .kicker{color:#9fe6ff}
footer{background:#031a43;color:#fff;padding:46px 0 28px}.footer-inner{display:grid;grid-template-columns:1.1fr 1.3fr 1.6fr .7fr;gap:40px;align-items:start}.footer-brand{display:grid;grid-template-columns:44px 1fr;column-gap:12px}.footer-brand img{width:44px;height:44px;grid-row:span 2}.footer-brand b{font-size:22px}.footer-brand small{display:block;width:88px;font:7px Arial,sans-serif;letter-spacing:.35px;white-space:nowrap;color:#9fb6d8}.footer-info p{font-size:14px;color:#c3d3ea;margin:0 0 14px;line-height:1.65}.footer-qr{text-align:center}.footer-qr img{display:block;width:84px;height:84px;margin:0 auto 10px;object-fit:contain;background:#fff}.footer-qr span{font-size:13px;color:#b9cce5}.copyright{text-align:center;font-size:12px;color:#89a6cf;margin-top:36px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}#particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-11px,0)}}@keyframes spin{to{transform:rotate(342deg)}}
@media(max-width:980px){.main-nav{gap:20px}.hero-subtitle{font-size:20px}.capability-grid{grid-template-columns:repeat(2,1fr)}.hub-layout,.about-grid{grid-template-columns:1fr;gap:48px}.hub-visual{order:-1}.scene-card{flex-basis:calc((100% - 16px)/2)}.detail-copy{padding-right:25%}.guarantee-grid{grid-template-columns:repeat(2,1fr);row-gap:44px}.values-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){:root{--container:calc(100% - 32px)}.site-header{height:70px}.brand{font-size:17px}.brand img{width:30px;height:30px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;padding:8px 16px 18px;flex-direction:column;align-items:stretch;gap:0;background:rgba(3,22,55,.98);box-shadow:0 12px 22px rgba(0,0,0,.18)}.main-nav.open{display:flex}.main-nav a{height:46px;padding:0 8px}.main-nav a:after{left:0;right:auto;width:48px}.hero{min-height:720px;background:#03153a}.hero-background{background-position:59% center}.hero-content{padding-top:180px}.hero h1{font-size:43px;line-height:1.2;margin-left:0}.hero-subtitle{display:block;font-size:15px;line-height:1.8;margin:0 0 29px;max-width:330px}.hero-subtitle i{display:none}.primary-btn{font-size:15px;min-width:178px;margin-left:0}.capabilities,.hub,.scene-intro,.about,.partners,.business-guarantees,.process{padding:82px 0}.section-heading h2,.center-heading h2{font-size:35px}.capability-grid,.jobs-grid,.guarantee-grid,.values-grid,.beliefs-grid{grid-template-columns:1fr}.capability-card{min-height:0}.hub-visual{min-height:310px}.scene-slider-wrap{grid-template-columns:1fr;margin-top:38px}.scene-slider-btn{display:none}.scene-card{flex-basis:82vw}.scene-slider-footer{align-items:flex-start;gap:18px}.scene-slider-hint{font-size:9px;line-height:1.4}.scene-detail{height:auto;min-height:760px;padding:100px 0;background-position:center}.detail-copy{padding-right:0}.detail-copy h2{font-size:36px}.detail-copy>p:not(.scene-number){font-size:15px}.join-bg{height:360px}.join-content{margin-top:-290px;min-height:290px}.join-content h2{font-size:48px}.join-content>p:not(.kicker){font-size:17px}.process-list{display:grid;grid-template-columns:1fr;gap:16px}.process-list>i{transform:rotate(90deg);justify-self:center}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-qr{text-align:left}.footer-qr div{margin-left:0}.copyright{text-align:left}.about-action{width:100%;justify-content:center}.stats{gap:24px}.stats b{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal.visible{opacity:1;transform:none}.hub-visual img,.orbit,.orbit-two{animation:none}.capability-card,.scene-card,.scene-card img,.primary-btn,.outline-btn,.job-card,.value-card{transition:none}.capability-card:hover,.scene-card:hover,.primary-btn:hover,.outline-btn:hover,.job-card:hover,.value-card:hover{transform:none}}

/* Independent Figma artboards */
.value-card .capability-icon{width:84px;height:84px;margin:0 0 16px;border:0;background-color:transparent;background-image:url("picture/我们重视什么 图标.png");background-repeat:no-repeat;background-size:400% 240%;background-position:0 50%;font-size:0}
.value-card .value-icon--2{background-position:33.333% 50%}.value-card .value-icon--3{background-position:66.667% 50%}.value-card .value-icon--4{background-position:100% 50%}
section[id]{scroll-margin-top:92px}.page-hero{min-height:320px;margin-top:82px;padding-top:0;display:flex;align-items:center;color:#fff;background-position:center;background-size:cover}.page-hero-content{max-width:820px}.page-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.15;margin:0 0 16px}.page-hero-content>p:not(.kicker){font-size:20px;color:#d8e9fb;margin:0 0 14px}.page-hero-content>span{display:block;max-width:720px;font-size:14px;line-height:1.8;color:#c3daef}.about-hero{background-image:linear-gradient(90deg,rgba(1,14,40,.78),rgba(1,34,84,.12)),url("picture/首页大图.webp")}.join-page-hero{background-image:linear-gradient(90deg,rgba(3,15,34,.84),rgba(2,29,66,.18)),url("picture/加入我们.webp")}.about-cta{min-height:430px;padding:100px 0;background:linear-gradient(90deg,rgba(2,23,66,.85),rgba(4,52,126,.24)),url("picture/从硬件到智能.webp") center/cover;color:#fff}.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.about-cta h2{font-size:clamp(31px,4vw,52px);margin:0 0 14px}.about-cta p:not(.kicker){font-size:18px;color:#d1e5fa;margin:0}.join-values{padding:105px 0 96px}.join-values .section-heading{margin-bottom:48px}.join-values .values-grid{padding:0}.join-cta{min-height:554px;padding:150px 0;background:linear-gradient(90deg,rgba(2,15,38,.84),rgba(2,29,65,.12)),url("picture/期待您的加入.webp") center/cover;color:#fff}.join-cta-inner{max-width:1200px}.join-cta h2{font-size:clamp(40px,5vw,64px);margin:0 0 16px}.join-cta p{font-size:17px;color:#d3e5f8;margin:0 0 24px}.business-copy h1{font-size:clamp(38px,5vw,64px);margin:0 0 18px}.business-copy p:not(.kicker){font-size:20px;color:#c2daf1;margin:0 0 30px}.business-hero{min-height:528px;margin-top:82px;padding-top:0}.process-step span{transition:transform .3s,box-shadow .3s}.process-step:hover span{transform:translateY(-6px);box-shadow:0 12px 22px rgba(25,117,220,.2)}
@media(max-width:680px){.page-hero{min-height:360px;margin-top:70px}.page-hero h1{font-size:46px}.about-cta{min-height:420px;padding:80px 0}.about-cta-inner{display:grid;gap:28px}.join-cta{min-height:520px;padding:120px 0}.business-hero{min-height:500px;margin-top:70px;padding-top:0}.process-step:hover span{transform:none}}

/* Core capabilities artboard */
.capability-stage{position:relative;overflow:hidden;padding:108px 0 124px;background:#fff;isolation:isolate}
.capability-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(rgba(26,113,199,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(26,113,199,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 72%,transparent 100%);pointer-events:none}
.capabilities-heading{max-width:900px;margin:0 auto}
.capabilities-heading h2{margin:0 0 18px;color:#070d16;line-height:1.1;letter-spacing:0;font-weight:800}
.capabilities-heading h2 span,.capabilities-heading h2 strong{display:block}
.capabilities-heading h2 span{font-size:clamp(23px,2vw,28px);font-weight:700;margin-bottom:3px}
.capabilities-heading h2 strong{font-size:clamp(38px,3.7vw,46px);font-weight:900}
.capabilities-heading>p{max-width:900px;margin:0;color:#6d6f73;font-size:16px;line-height:1.8}
.capabilities-rule{height:2px;margin-top:9px;background:#858585;transform-origin:left;animation:rule-in .9s var(--ease) both}
.capability-stage .capability-grid{max-width:900px;margin:28px auto 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 28px;align-items:center}
.capability-stage .capability-card{position:relative;min-height:0;width:100%;aspect-ratio:323 / 186;padding:0;border:0;background:transparent;overflow:visible;perspective:900px;cursor:pointer;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0));transition:transform .45s var(--ease),filter .45s ease}
.capability-stage .capability-card:before{content:"";position:absolute;z-index:2;left:3%;right:3%;top:19%;bottom:5%;border:1px solid rgba(44,151,244,.42);opacity:0;transform:scale(.98);transition:opacity .35s,transform .45s;pointer-events:none}
.capability-stage .capability-card:after{content:"";position:absolute;z-index:2;left:5%;right:5%;top:20%;height:1px;background:linear-gradient(90deg,transparent,#54cfff,transparent);opacity:0;box-shadow:0 0 12px rgba(56,186,255,.8);pointer-events:none}
.capability-stage .capability-card:hover,.capability-stage .capability-card:focus-visible,.capability-stage .capability-card.is-active{--lift:-7px;filter:drop-shadow(0 16px 18px rgba(20,101,184,.18))}
.capability-stage .capability-card:hover:before,.capability-stage .capability-card:focus-visible:before,.capability-stage .capability-card.is-active:before{opacity:1;transform:scale(1)}
.capability-stage .capability-card:hover:after,.capability-stage .capability-card:focus-visible:after{opacity:1;animation:card-scan 1.8s ease-in-out infinite}
.capability-stage .capability-card:focus-visible{outline:3px solid rgba(35,139,234,.32);outline-offset:5px}
.capability-card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}
.capability-stage .capability-icon{position:absolute;z-index:3;top:0;left:50%;width:90px;height:90px;margin:0;border:0;background:transparent;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 5px 4px rgba(14,81,153,.3));transition:transform .45s var(--ease),filter .35s}
.capability-stage .capability-card-art--smart-city{inset:34px 4px 8px;width:auto;height:auto;border-radius:15px;background:#2374c7;box-shadow:0 4px 8px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 18px 10px;color:#fff;text-align:center}
.capability-stage .capability-card-art--smart-city:before{content:"";position:absolute;top:-34px;left:50%;width:90px;height:90px;border-radius:50%;background:#072f6e;box-shadow:0 5px 8px rgba(0,0,0,.25);transform:translateX(-50%)}
.capability-stage .capability-card-art--smart-city span{font-size:24px;line-height:1.2}
.capability-stage .capability-card-art--smart-city small{margin-top:8px;font-size:11px;line-height:1.45;color:#fff}
.capability-stage .capability-card:hover .capability-icon,.capability-stage .capability-card:focus-visible .capability-icon,.capability-stage .capability-card.is-active .capability-icon{transform:translateX(-50%) translateY(-3px) scale(1.045);filter:drop-shadow(0 9px 8px rgba(14,105,201,.34))}
.capability-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.capability-status-dot{width:7px;height:7px;border-radius:50%;background:#31a8ff;box-shadow:0 0 0 4px rgba(49,168,255,.12),0 0 12px rgba(49,168,255,.8);animation:status-pulse 1.8s ease-in-out infinite}
.capability-status-meta{color:#8da6bf;font-weight:400}
@keyframes rule-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes card-scan{0%{top:20%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:78%;opacity:0}}
@keyframes status-pulse{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:980px){.capabilities-heading,.capability-stage .capability-grid,.capability-status{max-width:720px}.capability-stage .capability-grid{gap:12px 18px}}
@media(max-width:680px){.capability-stage{padding:78px 0 88px}.capabilities-heading h2 span{font-size:25px}.capabilities-heading h2 strong{font-size:42px}.capabilities-heading>p{font-size:14px;line-height:1.75}.capabilities-rule{margin-top:16px}.capability-stage .capability-grid{grid-template-columns:1fr;gap:8px;margin-top:22px}.capability-stage .capability-card{width:min(100%,323px);justify-self:center}}
@media(prefers-reduced-motion:reduce){.capabilities-rule,.capability-status-dot,.capability-stage .capability-card:after{animation:none}.capability-stage .capability-card{transform:none!important}.capability-stage .capability-card:hover .capability-icon,.capability-stage .capability-card:focus-visible .capability-icon,.capability-stage .capability-card.is-active .capability-icon{transform:translateX(-50%)}}

/* Figma-aligned business scenarios carousel */
.scene-intro{padding:62px 0 66px;background:#f1f5fb}
.scene-intro>.container{width:min(1006px,calc(100% - 48px))}
.scene-intro .center-heading{max-width:1000px;margin:0 auto}
.scene-intro .center-heading .kicker{font:400 30px/1.12 Arial,sans-serif;letter-spacing:0;color:#090d14;margin:0 0 8px}
.scene-intro .center-heading h2{font-size:clamp(38px,4.2vw,48px);line-height:1.12;letter-spacing:0;color:#05080d;margin:0 0 15px}
.scene-intro .center-heading p:last-child{font-size:19px;line-height:1.6;color:#111820}
.scene-slider-wrap{position:relative;width:min(1100px,calc(100% - 48px));display:block;margin:39px auto 0}
.scene-cards{gap:3px;padding:0 0 17px;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-y}
.scene-slider-wrap .scene-cards{margin:0 43px}
.scene-cards::-webkit-scrollbar{display:none}
.scene-card{flex:0 0 calc((100% - 9px)/4);height:374px;scroll-snap-align:start;background:#1675c8;box-shadow:none;transition:transform .35s var(--ease),box-shadow .35s}
.scene-card img{height:228px;object-fit:cover;transition:transform .55s var(--ease),filter .4s}
.scene-card>div{height:146px;min-height:0;padding:18px 14px 15px 14px;background:#217acb;position:relative}
.scene-index{display:none}
.scene-card h3{font-size:23px;font-weight:500;line-height:1.2;margin:0 24px 11px 0;color:#fff}
.scene-card p{font-size:14px;line-height:1.48;color:#fff;margin:0;padding-right:3px}
.scene-arrow{position:absolute;right:16px;top:27px;font-size:25px;line-height:1;color:#fff}
.scene-card:hover,.scene-card:focus-visible{transform:translateY(-6px);box-shadow:0 15px 30px rgba(15,79,147,.2)}
.scene-card:hover img{transform:scale(1.045);filter:saturate(1.08)}
.scene-slider-btn{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:38px;height:78px;padding:0;border:0;border-radius:0;background:transparent;color:#217acb;cursor:pointer;transform:translateY(-50%);transition:color .25s,opacity .25s,transform .25s}
.scene-slider-btn:before{content:"";display:block;width:27px;height:27px;border-style:solid;border-width:0 0 4px 4px}
.scene-slider-prev{left:0}
.scene-slider-prev:before{transform:rotate(45deg)}
.scene-slider-next{right:0}
.scene-slider-next:before{transform:rotate(225deg)}
.scene-slider-btn:hover:not(:disabled){color:#0b5cae;transform:translateY(-50%) scale(1.08)}
.scene-slider-btn:disabled{opacity:.25;cursor:not-allowed}
.scene-slider-btn:focus-visible{outline:3px solid rgba(33,122,203,.28);outline-offset:3px}
.scene-slider-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:17px}
.scene-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#8db9e7;cursor:pointer;transition:width .25s,background .25s,box-shadow .25s}
.scene-dot.is-active{width:62px;border-radius:999px;background:#217acb;box-shadow:0 0 0 1px rgba(33,122,203,.04)}
.scene-dot:focus-visible{outline:3px solid rgba(33,122,203,.28);outline-offset:4px}
@media(max-width:980px){.scene-card{flex-basis:calc((100% - 3px)/2);height:360px}.scene-card img{height:214px}.scene-card>div{height:146px}.scene-intro .center-heading .kicker{font-size:27px}.scene-intro .center-heading h2{font-size:42px}}
@media(max-width:680px){.scene-intro{padding:66px 0 58px}.scene-intro>.container{width:calc(100% - 32px)}.scene-intro .center-heading .kicker{font-size:25px}.scene-intro .center-heading h2{font-size:36px}.scene-intro .center-heading p:last-child{font-size:15px}.scene-slider-wrap{width:calc(100% - 16px);margin-top:32px}.scene-slider-wrap .scene-cards{margin:0 36px}.scene-slider-btn{width:30px;height:68px}.scene-slider-btn:before{width:22px;height:22px;border-width:0 0 3px 3px}.scene-cards{gap:10px;padding-bottom:10px}.scene-card{flex-basis:84vw;height:370px}.scene-card img{height:224px}.scene-card>div{height:146px;padding:18px 15px}.scene-card h3{font-size:22px}.scene-card p{font-size:14px}.scene-slider-dots{margin-top:14px}}

/* Keep detail copy readable on wide screens. Percentage padding here shrinks the text column on large monitors. */
.scene-detail .detail-copy{width:var(--container);max-width:none;padding-right:0}
.scene-detail .detail-copy h2{max-width:700px}
.scene-detail .detail-copy>p:not(.scene-number){max-width:650px}
.scene-detail .detail-copy ul{max-width:700px}

/* Figma-aligned business partnership page */
.business-page{background:#f1f5fb}
.business-page .mobile-break{display:none}
.business-page .business-hero{height:542px;min-height:542px;margin-top:82px;background:linear-gradient(90deg,rgba(2,10,25,.9),rgba(2,25,57,.12)),url("picture/商务合作.webp") center/cover}
.business-page .business-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:542px;text-align:center}
.business-page .business-copy h1{font-size:42px;line-height:1.2;margin:0 0 14px;text-shadow:0 4px 22px rgba(0,0,0,.28)}
.business-page .business-copy p:not(.kicker){font-size:18px;color:#9cb0c6;margin:0 0 30px}
.business-page .business-copy .primary-btn{min-width:160px;justify-content:center;margin:0;padding:11px 22px;border:0;background:#2f8cf2;color:#fff;box-shadow:0 8px 22px rgba(20,113,220,.22)}
.business-page .business-copy .primary-btn:hover{background:#4aa0ff;transform:translateY(-3px)}
.business-page .business-guarantees{min-height:574px;padding:76px 0 58px;background:radial-gradient(circle at 50% 54%,rgba(54,157,255,.5),transparent 48%),linear-gradient(180deg,#092d63 0%,#1f73c3 100%);color:#fff}
.business-page .business-guarantees .center-heading h2{font-size:30px;line-height:1.5;color:#fff;margin:0}
.business-page .guarantee-art{width:min(1092px,100%);margin:38px auto 0;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}
.business-page .guarantee-icon{--icon-height:180px;width:160px;height:var(--icon-height);justify-self:center;background-image:url("picture/四大强势保证.webp");background-repeat:no-repeat;background-size:calc(var(--icon-height) * 3) var(--icon-height)}
.business-page .guarantee-icon--1{background-position:0 0}
.business-page .guarantee-icon--2{background-position:calc(var(--icon-height) * -.75) 0}
.business-page .guarantee-icon--3{background-position:calc(var(--icon-height) * -1.5) 0}
.business-page .guarantee-icon--4{background-position:calc(var(--icon-height) * -2.25) 0}
.business-page .guarantee-grid{width:min(1092px,100%);margin:23px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.business-page .guarantee-card{padding:0 18px;text-align:center}
.business-page .guarantee-card h3{font-size:16px;line-height:1.5;margin:0 0 8px;color:#fff}
.business-page .guarantee-card p{font-size:13px;line-height:1.7;margin:0;color:#d7eaff}
.business-page .business-beliefs{min-height:525px;padding:0;background:linear-gradient(90deg,rgba(2,18,52,.12),rgba(2,18,52,.08)),url("picture/洞见远见.webp") center/cover;color:#fff}
.business-page .beliefs-grid{width:min(960px,100%);max-width:none;min-height:525px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;align-items:center}
.business-page .belief-card{padding:0 42px;text-align:center;color:#fff}
.business-page .belief-art{position:relative;width:75px;height:75px;margin:0 auto 16px;color:#fff}
.business-page .belief-art--insight{border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(255,255,255,.22) inset}
.business-page .belief-art--insight:before{content:"";position:absolute;left:20px;top:27px;width:31px;height:17px;border:2px solid #fff;border-radius:50% / 70%}
.business-page .belief-art--insight:after{content:"";position:absolute;left:31px;top:32px;width:9px;height:9px;border:2px solid #fff;border-radius:50%}
.business-page .belief-art--foresight:before,.business-page .belief-art--foresight:after{content:"";position:absolute;inset:7px 18px;border:2px solid rgba(255,255,255,.92);border-radius:50% 50% 48% 48% / 70% 70% 38% 38%;transform:rotate(42deg)}
.business-page .belief-art--foresight:after{inset:7px 18px;transform:rotate(-42deg)}
.business-page .belief-art--foresight span{position:absolute;left:32px;top:32px;width:11px;height:11px;border:2px solid #fff;border-radius:50%}
.business-page .belief-card p{font-size:14px;line-height:1.65;color:#d9ebff;margin:0 auto 13px;max-width:410px}
.business-page .belief-card h3{font-size:20px;line-height:1.5;margin:0;color:#fff}
.business-page .process{padding:82px 0 92px;background:#f1f5fb}
.business-page .process .center-heading h2{font-size:30px;line-height:1.5;color:#202020;margin:0}
.business-page .process-art{width:min(1092px,100%);height:218px;margin:54px auto 0;overflow:hidden}
.business-page .process-art img{display:block;width:100%;height:100%;object-fit:cover}
.business-page .process-labels{width:min(1092px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;text-align:center}
.business-page .process-labels b{font-size:16px;line-height:1.5;font-weight:700;color:#242424}

/* The core capability artboard keeps its existing motion and only adopts the updated Figma palette. */
.capability-stage{height:832px;min-height:832px;background:linear-gradient(180deg,#072554 0%,#1f74c9 100%)}
.capability-stage:before{opacity:.22;background-image:linear-gradient(rgba(179,224,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(179,224,255,.12) 1px,transparent 1px)}
.capabilities-heading h2,.capabilities-heading h2 span,.capabilities-heading h2 strong{color:#fff}
.capabilities-heading>p{color:#d7e9fb}
.capabilities-rule{background:rgba(255,255,255,.72)}

/* Reveal the capability heading in a short, staggered sequence. */
.capabilities-heading.reveal{opacity:1;transform:none;transition:none}
.capabilities-heading.reveal h2 span,
.capabilities-heading.reveal h2 strong,
.capabilities-heading.reveal>p{opacity:0;transform:translateY(18px)}
.capabilities-heading.reveal.visible h2 span,
.capabilities-heading.reveal.visible h2 strong,
.capabilities-heading.reveal.visible>p{animation:capability-copy-in .7s var(--ease) both}
.capabilities-heading.reveal.visible h2 span{animation-delay:.05s}
.capabilities-heading.reveal.visible h2 strong{animation-delay:.14s}
.capabilities-heading.reveal.visible>p{animation-delay:.24s}
.capabilities-heading.reveal .capabilities-rule{transform:scaleX(0);opacity:0;animation:none}
.capabilities-heading.reveal.visible .capabilities-rule{animation:capability-rule-in .85s var(--ease) .36s both}
@keyframes capability-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes capability-rule-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

@media(max-width:680px){
  .capability-stage{height:auto;min-height:0}
  .business-page .business-hero{height:500px;min-height:500px;margin-top:70px}
  .business-page .business-copy{min-height:500px;padding:0 16px}
  .business-page .business-copy h1{width:100%;max-width:340px;font-size:34px;overflow-wrap:anywhere}
  .business-page .business-copy h1,.business-page .business-copy p:not(.kicker){word-break:break-all}
  .business-page .business-copy p:not(.kicker){width:100%;max-width:340px;font-size:16px;line-height:1.75}
  .business-page .mobile-break{display:inline}
  .business-page .business-guarantees{min-height:0;padding:70px 0 76px}
  .business-page .guarantee-art{grid-template-columns:repeat(2,1fr);row-gap:18px;margin-top:34px}
  .business-page .guarantee-grid{grid-template-columns:repeat(2,1fr);row-gap:28px;margin-top:14px}
  .business-page .guarantee-card{padding:0 10px}
  .business-page .guarantee-card h3{font-size:15px}
  .business-page .guarantee-card p{font-size:12px}
  .business-page .business-beliefs{min-height:0}
  .business-page .beliefs-grid{min-height:0;padding:82px 0;grid-template-columns:1fr;gap:52px}
  .business-page .belief-card{padding:0 22px}
  .business-page .process{padding:72px 0 78px}
  .business-page .process-art{height:auto;margin-top:38px}
  .business-page .process-art img{height:auto;object-fit:contain}
  .business-page .process-labels{grid-template-columns:repeat(2,1fr);row-gap:18px;margin-top:14px}
  .business-page .process-labels b:last-child{grid-column:1 / -1}
}

@media(prefers-reduced-motion:reduce){
  .capabilities-heading.reveal h2 span,
  .capabilities-heading.reveal h2 strong,
  .capabilities-heading.reveal>p,
  .capabilities-heading.reveal .capabilities-rule{animation:none;opacity:1;transform:none}
}

@media(min-width:681px){.about-cta-inner{flex-direction:column;align-items:flex-start;justify-content:center;gap:30px}}
.scene-cards,.scene-cards:active{cursor:default;touch-action:auto}
@media(min-width:681px){.scene-detail#scene-7{scroll-margin-top:-10px}}