:root{--tech-dark:#2d436d;--tech-blue:#00f0ff;--tech-purple:#7928ca;--tech-gray:#1e2532;--tech-light:#e0e0e0;--tech-hover:#134a4e33;--border-glow:0 0 8px #00f0ff99;--text-glow:0 0 10px #00f0ffb3,0 0 20px #00f0ff80;--nav-bg:#0a0e17cc;--nav-border-color:#00f0ff33;--text-color:#e0e0e0;--section-title-color:#fff;--descript-text-color:#b0b0b0;--block-bg:#0a0e1780;--block-bg2:#134a4e33;--scan-line-start-color:#00f0ff99;--scan-line-top-text-color:#00f0ff99;--scan-line-bottom-text-color:#00f0ff80;--fadeedge-color:184,100%,50%;--hover-bg-color:184,100%,43%}:root.light{--tech-dark:#eeecec;--tech-blue:#005388;--tech-purple:#2c9ce3;--tech-gray:#c3e3ff;--tech-light:#e0e0e0;--tech-hover:#00538880;--border-glow:0 0 8px #00538860;--text-glow:0 0 10px #00538870,0 0 20px #00f0ff80;--nav-bg:#fff;--nav-border-color:#f5f5f5;--text-color:#333;--section-title-color:#333;--descript-text-color:#4b4b4b;--block-bg:#c3e3ff70;--block-bg2:#2785af;--scan-line-start-color:#00538899;--scan-line-top-text-color:#2b818199;--scan-line-bottom-text-color:#41a1a180;--fadeedge-color:203,100%,27%;--hover-bg-color:204,95%,23%}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,Microsoft YaHei,sans-serif}html{overflow:hidden auto}body{background-color:var(--tech-dark);color:var(--tech-light);width:100%;line-height:1.6;position:relative;overflow:hidden auto}.hero .matrix-bg{z-index:0;pointer-events:none;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.matrix-stream{color:hsl(var(--fadeedge-color),.3);text-shadow:0 0 8px hsl(var(--fadeedge-color),.5),0 0 15px hsl(var(--fadeedge-color),.3);opacity:0;font-family:Courier New,monospace;font-size:18px;font-weight:700;transition:opacity .5s;animation:linear infinite matrix-fall;position:absolute;top:-50px}@keyframes matrix-fall{0%{opacity:0;transform:translateY(-100px)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(calc(100vh + 100px))}}.matrix-stream.highlight{color:hsl(var(--fadeedge-color),.6);text-shadow:0 0 8px hsl(var(--fadeedge-color),.8),0 0 15px hsl(var(--fadeedge-color),.6);font-weight:900}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.tool-bar{z-index:999;width:fit-content;height:auto;box-shadow:0 0 15px hsla(var(--fadeedge-color),.5);color:var(--text-color);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:15px 10px;display:flex;position:fixed;bottom:100px;right:20px}.navbar{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;border-bottom:1px solid var(--nav-border-color);width:100%;padding:1.2rem 0;transition:all .3s;position:fixed;top:0;left:0}.lang-btn{cursor:pointer;position:relative}.lang-list{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;filter:drop-shadow(0 0 10px hsla(var(--fadeedge-color),.5));border-radius:8px;padding:5px 6px;font-size:14px;display:none;position:absolute;bottom:0;left:0;transform:translate(calc(-100% - 10px))}.lang-list:before{--w:12px;--w-half:calc(var(--w)/2);--half-color:red;content:"";border:var(--w-half)solid transparent;border-left-color:var(--nav-bg);transform:translateX(var(--w));display:block;position:absolute;bottom:5px;right:0}.lang-item{text-wrap:nowrap;border-radius:5px;padding:5px 8px}.lang-item:hover{background-color:hsla(var(--hover-bg-color),.8)}.navbar:hover{border-bottom-color:var(--tech-blue);box-shadow:0 2px 15px #00f0ff4d}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;transition:transform .3s;display:flex}.logo:hover{transform:scale(1.05)}.logo-icon{color:var(--tech-blue);text-shadow:var(--text-glow);font-size:1.8rem}.logo-text{color:var(--text-color);letter-spacing:1px;text-wrap:nowrap;font-size:1.5rem;font-weight:700}.logo-text span{color:var(--tech-blue);text-shadow:var(--text-glow)}.nav-menu{gap:2.5rem;list-style:none;display:flex}.nav-link{color:var(--text-color);padding:5px 0;font-size:1rem;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover{color:var(--tech-blue);text-shadow:var(--text-glow)}.nav-link:after{content:"";background-color:var(--tech-blue);width:0;height:2px;box-shadow:var(--border-glow);transition:width .3s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.contact-phone{color:var(--tech-blue);text-shadow:0 0 5px #00f0ff80;align-items:center;gap:8px;font-weight:500;display:flex}.mobile-menu-btn{color:var(--tech-blue);cursor:pointer;text-shadow:var(--text-glow);font-size:1.5rem;transition:transform .3s;display:none}.mobile-menu-btn:hover{transform:rotate(90deg)}.hero{background:linear-gradient(135deg,var(--tech-dark)0%,#121a29 100%);margin-top:100px;padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);border-radius:50%;width:60%;height:120%;animation:15s ease-in-out infinite pulse;position:absolute;top:-50%;right:-20%}.hero:after{content:"";z-index:0;background:radial-gradient(circle,#7928ca1a 0%,#0000 70%);border-radius:50%;width:50%;height:100%;animation:18s ease-in-out 2s infinite pulse;position:absolute;bottom:-30%;left:-15%}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:.8;transform:scale(1)}}.hero-container{z-index:1;align-items:center;gap:4rem;display:flex;position:relative}.hero-text{flex:1}.hero-subtitle{color:var(--tech-blue);letter-spacing:2px;text-shadow:0 0 5px var(--scan-line-start-color);margin-bottom:1rem;font-size:1.1rem;font-weight:500}.hero-title{color:var(--text-color);margin-bottom:1.5rem;font-size:2.8rem;line-height:1.3}.hero-title span{color:var(--tech-blue);text-shadow:var(--text-glow)}.hero-desc{color:var(--descript-text-color);max-width:500px;margin-bottom:2rem;font-size:1rem}.btn{background-color:var(--tech-blue);color:var(--tech-dark);cursor:pointer;box-shadow:var(--border-glow);border:none;border-radius:4px;padding:.8rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@keyframes shine{0%{transform:translate(-100%)rotate(30deg)}to{transform:translate(100%)rotate(30deg)}}.btn:hover{background-color:hsl(var(--hover-bg-color));box-shadow:0 0 15px hsla(var(--fadeedge-color),.8);transform:translateY(-3px)}.btn-outline{border:1px solid var(--tech-blue);color:var(--tech-blue);background-color:#0000;margin-left:1rem}.btn-outline:hover{background-color:var(--tech-hover)}.hero-img{text-align:center;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.particles-container{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.center-img{z-index:2;-o-object-fit:cover;object-fit:cover;border-radius:8px;width:150px;max-width:100%;height:150px;transition:transform .5s;position:relative;box-shadow:0 0 20px #00f0ff33}.center-img:hover{transform:scale(1.02);box-shadow:0 0 30px #00f0ff66}.particle{background-color:var(--tech-blue);width:8px;height:8px;box-shadow:0 0 10px var(--tech-blue),0 0 20px var(--tech-blue);z-index:1;border-radius:50%;position:absolute}.orbit{border:1px solid #00f0ff33;border-radius:50%;animation:linear infinite rotate;position:absolute;transform:rotate(0)}.orbit:first-child{width:200px;height:200px;animation-duration:20s}.orbit:nth-child(2){width:250px;height:250px;animation-duration:25s;animation-direction:reverse}.orbit:nth-child(3){width:300px;height:300px;animation-duration:30s}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-display-container{align-items:center;gap:40px;display:flex;position:relative}.discover-text{opacity:.8;flex-direction:column;justify-content:center;height:200px;animation:2s ease-in-out fadeIn;display:flex;position:relative}.discover-top,.discover-bottom{text-transform:uppercase;color:#0000;-webkit-text-stroke:1px var(--scan-line-top-text-color);text-shadow:0 0 10px var(--scan-line-top-text-color);letter-spacing:2px;opacity:.8;font-size:120px;font-weight:900;animation:4s ease-in-out infinite fadeEdge;position:relative}.discover-top{margin-bottom:-120px;transform:translate(20px)}.discover-bottom{opacity:.6;transform:translate(10px)}@keyframes fadeEdge{0%,to{text-shadow:0 0 10px hsla(var(--fadeedge-color),.3),0 0 20px hsla(var(--fadeedge-color),.1);opacity:.6}50%{text-shadow:0 0 15px hsla(var(--fadeedge-color),.8),0 0 30px hsla(var(--fadeedge-color),.5);opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:.8;transform:translate(0)}}.particles-container{background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.radar{background:0 0;border:2px solid #00f0ff4d;border-radius:50%;width:100%;height:100%;position:absolute}.radar:before,.radar:after{content:"";border:1px solid #00f0ff33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar:before{width:70%;height:70%}.radar:after{width:40%;height:40%}.scan-line{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.scan-line:before{content:"";background:conic-gradient(from 0deg at 0% 50%,transparent 0%,var(--scan-line-start-color)50%,transparent 100%);transform-origin:0;width:50%;height:100%;animation:3s linear infinite scan;position:absolute;top:0;left:50%}@keyframes scan{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.products{background-color:var(--tech-dark);padding:8rem 0;position:relative}.products:before{content:"";z-index:0;background-image:radial-gradient(circle,#7928ca08 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.section-header{text-align:center;z-index:1;margin-bottom:5rem;position:relative}.section-subtitle{color:var(--tech-blue);letter-spacing:2px;text-shadow:0 0 5px #00f0ff80;margin-bottom:.8rem;font-size:1rem}.section-title{color:var(--section-title-color);margin-bottom:1rem;font-size:2.2rem}.section-title span{color:var(--tech-blue);text-shadow:var(--text-glow)}.section-divider{background:linear-gradient(90deg,var(--tech-purple),var(--tech-blue));width:80px;height:3px;box-shadow:var(--border-glow);margin:0 auto}.products-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;display:grid;position:relative}.product-card{background-color:var(--tech-gray);border:1px solid #00f0ff1a;border-radius:8px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.product-card:before{content:"";background:linear-gradient(90deg,var(--tech-blue),var(--tech-purple));width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.product-card:hover{border-color:var(--tech-blue);transform:translateY(-10px);box-shadow:0 10px 25px #00f0ff26,0 0 15px #00f0ff33}.product-card:hover:before{transform:scaleX(1)}.product-icon{color:var(--tech-blue);text-shadow:var(--border-glow);margin-bottom:1.5rem;font-size:2rem;transition:transform .3s}.product-card:hover .product-icon{transform:scale(1.1)}.product-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.product-desc{color:var(--descript-text-color);margin-bottom:1.5rem}.product-features{margin-bottom:2rem;list-style:none}.product-features li{color:var(--descript-text-color);align-items:center;gap:10px;margin-bottom:.8rem;display:flex}.product-features li i{color:var(--tech-blue);font-size:.9rem}.tech-advantages{background:linear-gradient(180deg,var(--tech-dark)0%,var(--tech-gray)100%);padding:8rem 0;position:relative;overflow:hidden}.tech-advantages:after{content:"";z-index:0;background-image:radial-gradient(circle,#00f0ff0d 0%,#0000 70%);width:50%;height:100%;position:absolute;top:0;right:0}.advantages-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem .8rem;display:grid;position:relative}.advantage-card{text-align:center;background-color:var(--block-bg);border:1px solid #00f0ff1a;border-radius:8px;padding:2.5rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.advantage-card:before{content:"";opacity:0;background:linear-gradient(#00f0ff08 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.advantage-card:hover{background-color:hsla(var(--fadeedge-color),.05);border-color:var(--tech-blue);box-shadow:var(--border-glow);transform:translateY(-5px)}.advantage-card:hover:before{opacity:1}.advantage-number{color:var(--tech-blue);text-shadow:var(--text-glow);margin-bottom:1rem;font-size:3rem;font-weight:700;display:inline-block;position:relative}.advantage-number:after{content:"";background-color:var(--tech-blue);width:80%;height:2px;box-shadow:var(--border-glow);transition:transform .3s;position:absolute;bottom:-5px;left:10%;transform:scaleX(0)}.advantage-card:hover .advantage-number:after{transform:scaleX(1)}.advantage-title{color:var(--section-title-color);margin-bottom:.8rem;font-size:1.2rem}.advantage-desc{color:var(--descript-text-color);font-size:.95rem}.scenarios{background-color:var(--tech-dark);padding:8rem 0;position:relative}.scenarios:before{content:"";z-index:0;width:100%;height:60%;position:absolute;bottom:0;left:0}.scenarios-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid;position:relative}.scenario-card{border:1px solid hsla(var(--fadeedge-color),.1);background-color:#0000;border-radius:8px;flex-direction:column;align-items:center;padding:2rem;transition:all .3s;display:flex;position:relative}.scenario-card:hover{border-color:var(--tech-blue);box-shadow:var(--border-glow);transform:scale(1.05)}.scenario-icon{background-color:var(--block-bg2);width:60px;height:60px;color:var(--tech-blue);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 0 10px #00f0ff33}.scenario-card:hover .scenario-icon{background-color:var(--tech-blue);color:var(--tech-dark);transform:rotate(10deg);box-shadow:0 0 15px #00f0ff99}.scenario-title{color:var(--text-color);text-align:center;margin-bottom:.8rem;font-size:1.2rem}.scenario-desc{color:var(--descript-text-color);text-align:center;font-size:.95rem}.culture{background:linear-gradient(180deg,var(--tech-gray)0%,var(--tech-dark)100%);padding:8rem 0;position:relative}.culture:after{content:"";z-index:0;background-image:radial-gradient(circle,#00f0ff0d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:30%;right:10%}.culture-container{z-index:1;flex-direction:column;gap:4rem;display:flex;position:relative}.culture-item{border-bottom:1px solid #00f0ff0d;align-items:center;gap:3rem;padding:2rem 0;display:flex}.culture-item:last-child{border-bottom:none}.culture-item:nth-child(2n){flex-direction:row-reverse}.culture-icon{background-color:var(--tech-hover);height:120px;color:var(--tech-blue);box-shadow:var(--border-glow);z-index:1;border-radius:50%;flex:0 0 120px;justify-content:center;align-items:center;font-size:2.5rem;transition:transform .3s;display:flex;position:relative}.culture-icon:before{content:"";background-color:var(--tech-blue);width:120%;height:120%;box-shadow:var(--border-glow);z-index:-1;opacity:.2;border-radius:50%;animation:3s ease-in-out infinite pulse-icon;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-icon{0%{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:.2;transform:translate(-50%,-50%)scale(1)}}.culture-item:hover .culture-icon{transform:scale(1.1)rotate(5deg)}.culture-content{flex:1}.culture-title{color:var(--section-title-color);margin-bottom:1rem;font-size:1.8rem;display:inline-block;position:relative}.culture-title:after{content:"";background-color:var(--tech-blue);width:50px;height:2px;box-shadow:var(--border-glow);position:absolute;bottom:-5px;left:0}.culture-desc{color:var(--descript-text-color);font-size:1rem;line-height:1.8}.contact{background-color:var(--tech-dark);padding:8rem 0;position:relative}.contact:before{content:"";z-index:0;background-image:radial-gradient(circle at 10% 20%,#7928ca0d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00f0ff0d 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.contact-container{z-index:1;justify-content:center;gap:4rem;display:flex;position:relative}.contact-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.5rem;width:100%;display:grid}.contact-item{align-items:flex-start;gap:1.5rem;transition:transform .3s;display:flex}.contact-item:hover{transform:translate(5px)}.contact-item-icon{color:var(--tech-blue);text-shadow:var(--text-glow);font-size:1.5rem;transition:transform .3s}.contact_email{cursor:pointer;text-decoration:underline}.contact-item:hover .contact-item-icon{transform:scale(1.2)}.contact-item-content h3{color:var(--section-title-color);margin-bottom:.5rem;font-size:1.2rem}.contact-item-content p{color:var(--descript-text-color);font-size:.95rem}.contact-form{background-color:var(--tech-gray);border:1px solid #00f0ff1a;border-radius:8px;padding:2.5rem;transition:all .3s;position:relative}.contact-form:hover{border-color:var(--tech-blue);box-shadow:0 0 15px #00f0ff33}.contact-form:before{content:"";background:linear-gradient(45deg,var(--tech-blue),var(--tech-purple));z-index:-1;opacity:0;filter:blur(5px);border-radius:9px;transition:opacity .3s;position:absolute;inset:-1px}.contact-form:hover:before{opacity:.5}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--section-title-color);margin-bottom:.8rem;font-size:.95rem;display:block}.form-control{width:100%;color:var(--tech-light);background-color:#0a0e1780;border:1px solid #00f0ff33;border-radius:4px;padding:.9rem;font-size:.95rem;transition:all .3s}.form-control:focus{border-color:var(--tech-blue);box-shadow:var(--border-glow);background-color:#0a0e17b3;outline:none}.form-control::placeholder{color:#999}textarea.form-control{resize:vertical;min-height:120px}.footer{border-top:1px solid #00f0ff1a;padding:3rem 0;position:relative}.footer:before{content:"";background:linear-gradient(90deg,transparent,var(--tech-blue),transparent);width:100%;height:1px;top:0;left:0}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-logo{align-items:center;gap:10px;text-decoration:none;transition:transform .3s;display:flex}.footer-logo:hover{transform:scale(1.05)}.footer-logo-icon{color:var(--tech-blue);text-shadow:var(--text-glow);font-size:1.5rem}.footer-logo-text{color:var(--text-color);font-size:1.2rem;font-weight:700}.footer-links{gap:2rem;list-style:none;display:flex}.footer-link{color:var(--text-color);text-decoration:none;transition:all .3s;position:relative}.footer-link:hover{color:var(--tech-blue);text-shadow:0 0 5px #00f0ff80}.footer-link:after{content:"";background-color:var(--tech-blue);width:0;height:1px;transition:width .3s;position:absolute;bottom:-3px;left:0}.footer-link:hover:after{width:100%}.footer-tags{color:var(--descript-text-color);flex-wrap:wrap;gap:1rem;display:flex}.footer-tags span{background-color:#0a0e174d;border-radius:20px;padding:.3rem .8rem;font-size:.9rem;transition:all .3s}.footer-tags span:hover{background-color:var(--tech-hover);color:var(--tech-blue);transform:translateY(-2px)}.footer-copyright{color:var(--descript-text-color);text-align:center;border-top:1px solid #00f0ff0d;width:100%;margin-top:2rem;padding-top:1rem;font-size:.9rem}.footer-copyright span{color:var(--tech-blue);text-shadow:0 0 5px #00f0ff80}section{background:0 0!important}@media (max-width:992px){.hero-container{text-align:center;flex-direction:column}.hero-desc{margin:0 auto 2rem}.contact-container{grid-template-columns:1fr}.culture-item,.culture-item:nth-child(2n){text-align:center;flex-direction:column}.culture-title:after{left:50%;transform:translate(-50%)}}@media (max-width:768px){.nav-menu{background-color:var(--tech-dark);border-bottom:1px solid #00f0ff33;flex-direction:column;gap:1.5rem;width:100%;padding:1.5rem;display:none;position:absolute;top:100%;left:0}.nav-menu.active{display:flex}.mobile-menu-btn{display:block}.hero-title{font-size:2.2rem}.section-title{font-size:1.8rem}.footer-container{text-align:center;flex-direction:column}.footer-links{flex-direction:column;gap:1rem}}@media (max-width:576px){.hero{padding:4rem 0}.btn{text-align:center;width:100%;margin-bottom:1rem;display:block}.btn-outline{margin-left:0}.products,.tech-advantages,.scenarios,.culture,.contact{padding:5rem 0}.advantage-number{font-size:2.5rem}.navbar{-webkit-backdrop-filter:none;backdrop-filter:none}.culture-icon{width:100px;height:100px;font-size:2rem}.contact-info{flex-direction:column}}
.floating-lines-container{width:100vw;height:100vh;position:relative;overflow:hidden}