*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:20px}.navbar-brand h1{color:#e91e63;font-size:24px;font-weight:700}.navbar-menu ul{display:flex;list-style:none}.navbar-menu ul li{margin-left:30px}.navbar-menu ul li a{text-decoration:none;color:#333;font-size:16px;transition:color .3s}.navbar-menu ul li a:hover{color:#e91e63}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:150px 0 100px;text-align:center}.hero-content h2{font-size:48px;margin-bottom:20px;font-weight:700}.hero-content p{font-size:20px;margin-bottom:40px;opacity:.9}.btn{display:inline-block;background-color:#e91e63;color:#fff;padding:12px 30px;border-radius:50px;text-decoration:none;font-size:16px;font-weight:700;transition:all .3s;border:none;cursor:pointer}.btn:hover{background-color:#c2185b;transform:translateY(-2px);box-shadow:0 5px 15px #e91e6366}.section-title{text-align:center;font-size:36px;margin-bottom:60px;color:#333;position:relative}.section-title:after{content:"";display:block;width:80px;height:4px;background-color:#e91e63;margin:20px auto 0;border-radius:2px}.about{padding:100px 0;background-color:#f9f9f9}.about-content{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.about-text{flex:1;min-width:300px}.about-text p{margin-bottom:20px;font-size:16px;line-height:1.8}.about-image{flex:1;min-width:300px}.about-image img{width:100%;border-radius:10px;box-shadow:0 10px 30px #0000001a}.services{padding:100px 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000000d;text-align:center;transition:all .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.service-icon{font-size:48px;margin-bottom:20px}.service-card h3{font-size:20px;margin-bottom:15px;color:#333}.service-card p{font-size:14px;color:#666;line-height:1.6}.works{padding:100px 0;background-color:#f9f9f9}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.work-card{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 10px 30px #0000001a}.work-card img{width:100%;height:250px;object-fit:cover;transition:transform .5s}.work-card:hover img{transform:scale(1.1)}.work-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;padding:30px;transform:translateY(100%);transition:transform .3s}.work-card:hover .work-overlay{transform:translateY(0)}.work-overlay h3{font-size:18px;margin-bottom:5px}.work-overlay p{font-size:14px;opacity:.8}.contact{padding:100px 0}.contact-content{display:flex;flex-wrap:wrap;gap:40px}.contact-info{flex:1;min-width:300px}.contact-item{display:flex;align-items:center;margin-bottom:30px}.contact-icon{font-size:24px;margin-right:20px;color:#e91e63}.contact-form{flex:1;min-width:300px;background-color:#f9f9f9;padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000000d}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:5px;font-size:16px;font-family:Microsoft YaHei,sans-serif}.form-group textarea{resize:vertical;min-height:150px}.success-message{margin-top:20px;padding:10px;background-color:#4caf50;color:#fff;border-radius:5px;text-align:center;font-size:14px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#333;color:#fff;padding:60px 0 30px}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:40px}.footer-logo h2{font-size:24px;margin-bottom:20px;color:#e91e63}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{text-decoration:none;color:#ddd;transition:color .3s}.footer-links ul li a:hover{color:#e91e63}.footer-social a{display:inline-block;margin-right:20px;color:#ddd;text-decoration:none;transition:color .3s}.footer-social a:hover{color:#e91e63}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #444;font-size:14px;opacity:.8}@media (max-width: 768px){.navbar .container{flex-direction:column;padding:15px}.navbar-menu ul{margin-top:15px}.navbar-menu ul li{margin-left:15px;margin-right:15px}.hero-content h2{font-size:36px}.hero-content p{font-size:18px}.section-title{font-size:30px}.about-content,.contact-content{flex-direction:column}.footer-content{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.hero{padding:120px 0 80px}.hero-content h2{font-size:28px}.hero-content p{font-size:16px}.section-title{font-size:24px}.service-card,.contact-form{padding:30px}}