:root{--ink:#0a2540;--ink-2:#123456;--muted:#55718f;--line:rgba(10,37,64,0.12);--paper:#ffffff;--soft:#f6f9fc;--blue:#1f5eff;--cyan:#4fb7c5;--violet:#516070;--green:#2f7d68;--steel:#d8e1ea;--graphite:#172638;--shadow:0 24px 70px rgba(50,50,93,0.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.header{position:fixed;z-index:50;top:16px;left:50%;display:grid;grid-template-columns:auto 1fr auto;width:min(1160px,calc(100% - 32px));min-height:64px;padding:8px 10px 8px 14px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(50,50,93,.12);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translateX(-50%)}.brand,.header{align-items:center}.brand{display:inline-flex;gap:10px;min-width:0;font-weight:760;letter-spacing:0}.nav{display:flex;justify-content:center;gap:4px}.lang-switch,.nav a{padding:9px 13px;border-radius:999px;color:#244563;font-size:14px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}.lang-switch:hover,.nav a:hover{background:rgba(0,102,255,.08);color:var(--blue);transform:translateY(-1px)}.header-actions{display:flex;align-items:center;gap:8px}.button,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:999px;font-weight:750;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-cta{padding:0 17px;color:#fff;background:var(--ink)}.button{padding:0 20px}.button.primary{color:#fff;background:linear-gradient(135deg,#0a2540,#174ea6 52%,#635bff);box-shadow:0 14px 30px rgba(0,102,255,.28)}.button.secondary{color:var(--ink);background:rgba(255,255,255,.78);box-shadow:inset 0 0 0 1px rgba(10,37,64,.12)}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.hero,.page-hero{position:relative;isolation:isolate;min-height:100vh;padding:150px 0 72px;background:linear-gradient(180deg,#f6f9fc,#ffffff 72%)}.page-hero{min-height:520px;padding-top:170px}.hero-gradient{position:absolute;inset:0;z-index:-3;overflow:hidden}.hero-gradient:before{position:absolute;top:-22%;left:-12%;width:126%;height:52%;content:"";background:linear-gradient(115deg,rgba(0,212,255,.75),rgba(99,91,255,.9) 35%,rgba(255,122,89,.72) 62%,rgba(0,184,148,.6)),linear-gradient(90deg,#00d4ff,#635bff);-webkit-clip-path:polygon(0 0,100% 0,100% 62%,0 100%);clip-path:polygon(0 0,100% 0,100% 62%,0 100%);filter:saturate(1.1);animation:gradientShift 12s ease-in-out infinite alternate}.hero-gradient:after{position:absolute;inset:34% -8% auto;height:320px;content:"";background:radial-gradient(circle at 50% 0,rgba(0,102,255,.18),transparent 68%);transform:skewY(-8deg)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(10,37,64,.07) 1px,transparent 0),linear-gradient(90deg,rgba(10,37,64,.07) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 75%);mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 75%)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);grid-gap:56px;gap:56px;align-items:center}.hero-copy{padding-top:44px}.eyebrow{margin:0 0 18px;color:#635bff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:24px;color:var(--ink);font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:0}.page-hero h1{font-size:clamp(42px,6vw,78px)}.lead{max-width:680px;color:#315675;font-size:clamp(18px,2.2vw,22px);line-height:1.72}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-visual{position:relative;min-height:560px}.mesh-stage{position:absolute;inset:20px 0 0;border:1px solid rgba(255,255,255,.72);border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.62)),radial-gradient(circle at 50% 18%,rgba(255,117,180,.18),transparent 42%);box-shadow:var(--shadow);overflow:hidden;transform:perspective(1100px) rotateY(-9deg) rotateX(5deg);animation:cardFloat 7s ease-in-out infinite}.mesh-stage:before{position:absolute;inset:24px;content:"";z-index:2;pointer-events:none;border:1px solid rgba(0,102,255,.1);border-radius:28px}.interactive-mesh{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.mesh-stage:after{position:absolute;inset:auto 28px 32px;z-index:3;height:68px;content:"";border-radius:999px;background:linear-gradient(90deg,rgba(0,102,255,.58),rgba(0,212,255,.12),transparent),repeating-linear-gradient(180deg,rgba(0,102,255,.18) 0 5px,transparent 5px 14px);filter:blur(.1px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%);animation:scan 3.2s ease-in-out infinite}.mesh-card{position:absolute;z-index:4;left:50%;top:52%;display:grid;place-items:center;width:min(300px,56%);min-height:160px;padding:28px;border:1px solid rgba(0,102,255,.16);border-radius:34px;background:radial-gradient(circle at 24% 22%,rgba(255,117,180,.18),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,252,.78));box-shadow:0 24px 70px rgba(99,91,255,.16);transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mesh-card:before{position:absolute;inset:22px;content:"";border-radius:24px;background:linear-gradient(90deg,transparent,rgba(0,102,255,.24),transparent),repeating-linear-gradient(90deg,rgba(10,37,64,.08) 0 1px,transparent 1px 20px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 34%,transparent);mask-image:linear-gradient(180deg,transparent,#000 34%,transparent)}.mesh-card p,.mesh-card span,.mesh-card strong{position:relative;z-index:1;letter-spacing:0}.mesh-card span{color:#55718f;font-size:13px;font-weight:850}.mesh-card strong{margin-top:6px;color:var(--ink);font-size:clamp(28px,4vw,46px);line-height:1}.mesh-card p{margin:10px 0 0;color:#55718f;font-size:13px;font-weight:720}.signal-ring{position:absolute;z-index:3;border:1px solid rgba(99,91,255,.18);border-radius:50%;pointer-events:none}.ring-a{inset:18% 14% 20% 16%;animation:pulseRing 5.8s ease-in-out infinite}.ring-b{inset:27% 22% 30% 24%;border-color:rgba(0,212,255,.18);animation:pulseRing 6.5s ease-in-out infinite reverse}.signal-node{position:absolute;z-index:5;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#635bff;box-shadow:0 0 0 8px rgba(99,91,255,.1),0 12px 28px rgba(99,91,255,.22);pointer-events:none;animation:nodeFloat 4.8s ease-in-out infinite}.node-a{top:28%;left:28%}.node-b{top:38%;right:25%;background:#00d4ff;box-shadow:0 0 0 8px rgba(0,212,255,.1),0 12px 28px rgba(0,212,255,.2);animation-delay:.8s}.node-c{right:29%;bottom:26%;background:#ff75b4;box-shadow:0 0 0 8px rgba(255,117,180,.1),0 12px 28px rgba(255,117,180,.2);animation-delay:1.6s}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:-10px}.contact-form,.contact-panel,.hero-stats div,.principle,.scenario-card,.service-card{border:1px solid rgba(10,37,64,.1);background:rgba(255,255,255,.76);box-shadow:0 18px 50px rgba(50,50,93,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-stats div{padding:22px;border-radius:22px}.hero-stats strong{display:block;color:var(--ink);font-size:22px}.hero-stats span,.muted{color:var(--muted)}.section{position:relative;padding:110px 0}.section.tinted{background:linear-gradient(180deg,#f6f9fc,#fff)}.section-header{max-width:760px;margin:0 auto 46px;text-align:center}.section-header.left{margin:0;text-align:left}.section-header h2{margin-bottom:14px;font-size:clamp(34px,4.5vw,58px);line-height:1.04;letter-spacing:0}.section-header p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden;border:1px solid rgba(10,37,64,.09);border-radius:32px;background:linear-gradient(90deg,rgba(0,102,255,.08),rgba(255,117,180,.08),rgba(0,212,255,.08)),rgba(10,37,64,.08);box-shadow:0 24px 80px rgba(50,50,93,.1)}.service-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.principle,.scenario-card,.service-card{position:relative;overflow:hidden;border-radius:0}.service-card{min-height:320px;padding:30px;border:0;background:radial-gradient(circle at 10% 0,rgba(0,212,255,.1),transparent 36%),rgba(255,255,255,.82);box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.scenario-card:before,.service-card:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 20% 0,rgba(0,212,255,.16),transparent 34%);opacity:0;transition:opacity .22s ease}.scenario-card:hover:before,.service-card:hover:before{opacity:1}.scenario-card:hover,.service-card:hover{transform:translateY(-4px)}.scenario-card,.service-card{transition:transform .22s ease,box-shadow .22s ease}.card-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:28px;border:1px solid rgba(10,37,64,.12);border-radius:14px;color:#16314d;background:linear-gradient(180deg,#fff,#eef3f8);box-shadow:0 10px 28px rgba(23,38,56,.08)}.principle h2,.scenario-card h2,.service-card h3{position:relative;margin-bottom:12px;font-size:22px;line-height:1.28}.principle p,.scenario-card p,.service-card p{position:relative;color:var(--muted)}.chip-row{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.badge,.chip-row span{display:inline-flex;padding:6px 10px;border:1px solid rgba(0,102,255,.13);border-radius:999px;color:#245580;background:rgba(0,102,255,.06);font-size:12px;font-weight:760}.solution-showcase{display:grid;grid-gap:10px;gap:10px;max-width:1040px;margin:0 auto;border:1px solid rgba(10,37,64,.1);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(249,251,253,.72)),repeating-linear-gradient(90deg,rgba(10,37,64,.035) 0 1px,transparent 1px 76px);box-shadow:0 28px 80px rgba(23,38,56,.1);padding:10px}.solution-row{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr) 300px;grid-gap:30px;gap:30px;align-items:center;min-height:156px;padding:22px 24px;border:1px solid transparent;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.58));box-shadow:none;overflow:hidden;transition:border-color .18s ease,background .18s ease,transform .18s ease}.solution-row:hover{border-color:rgba(10,37,64,.12);background:rgba(255,255,255,.92);transform:translateX(4px)}.solution-mark{position:relative;display:grid;align-content:center;grid-gap:8px;gap:8px;width:112px;height:96px;padding:18px;border-left:2px solid #172638;color:var(--graphite);background:linear-gradient(90deg,rgba(23,38,56,.055),transparent)}.solution-mark span{font-size:28px;line-height:1;font-weight:820;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.solution-mark small{color:#6b7d90;font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.solution-row h3{margin-bottom:8px;font-size:clamp(24px,2.7vw,34px);line-height:1.12;letter-spacing:0}.solution-row p{max-width:640px;margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.72}.solution-visual{position:relative;height:108px;border:1px solid rgba(10,37,64,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(243,247,251,.72)),repeating-linear-gradient(0deg,transparent 0 16px,rgba(10,37,64,.045) 16px 17px);overflow:hidden}.solution-visual span{position:absolute;right:22px;left:58px;height:1px;background:linear-gradient(90deg,rgba(23,38,56,.34),rgba(79,183,197,.24),transparent);animation:flowLine 5.6s ease-in-out infinite}.solution-visual span:first-of-type{top:30%}.solution-visual span:nth-of-type(2){top:52%;animation-delay:.45s}.solution-visual span:nth-of-type(3){top:74%;animation-delay:.9s}.solution-visual i{left:24px;width:14px;height:14px;border:2px solid #172638;background:#fff;box-shadow:0 0 0 8px rgba(23,38,56,.04)}.solution-visual i,.solution-visual:after{position:absolute;top:50%;border-radius:50%;transform:translateY(-50%)}.solution-visual:after{right:22px;width:10px;height:10px;content:"";background:#4fb7c5;box-shadow:0 0 0 8px rgba(79,183,197,.1)}.split{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:64px;gap:64px;align-items:start}.timeline{position:relative;display:grid;grid-gap:10px;gap:10px;padding:26px;border:1px solid rgba(10,37,64,.1);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(246,249,252,.7)),radial-gradient(circle at 90% 10%,rgba(0,212,255,.16),transparent 35%);box-shadow:0 24px 70px rgba(50,50,93,.09)}.timeline-item{display:grid;grid-template-columns:70px 1fr;align-items:center;min-height:72px;padding:18px;border:1px solid rgba(10,37,64,.08);border-radius:22px;background:rgba(255,255,255,.66);box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline-item span{color:#635bff;font-weight:850}.timeline-item p{margin:0;font-weight:720}.trust-band{color:#fff;background:radial-gradient(circle at 25% 0,rgba(0,212,255,.24),transparent 32%),linear-gradient(135deg,#071629,#0a2540 52%,#102f5e)}.trust-band .section-header h2,.trust-band .section-header p{color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.trust-item{display:flex;align-items:center;gap:12px;min-height:96px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:26px;background:rgba(255,255,255,.06);color:#fff}.page-hero-inner{max-width:840px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.scenario-card{min-height:290px;padding:28px}.badge{margin-bottom:28px}.principles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.principle{min-height:310px;padding:30px}.principle span{display:block;margin-bottom:34px;color:#635bff;font-size:15px;font-weight:850}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:24px;gap:24px;align-items:start}.contact-form,.contact-panel{border-radius:28px;padding:28px}.contact-panel{display:grid;grid-gap:18px;gap:18px}.contact-line{display:flex;gap:12px;align-items:flex-start;color:#244563;font-weight:680}.contact-line span{display:grid;grid-gap:2px;gap:2px}.contact-line small{color:var(--muted);font-size:12px;font-weight:760}.wechat-card{display:grid;place-items:center;margin-top:12px;padding:18px;border:1px solid rgba(10,37,64,.1);border-radius:22px;background:rgba(255,255,255,.72)}.wechat-card img{width:min(100%,220px);height:auto;border-radius:14px;display:block}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.contact-form label{display:grid;grid-gap:8px;gap:8px}.contact-form .full{grid-column:1/-1}.contact-form span{color:#315675;font-size:13px;font-weight:750}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(10,37,64,.14);border-radius:16px;outline:none;background:#fff;color:var(--ink);padding:13px 14px;transition:border .16s ease,box-shadow .16s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(0,102,255,.55);box-shadow:0 0 0 4px rgba(0,102,255,.08)}.form-actions{display:flex;grid-column:1/-1;align-items:center;gap:14px;flex-wrap:wrap}.contact-form button{justify-self:start}.contact-form button:disabled{cursor:not-allowed;opacity:.72}.form-message{margin:0;font-size:14px;font-weight:680}.form-message.success{color:#2f7d68}.form-message.error{color:#b42318}.footer{padding:56px 0;border-top:1px solid rgba(10,37,64,.08);background:#f6f9fc}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer p{margin:10px 0 0;color:var(--muted)}.footer-records{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:8px}.footer-records a{color:#315675;transition:color .16s ease}.footer-records a:hover{color:var(--ink)}.footer nav{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start;justify-content:flex-end}.footer nav a{color:#315675;font-weight:680}.reveal{animation:reveal .76s cubic-bezier(.16,1,.3,1) both}.delay-1{animation-delay:.11s}.delay-2{animation-delay:.22s}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{transform:translateY(0) skewY(-8deg) scale(1.02)}to{transform:translateY(28px) skewY(-5deg) scale(1.05)}}@keyframes cardFloat{0%,to{transform:perspective(1100px) rotateY(-9deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-6deg) rotateX(4deg) translateY(-14px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes scan{0%,to{opacity:.28;transform:translateX(-20px)}50%{opacity:1;transform:translateX(20px)}}@keyframes shimmerLine{0%,to{opacity:.28;transform:translateX(-18%) rotate(-12deg)}50%{opacity:1;transform:translateX(18%) rotate(-12deg)}}@keyframes flowLine{0%,to{opacity:.42;transform:translateX(-12px)}50%{opacity:.9;transform:translateX(12px)}}@keyframes pulseRing{0%,to{opacity:.45;transform:scale(.98) rotate(-8deg)}50%{opacity:.9;transform:scale(1.04) rotate(5deg)}}@keyframes nodeFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(8px,-10px,0)}}@media (max-width:980px){.header{grid-template-columns:1fr auto;border-radius:28px}.nav{grid-column:1/-1;order:3;justify-content:flex-start;overflow-x:auto;width:100%;padding-top:6px}.hero{padding-top:180px}.contact-layout,.hero-inner,.split{grid-template-columns:1fr}.hero-visual{min-height:430px}.hero-stats,.principles,.scenario-grid,.service-grid,.service-grid.large,.trust-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.container{width:min(100% - 28px,1160px)}.header{top:10px;width:calc(100% - 20px)}.brand span,.nav-cta{display:none}h1{font-size:43px}.hero,.page-hero{min-height:auto}.hero-visual{min-height:360px}.mesh-stage{inset:0;border-radius:28px;transform:none}.contact-form,.hero-stats,.principles,.scenario-grid,.service-grid,.service-grid.large,.solution-row,.trust-grid{grid-template-columns:1fr}.solution-visual{display:none}.section{padding:78px 0}.footer-inner{flex-direction:column}.footer nav{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}