/* 郑州特色样式 - zz前缀命名空间 */
 .zz-hero {
   background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
   position: relative;
   overflow: hidden;
 }

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

 .zz-hero::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(230, 126, 34, 0.8);
   z-index: -1;
 }

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

 .zz-logo {
   font-weight: bold;
   color: #e67e22 !important;
 }

 .zz-phone {
   color: #e67e22;
   font-weight: 600;
 }

 .zz-service-icon {
   background: linear-gradient(45deg, #e67e22, #d35400);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

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

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

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

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

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

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

 .zz-gradient-text {
   background: linear-gradient(45deg, #e67e22, #d35400);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 /* 郑州特色布局 - 卡片式布局 */
 .zz-card-container {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
   gap: 2rem;
   margin-bottom: 3rem;
 }

 .zz-feature-card {
   background: white;
   border-radius: 20px;
   padding: 2rem;
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .zz-feature-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: linear-gradient(90deg, #e67e22, #d35400);
 }

 .zz-feature-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
 }

 .zz-services-stack {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }

 .zz-service-item {
   background: white;
   border-radius: 15px;
   padding: 2rem;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .zz-service-item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
   opacity: 0;
   transition: opacity 0.3s ease;
 }

 .zz-service-item:hover::before {
   opacity: 0.05;
 }

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

 .zz-cases-masonry {
   column-count: 2;
   column-gap: 2rem;
 }

 .zz-case-item {
   break-inside: avoid;
   margin-bottom: 2rem;
   background: white;
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }

 .zz-case-item:hover {
   transform: translateY(-5px);
 }

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

 .zz-team-card {
   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;
 }

 .zz-team-card:hover {
   transform: translateY(-5px);
 }

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

 .zz-feature-item {
   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;
 }

 .zz-feature-item:hover {
   transform: translateY(-5px);
   border-color: #e67e22;
 }