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

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

 .nn-hero::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(22, 160, 133, 0.8);
   z-index: -1;
 }

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

 .nn-logo {
   font-weight: bold;
   color: #16a085 !important;
 }

 .nn-phone {
   color: #16a085;
   font-weight: 600;
 }

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

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

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

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

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

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

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

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

 /* 南宁特色布局 - 分层布局 */
 .nn-layered-section {
   position: relative;
   padding: 4rem 0;
 }

 .nn-layered-section::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
   z-index: -1;
 }

 .nn-services-stack {
   display: flex;
   flex-direction: column;
   gap: 2rem;
 }

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

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

 .nn-service-layer:hover {
   transform: translateY(-10px);
   box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
 }

 .nn-service-layer:nth-child(even) {
   margin-left: 2rem;
 }

 .nn-service-layer:nth-child(odd) {
   margin-right: 2rem;
 }

 .nn-cases-carousel {
   position: relative;
   overflow: hidden;
   border-radius: 20px;
 }

 .nn-cases-track {
   display: flex;
   animation: nn-slide 50s linear infinite;
 }

 .nn-cases-track:hover {
   animation-play-state: paused;
 }

 @keyframes nn-slide {
   0% {
     transform: translateX(0);
   }

   100% {
     transform: translateX(-100%);
   }
 }

 .nn-case-slide {
   flex: 0 0 400px;
   margin-right: 2rem;
   background: white;
   border-radius: 15px;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }

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

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

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

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

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

 .nn-feature-item:hover {
   transform: translateY(-5px);
 }