.wechat-qr-container[data-v-8f90c8f2]{margin-top:30px;text-align:center;padding:20px;background:#ffffff1a;border-radius:15px}.wechat-qr[data-v-8f90c8f2]{width:200px;height:200px;border-radius:10px;box-shadow:0 5px 15px #0003;transition:transform .3s}.wechat-qr[data-v-8f90c8f2]:hover{transform:scale(1.05)}.wechat-hint[data-v-8f90c8f2]{margin-top:15px;font-size:16px;color:#fff;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background:linear-gradient(135deg,#11998e,#38ef7d);min-height:100vh}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#11998e}.logo-icon{font-size:36px;animation:bounce 2s infinite}.nav{display:flex;gap:30px;align-items:center}.nav a{text-decoration:none;color:#333;font-weight:500;transition:color .3s;position:relative}.nav a:hover{color:#11998e}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#11998e;transition:width .3s}.nav a:hover:after{width:100%}.contact-btn{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff!important;padding:10px 25px;border-radius:25px;font-weight:600;box-shadow:0 4px 15px #11998e66;transition:transform .3s,box-shadow .3s}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #11998e99}.contact-btn:after{display:none}.hero{padding:160px 0 100px;text-align:center;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero-content{position:relative;z-index:1}.hero-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.hero h1{font-size:48px;margin-bottom:20px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero p{font-size:20px;opacity:.95;margin-bottom:30px;line-height:1.8}.hero-tags{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:30px}.tag{background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:50px;font-size:16px;border:1px solid rgba(255,255,255,.3);transition:all .3s}.tag:hover{background:#ffffff4d;transform:translateY(-3px)}.services{padding:100px 0;background:#fff}.section-title{text-align:center;font-size:36px;color:#333;margin-bottom:60px;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(135deg,#11998e,#38ef7d);margin:20px auto 0;border-radius:2px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 30px;border-radius:20px;text-align:center;transition:all .3s;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#11998e,#38ef7d);transform:scaleX(0);transition:transform .3s}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-icon{font-size:60px;margin-bottom:20px}.service-card h3{font-size:24px;color:#333;margin-bottom:15px}.service-card p{color:#666;line-height:1.6}.products{padding:100px 0;background:linear-gradient(135deg,#11998e,#38ef7d)}.products .section-title{color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.product-card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #0000001a}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #0003}.product-icon{font-size:50px;margin-bottom:20px}.product-card h3{font-size:20px;color:#333;margin-bottom:10px}.product-card p{color:#666;font-size:14px;line-height:1.6}.contact{padding:100px 0;background:#fff}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-info{padding:40px;background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:20px;color:#fff}.contact-info h3{font-size:28px;margin-bottom:30px}.contact-item{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:18px}.contact-item span:first-child{font-size:24px}.contact-form{background:#f5f7fa;padding:40px;border-radius:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#11998e}.form-group textarea{min-height:120px;resize:vertical}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #11998e66}.footer{background:#1a1a2e;color:#fff;padding:40px 0;text-align:center}.footer p{opacity:.8;font-size:14px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width: 768px){.hero h1{font-size:32px}.hero p{font-size:16px}.nav{gap:15px}.contact-content{grid-template-columns:1fr}.section-title{font-size:28px}}