:root{--ink:#09243b;--ink-2:#16364f;--blue:#1265a4;--blue-2:#1f7fbd;--sky:#eaf5fc;--ice:#f5faff;--cyan:#42c7ee;--gold:#dba854;--white:#fff;--muted:#667f92;--line:#cfe1ec;--deep:#061b2d;--shadow:0 28px 80px rgba(20,72,110,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#f7fbfe;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 85% 10%,#c8eafb 0,transparent 24%),linear-gradient(180deg,#f8fcff,#eef7fc 55%,#f8fcff)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}#particle-canvas{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.6}.site-header{height:84px;width:100%;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:50px;position:absolute;z-index:40;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.site-header.solid{position:fixed;background:rgba(8,35,57,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-symbol{width:42px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;position:relative}.brand-symbol:before,.brand-symbol:after,.brand-symbol i{content:"";width:20px;height:10px;border:2px solid currentColor;border-right:0;border-radius:20px 0 0 20px;position:absolute}.brand-symbol:after{transform:rotate(180deg)}.brand-symbol i{transform:rotate(90deg);opacity:.55}.brand b{font-size:20px;letter-spacing:.2px}.brand small{display:block;font-size:9px;opacity:.62;margin-top:3px}.site-header nav{display:flex;align-items:center;justify-content:center;gap:38px;flex:1}.site-header nav a{font-size:14px;opacity:.74;transition:.25s}.site-header nav a:hover{opacity:1;color:#9ee8ff}.header-cta{font-size:13px;border:1px solid rgba(255,255,255,.38);padding:11px 18px;transition:.25s}.header-cta:hover{background:#fff;color:var(--blue)}.menu-button,.mobile-menu{display:none}.hero{min-height:820px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,1fr);align-items:center;padding:145px max(24px,calc((100vw - 1200px)/2)) 100px;color:#fff;background:linear-gradient(118deg,#0d4169 0%,#1267a1 48%,#2586bb 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 42%,rgba(110,224,255,.22),transparent 29%),linear-gradient(90deg,rgba(3,25,43,.18),transparent 45%)}.hero-grid,.contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 68%)}.hero-copy{position:relative;z-index:4;padding-right:35px}.eyebrow{font-size:12px;letter-spacing:2px;color:#bcecff;margin-bottom:27px}.eyebrow span{background:rgba(255,255,255,.14);padding:7px 10px;margin-right:9px;border:1px solid rgba(255,255,255,.18)}.hero h1{font-size:59px;line-height:1.22;letter-spacing:-3px;margin:0 0 25px;font-weight:700}.hero h1 span{color:#f0c775;position:relative}.hero h1 span:after{content:"";position:absolute;height:7px;left:0;right:0;bottom:-7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 8'%3E%3Cpath d='M1 6 Q45 1 90 5 T199 3' fill='none' stroke='%23f0c775' stroke-width='2'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero-copy>p{font-size:16px;line-height:2;max-width:610px;color:#d2e9f6}.hero-actions{display:flex;gap:12px;margin:34px 0 38px}.button{height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid transparent;font-size:14px;transition:.25s;cursor:pointer}.button.primary{background:#fff;color:#0d5889;box-shadow:0 15px 35px rgba(3,28,47,.22)}.button.primary:hover,.button.white:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(3,28,47,.26)}.button.ghost{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.07);color:#fff}.button.ghost:hover{background:rgba(255,255,255,.15)}.hero-proof{display:flex;gap:35px;color:#b9d9ea;font-size:12px}.hero-proof span{border-left:1px solid rgba(255,255,255,.25);padding-left:14px}.hero-proof b{font-size:17px;color:#fff;display:block;margin-bottom:4px}.hero-visual{height:610px;position:relative;z-index:3;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:85%;height:85%;border-radius:50%;background:radial-gradient(circle,rgba(87,210,249,.22),rgba(24,110,164,.08) 48%,transparent 70%);filter:blur(2px)}.hero-visual img{width:100%;position:relative;z-index:2;filter:drop-shadow(0 35px 35px rgba(0,23,43,.35));transition:transform .15s ease-out}.hero-orbit{position:absolute;border:1px solid rgba(160,229,255,.25);border-radius:50%;z-index:1}.orbit-one{width:520px;height:260px;transform:rotate(-12deg);animation:orbit 14s linear infinite}.orbit-two{width:390px;height:500px;transform:rotate(28deg);animation:orbit2 18s linear infinite}.floating-panel{position:absolute;z-index:4;background:rgba(6,42,69,.64);border:1px solid rgba(164,229,255,.35);backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(0,31,53,.18)}.floating-panel small{font-size:8px;letter-spacing:1.5px;color:#8adfff}.floating-panel b{display:block;font-size:13px;margin-top:5px}.fp-one{left:2%;top:23%;padding:14px 17px;width:165px}.fp-one i{display:block;height:2px;background:rgba(255,255,255,.13);margin-top:11px}.fp-one i span{display:block;width:78%;height:100%;background:#58d5f8}.fp-two{right:0;bottom:24%;padding:14px 18px}.fp-two b{font-size:21px}.fp-two span{font-size:9px;color:#b7d4e3}.fp-three{left:15%;bottom:12%;padding:11px 15px 11px 38px}.fp-three .pulse{position:absolute;left:14px;top:17px;width:9px;height:9px;border-radius:50%;background:#5fffd1;box-shadow:0 0 0 6px rgba(95,255,209,.1)}.scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;font-size:8px;letter-spacing:2px;color:#bcd9e8;display:flex;align-items:center;gap:12px}.scroll-cue span{height:30px;width:1px;background:linear-gradient(#fff,transparent);animation:scroll 1.5s ease-in-out infinite}.trust-strip{background:#fff;border-bottom:1px solid #dceaf2;box-shadow:0 18px 50px rgba(21,84,123,.07)}.trust-strip .wrap{height:80px;display:flex;align-items:center;justify-content:space-around;color:#47667d;font-size:13px}.trust-strip i{height:18px;width:1px;background:#c8dbe6}.section{padding:120px 0}.section-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end;margin-bottom:60px}.section-heading em,.workflow-copy>em,.about-copy>em,.split-copy>em,.inner-hero-copy>em{font-style:normal;font-size:10px;letter-spacing:2px;color:var(--blue-2);font-weight:700}.section-heading h2,.workflow-copy h2,.about-copy h2,.split-copy h2{font-size:38px;line-height:1.45;margin:15px 0 0;letter-spacing:-1.5px}.section-heading>p{font-size:14px;line-height:2;color:var(--muted);margin:0}.product-section{background:linear-gradient(180deg,#f7fbfe,#fff)}.product-stage{background:#0a2940;border-radius:8px;padding:15px;box-shadow:var(--shadow);position:relative}.stage-window{overflow:hidden;border-radius:3px;position:relative;background:#061927}.stage-window img{width:100%;display:block}.scan-glow{position:absolute;top:0;bottom:0;width:16%;left:11%;background:linear-gradient(90deg,transparent,rgba(94,220,255,.17),transparent);transform:skewX(-10deg);transition:left .6s ease}.stage-notes{position:absolute;left:30px;right:30px;bottom:-48px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stage-note{border:0;text-align:left;background:#fff;box-shadow:0 16px 40px rgba(16,64,94,.14);padding:18px 20px;display:flex;gap:14px;align-items:center;cursor:pointer;border-bottom:2px solid transparent}.stage-note>span{font-size:10px;color:#78a5c2}.stage-note b{display:block;font-size:14px}.stage-note small{display:block;font-size:10px;color:#7c93a3;margin-top:5px}.stage-note.active{border-bottom-color:#2a9fd0;background:#f4fbff}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:95px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability{padding:35px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;background:rgba(255,255,255,.7);transition:.3s}.capability:hover{background:#fff;transform:translateY(-8px);box-shadow:0 24px 55px rgba(24,83,119,.1)}.capability>span{font-size:10px;color:#5ca4cb}.capability h3{font-size:18px;margin:25px 0 13px}.capability p{font-size:12px;line-height:1.9;color:var(--muted);min-height:70px}.capability a,.text-link{font-size:11px;color:var(--blue);font-weight:700}.workflow-section{background:#eaf5fb;position:relative;overflow:hidden}.workflow-section:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(31,127,189,.12);border-radius:50%;left:-170px;bottom:-200px;box-shadow:0 0 0 55px rgba(31,127,189,.035),0 0 0 110px rgba(31,127,189,.025)}.workflow-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;position:relative;z-index:2}.workflow-copy h2{margin-bottom:24px}.workflow-copy>p{font-size:13px;line-height:2;color:var(--muted)}.workflow-tabs{margin:35px 0 27px;border-top:1px solid #bfd7e5}.workflow-tabs button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #bfd7e5;background:transparent;padding:15px 0;font-size:12px;cursor:pointer;color:#6f899b}.workflow-tabs button.active{color:var(--blue);font-weight:700;padding-left:12px;border-left:2px solid var(--blue)}.workflow-image{height:470px;overflow:hidden;position:relative;background:#fff;box-shadow:var(--shadow)}.workflow-image img{width:100%;height:100%;object-fit:cover;object-position:50% 72%;transition:object-position .5s}.workflow-mask{position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.workflow-status{background:#fff;display:flex;align-items:center;gap:25px;padding:21px 28px;box-shadow:0 18px 50px rgba(20,72,110,.1)}.workflow-status>span{font-size:9px;color:#87a4b7;border-right:1px solid var(--line);padding-right:25px}.workflow-status>span b{display:block;font-size:24px;color:var(--blue)}.workflow-status strong{display:block;font-size:14px}.workflow-status small{font-size:10px;color:#8aa0af}.hardware-section{background:linear-gradient(135deg,#0d4f7c,#1477ae);color:#fff;position:relative;overflow:hidden}.hardware-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(103,218,255,.2),transparent 25%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,62px 62px,62px 62px}.section-heading.light{position:relative}.section-heading.light em{color:#8fe6ff}.section-heading.light>p{color:#c0ddea}.hardware-hero{height:475px;position:relative;overflow:hidden;background:#061827;box-shadow:0 32px 80px rgba(0,26,45,.38)}.hardware-hero img{width:100%;height:100%;object-fit:cover}.hardware-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(4,27,45,.5))}.hardware-caption{position:absolute;z-index:2;right:40px;top:50%;transform:translateY(-50%);border-left:1px solid #55c9ef;padding-left:20px}.hardware-caption span,.hardware-caption small{display:block;font-size:9px;letter-spacing:1.5px;color:#93d8ef}.hardware-caption b{display:block;font-size:25px;margin:10px 0}.hardware-cards{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.hardware-cards article{min-height:210px;padding:32px 32px;background:rgba(3,34,57,.35);border-right:1px solid rgba(255,255,255,.14);position:relative}.hardware-cards article.featured{background:rgba(15,113,165,.9)}.hardware-cards article>i{font-style:normal;position:absolute;right:25px;top:22px;font-size:42px;color:rgba(255,255,255,.08)}.hardware-cards article>span{font-size:9px;letter-spacing:2px;color:#7edfff}.hardware-cards h3{font-size:20px;margin:18px 0}.hardware-cards p{font-size:11px;line-height:2;color:#bed7e5}.hardware-cards p b{color:#fff}.partners-section{background:#f5faff}.map-shell{display:grid;grid-template-columns:1.55fr .65fr;min-height:590px;border:1px solid #bdd9e9;background:#e7f3fa;box-shadow:var(--shadow);overflow:hidden}.china-map{position:relative;background:radial-gradient(circle at 60% 43%,rgba(52,164,220,.14),transparent 35%),linear-gradient(rgba(21,103,157,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(21,103,157,.06) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}.china-map svg{width:100%;height:100%;padding:30px;filter:drop-shadow(0 20px 20px rgba(25,94,137,.12))}.map-outline{stroke:#3c91c4;stroke-width:2}.map-line{fill:none;stroke:#54b1dc;stroke-width:1.5;stroke-dasharray:5 7;opacity:.55}.map-point{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;z-index:3}.map-point i{width:11px;height:11px;border-radius:50%;background:#1681bc;border:2px solid #d8f7ff;display:block;box-shadow:0 0 0 7px rgba(23,133,188,.13),0 0 18px #54d5ff}.map-point i:after{content:"";position:absolute;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #2ca4d6;border-radius:50%;animation:ping 2s infinite}.map-point span{position:absolute;white-space:nowrap;left:17px;top:-4px;background:rgba(255,255,255,.88);padding:4px 7px;font-size:9px;color:#2b6688}.map-point.active i{background:#e4a840;box-shadow:0 0 0 8px rgba(228,168,64,.18),0 0 22px #f0be68}.map-radar{position:absolute;width:260px;height:260px;border:1px solid rgba(34,144,198,.12);border-radius:50%;left:60%;top:35%;transform:translate(-50%,-50%);box-shadow:0 0 0 50px rgba(34,144,198,.025),0 0 0 100px rgba(34,144,198,.02);pointer-events:none}.map-detail{background:#0c4269;color:#fff;padding:48px 38px;display:flex;flex-direction:column;justify-content:center;position:relative}.map-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:35px 35px}.map-detail>*{position:relative}.map-index{font-size:8px;letter-spacing:2px;color:#78bbdf;margin-bottom:55px}.map-index b{display:block;font-size:30px;color:rgba(255,255,255,.16);margin-top:5px}.map-city{font-size:10px;color:#79d8fb}.map-detail h3{font-size:27px;margin:15px 0}.map-detail p{font-size:12px;line-height:2;color:#b9d5e5;min-height:72px}.partner-types{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.partner-types span{font-size:9px;border:1px solid rgba(255,255,255,.18);padding:7px 9px;color:#bdd9e8}.map-detail a{font-size:11px;color:#79defb;margin-top:25px}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-text>p{font-size:15px;line-height:2.15;color:var(--muted)}.about-text>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.about-text span{font-size:11px;color:#758b9a;border-top:1px solid var(--line);padding-top:15px}.about-text b{font-size:14px;color:var(--ink);display:block;margin-bottom:5px}.contact-section,.product-cta{position:relative;padding:115px 0;background:linear-gradient(115deg,#106394,#208dc2);color:#fff;overflow:hidden;text-align:center}.contact-section .wrap,.product-cta .wrap{position:relative}.contact-section .wrap>span,.product-cta .wrap>span{font-size:9px;letter-spacing:3px;color:#aeeaff}.contact-section h2,.product-cta h2{font-size:40px;line-height:1.45;margin:18px 0}.contact-section p{font-size:13px;color:#c9e3ef;margin-bottom:30px}.contact-section .wrap>div,.product-cta .wrap>div{display:flex;justify-content:center;gap:12px}.button.white{background:#fff;color:#126394}.button.line{border-color:rgba(255,255,255,.4);color:#fff}.button.line:hover{background:rgba(255,255,255,.12)}footer{background:#082c48;color:#fff;padding:68px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:65px}.footer-grid>div:first-child p{font-size:11px;line-height:1.9;color:#8fb2c6;max-width:340px;margin-top:22px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid>div>b{font-size:13px;margin-bottom:8px}.footer-grid a,.footer-grid span{font-size:10px;color:#8fb2c6}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#7297ac}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* product detail */
.inner-page{background:#f7fbfe}.inner-hero{padding:145px 0 90px;background:linear-gradient(120deg,#0c456f,#1a79ad);color:#fff;position:relative;overflow:hidden}.inner-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(93,219,255,.18),transparent 28%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px}.inner-hero .wrap{position:relative}.breadcrumb{font-size:10px;color:#aad4e7}.breadcrumb span{margin:0 10px;opacity:.4}.inner-hero-copy{text-align:center;margin:60px auto 50px;max-width:900px}.inner-hero-copy>em{color:#9fe7ff}.inner-hero h1{font-size:50px;line-height:1.35;margin:18px 0}.inner-hero h1 span{color:#f0c16d}.inner-hero-copy p{font-size:14px;line-height:2;color:#cce3ee;max-width:720px;margin:auto}.inner-screen{padding:12px;background:rgba(3,29,48,.75);box-shadow:0 35px 90px rgba(1,25,43,.4);position:relative;overflow:hidden}.inner-screen img{display:block}.screen-beam{position:absolute;top:0;bottom:0;width:12%;left:-15%;background:linear-gradient(90deg,transparent,rgba(95,222,255,.18),transparent);transform:skewX(-12deg);animation:beam 5s infinite}.detail-heading{display:grid;grid-template-columns:100px 1fr;max-width:900px;margin-bottom:50px}.detail-heading>span{font-size:54px;color:#d6e7f1}.detail-heading em{font-style:normal;font-size:9px;letter-spacing:2px;color:var(--blue-2)}.detail-heading h2{font-size:34px;line-height:1.5;margin:12px 0}.detail-heading p{font-size:13px;line-height:2;color:var(--muted)}.image-showcase{background:#255ca6;padding:14px;position:relative;box-shadow:var(--shadow)}.image-showcase img{width:100%;display:block}.image-label{position:absolute;right:35px;bottom:35px;background:rgba(7,38,67,.87);color:#fff;padding:17px 22px;border-left:2px solid #5fd8ff}.image-label b{font-size:26px;display:block}.image-label span{font-size:9px;color:#9fd6ed}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);margin-top:35px}.detail-grid article{padding:25px;border-right:1px solid var(--line)}.detail-grid b{font-size:15px}.detail-grid p{font-size:11px;line-height:1.9;color:var(--muted)}.architecture-section{background:#eaf4fa}.split-showcase{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.split-copy p,.split-copy li{font-size:12px;line-height:2;color:var(--muted)}.split-copy ul{padding:0;list-style:none;margin-top:25px}.split-copy li{padding:10px 0;border-bottom:1px solid #c9dfea}.split-copy li:before{content:"+";color:var(--blue);margin-right:10px}.split-image{padding:10px;background:#fff;box-shadow:var(--shadow)}.split-image img{display:block;width:100%}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.module-grid article{min-height:340px;background:#fff;border:1px solid var(--line);padding:35px;position:relative;overflow:hidden}.module-grid article>span{font-size:9px;letter-spacing:2px;color:var(--blue-2)}.module-grid h3{font-size:22px;margin:14px 0}.module-grid p{font-size:11px;color:var(--muted)}.module-art{position:absolute;right:20px;bottom:15px;width:55%;height:190px;background:linear-gradient(145deg,#e7f5fb,#fff);border:1px solid #d0e6f1}.projection-art i{position:absolute;width:90px;height:120px;border:2px solid #3786af;left:50%;top:50%;transform:translate(-50%,-50%) skewY(-12deg)}.projection-art i:nth-child(2){transform:translate(-70%,-40%) skewY(12deg);opacity:.45}.projection-art i:nth-child(3){width:140px;height:1px;border:0;background:#56badd;transform:none;left:18%;top:55%}.section-art i{position:absolute;width:78px;height:130px;border:3px solid #2a6c95;border-radius:48% 48% 38% 38%;left:23%;top:25px}.section-art i:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px dashed #e4a64c}.section-art i:nth-child(2){left:55%;clip-path:inset(0 0 0 50%)}.measure-art b{position:absolute;left:50%;top:25%;transform:translateX(-50%);font-size:10px;color:#3b789c}.measure-art i{position:absolute;width:100px;height:120px;border:3px solid #31789f;border-radius:45% 45% 35% 35%;left:50%;top:42%;transform:translate(-50%,-25%)}.measure-art:before,.measure-art:after{content:"";position:absolute;height:1px;width:140px;left:50%;transform:translateX(-50%);background:#e1a343}.measure-art:before{top:38%}.measure-art:after{bottom:15%}.restore-art i{position:absolute;width:120px;height:120px;border:3px solid #2e749b;border-radius:50%;left:18%;top:35px;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.restore-art i:nth-child(2){left:45%;border-color:#d8a344;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}
@keyframes orbit{to{transform:rotate(348deg)}}@keyframes orbit2{to{transform:rotate(-332deg)}}@keyframes ping{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes scroll{50%{transform:translateY(8px);opacity:.4}}@keyframes beam{0%,20%{left:-15%}70%,100%{left:115%}}
@media(max-width:1000px){.site-header nav{display:none}.site-header{justify-content:space-between}.menu-button{display:flex;width:42px;height:42px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-button i{height:1px;width:22px;background:#fff}.mobile-menu{display:flex;position:fixed;top:74px;left:20px;right:20px;background:#0b4168;color:#fff;padding:18px;z-index:50;flex-direction:column;gap:10px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.25s;box-shadow:0 22px 60px rgba(0,24,42,.35)}.mobile-menu.open{transform:none;opacity:1;pointer-events:auto}.mobile-menu a{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.hero{grid-template-columns:1fr;padding-top:130px;text-align:center}.hero-copy{padding:0}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{height:480px}.section-heading{grid-template-columns:1fr;gap:20px}.workflow-layout,.split-showcase{grid-template-columns:1fr}.workflow-copy{max-width:650px}.capability-grid{grid-template-columns:repeat(2,1fr)}.map-shell{grid-template-columns:1fr}.map-detail{min-height:350px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.inner-hero h1{font-size:43px}}
@media(max-width:700px){.wrap{width:min(100% - 28px,1200px)}.site-header{height:72px;padding:0 15px}.header-cta{display:none}.brand-symbol{width:36px;height:36px}.brand b{font-size:17px}.brand small{font-size:7px}.hero{min-height:760px;padding:120px 16px 65px}.hero h1{font-size:38px;letter-spacing:-2px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column;align-items:center}.hero-proof{gap:15px}.hero-visual{height:340px}.hero-visual img{width:115%;max-width:none}.floating-panel{transform:scale(.78)}.fp-one{left:-7%}.fp-two{right:-7%}.scroll-cue{display:none}.trust-strip .wrap{height:auto;padding:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.trust-strip i{display:none}.section{padding:80px 0}.section-heading{margin-bottom:38px}.section-heading h2,.workflow-copy h2,.about-copy h2,.split-copy h2{font-size:29px}.stage-notes{position:static;grid-template-columns:1fr;margin-top:10px}.stage-note{box-shadow:none}.capability-grid{grid-template-columns:1fr;margin-top:35px}.capability{min-height:auto}.workflow-image{height:360px}.hardware-hero{height:300px}.hardware-caption{right:15px}.hardware-cards{grid-template-columns:1fr}.map-shell{min-height:0}.china-map{height:430px}.china-map svg{padding:0}.map-point span{display:none}.about-grid{grid-template-columns:1fr;gap:20px}.about-text>div{grid-template-columns:1fr}.contact-section h2,.product-cta h2{font-size:29px}.contact-section .wrap>div,.product-cta .wrap>div{flex-direction:column;align-items:center}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.copyright{flex-direction:column;gap:8px}.inner-hero{padding:110px 0 60px}.inner-hero-copy{margin:40px auto}.inner-hero h1{font-size:34px}.detail-heading{grid-template-columns:55px 1fr}.detail-heading>span{font-size:35px}.detail-heading h2{font-size:27px}.detail-grid{grid-template-columns:1fr 1fr}.module-grid{grid-template-columns:1fr}.module-grid article{min-height:320px}.image-label{right:20px;bottom:20px}.section-heading>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ==========================================
   大临智慧 3.0 重构科技感与专业交互样式
   ========================================== */

#particle-canvas {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.45;
}

.slider-comparison {
  width: 100%;
  max-width: 800px;
  margin: 35px auto 45px;
  border: 1px solid rgba(66, 199, 238, 0.25);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  overflow: hidden;
}

.slider-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  user-select: none;
  cursor: ew-resize;
}

.slider-wrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.slider-after-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(66, 199, 238, 0.7);
}

.slider-after-wrapper img {
  width: 100%;
  height: 100%;
  max-width: none;
}

.slider-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #42c7ee;
  box-shadow: 0 0 12px rgba(66, 199, 238, 0.85);
  pointer-events: none;
}

.slider-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #061b2d;
  border: 2px solid #42c7ee;
  color: #42c7ee;
  box-shadow: 0 0 15px rgba(66, 199, 238, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: ew-resize;
  pointer-events: none;
  transition: background 0.3s, transform 0.2s;
}

.slider-wrapper:hover .slider-button {
  background: #1265a4;
  transform: translate(-50%, -50%) scale(1.08);
}

.slider-label {
  position: absolute;
  bottom: 18px;
  padding: 6px 14px;
  background: rgba(6, 27, 45, 0.8);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  pointer-events: none;
  z-index: 5;
  text-transform: uppercase;
}

.label-before {
  left: 18px;
  border-left: 2px solid #dba854;
}

.label-after {
  right: 18px;
  border-right: 2px solid #42c7ee;
}

.map-console-foot {
  padding: 15px !important;
  background: rgba(4, 21, 35, 0.95) !important;
}

.map-display-panel {
  background: rgba(6, 27, 45, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(66, 199, 238, 0.25);
  border-radius: 6px;
  padding: 16px;
  color: #fff;
  box-shadow: inset 0 0 15px rgba(66, 199, 238, 0.05);
  transition: all 0.3s ease;
  text-align: left;
}

.panel-header {
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid rgba(66, 199, 238, 0.15);
  padding-bottom: 10px;
  margin-bottom: 12px;
}

.panel-status-light {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #39e5a1;
  box-shadow: 0 0 8px #39e5a1;
  position: relative;
}

.panel-status-light:after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid #39e5a1;
  animation: ping 1.5s infinite;
}

.panel-header b {
  font-size: 15px;
  color: #fff;
  letter-spacing: 0.5px;
}

.panel-header small {
  margin-left: auto;
  font-size: 10px;
  color: #39e5a1;
  background: rgba(57, 229, 161, 0.1);
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(57, 229, 161, 0.2);
}

.panel-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.panel-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}

.panel-row span {
  color: #7ba2c0;
}

.panel-row strong {
  color: #fff;
  font-weight: 500;
}

.number-glow {
  color: #42c7ee !important;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  text-shadow: 0 0 6px rgba(66, 199, 238, 0.6);
}

.panel-desc {
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.6;
  color: #b0ccd8;
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
  padding-top: 8px;
}

.map-node {
  cursor: pointer;
}

.map-node.active i {
  background: #42c7ee !important;
  box-shadow: 0 0 0 10px rgba(66, 199, 238, 0.2), 0 0 20px #42c7ee !important;
}

.map-node.active b {
  color: #42c7ee !important;
}

.scan-line {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(180deg, transparent, rgba(66, 199, 238, 0.8), transparent);
  box-shadow: 0 0 12px rgba(66, 199, 238, 0.7);
  animation: laser-scan 4s linear infinite;
  pointer-events: none;
}

@keyframes laser-scan {
  0% { transform: translateY(0); }
  100% { transform: translateY(470px); }
}

@media (max-width: 700px) {
  .slider-comparison {
    margin: 15px auto;
  }
  .panel-header b {
    font-size: 13px;
  }
  .panel-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .panel-row strong {
    font-size: 10px;
    text-align: left;
  }
}
.brand-symbol{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:0;background:transparent url(assets/product-logo.png) center/contain no-repeat}
.brand-symbol:before,.brand-symbol:after,.brand-symbol i{display:none}
@media(max-width:700px){.brand-symbol{width:38px;height:38px;flex-basis:38px}}

/* Footer QR codes and regional contacts */
.footer-grid { grid-template-columns: 1.35fr .8fr .9fr 1fr 1.9fr; gap: 30px; }
.footer-qr-list { display: flex; gap: 16px; }
.footer-qr { margin: 0; text-align: center; }
.footer-qr img { width: 88px; height: 88px; padding: 4px; object-fit: contain; background: #fff; border-radius: 4px; }
.footer-qr-video img { object-fit: cover; }
.footer-qr figcaption { margin-top: 7px; color: rgba(255,255,255,.62); font-size: 11px; }
.footer-regional-contacts { gap: 9px !important; }
.regional-contact { display: flex; flex-direction: column; gap: 2px; padding-bottom: 4px; }
.regional-contact strong { color: #fff; font-size: 11px; line-height: 1.5; }
.regional-contact a { font-size: 10px; line-height: 1.45; }
@media (max-width: 1050px) {
  .footer-grid { grid-template-columns: 1.4fr repeat(3, 1fr); }
  .footer-regional-contacts { grid-column: 2 / 5; }
}
@media (max-width: 700px) {
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .footer-intro, .footer-regional-contacts { grid-column: 1 / -1; }
  .footer-qr-list { gap: 22px; }
  .footer-qr img { width: 104px; height: 104px; }
}

/* Contact footer layout */
.footer-grid { grid-template-columns: 1.35fr .8fr .9fr 3.5fr; }
.footer-company-contact { grid-column: 4; min-width: 0; }
.footer-contact-layout { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: start; gap: 28px; width: 100%; }
.footer-company-details { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 128px; }
@media (max-width: 1050px) {
  .footer-company-contact { grid-column: 2 / 5; }
  .footer-contact-layout { grid-template-columns: auto 1fr; }
  .footer-regional-contacts { grid-column: 1 / -1; display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 18px !important; }
  .footer-regional-contacts > b { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .footer-company-contact { grid-column: 1 / -1; }
  .footer-contact-layout { grid-template-columns: 1fr; gap: 24px; }
  .footer-regional-contacts { grid-template-columns: 1fr !important; }
  .footer-regional-contacts > b { grid-column: auto; }
}

/* Full-width horizontal contact row */
.footer-grid {
  grid-template-columns: 1.35fr .8fr .9fr !important;
}
.footer-company-contact {
  grid-column: 1 / -1 !important;
  width: 100%;
  min-width: 0;
  padding-top: 24px;
  margin-top: 10px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.footer-contact-layout {
  display: grid !important;
  grid-template-columns: 170px 210px minmax(0,1fr) !important;
  align-items: start;
  gap: 34px;
  width: 100%;
}
.footer-company-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
.footer-qr-section,
.footer-regional-contacts {
  min-width: 0;
}
.footer-qr-section > b,
.footer-regional-contacts > b {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 12px;
}
.footer-qr-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 14px;
}
.footer-qr img {
  width: 76px;
  height: 76px;
}
.footer-regional-contacts {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: start;
  gap: 18px !important;
}
.footer-regional-contacts > b {
  grid-column: 1 / -1;
}
.regional-contact {
  min-width: 0;
  padding: 0 16px 0 0;
  border-right: 1px solid rgba(255,255,255,.1);
}
.regional-contact:last-child {
  padding-right: 0;
  border-right: 0;
}
@media (max-width: 1050px) {
  .footer-contact-layout {
    grid-template-columns: 150px minmax(0,1fr) !important;
  }
  .footer-regional-contacts {
    grid-column: 1 / -1;
  }
}
@media (max-width: 700px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .footer-contact-layout {
    grid-template-columns: 1fr !important;
  }
  .footer-regional-contacts {
    grid-template-columns: 1fr !important;
  }
  .regional-contact {
    padding-right: 0;
    border-right: 0;
  }
}

/* Rebuilt site footer */
.site-footer-v2 { padding: 58px 0 22px; background: #061a42; color: #fff; }
.footer-v2-main { display: grid; grid-template-columns: minmax(280px,1.2fr) minmax(360px,1fr); align-items: start; gap: 80px; }
.footer-v2-brand p { max-width: 390px; margin: 18px 0 0; color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.9; }
.footer-v2-nav { display: grid; grid-template-columns: repeat(2,minmax(120px,1fr)); gap: 60px; }
.footer-v2-nav > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.footer-v2-nav b { margin-bottom: 4px; font-size: 13px; }
.footer-v2-nav a { color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.7; transition: color .2s ease; }
.footer-v2-nav a:hover { color: #65d6ff; }
.footer-v2-contact { display: grid; grid-template-columns: 220px 190px minmax(0,1fr); align-items: stretch; gap: 24px; margin-top: 42px; padding: 28px; border: 1px solid rgba(120,210,255,.18); background: linear-gradient(135deg,rgba(28,91,148,.32),rgba(7,30,70,.7)); box-shadow: 0 24px 70px rgba(0,8,28,.2); }
.footer-v2-heading { display: flex; flex-direction: column; align-items: flex-start; padding-right: 22px; border-right: 1px solid rgba(255,255,255,.1); }
.footer-v2-heading > span { color: #5fd5ff; font-size: 9px; letter-spacing: 2px; }
.footer-v2-heading h2 { margin: 8px 0 10px; font-size: 24px; line-height: 1.2; }
.footer-v2-heading p { margin: 0 0 18px; color: rgba(255,255,255,.56); font-size: 11px; line-height: 1.8; }
.footer-v2-heading a { margin-top: auto; color: #86ddff; font-size: 11px; }
.footer-v2-social { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; align-content: start; }
.footer-v2-social figure { margin: 0; text-align: center; }
.footer-v2-social img { display: block; width: 82px; height: 82px; margin: 0 auto; padding: 4px; object-fit: contain; background: #fff; border-radius: 3px; }
.footer-v2-social figure:last-child img { object-fit: cover; }
.footer-v2-social figcaption { margin-top: 8px; color: rgba(255,255,255,.68); font-size: 10px; }
.footer-v2-regions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.footer-v2-regions article { min-width: 0; padding: 18px; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.035); }
.footer-v2-regions article > span { color: rgba(95,213,255,.72); font-size: 9px; letter-spacing: 1px; }
.footer-v2-regions h3 { margin: 10px 0 4px; font-size: 14px; line-height: 1.45; }
.footer-v2-regions p { margin: 0 0 14px; color: rgba(255,255,255,.48); font-size: 10px; }
.footer-v2-regions a { display: block; overflow-wrap: anywhere; color: rgba(255,255,255,.66); font-size: 10px; line-height: 1.8; }
.footer-v2-regions a:first-of-type { color: #fff; font-size: 12px; }
.footer-v2-bottom { display: flex; justify-content: space-between; margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.34); font-size: 10px; }
@media (max-width: 1050px) {
  .footer-v2-contact { grid-template-columns: 190px minmax(0,1fr); }
  .footer-v2-regions { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .site-footer-v2 { padding-top: 44px; }
  .footer-v2-main { grid-template-columns: 1fr; gap: 34px; }
  .footer-v2-nav { gap: 24px; }
  .footer-v2-contact { grid-template-columns: 1fr; padding: 22px; }
  .footer-v2-heading { padding: 0 0 20px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .footer-v2-heading a { margin-top: 0; }
  .footer-v2-social { grid-template-columns: repeat(2,100px); }
  .footer-v2-regions { grid-template-columns: 1fr; }
  .footer-v2-bottom { flex-direction: column; gap: 6px; }
}