:root{--primary-color: #0056b3;--secondary-color: #00a8cc;--accent-color: #f39c12;--text-color: #333333;--text-light: #666666;--bg-light: #f4f7f9;--bg-white: #ffffff;--border-color: #e0e0e0;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 32px;--spacing-xl: 64px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-white)}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-xl) 0}.section-title{font-size:2rem;text-align:center;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:var(--spacing-xl);font-size:1.1rem}.btn{display:inline-block;padding:10px 24px;border-radius:var(--radius-md);font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#004494;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:transparent}.btn-outline:hover{background-color:var(--primary-color);color:#fff}header{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;width:100%;top:0;z-index:1000}nav{max-width:1200px;margin:0 auto;padding:1rem var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-color);letter-spacing:1px}.nav-menu{display:flex;gap:var(--spacing-lg)}.nav-menu li a{font-weight:500;color:var(--text-color);position:relative}.nav-menu li a:hover,.nav-menu li a.active{color:var(--primary-color)}.nav-menu li a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width .3s}.nav-menu li a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{width:25px;height:3px;background-color:var(--text-color);transition:.3s}.hero{padding:160px 0 100px;text-align:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:80vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-md);animation:fadeIn 1s ease-out}.hero h1{font-size:3rem;line-height:1.2;margin-bottom:var(--spacing-md);color:#2c3e50}.hero p{font-size:1.25rem;color:var(--text-light);margin-bottom:var(--spacing-lg)}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.services{background-color:var(--bg-white)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.service-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--bg-light)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:transparent}.service-card .icon{font-size:3rem;margin-bottom:var(--spacing-md)}.service-card h3{margin-bottom:var(--spacing-sm);color:var(--text-color)}.service-card p{color:var(--text-light);font-size:.95rem}.products{background-color:var(--bg-light)}.product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-width:800px;margin:0 auto}.product-info{padding:var(--spacing-lg)}.badge{display:inline-block;background-color:#e3f2fd;color:var(--primary-color);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-md)}.product-desc{margin-bottom:var(--spacing-md);color:var(--text-light)}.features{margin-bottom:var(--spacing-md)}.features li{margin-bottom:8px;display:flex;align-items:center;gap:8px}.install-note{font-size:.9rem;color:var(--primary-color);font-weight:500;background:#f8f9fa;padding:10px;border-radius:var(--radius-md);display:inline-block}.about-content{max-width:800px;margin:0 auto;text-align:center}.about p{margin-bottom:var(--spacing-md);color:var(--text-light);line-height:1.8}.stats{display:flex;justify-content:space-around;margin-top:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.stat-item{text-align:center}.stat-item .number{display:block;font-size:2.5rem;font-weight:800;color:var(--primary-color)}.stat-item .label{color:var(--text-light);font-size:.9rem}.contact-section{background-color:var(--bg-light)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:900px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.contact-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center}.contact-item h3{margin-bottom:var(--spacing-sm);color:var(--primary-color)}.contact-link{font-size:1.2rem;font-weight:700;color:var(--text-color)}.contact-link:hover{color:var(--primary-color)}.info-card-container{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-md)}.info-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wechat-card .qr-code-wrapper{width:150px;height:150px;margin:16px 0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wechat-card .qr-code{width:100%;height:100%;object-fit:cover}.wechat-card p{font-size:.9rem;color:var(--text-light)}.transport-card{align-items:flex-start;text-align:left}.transport-card h4,.wechat-card h4{margin-bottom:16px;color:var(--primary-color);font-size:1.2rem}.transport-list li{margin-bottom:12px;color:var(--text-color);font-size:.95rem;line-height:1.6}.transport-list strong{color:var(--primary-color)}.map-link{display:inline-block;margin-top:16px;color:var(--secondary-color);font-weight:600;border-bottom:1px dashed var(--secondary-color)}.map-link:hover{color:var(--primary-color);border-bottom-style:solid}@media (max-width: 768px){.info-card-container{grid-template-columns:1fr}}footer{background-color:#2c3e50;color:#ecf0f1;padding:var(--spacing-lg) 0;text-align:center}footer a{color:#bdc3c7}footer a:hover{color:#fff}footer p{margin-bottom:8px}.beian-gongan{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.gongan-icon{width:16px;height:16px;vertical-align:middle}.beian-gongan a{color:#bdc3c7;text-decoration:none}.beian-gongan a:hover{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;align-items:center;padding:2rem 0;gap:1.5rem;box-shadow:0 4px 6px #0000001a;transform:translateY(-150%);transition:transform .3s ease-in-out;z-index:999}.nav-menu.active{transform:translateY(0)}.hero h1{font-size:2rem}.cta-buttons{flex-direction:column;width:100%}.btn{width:100%}.section-title{font-size:1.75rem}}