/* 衡阳特色样式 - hy前缀命名空间 */
 .hy-hero {
   background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
   position: relative;
   overflow: hidden;
 }

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

 .hy-hero::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(39, 174, 96, 0.8);
   z-index: -1;
 }

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

 .hy-logo {
   font-weight: bold;
   color: #27ae60 !important;
 }

 .hy-phone {
   color: #27ae60;
   font-weight: 600;
 }

 .hy-service-icon {
   background: linear-gradient(45deg, #27ae60, #2ecc71);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

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

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

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

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

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

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

 .hy-gradient-text {
   background: linear-gradient(45deg, #27ae60, #2ecc71);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 /* 衡阳特色布局 - 侧边栏布局 */
 .hy-sidebar {
   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
   border-radius: 20px;
   padding: 2rem;
   height: fit-content;
   position: sticky;
   top: 2rem;
 }

 .hy-main-content {
   padding-left: 2rem;
 }

 .hy-service-tabs {
   border-bottom: 2px solid #e9ecef;
   margin-bottom: 2rem;
 }

 .hy-tab-button {
   background: none;
   border: none;
   padding: 1rem 2rem;
   margin-right: 1rem;
   border-bottom: 3px solid transparent;
   transition: all 0.3s ease;
   color: #6c757d;
 }

 .hy-tab-button.active {
   color: #27ae60;
   border-bottom-color: #27ae60;
 }

 .hy-tab-content {
   display: none;
 }

 .hy-tab-content.active {
   display: block;
 }

 .hy-service-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 1.5rem;
 }

 .hy-service-item {
   background: white;
   border-radius: 15px;
   padding: 2rem;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
 }

 .hy-service-item:hover {
   transform: translateY(-5px);
 }

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

 .hy-cases-timeline::before {
   content: '';
   position: absolute;
   left: 1.5rem;
   top: 0;
   bottom: 0;
   width: 2px;
   background: linear-gradient(to bottom, #27ae60, #2ecc71);
 }

 .hy-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);
 }

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

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

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

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

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

 .hy-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;
 }

 .hy-feature-box:hover {
   transform: translateY(-5px);
   border-color: #27ae60;
 }