/* 重置和基础样式 */
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height:1.6; color:#333; overflow-x:hidden;
}
.container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* 导航栏 */
.navbar {
  position:fixed; top:0; width:100%;
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  z-index:1000; padding:1rem 0;
  transition:all .3s ease; box-shadow:0 2px 10px rgba(0,0,0,0.1);
}
.nav-container {
  display:flex; justify-content:space-between; align-items:center;
  max-width:1200px; margin:0 auto; padding:0 20px;
}
.nav-logo h2 { color:#2563eb; font-weight:700; font-size:1.5rem; }
.nav-menu { display:flex; list-style:none; gap:2rem; }
.nav-link {
  position:relative; color:#333; text-decoration:none; font-weight:500;
  transition:color .3s;
}
.nav-link:hover { color:#2563eb; }
.nav-link::after {
  content:''; position:absolute; bottom:-5px; left:0;
  width:0; height:2px; background:#2563eb; transition:width .3s;
}
.nav-link:hover::after { width:100%; }
.hamburger { display:none; flex-direction:column; cursor:pointer; }
.bar { width:25px; height:3px; background:#333; margin:3px 0; transition:0.3s; }

/* 首页横幅 */
.hero {
  min-height:100vh; display:flex; align-items:center;
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  color:#fff; padding-top:80px;
}
.hero-container {
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
  max-width:1200px; margin:0 auto; padding:0 20px;
}
.hero-title { font-size:3.5rem; font-weight:700; margin-bottom:1rem; }
.hero-subtitle { font-size:1.8rem; margin-bottom:1rem; opacity:.9; }
.hero-description { font-size:1.1rem; margin-bottom:2rem; opacity:.8; }
.hero-buttons { display:flex; gap:1rem; }
.btn {
  padding:12px 30px; border-radius:50px; border:none; cursor:pointer;
  font-weight:600; font-size:1rem; transition:all .3s; position:relative; overflow:hidden;
}
.btn-primary {
  background:#2563eb; color:#fff;
}
.btn-primary:hover {
  background:#1d4ed8; transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(37,99,235,0.3);
}
.btn-secondary {
  background:transparent; color:#fff; border:2px solid #fff;
}
.btn-secondary:hover {
  background:#fff; color:#2563eb; transform:translateY(-2px);
}

/* 通用版块 */
.section-header { text-align:center; margin-bottom:4rem; }
.section-header h2 { font-size:2.5rem; font-weight:700; color:#1f2937; }
.section-header p { font-size:1.1rem; color:#6b7280; }

/* 关于我们 */
.about { padding:6rem 0; background:#f8fafc; }
.about-content { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
.about-text h3 { font-size:1.8rem; color:#1f2937; margin-bottom:1rem; }
.about-text p { color:#6b7280; line-height:1.8; margin-bottom:2rem; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.stat-item h4 { font-size:2.5rem; font-weight:700; color:#2563eb; }
.stat-item p { color:#6b7280; }
.about-image { }

/* 服务 */
.services { padding:6rem 0; background:#fff; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(400px,1fr)); gap:3rem; }
.service-card {
  background:#fff; padding:3rem; border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1); text-align:center;
  transition:all .3s; border:1px solid #e5e7eb;
}
.service-card:hover {
  transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.15);
  border-color:#2563eb;
}
.service-icon {
  width:80px; height:80px; border-radius:50%;
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  display:flex; justify-content:center; align-items:center;
  margin:0 auto 1.5rem; font-size:2rem; color:#fff;
}
.service-card h3 { color:#1f2937; margin-bottom:1rem; }
.service-card p { color:#6b7280; line-height:1.6; }

/* 资质 */
.qualifications { padding:6rem 0; background:#f8fafc; }
.qualifications-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:2.5rem; justify-items:center;
}
.qualification-card {
  background:#fff; padding:3rem 2.5rem; border-radius:20px;
  text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.1);
  transition:all .3s; border:1px solid #e5e7eb;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:280px;
}
.qualification-card:hover {
  transform:translateY(-8px); box-shadow:0 25px 50px rgba(0,0,0,0.15);
  border-color:#2563eb;
}
.qualification-icon {
  width:90px; height:90px; border-radius:50%;
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  display:flex; justify-content:center; align-items:center;
  margin-bottom:2rem; font-size:2.2rem; color:#fff; transition:all .3s;
}
.qualification-card:hover .qualification-icon {
  transform:scale(1.1); box-shadow:0 10px 25px rgba(102,126,234,0.3);
}
.qualification-card h3 { color:#1f2937; font-weight:600; margin-bottom:1.2rem; }
.qualification-card p { color:#6b7280; line-height:1.7; }

/* 联系我们 */
.contact { padding:6rem 0; background:#fff; }
.contact-content { display:grid; grid-template-columns:1fr 1fr; gap:4rem; }
.contact-item { display:flex; align-items:flex-start; margin-bottom:2rem; }
.contact-icon {
  width:60px; height:60px; border-radius:50%;
  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);
  display:flex; justify-content:center; align-items:center;
  margin-right:1rem; font-size:1.5rem; color:#fff;
}
.contact-form input, .contact-form textarea {
  width:100%; padding:1rem; border:2px solid #e5e7eb; border-radius:10px;
  margin-bottom:1.5rem; font-family:inherit; font-size:1rem;
}
.contact-form input:focus, .contact-form textarea:focus {
  outline:none; border-color:#2563eb;
}

/* 页脚 */
.footer { background:#1f2937; color:#d1d5db; padding:3rem 0 1rem; }
.footer-content { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem; }
.footer-section h3 { color:#2563eb; margin-bottom:1rem; }
.footer-section a { color:#d1d5db; text-decoration:none; transition:color .3s; }
.footer-section a:hover { color:#2563eb; }
.social-links a { margin-right:1rem; color:#d1d5db; font-size:1.2rem; }
.footer-bottom { text-align:center; color:#9ca3af; margin-top:1rem; }

/* 响应式 */
@media (max-width:768px){
  .hamburger{display:flex;}
  .nav-menu{position:fixed;left:-100%;top:70px;width:100%;flex-direction:column;text-align:center;padding:2rem 0;box-shadow:0 10px 27px rgba(0,0,0,0.05);transition:.3s;}
  .nav-menu.active{left:0;}
  .hero-container{grid-template-columns:1fr;text-align:center;}
  .hero-title{font-size:2.5rem;}
  .hero-subtitle{font-size:1.5rem;}
  .about-content{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr;}
  .services-grid{grid-template-columns:1fr;}
  .qualifications-grid{grid-template-columns:1fr;}
  .contact-content{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .hero-title{font-size:2rem;}
  .hero-subtitle{font-size:1.2rem;}
  .btn{padding:10px 20px;font-size:0.9rem;}
  .service-card,.qualification-card{padding:1.5rem;}
}