.point-icon{display:inline-block;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;margin-right:10px}.banner-buttons{display:flex;gap:20px;margin-top:30px}.primary-btn,.secondary-btn{display:inline-block;padding:12px 30px;border-radius:30px;font-size:16px;font-weight:500;text-decoration:none;transition:all var(--transition-speed) ease;text-align:center}.primary-btn{background-color:var(--primary-color);color:#fff;box-shadow:0 5px 15px rgba(48,183,132,.3)}.primary-btn:hover{background-color:#28a070;transform:translateY(-3px);box-shadow:0 8px 20px rgba(48,183,132,.4)}.secondary-btn{background-color:transparent;color:var(--text-light);border:2px solid var(--text-light)}.secondary-btn:hover{background-color:hsla(0,0%,100%,.1);transform:translateY(-3px)}.section-header{margin-bottom:50px}.section-subtitle{text-align:center;font-size:18px;color:var(--primary-color);margin-top:10px;opacity:.8}.team .section-header h2{color:#fff}.service-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background-color:rgba(48,183,132,.1);border-radius:50%;transition:all var(--transition-speed) ease}.service-item:hover .service-icon{background-color:rgba(48,183,132,.2);transform:scale(1.1)}.service-icon img{width:60%;height:auto}.member-image{overflow:hidden;border-radius:10px;margin-bottom:20px}.contact-info{gap:10px}.email-icon,.phone-icon{display:inline-block;width:16px;height:16px;margin-right:8px;position:relative;top:2px}.qr-title{color:#a5a4b1;margin-bottom:10px;font-size:14px}@media (max-width:768px){.banner-buttons{flex-direction:column;gap:15px;align-items:center}.primary-btn,.secondary-btn{width:100%;max-width:250px}.banner-points p{text-align:left;padding-left:20px;position:relative}.point-icon{position:absolute;left:0;top:8px}}*{box-sizing:border-box;margin:0;padding:0}@-o-viewport{width:device-width;zoom:1}@viewport{width:device-width;zoom:1}:root{--primary-color:#30b784;--secondary-color:#0f1029;--text-light:#e4e3f3;--text-dark:#333;--bg-light:#f4f4fc;--bg-dark:#06060b;--transition-speed:0.3s}.body{font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,"sans-serif";margin:0;padding:0;background-color:var(--bg-light);color:var(--text-dark);overflow-x:hidden;line-height:1.6}.nav{display:flex;top:0;width:100%;height:90px;flex-direction:row;align-items:center;justify-content:space-between;z-index:100;transition:all .3s ease;background-color:var(--secondary-color);position:fixed;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:0 5%}.header-logo{flex-shrink:0;display:block;margin:0;width:206px;height:100px;background-size:100%;cursor:pointer;transition:transform var(--transition-speed) ease}.header-logo:hover{transform:scale(1.05)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:101}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--text-light);border-radius:3px;transition:all var(--transition-speed) ease}.mobile-menu-open .mobile-menu-toggle span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.header-nav>ul{display:flex;margin:0 40px;padding:0;list-style:none;transition:all var(--transition-speed) ease}.header-nav>ul>li{position:relative;margin:0 35px;height:90px;line-height:90px}.header-nav>ul>li:hover>a{border-top-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px)}.header-nav>ul>li>a{display:block;font-size:20px;color:var(--text-light);border-top:4px solid transparent;text-decoration:none;white-space:nowrap;text-align:center;outline:0;transition:all .5s ease;position:relative}.header-nav>ul>li>a:after{content:"";position:absolute;bottom:20px;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all var(--transition-speed) ease;transform:translateX(-50%)}.header-nav>ul>li:hover>a:after{width:70%}.container{width:100%;padding-top:90px}.banner{display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-around;min-height:600px;background:linear-gradient(135deg,#0f112a,#1a1c3a);padding:60px 5%;overflow:hidden}.banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%23ffffff" fill-opacity="0.03" width="50" height="50" x="0" y="0"/><rect fill="%23ffffff" fill-opacity="0.03" width="50" height="50" x="50" y="50"/></svg>');opacity:.3}.banner .banner-slogan{position:relative;max-width:726px;width:100%;animation:fadeInLeft 1s ease-out;z-index:1}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.banner .banner-slogan span{font-size:48px;font-weight:600;line-height:1.2;color:var(--text-light);display:block;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.3);position:relative}.banner .banner-slogan span:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--primary-color);border-radius:2px}.banner-description{padding-top:20px;color:var(--text-light)!important;font-size:22px!important;font-weight:300;line-height:1.7!important;margin-bottom:30px!important}.banner .banner-slogan p{margin-top:20px;font-size:18px;line-height:1.8;color:rgba(206,205,232,.8);text-align:justify;position:relative;padding-left:20px}.banner .banner-slogan p:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.banner .banner-stage{position:relative;max-width:726px;width:100%;height:400px;background:url(../../static/img/c234.12bb8bce.jpg) 50% no-repeat;background-size:contain;animation:fadeInRight 1s ease-out;z-index:1}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.banner .banner-stage:hover{transform:translateY(-10px)}.services{padding:80px 7% 60px;position:relative;background:linear-gradient(180deg,var(--bg-light) 0,#fff)}.service-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px}.services h2,.team h2{text-align:center;font-size:36px;margin-bottom:20px;font-weight:700;color:var(--secondary-color);position:relative;display:inline-block;left:50%;transform:translateX(-50%)}.services h2:after,.team h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:var(--primary-color);border-radius:2px}.team{padding:80px 7% 60px;background:linear-gradient(135deg,#0f112a,#1a1c3a);color:var(--text-light);position:relative}.team:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%23ffffff" fill-opacity="0.03" width="50" height="50" x="0" y="0"/><rect fill="%23ffffff" fill-opacity="0.03" width="50" height="50" x="50" y="50"/></svg>');opacity:.3}.team-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:50px;position:relative;z-index:1}.service-item{flex:1 1 250px;max-width:300px;text-align:center;padding:30px 20px;transition:all var(--transition-speed) ease;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.05);position:relative;overflow:hidden}.service-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--primary-color);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-speed) ease}.service-item:hover{transform:translateY(-15px);box-shadow:0 15px 40px rgba(0,0,0,.1)}.service-item:hover:before{transform:scaleX(1)}.team-member{flex:1 1 300px;max-width:350px;text-align:center;padding:30px 25px;transition:all var(--transition-speed) ease;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1)}.team-member:hover{transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,.2);background:hsla(0,0%,100%,.1)}.service-item img,.team-member img{max-width:100%;height:auto;border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all var(--transition-speed) ease;transform:scale(.95)}.service-item:hover img,.team-member:hover img{transform:scale(1);box-shadow:0 15px 30px rgba(0,0,0,.15)}.service-item h3{margin-top:25px;font-size:22px;font-weight:700;color:var(--secondary-color);position:relative;padding-bottom:15px}.service-item h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary-color);border-radius:1.5px}.team-member h3{margin-top:25px;font-size:22px;font-weight:700;color:var(--text-light);position:relative;padding-bottom:15px}.team-member h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary-color);border-radius:1.5px}.team-member p{margin-top:20px;font-size:16px;line-height:1.7;color:rgba(228,227,243,.8)}.footer{background:var(--bg-dark);padding:80px 7% 40px}.footer:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.footer-content{gap:40px;max-width:1400px;margin:0 auto}.footer-logo{transition:transform var(--transition-speed) ease}.footer-logo:hover{transform:scale(1.05)}.footer-slogan{margin-top:15px;font-size:14px}.footer-slogan span{color:#a5a4b1}.copyright{padding:20px 7%;border-top:1px solid hsla(0,0%,100%,.05)}.copyright span{font-size:13px;color:#a5a4b1}.copyright a,.copyright span{transition:color var(--transition-speed) ease}@media (max-width:1200px){.banner{flex-direction:column;text-align:center;padding:80px 20px}.banner .banner-slogan{margin:0 auto 60px}.banner .banner-slogan p{text-align:center;padding-left:0}.banner .banner-slogan p:before{display:none}.banner .banner-slogan span:after{left:50%;transform:translateX(-50%)}.banner .banner-stage{margin:0 auto;height:350px}.footer-contact .tel h4:after{left:50%;transform:translateX(-50%)}}@media (max-width:992px){.nav{padding:0 20px;height:90px}.header-logo{margin:0;width:150px;height:75px}.header-nav>ul>li{margin:0 15px;height:80px;line-height:80px}.header-nav>ul>li>a{font-size:16px}.header-nav>ul>li>a:after{bottom:15px}.container{padding-top:80px}.banner .banner-slogan span{font-size:38px}.banner-description{font-size:18px!important}.services h2,.team h2{font-size:30px}.service-item,.team-member{flex:1 1 calc(50% - 30px);max-width:100%}}@media (max-width:768px){.nav{height:90px}.mobile-menu-toggle{display:flex}.hide-on-mobile{display:none}.header-nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:var(--secondary-color);padding:80px 20px 20px;transition:right var(--transition-speed) ease;box-shadow:-5px 0 15px rgba(0,0,0,.2);z-index:100}.header-nav.mobile-menu-open{right:0}.header-nav>ul{flex-direction:column;margin:0}.header-nav>ul>li{height:auto;line-height:normal;margin:15px 0}.header-nav>ul>li>a{border-top:none;padding:15px 0;font-size:18px;text-align:left}.header-nav>ul>li>a:after{bottom:10px;left:0;transform:none}.header-nav>ul>li:hover>a:after{width:40px}.container{padding-top:70px}.banner{min-height:auto;padding:60px 15px}.banner .banner-slogan span{font-size:32px}.banner-description{font-size:16px!important}.banner .banner-stage{height:250px}.services,.team{padding:60px 5%}.services h2,.team h2{font-size:26px;margin-bottom:40px}.service-item,.team-member{flex:1 1 100%;max-width:400px}.footer{padding:40px 5%}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-contact{text-align:center;padding-left:0}.copyright{flex-direction:column;padding:15px 5%}}@media (max-width:480px){.header-logo{width:120px;height:60px}.banner .banner-slogan span{font-size:28px}.banner-description{font-size:14px!important}.banner .banner-slogan p{font-size:14px}.banner .banner-stage{height:200px}.service-item h3,.team-member h3{font-size:20px}.team-member p{font-size:14px}}.footer{background:linear-gradient(180deg,#0a0b1e,#06060b);padding:70px 7% 50px;position:relative;color:#fff}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),#2196f3);box-shadow:0 0 20px rgba(48,183,132,.5)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;position:relative}.footer-content:after{content:"";position:absolute;bottom:-30px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent)}.footer-brand{flex:1 1 250px;position:relative}.footer-logo{display:block;width:180px;height:auto;max-height:90px;-o-object-fit:contain;object-fit:contain;transition:all .4s ease;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.footer-logo:hover{transform:scale(1.05) translateY(-5px);filter:drop-shadow(0 8px 20px rgba(48,183,132,.3))}.footer-slogan{margin-top:20px;font-size:15px;position:relative;padding-left:15px}.footer-slogan:before{content:"";position:absolute;left:0;top:5px;height:70%;width:3px;background:var(--primary-color);border-radius:3px}.footer-slogan span{color:#bdbdce;line-height:1.6;letter-spacing:.5px;transition:color .3s ease}.footer-slogan:hover span{color:#fff}.footer-contact{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;flex:1 1 200px;background:hsla(0,0%,100%,.03);border-radius:10px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.05);transition:transform .3s ease,box-shadow .3s ease;margin-right:30%}.footer-contact:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.footer-contact .tel h4{margin:0 0 20px;font-size:20px;font-weight:500;color:#fff;position:relative;padding-bottom:12px;text-align:left}.footer-contact .tel h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary-color);border-radius:3px}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-info a{text-decoration:none;transition:transform .3s ease;display:block}.contact-info a:hover{transform:translateX(0)}.contact-info span{font-size:16px;color:#bdbdce;line-height:1.8;display:flex;align-items:center;transition:color .3s ease}.contact-info a:hover span{color:var(--primary-color)}.email-icon,.phone-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:10px;background:rgba(48,183,132,.1);border-radius:50%;transition:all .3s ease}.contact-info a:hover .email-icon,.contact-info a:hover .phone-icon{background:rgba(48,183,132,.3);transform:scale(1.1)}.email-icon:before{content:"✉";color:var(--primary-color)}.phone-icon:before{content:"☏";color:var(--primary-color)}.wechat{flex:0 0 200px;margin-left:-100px;background:hsla(0,0%,100%,.03);border-radius:10px;padding:20px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.05);transition:transform .3s ease,box-shadow .3s ease;text-align:center}.wechat:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.qr-title{text-align:center;color:#fff;margin-bottom:15px;font-size:16px;font-weight:500;position:relative;padding-bottom:10px}.qr-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--primary-color);border-radius:3px}.wechat-qr{width:140px;height:140px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:all .4s ease;border:4px solid hsla(0,0%,100%,.1)}.wechat-qr:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(48,183,132,.3);border-color:rgba(48,183,132,.3)}.copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:25px 7%;background:var(--bg-dark);text-align:center;position:relative}.copyright span{font-size:14px;color:#8a8a9a;transition:color .3s ease}.copyright a{text-decoration:none;position:relative;transition:all .3s ease}.copyright a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--primary-color);transition:width .3s ease}.copyright a:hover:after{width:100%}.copyright a:hover span{color:var(--primary-color)}@media (max-width:768px){.footer{padding:30px 10% 40px}.footer-content{flex-direction:column;align-items:center;text-align:center;gap:30px}.footer-brand,.footer-contact,.wechat{width:100%;max-width:350px}.footer-contact .tel{padding-left:20%}.footer-slogan{padding-left:0}.footer-slogan:before{display:none}.footer-contact .tel h4{text-align:center}.footer-contact .tel h4:after{left:50%;transform:translateX(-50%)}}