:root{--ink:#09263a;--muted:#5c7481;--line:#157b912e;--cyan:#22b6c8;--cyan-strong:#0a91ad;--blue:#0c5f9d;--bg:#f6fbfa;--panel:#ffffffe0;--soft:#e7f7f7;--shadow:0 28px 80px #063a4c1f;--radius:28px;color:var(--ink);background:var(--bg);font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 16% 12%,#22b6c829,#0000 30%),radial-gradient(circle at 86% 26%,#0a5f9d1c,#0000 28%),linear-gradient(#f4fbfb 0%,#fff 42%,#f7faf8 100%);margin:0;font-size:16px;line-height:1.75}body:before{content:"";z-index:-2;background-image:linear-gradient(#22b6c80b 1px,#0000 1px),linear-gradient(90deg,#22b6c80b 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 65%);mask-image:linear-gradient(#000 0%,#0000 65%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 0 38%,#22b6c814 38% 39%,#0000 39% 100%),linear-gradient(70deg,#0000 0 58%,#0c5f9d14 58% 59%,#0000 59% 100%);animation:10s ease-in-out infinite alternate backgroundSweep;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.site-header{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:min(1720px,100% - 56px);margin:18px auto 0;padding:14px 18px;display:grid;position:sticky;top:0;box-shadow:0 16px 42px #063a4c14}.brand{align-items:center;gap:13px;min-width:0;display:inline-flex}.brand-logo{background:#fff;border:1px solid #22b6c833;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 10px 24px #08637e1a}.brand-logo img{object-fit:contain;width:46px;height:46px}.brand-name{gap:2px;min-width:0;display:grid}.brand-name strong{letter-spacing:.02em;font-size:21px;line-height:1.2}.brand-name small{color:var(--muted);white-space:nowrap;font-size:13px}.desktop-nav{color:#23495a;justify-content:center;justify-self:center;align-items:center;gap:clamp(14px,2vw,34px);font-size:15px;display:flex}.desktop-nav a{padding:8px 0;position:relative}.desktop-nav a:after{content:"";transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--blue));height:2px;transition:transform .24s;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform:scaleX(1)}.header-cta,.btn{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:700;transition:transform .24s,box-shadow .24s,border-color .24s;display:inline-flex}.header-cta,.btn.primary{color:#fff;background:linear-gradient(135deg,#07364d,#0f7da2 52%,#24c6c8);box-shadow:0 18px 36px #0a91ad42}.btn.ghost{color:#0b526b;background:#ffffffb3;border:1px solid #0a91ad40}.header-cta:hover,.btn:hover{transform:translateY(-3px)scale(1.025)}.mobile-menu{display:none}.hero,.section,.services-compact,.recruitment-mini,.contact-main,footer{width:min(1720px,100% - 56px);margin-inline:auto}.hero{grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);align-items:center;gap:clamp(38px,5vw,82px);min-height:760px;padding:92px 0 52px;display:grid}.hero-copy{animation:.7s both fadeUp}.section-kicker{color:var(--cyan-strong);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:12px;font-size:14px;font-weight:800;display:inline-flex}.section-kicker span{color:var(--blue);font-family:Georgia,serif;font-size:18px}h1,h2,h3,p{margin-top:0}.hero h1{letter-spacing:-.04em;max-width:760px;margin:24px 0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(46px,4.7vw,76px);line-height:1.14}.hero p{color:#42606d;max-width:780px;font-size:clamp(17px,1.18vw,21px)}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.hero-visual{place-items:center;min-height:560px;animation:5.8s ease-in-out infinite floatLarge;display:grid;position:relative}.hero-visual:before,.hero-visual:after{content:"";filter:blur(.2px);pointer-events:none;border-radius:999px;position:absolute}.hero-visual:before{background:radial-gradient(circle,#22b6c81f,#0000 58%);border:1px solid #22b6c840;width:76%;height:76%;animation:4.6s ease-in-out infinite pulseScale}.hero-visual:after{border:1px dashed #0a91ad42;width:92%;height:92%;animation:24s linear infinite spinSlow}.hero-visual img{z-index:1;object-fit:cover;width:100%;box-shadow:var(--shadow);border:1px solid #22b6c83d;border-radius:30px;position:relative}.services-compact{padding:18px 0 76px}.core-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.core-service-card,.software-feature-grid article,.warning-flow article,.custom-grid article,.mini-job-list article,.contact-info-card{border:1px solid var(--line);background:var(--panel);transition:transform .26s,box-shadow .26s,border-color .26s;box-shadow:0 20px 48px #063a4c14}.core-service-card:hover,.software-feature-grid article:hover,.warning-flow article:hover,.custom-grid article:hover,.mini-job-list article:hover,.contact-info-card:hover{border-color:#22b6c885;transform:translateY(-8px)scale(1.012);box-shadow:0 30px 70px #063a4c21}.core-service-card{border-radius:28px;min-height:248px;padding:34px}.core-service-card h2{letter-spacing:-.03em;margin-bottom:14px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(24px,2vw,34px)}.core-service-card p{color:var(--muted);font-size:16px}.core-service-card div,.module-tags{flex-wrap:wrap;gap:9px;display:flex}.core-service-card span,.module-tags span{color:#0b6575;background:#22b6c81a;border-radius:999px;align-items:center;min-height:32px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.service-pages{scrollbar-color:#22b6c880 transparent;scroll-snap-type:x mandatory;grid-auto-columns:minmax(720px,58%);grid-auto-flow:column;gap:18px;margin-top:22px;padding:8px 4px 18px;display:grid;overflow-x:auto}.service-page{scroll-snap-align:start;background:#ffffff8f;border:1px solid #22b6c82e;border-radius:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:148px;padding:12px;animation:6.4s ease-in-out infinite pageFloat;display:grid;box-shadow:0 18px 42px #063a4c12}.service-page:nth-child(2){animation-delay:.8s}.service-page:nth-child(3){animation-delay:1.6s}.service-page article{background:linear-gradient(145deg,#fff,#effcfc);border:1px solid #22b6c829;border-radius:20px;padding:20px 18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.service-page article:hover{transform:translateY(-6px)scale(1.015);box-shadow:0 18px 36px #063a4c1a}.service-page article:after{content:"";background:#22b6c81a;border-radius:50%;width:84px;height:84px;position:absolute;bottom:-28px;right:-28px}.service-page span{color:var(--cyan-strong);margin-bottom:8px;font-family:Georgia,serif;font-size:19px;font-weight:800;display:inline-block}.service-page h3{margin:0 0 6px;font-size:18px;line-height:1.35}.service-page p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.section{padding:92px 0}.section-heading{grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);align-items:end;gap:46px;margin-bottom:40px;display:grid}.section-heading.wide{grid-template-columns:minmax(0,1.1fr) minmax(380px,.56fr)}.section-heading h2{letter-spacing:-.045em;max-width:960px;margin:14px 0 0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(38px,3.25vw,60px);line-height:1.16}.section-heading p{color:var(--muted);margin:0;font-size:17px;line-height:1.9}.software-section{padding:96px 0 108px;position:relative}.software-section:before{content:"";z-index:-1;background:linear-gradient(135deg,#e8f9f9eb,#ffffffd6),radial-gradient(circle at 8% 30%,#22b6c833,#0000 32%);border-radius:42px;position:absolute;inset:34px max(-8vw,-90px) 26px;box-shadow:inset 0 1px #fffc}.software-layout{grid-template-columns:minmax(470px,.88fr) minmax(0,1.12fr);align-items:stretch;gap:28px;display:grid}.software-console{color:#fff;transform-origin:50%;background:radial-gradient(circle at 72% 18%,#6ef6f033,#0000 22%),linear-gradient(155deg,#082235,#0a5068 58%,#11bbc0);border:1px solid #22b6c83d;border-radius:34px;min-height:520px;animation:6.2s ease-in-out infinite consoleFloat;position:relative;overflow:hidden;box-shadow:0 32px 88px #04394e33}.software-console:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 0 35%,#ffffff1f 45%,#0000 56% 100%);animation:5.4s ease-in-out infinite scanLight;position:absolute;inset:0;transform:translate(-120%)}.software-console>*{z-index:2;position:relative}.console-bar{background:#ffffff14;border-bottom:1px solid #ffffff26;align-items:center;gap:10px;min-height:64px;padding:0 22px;display:flex}.console-bar span{background:#8ae9ee;border-radius:50%;width:13px;height:13px}.console-bar strong{letter-spacing:.16em;margin-left:auto;font-size:13px}.console-main{background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:36px 36px;min-height:456px;padding:34px;position:relative}.screen-title small,.warning-detail small,.form-head span{color:#38d6dc;letter-spacing:.16em;font-size:13px;font-weight:800;display:block}.screen-title b{margin-top:10px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(31px,2.55vw,44px);line-height:1.2;display:block}.screen-title p{color:#ffffffb8;max-width:420px;margin:10px 0 0;font-size:15px}.console-tabs{gap:8px;display:flex;position:absolute;top:116px;right:34px}.console-tabs span{color:#ffffffd1;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.hydro-chart{border-bottom:1px solid #ffffff47;border-left:1px solid #ffffff47;height:180px;position:absolute;bottom:92px;left:34px;right:34px}.hydro-chart i{background:linear-gradient(#8af7f2,#31bccc);border-radius:18px 18px 0 0;width:19%;animation:3.8s ease-in-out infinite barRise;position:absolute;bottom:0;box-shadow:0 0 34px #8af7f252}.hydro-chart i:first-child{height:42%;left:5%}.hydro-chart i:nth-child(2){height:66%;animation-delay:.3s;left:29%}.hydro-chart i:nth-child(3){height:52%;animation-delay:.6s;left:53%}.hydro-chart i:nth-child(4){height:82%;animation-delay:.9s;left:77%}.software-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff3d;border-radius:18px;padding:16px 18px;animation:5s ease-in-out infinite statusDrift;position:absolute;top:184px;right:36px}.software-status.second{animation-delay:1s;inset:auto auto 30px 34px}.software-status span{color:#ffffffb8;font-size:13px;display:block}.software-status strong{font-size:22px}.software-content{gap:18px;display:grid}.software-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.software-feature-grid article{border-radius:26px;min-height:204px;padding:28px}.software-feature-grid h3,.warning-flow h3,.custom-grid h3,.mini-job-list h3{margin-bottom:12px;font-size:24px;line-height:1.35}.software-feature-grid p,.warning-flow p,.custom-grid p,.mini-job-list p{color:var(--muted);margin:0;font-size:16px}.module-tags{background:#ffffff94;border:1px dashed #22b6c857;border-radius:26px;padding:24px}.download-card{color:#fff;background:linear-gradient(135deg,#09263a,#0b728e 55%,#24c6c8);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:28px;display:grid;box-shadow:0 24px 58px #063a4c2e}.download-card span{color:#9eeff0;letter-spacing:.12em;font-size:14px;font-weight:800}.download-card strong{margin:4px 0;font-size:32px;display:block}.download-card p{color:#ffffffd1;margin:0}.warning-section,.custom-section{position:relative}.warning-section:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffffffb8,#e7f7f79e),radial-gradient(circle at 86% 16%,#0c5f9d1a,#0000 32%);border-radius:42px;position:absolute;inset:52px max(-8vw,-88px) 30px}.warning-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.warning-flow article{background:linear-gradient(150deg,#ffffffeb,#ebfafadb),radial-gradient(circle at 82% 15%,#22b6c826,#0000 26%);border-radius:30px;min-height:226px;padding:30px}.warning-flow span{color:var(--cyan-strong);font-family:Georgia,serif;font-size:32px;font-weight:700}.warning-detail{color:#fff;background:radial-gradient(circle at 90% 12%,#2dd5db38,#0000 24%),linear-gradient(135deg,#08263af7,#075d71f2);border:1px solid #22b6c83d;border-radius:34px;grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr) auto;align-items:center;gap:32px;margin-top:20px;padding:30px;display:grid;box-shadow:0 28px 76px #04394e33}.warning-detail h3{margin:8px 0 10px;font-size:30px}.warning-detail p{color:#ffffffc7;margin:0}.warning-detail ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.warning-detail li{color:#ffffffe6;padding-left:20px;position:relative}.warning-detail li:before{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:.72em;left:0}.custom-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.custom-grid article{border-radius:30px;min-height:220px;padding:32px}.custom-grid article:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--blue));border-radius:999px;width:58px;height:6px;margin-bottom:32px;display:block}.recruitment-mini{border:1px solid var(--line);background:linear-gradient(135deg,#ffffffe0,#ebfafac7),radial-gradient(circle at 4% 20%,#22b6c81f,#0000 28%);border-radius:32px;grid-template-columns:minmax(240px,.36fr) minmax(0,1fr) minmax(220px,.28fr);align-items:start;gap:24px;margin-top:38px;padding:28px;display:grid;box-shadow:0 20px 58px #063a4c14}.recruitment-mini h2{margin:10px 0 8px;font-size:28px}.recruitment-mini p{color:var(--muted);margin:0;font-size:15px}.mini-job-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mini-job-list article{box-shadow:none;border-radius:20px;padding:18px}.mini-job-list h3{margin:0;font-size:18px}.mini-job-list span{color:var(--cyan-strong);margin:3px 0 8px;font-size:14px;font-weight:800;display:block}.mini-job-list p{font-size:14px;line-height:1.65}.recruitment-contact{color:#fff;background:#0a3146;border-radius:22px;gap:8px;min-width:230px;padding:20px;display:grid}.recruitment-contact span{color:#ffffffb8;font-size:14px}.recruitment-contact a{font-size:15px;font-weight:800}.contact{padding:86px 0 0}.contact-main{color:#fff;background:radial-gradient(circle at 12% 10%,#22b6c833,#0000 30%),linear-gradient(135deg,#061923,#0a3146 56%,#0a778e);border-radius:38px;padding:48px;box-shadow:0 32px 86px #04394e3d}.contact-main h2{letter-spacing:-.06em;margin:12px 0 30px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(38px,3.6vw,66px);line-height:1.16}.contact-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.contact-info-card{min-height:160px;box-shadow:none;background:#ffffff14;border-color:#ffffff1f;border-radius:24px;grid-template-columns:56px 1fr;align-items:start;gap:18px;padding:24px;display:grid}.contact-info-icon{border:2px solid var(--cyan);border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.contact-info-icon i{border:2px solid var(--cyan);width:22px;height:22px;display:block}.mail .contact-info-icon i{border-radius:4px}.location .contact-info-icon i{border-radius:50% 50% 50% 4px;transform:rotate(-45deg)}.time .contact-info-icon i{border-radius:50%}.contact-info-card span{color:#ffffffb8;font-size:15px;font-weight:700;display:block}.contact-info-card strong{margin:2px 0 6px;font-size:21px;line-height:1.4;display:block}.contact-info-card p{color:#ffffffb3;margin:0;font-size:14px}.email-consult-form{background:#00000029;border:1px solid #ffffff1f;border-radius:28px;padding:30px}.form-head h3{margin:8px 0 6px;font-size:28px}.form-head p{color:#ffffffad;margin:0 0 22px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid label{gap:8px;display:grid}.form-grid label.full{grid-column:1/-1}.form-grid label>span{color:#ffffffc2;font-size:14px;font-weight:700}.form-grid input,.form-grid textarea{color:#fff;width:100%;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;outline:none;font-size:16px}.form-grid input{min-height:52px;padding:0 16px}.form-grid textarea{resize:vertical;min-height:132px;padding:14px 16px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:#ffffff6b}.email-consult-form button{color:#062130;width:min(360px,100%);min-height:54px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#8df8f3,#28c5cf);border:0;border-radius:999px;margin-top:18px;font-weight:900;transition:transform .24s,box-shadow .24s;box-shadow:0 18px 38px #22b6c847}.email-consult-form button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 22px 48px #22b6c85c}.email-consult-form small{color:#ffffffa3;margin-top:12px;display:block}footer{border:1px solid var(--line);background:#ffffffbf;border-radius:30px;margin-top:42px;margin-bottom:28px;padding:30px}footer p{color:var(--muted);margin:18px 0 20px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;font-size:14px;display:flex}@keyframes backgroundSweep{0%{transform:translate(-18px,-10px)scale(1)}to{transform:translate(18px,10px)scale(1.02)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes floatLarge{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.025)}}@keyframes consoleFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-16px)scale(1.018)}}@keyframes pageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scanLight{0%,35%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes pulseScale{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:.9;transform:scale(1.08)}}@keyframes spinSlow{to{transform:rotate(360deg)}}@keyframes barRise{0%,to{transform:scaleY(.82)}50%{transform:scaleY(1.08)}}@keyframes statusDrift{0%,to{transform:translate(0,0)}50%{transform:translate(10px,-12px)}}@media (width<=1180px){.site-header,.hero,.section,.services-compact,.recruitment-mini,.contact-main,footer{width:min(100% - 34px,980px)}.site-header{grid-template-columns:1fr auto auto}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{border:1px solid var(--line);color:#0b526b;cursor:pointer;border-radius:999px;place-items:center;min-height:44px;padding:0 14px;font-weight:800;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:1px solid var(--line);width:210px;box-shadow:var(--shadow);background:#fff;border-radius:18px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.mobile-menu nav a{color:#153a4e;border-radius:12px;padding:10px 12px}.mobile-menu nav a:hover{background:var(--soft)}.hero,.software-layout,.section-heading,.section-heading.wide,.warning-detail,.recruitment-mini{grid-template-columns:1fr}.hero{min-height:auto;padding-top:70px}.hero-visual,.software-console{min-height:480px}.contact-info-grid,.core-service-grid,.warning-flow,.custom-grid,.mini-job-list{grid-template-columns:1fr}.recruitment-contact{width:100%}}@media (width<=720px){body{font-size:15px}.site-header,.hero,.section,.services-compact,.recruitment-mini,.contact-main,footer{width:min(100% - 24px,620px)}.site-header{grid-template-columns:1fr auto;margin-top:10px}.brand-logo{width:48px;height:48px}.brand-logo img{width:40px;height:40px}.brand-name small,.header-cta{display:none}.hero{padding-top:50px}.hero h1{font-size:clamp(38px,12vw,58px)}.section{padding:64px 0}.section-heading h2,.contact-main h2{font-size:clamp(34px,10vw,48px)}.hero-visual,.software-console{min-height:360px}.software-layout{display:block}.software-content{margin-top:18px}.software-feature-grid,.form-grid{grid-template-columns:1fr}.core-service-card,.software-feature-grid article,.warning-flow article,.custom-grid article,.recruitment-mini,.contact-main,.email-consult-form{padding:24px}.download-card{grid-template-columns:1fr}.contact-info-card{grid-template-columns:48px 1fr}.service-pages{grid-auto-columns:88%}.service-page{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}