.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{flex:1}.logo a{text-decoration:none;color:var(--primary-color)}.logo h1{font-size:1.8rem;margin:0;font-weight:700}.logo p{font-size:.9rem;color:var(--gray-color);margin:5px 0 0}.nav{flex:2}.nav-list{display:flex;list-style:none;gap:30px;justify-content:center}.nav-list li a{text-decoration:none;color:var(--primary-color);font-weight:500;transition:color .3s ease;position:relative}.nav-list li a:hover{color:var(--secondary-color)}.nav-list li a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--secondary-color);transition:width .3s ease}.nav-list li a:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary-color)}.mobile-nav{display:none}@media (max-width: 1024px){.nav-list{gap:20px}.logo h1{font-size:1.5rem}}@media (max-width: 768px){.menu-toggle{display:block}.nav{display:none}.mobile-nav{display:block;margin-top:20px}.mobile-nav-list{list-style:none}.mobile-nav-list li{margin-bottom:15px}.mobile-nav-list li a{text-decoration:none;color:var(--primary-color);font-size:1.1rem;display:block;padding:10px 0;transition:color .3s ease}.mobile-nav-list li a:hover{color:var(--secondary-color)}.header-content{padding:15px 0}.logo h1{font-size:1.3rem}.logo p{font-size:.8rem}}@media (max-width: 480px){.header-content{padding:10px 0}.logo h1{font-size:1.2rem}.logo p{display:none}.menu-toggle{font-size:1.3rem}}.footer{background-color:var(--primary-color);color:#fff;padding:60px 0 30px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:#fff;font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-section h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background-color:var(--secondary-color)}.footer-description{font-size:.9rem;line-height:1.6;color:#fffc;margin-bottom:20px}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.social-link{display:inline-block;min-width:40px;height:40px;padding:0 10px;background-color:#ffffff1a;color:#fff;text-align:center;line-height:40px;border-radius:20px;transition:all .3s ease;font-size:.8rem;white-space:nowrap}.social-link:hover{background-color:var(--secondary-color);transform:translateY(-3px)}@media screen and (max-width: 480px){.social-links{justify-content:center;gap:8px}.social-link{min-width:36px;height:36px;line-height:36px;font-size:.75rem;padding:0 8px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-section{text-align:center}.footer-section h3:after{left:50%;transform:translate(-50%)}}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links li a{color:#fffc;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-links li a:hover{color:var(--secondary-color)}.footer-links li{color:#fffc;font-size:.9rem}.contact-info{list-style:none}.contact-item{margin-bottom:15px;display:flex;align-items:flex-start;gap:10px}.info-icon{font-size:1.2rem;color:#fff;min-width:24px;margin-top:2px}.info-details{flex:1}.info-details h4{color:#fff;font-size:.9rem;margin-bottom:5px;font-weight:500}.info-details p{color:#fffc;font-size:.8rem;margin:0 0 3px}.footer-section .contact-info{background-color:transparent!important;padding:0!important;margin:0!important;border:none!important}.footer-section .contact-item{background-color:transparent!important;padding:0!important;margin-bottom:15px!important;border:none!important}.contact-label{font-weight:500;min-width:70px;color:#fff}.contact-value{color:#fffc;font-size:.9rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{font-size:.8rem;color:#fff9;margin:0}.footer-bottom-links{display:flex;gap:20px}.footer-bottom-links a{color:#fffc;text-decoration:none;font-size:.8rem;transition:color .3s ease}.footer-bottom-links a:hover{color:var(--secondary-color)}@media (max-width: 768px){.footer{padding:40px 0 20px}.footer-content{gap:30px;margin-bottom:30px}.footer-section h3{font-size:1.1rem;margin-bottom:15px}.footer-description{font-size:.8rem}.contact-item{flex-direction:column;align-items:flex-start;gap:5px}.contact-label{min-width:auto}.footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.footer-bottom-links{gap:15px}}@media (max-width: 480px){.footer-content{gap:20px}.social-links{justify-content:center}.footer-bottom{text-align:center;align-items:center}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;transition:all .3s ease;z-index:1000}.back-to-top:hover{background-color:var(--secondary-color);transform:translateY(-5px);box-shadow:0 4px 15px #0000004d}.back-to-top:active{transform:translateY(0)}@media (max-width: 768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:20px}}@media (max-width: 480px){.back-to-top{bottom:15px;right:15px;width:40px;height:40px;font-size:18px}}.banner{background:linear-gradient(#000000b3,#000000b3),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20home%20exterior%20with%20smart%20technology&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.banner-content h1{font-size:3.5rem;margin-bottom:20px;color:#fff;animation:fadeIn 1s ease forwards}.banner-content p{font-size:1.5rem;margin-bottom:40px;color:#ffffffe6;animation:fadeIn 1s ease .3s forwards;opacity:0}.banner-buttons{display:flex;gap:20px;justify-content:center;animation:fadeIn 1s ease .6s forwards;opacity:0}.about-preview{padding:100px 0;background-color:#f8f9fa}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:20px;color:var(--primary-color)}.section-header p{font-size:1.1rem;color:var(--gray-color);max-width:700px;margin:0 auto}.about-content{display:flex;gap:60px;align-items:center}.about-text{flex:1}.about-text p{margin-bottom:20px;line-height:1.8;color:var(--gray-color)}.about-image{flex:1}.about-image img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #0000001a}.services-preview{padding:100px 0;background-color:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background-color:#f8f9fa;border-radius:8px;padding:40px 30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.service-icon{font-size:3rem;margin-bottom:20px}.service-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary-color)}.service-card p{margin-bottom:30px;color:var(--gray-color);line-height:1.6}.projects-preview{padding:100px 0;background-color:#f8f9fa}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.project-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.project-card:hover{transform:translateY(-10px)}.project-card img{width:100%;height:300px;object-fit:cover;transition:transform .3s ease}.project-card:hover img{transform:scale(1.1)}.project-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:30px 20px 20px;transition:transform .3s ease}.project-info h3{margin-bottom:5px;color:#fff}.project-info p{font-size:.9rem;opacity:.9;margin:0}.projects-more{text-align:center;margin-top:40px}.contact-preview{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20office%20interior%20design&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.contact-content h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.contact-content p{font-size:1.1rem;margin-bottom:40px;opacity:.9}.contact-buttons{display:flex;gap:20px;justify-content:center}@media (max-width: 1024px){.banner-content h1{font-size:2.5rem}.banner-content p{font-size:1.2rem}.about-content{gap:40px}.section-header h2{font-size:2rem}}@media (max-width: 768px){.banner{height:80vh}.banner-content h1{font-size:2rem}.banner-content p{font-size:1rem}.banner-buttons{flex-direction:column;align-items:center}.about-content{flex-direction:column;text-align:center}.about-image img{height:300px}.about-preview,.services-preview,.projects-preview,.contact-preview{padding:60px 0}.section-header{margin-bottom:40px}.section-header h2{font-size:1.8rem}.contact-content h2{font-size:2rem}.contact-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.banner-content h1{font-size:1.8rem}.service-card{padding:30px 20px}.section-header h2{font-size:1.5rem}.contact-content h2{font-size:1.8rem}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20building%20exterior&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.company-intro{padding:100px 0;background-color:#f8f9fa}.development{padding:100px 0;background-color:#fff}.development h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:6px;background-color:#e74c3c;top:0;bottom:0;left:50%;margin-left:-3px}.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-item:after{content:"";position:absolute;width:25px;height:25px;right:-13px;background-color:#fff;border:4px solid #e74c3c;top:15px;border-radius:50%;z-index:1}.timeline-item:nth-child(odd){left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item:nth-child(2n):after{left:-12px}.timeline-date{font-weight:700;font-size:1.2rem;color:var(--primary-color);margin-bottom:10px}.timeline-content{padding:20px 30px;background-color:#f8f9fa;position:relative;border-radius:6px;box-shadow:0 4px 6px #0000001a}.timeline-content h3{margin-bottom:10px;color:var(--primary-color)}.timeline-content p{color:var(--gray-color);line-height:1.6}.team{padding:100px 0;background-color:#f8f9fa}.team h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.team-member{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}.member-image img{width:100%;height:300px;object-fit:cover}.member-info{padding:20px;text-align:center}.member-info h3{margin-bottom:5px;color:var(--primary-color)}.member-info p{margin-bottom:10px;color:var(--gray-color)}.member-info p:last-child{font-size:.9rem;line-height:1.6}.certifications{padding:100px 0;background-color:#fff}.certifications h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.cert-item{text-align:center;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.cert-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.cert-item img{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:15px}.cert-item p{color:var(--primary-color);font-weight:500}@media (max-width: 1024px){.intro-content{gap:40px}.page-banner h1{font-size:2rem}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.company-intro,.development,.team,.certifications{padding:60px 0}.intro-content{flex-direction:column;text-align:center}.intro-image img{height:300px}.intro-text h2,.development h2,.team h2,.certifications h2{font-size:1.8rem}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:nth-child(2n){left:0}.timeline-item:after,.timeline-item:nth-child(2n):after{left:18px}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1,.intro-text h2,.development h2,.team h2,.certifications h2{font-size:1.5rem}.timeline-content{padding:15px 20px}.cert-item img{height:150px}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=professional%20construction%20services&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.service-category{padding:80px 0;border-bottom:1px solid #e9ecef}.service-category:last-child{border-bottom:none}.service-category:nth-child(2n){background-color:#f8f9fa}.service-category h2{font-size:2rem;margin-bottom:40px;color:var(--primary-color);text-align:center}.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-item{display:flex;gap:20px;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.service-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.service-icon{font-size:2.5rem;flex-shrink:0;margin-top:5px}.service-info{flex:1}.service-info h3{font-size:1.3rem;margin-bottom:10px;color:var(--primary-color)}.service-info p{color:var(--gray-color);line-height:1.6;font-size:.95rem}@media (max-width: 1024px){.page-banner h1{font-size:2rem}.service-category h2{font-size:1.8rem}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.service-category{padding:60px 0}.service-category h2{font-size:1.6rem}.service-item{flex-direction:column;text-align:center;padding:20px}.service-icon{margin-top:0}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1{font-size:1.5rem}.service-category h2{font-size:1.4rem}.service-list{grid-template-columns:1fr}.service-item{padding:15px}.service-info h3{font-size:1.2rem}.service-info p{font-size:.9rem}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20custom%20home%20exterior&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.custom-intro{padding:100px 0;background-color:#f8f9fa}.intro-features{margin-top:40px;display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;gap:15px;align-items:flex-start}.feature-icon{font-size:1.5rem;flex-shrink:0;margin-top:5px}.feature-info h3{font-size:1.1rem;margin-bottom:5px;color:var(--primary-color)}.feature-info p{font-size:.9rem;color:var(--gray-color);margin:0}.custom-process{padding:100px 0;background-color:#fff}.custom-process h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.process-steps{display:flex;flex-direction:column;gap:30px}.process-step{display:flex;gap:20px;align-items:center;background-color:#f8f9fa;padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.step-number{width:50px;height:50px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-info h3{font-size:1.2rem;margin-bottom:5px;color:var(--primary-color)}.step-info p{color:var(--gray-color);margin:0}.process-arrow{text-align:center;font-size:2rem;color:var(--primary-color);margin:-10px 0}.custom-products{padding:100px 0;background-color:#f8f9fa}.custom-products h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.product-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.product-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.product-image img{width:100%;height:250px;object-fit:cover}.product-info{padding:20px}.product-info h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary-color)}.product-info p{color:var(--gray-color);line-height:1.6;font-size:.95rem}.custom-advantages{padding:100px 0;background-color:#fff}.custom-advantages h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}@media (max-width: 1024px){.page-banner h1{font-size:2rem}.intro-content{gap:40px}.custom-intro h2,.custom-process h2,.custom-products h2,.custom-advantages h2{font-size:1.8rem}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.custom-intro,.custom-process,.custom-products,.custom-advantages{padding:60px 0}.intro-content{flex-direction:column;text-align:center}.intro-image img{height:300px}.intro-features{align-items:center}.feature-item{max-width:400px}.process-step{flex-direction:column;text-align:center;padding:20px}.step-number{margin-bottom:15px}.custom-intro h2,.custom-process h2,.custom-products h2,.custom-advantages h2{font-size:1.6rem}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1{font-size:1.5rem}.feature-item{flex-direction:column;text-align:center;gap:10px}.custom-intro h2,.custom-process h2,.custom-products h2,.custom-advantages h2{font-size:1.4rem}.product-image img{height:200px}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20smart%20home%20exterior%20with%20technology&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.smart-intro{padding:100px 0;background-color:#f8f9fa}.intro-content{display:flex;gap:60px;align-items:center}.intro-text{flex:1}.intro-text h2{font-size:2rem;margin-bottom:30px;color:var(--primary-color)}.intro-text p{margin-bottom:20px;line-height:1.8;color:var(--gray-color)}.intro-benefits{margin-top:40px;display:flex;flex-direction:column;gap:20px}.benefit-item{display:flex;gap:15px;align-items:flex-start}.benefit-icon{font-size:1.5rem;flex-shrink:0;margin-top:5px}.benefit-info h3{font-size:1.1rem;margin-bottom:5px;color:var(--primary-color)}.benefit-info p{font-size:.9rem;color:var(--gray-color);margin:0}.intro-image{flex:1}.intro-image img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #0000001a}.smart-systems{padding:100px 0;background-color:#fff}.smart-systems h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.system-item{background-color:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.system-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.system-image img{width:100%;height:250px;object-fit:cover}.system-info{padding:20px}.system-info h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary-color)}.system-info p{color:var(--gray-color);line-height:1.6;font-size:.95rem}.smart-scenarios{padding:100px 0;background-color:#f8f9fa}.smart-scenarios h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.scenario-item{background-color:#fff;padding:30px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.scenario-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.scenario-icon{font-size:2rem;margin-bottom:20px}.scenario-item h3{font-size:1.1rem;margin-bottom:15px;color:var(--primary-color)}.scenario-item p{color:var(--gray-color);line-height:1.6;font-size:.95rem}.smart-advantages{padding:100px 0;background-color:#fff}.smart-advantages h2{font-size:2rem;margin-bottom:60px;text-align:center;color:var(--primary-color)}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.advantage-item{background-color:#f8f9fa;padding:30px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.advantage-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.advantage-icon{font-size:2rem;margin-bottom:20px}.advantage-item h3{font-size:1.1rem;margin-bottom:10px;color:var(--primary-color)}.advantage-item p{color:var(--gray-color);line-height:1.6;font-size:.95rem}@media (max-width: 1024px){.page-banner h1{font-size:2rem}.intro-content{gap:40px}.smart-intro h2,.smart-systems h2,.smart-scenarios h2,.smart-advantages h2{font-size:1.8rem}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.smart-intro,.smart-systems,.smart-scenarios,.smart-advantages{padding:60px 0}.intro-content{flex-direction:column;text-align:center}.intro-image img{height:300px}.intro-benefits{align-items:center}.benefit-item{max-width:400px}.smart-intro h2,.smart-systems h2,.smart-scenarios h2,.smart-advantages h2{font-size:1.6rem}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1{font-size:1.5rem}.benefit-item{flex-direction:column;text-align:center;gap:10px}.smart-intro h2,.smart-systems h2,.smart-scenarios h2,.smart-advantages h2{font-size:1.4rem}.system-image img{height:200px}.scenario-item,.advantage-item{padding:20px}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20home%20interior%20design%20project&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.project-categories{padding:30px 0;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.categories{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.category-btn{padding:10px 20px;background-color:#fff;border:1px solid #dee2e6;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:var(--gray-color)}.category-btn:hover,.category-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.project-list{padding:80px 0;background-color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:60px}.project-item{background-color:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.project-image{overflow:hidden}.project-image img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.project-item:hover .project-image img{transform:scale(1.1)}.project-info{padding:25px}.project-info h3{font-size:1.3rem;margin-bottom:10px;color:var(--primary-color)}.project-location{font-size:.9rem;color:var(--gray-color);margin-bottom:15px}.project-description{color:var(--gray-color);line-height:1.6;font-size:.95rem;margin-bottom:20px}.project-features{display:flex;flex-wrap:wrap;gap:10px}.feature-tag{padding:5px 12px;background-color:#fff;border:1px solid #dee2e6;border-radius:15px;font-size:.8rem;color:var(--gray-color)}.pagination{display:flex;gap:10px;justify-content:center;align-items:center}.page-btn{padding:10px 15px;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:var(--gray-color)}.page-btn:hover,.page-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 1024px){.page-banner h1{font-size:2rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.project-list{padding:60px 0}.projects-grid{grid-template-columns:1fr;gap:30px}.project-item{max-width:400px;margin:0 auto}.categories{gap:10px}.category-btn{padding:8px 15px;font-size:.9rem}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1{font-size:1.5rem}.project-list{padding:40px 0}.project-info{padding:20px}.project-image img{height:200px}.page-btn{padding:8px 12px;font-size:.9rem}}.page-banner{background:linear-gradient(#2c3e50e6,#2c3e50e6),url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=modern%20office%20building%20exterior&image_size=landscape_16_9);background-size:cover;background-position:center;padding:100px 0;text-align:center;color:#fff}.page-banner h1{font-size:2.5rem;margin-bottom:20px;color:#fff}.page-banner p{font-size:1.1rem;opacity:.9}.contact-info{padding:80px 0;background-color:#f8f9fa}.info-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.info-item{display:flex;gap:20px;align-items:flex-start;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.info-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.info-icon{font-size:2rem;flex-shrink:0;margin-top:5px}.info-details h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary-color)}.info-details p{color:var(--gray-color);line-height:1.6;font-size:.95rem;margin-bottom:5px}.map{padding:80px 0;background-color:#f8f9fa}.map h2{font-size:2rem;margin-bottom:40px;text-align:center;color:var(--primary-color)}.map-container{border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.map-image{width:100%;height:400px;object-fit:cover}@media (max-width: 1024px){.page-banner h1{font-size:2rem}.contact-form h2,.map h2{font-size:1.8rem}}@media (max-width: 768px){.page-banner{padding:80px 0}.page-banner h1{font-size:1.8rem}.contact-info,.map{padding:60px 0}.info-item{flex-direction:column;text-align:center;padding:20px}.info-icon{margin-bottom:15px}.map h2{font-size:1.6rem}.map-image{height:300px}}@media (max-width: 480px){.page-banner{padding:60px 0}.page-banner h1{font-size:1.5rem}.contact-info,.map{padding:40px 0}.info-details h3{font-size:1.1rem}.map h2{font-size:1.4rem}.map-image{height:250px}}:root{--primary-color: #2c3e50;--secondary-color: #e74c3c;--accent-color: #3498db;--light-color: #f8f9fa;--dark-color: #343a40;--gray-color: #6c757d;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--info-color: #17a2b8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--dark-color);background-color:var(--light-color)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1rem;color:var(--primary-color)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}.btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.btn-primary{background-color:var(--primary-color)}.btn-secondary{background-color:var(--secondary-color)}.btn-accent{background-color:var(--accent-color)}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.flex{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-column{display:flex;flex-direction:column}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.flex{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}