/* 中山特色样式 - zs前缀命名空间 */
 .zs-hero {
   background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
   position: relative;
   overflow: hidden;
 }

 .zs-hero::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url('https://picsum.photos/1920/1080?random=8') center/cover;
   /* z-index: -2; */
 }

 .zs-hero::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(26, 188, 156, 0.8);
   z-index: -1;
 }

 .zs-navbar {
   background: rgba(255, 255, 255, 1);
   backdrop-filter: blur(10px);
 }

 .zs-logo {
   font-weight: bold;
   color: #1abc9c !important;
 }

 .zs-phone {
   color: #1abc9c;
   font-weight: 600;
 }

 .zs-service-icon {
   background: linear-gradient(45deg, #1abc9c, #16a085);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 .zs-case-bg-1 {
   background-image: url(../../../Content/Images/BaoAn/case1.png);
 }

 .zs-case-bg-2 {
   background-image: url(../../../Content/Images/BaoAn/case2.png);
 }

 .zs-case-bg-3 {
   background-image: url(../../../Content/Images/BaoAn/case3.png);
 }

 .zs-case-bg-4 {
   background-image: url(../../../Content/Images/BaoAn/case4.png);
 }

 .zs-case-bg-5 {
   background-image: url(../../../Content/Images/BaoAn/case5.png);
 }

 .zs-team-bg {
   background-image: url(../../../Content/Images/BaoAn/team1.jpg);
 }

 .zs-gradient-text {
   background: linear-gradient(45deg, #1abc9c, #16a085);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 /* 中山特色布局 - 模块化布局 */
 .zs-module {
   background: white;
   border-radius: 20px;
   padding: 3rem;
   margin-bottom: 3rem;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
   position: relative;
   overflow: hidden;
 }

 .zs-module::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: linear-gradient(90deg, #1abc9c, #16a085);
 }

 .zs-module:hover {
   transform: translateY(-5px);
   box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
 }

 .zs-services-matrix {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   gap: 2rem;
 }

 .zs-service-box {
   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
   border-radius: 15px;
   padding: 2rem;
   text-align: center;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .zs-service-box::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .zs-service-box:hover::before {
   opacity: 0.1;
 }

 .zs-service-box:hover {
   transform: translateY(-10px);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
 }

 .zs-cases-timeline {
   position: relative;
   padding-left: 3rem;
 }

 .zs-cases-timeline::before {
   content: '';
   position: absolute;
   left: 1.5rem;
   top: 0;
   bottom: 0;
   width: 2px;
   background: linear-gradient(to bottom, #1abc9c, #16a085);
 }

 .zs-timeline-item {
   position: relative;
   margin-bottom: 3rem;
   background: white;
   border-radius: 15px;
   padding: 2rem;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

 .zs-timeline-dot {
   position: absolute;
   left: -3rem;
   top: 2rem;
   width: 20px;
   height: 20px;
   background: #1abc9c;
   border-radius: 50%;
   border: 4px solid white;
   box-shadow: 0 0 0 4px #1abc9c;
 }

 .zs-team-stats {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 2rem;
 }

 .zs-stat-box {
   background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
   color: white;
   border-radius: 15px;
   padding: 2rem;
   text-align: center;
   transition: transform 0.3s ease;
 }

 .zs-stat-box:hover {
   transform: translateY(-5px);
 }

 .zs-features-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 2rem;
 }

 .zs-feature-box {
   background: white;
   border-radius: 15px;
   padding: 2rem;
   text-align: center;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
   border: 2px solid transparent;
 }

 .zs-feature-box:hover {
   transform: translateY(-5px);
   border-color: #1abc9c;
 }