:root {
      --primary-color: #0066ff;
      --secondary-color: #333;
      --accent-color: #FF7800;
      --light-color: #f8f9fa;
      --dark-color: #212529;
      --gray-color: #f5f5f6;
      --border-color: #eee;   /* 边框颜色 */
      --bg-color: #fff;      /* 深色背景 */
      --hover-color: #4facfe;    /* 渐变蓝 */
      --text-color: #1d2129;    /* 浅色文字 */
      --highlight-color: #00d2ff; /* 高亮颜色 */
      --card-bg: #1a1a2e;       /* 卡片背景 */
      --white: #ffffff;
      --gray-100: #f8f9fa;
      --gray-200: #e9ecef;
      --gray-300: #dee2e6;
      --gray-400: #ced4da;
      --gray-500: #adb5bd;
      --gray-600: #6c757d;
      --gray-700: #495057;
      --shadow: 0 4px 12px rgba(0,0,0,0.05);
      --transition: all 0.3s ease;
    }

    /*导航*/

    body {
      font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
      background-color: var(--bg-color);
      color: var(--text-color);
    }






    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight: 600}


    /* 风格部分标题 */
    .section-title {
      position: relative;
      margin-bottom: 40px;
      text-align: center;
    }

    .section-title h2 {
      font-weight: 600;
      font-size: 2.3rem;
      margin-bottom: 15px;
      color: #333;
    }

    .section-title p {
      color: #666;
      font-size: 1rem;
    }


    .nav-link {
      color: #333 !important;
      font-weight: 500;
      padding: 8px 15px !important;
      margin: 0 5px;
      border-radius: 4px;
      transition: all 0.2s ease;
    }

    .nav-link:hover, .nav-link.active {
      color: var(--primary-color) !important;
      background-color: rgba(78, 110, 242, 0.1);
    }

    .btn-baidu {
      background-color: var(--primary-color);
      color: white !important;
      border-radius: 4px;
      font-weight: 500;
      padding: 8px 20px;
      transition: all 0.2s ease;
    }

    .btn-baidu:hover {
      background-color: #3a5bdc;
      color: white;
      transform: translateY(-1px);
      box-shadow: 0 2px 8px rgba(78, 110, 242, 0.3);
    }


    /* 组合Banner区域 */
    .carousel-indicators .active{background-color: var(--primary-color);}
    .combo-banner {
      height: 570px;
      background-color: #f2f5fd;
      margin-top: 64px;
    }

    /* 轮播图区域 */
    .carousel-section {
      height: 100%;
    }

    .carousel-item {
      height: 570px;
      background: #fff;
    }

    .carousel-item img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }

    .carousel-caption {
      top: 20%;
      left: 10%;
      right: 50%;
      text-align: left;
      border-radius: 8px;
    }

    .carousel-caption h3 {
      font-size: 44px;
      margin-bottom: 10px;
      color: #020814;
    }

    .carousel-caption p {
      font-size: 18px;
      margin-bottom: 15px;
      color: #333;
      line-height: 30px;
      margin-top: 20px;
    }
    .carousel-caption a{
      width: 158px;
      height: 50px;
      line-height: 38px;
      margin-top: 50px;
    }

    /* 右侧内容区域 */
    .right-content {
      height: 100%;
      display: flex;
      flex-direction: column;
      padding: 10px 10px;
    }

    /* 产品推荐 */
    .product-recommend {
      background: white;
      border-radius: 8px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      flex: 1;
    }

    .product-recommend h4 {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--primary-color);
      border-bottom: 1px solid #eee;
      padding-bottom: 20px;
    }

    .product-item {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 1px dashed #eee;
      cursor: pointer;
    }
    .product-item:hover{box-shadow: var(--shadow);}

    .product-item:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none;
    }

    .product-icon {
      width: 40px;
      height: 40px;
      background: rgba(78, 110, 242, 0.1);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      color: var(--primary-color);
      font-size: 18px;
    }

    .product-info h5 {
      font-size: 16px;
      margin-bottom: 5px;
      font-weight: 500;
    }

    .product-info p {
      font-size: 14px;
      color: #666;
      margin-bottom: 0;
    }

    /* 域名注册 */
    .domain-register {
      background: white;
      border-radius: 8px;
      padding: 20px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      flex: 1;
    }

    .domain-register h4 {
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 15px;
      color: var(--primary-color);
      border-bottom: 1px solid #eee;
      padding-bottom: 10px;
    }



    .domain-input-group input {
      border-right: none;
      border-radius: 4px 0 0 4px;
      margin-bottom: 0px;
    }

    .domain-input-group select {
      border-left: none;
      border-right: none;
      max-width: 100px;
    }

    .domain-input-group button {
      background-color: var(--primary-color);
      color: white;
      border: none;
      border-radius: 0 4px 4px 0;
    }
    .domain-input-group button:hover{
      background-color: var(--primary-color);
      color: white;
    }
    .form-control {
      padding: 12px 15px;
      border-radius: 5px;
      border: 1px solid rgba(0,0,0,0.1);
      margin-bottom: 15px;
    }

    .form-control:focus {
      border-color: var(--primary-color);
      box-shadow: 0 0 0 0.25rem rgba(26, 115, 232, 0.25);
    }



    /* 响应式调整 */
    @media (max-width: 992px) {
      .combo-banner {
        height: auto;
   
      }

      .carousel-section {
        height: 400px;
      }

      .carousel-item {
        height: 400px;
      }

      .right-content {
        padding-top: 20px;
      }
    }

    @media (max-width: 768px) {
      .carousel-section {
        height: 350px;
      }

      .carousel-item {
        height: 350px;
      }

      .carousel-caption {
        top: 5%;
        left: 5%;
        right: 5%;
      }

    }

    /* 风格选项卡 */
    .baidu-tabs .news-nav-link {
      border: none;
      color: #666 !important;
      padding: 12px 24px !important;
      font-size: 18px;
      background: none;
      font-weight: bold;
    }

    .baidu-tabs .news-nav-link.active {
      color: var(--primary-color) !important;
      background: none;
      position: relative;
    }

    .baidu-tabs .news-nav-link.active:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 24px;
      right: 24px;
      height: 3px;
      background: var(--primary-color);
    }


    /* 热销产品 */
    /*#products{background: url(images/rx-bg.png) 100% 100%/100% no-repeat #f2f5fd; !important;}*/
    #products{background: #fff !important;}
    .product-content-bg{background: url(images/con1-bg.png) 100% 100%/100% no-repeat #f2f5fd; !important;}
    /* 产品分类标签 */
    .product-tabs {
      border-bottom: 1px solid var(--gray-200);
      margin-bottom: 2rem;
    }

    .product-tab {
      padding: 0.75rem 2rem;
      cursor: pointer;
      position: relative;
      color: var(--gray-700);
      font-weight: 500;
      transition: var(--transition);
    }

    .product-tab:hover {
      color: var(--primary-color);
    }

    .product-tab.active {
      color: var(--primary-color);
    }

    .product-tab.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: var(--primary-color);
    }

    .product-tab.active::before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -4px;
      margin-left: -4px;
      width: 8px;
      height: 8px;
      border-top: 1px solid #0038ff;
      border-left: 1px solid #0038ff;
      background-color: #FAFBFD;
      z-index: 10;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    /* 产品卡片样式 */
    .product-card {
      background:  url(images/product_bg_2.png) 100% 100%/100% no-repeat #fff; !important;;
      border-radius: 0.75rem;
      box-shadow: var(--shadow);
      overflow: hidden;
      transition: var(--transition);
      height: 100%;
    }

    .product-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 15px rgba(0,0,0,0.07);
    }

    .product-card-header {
      padding: 1.25rem 1.5rem;
      border-bottom: 1px solid var(--gray-200);
      position: relative;
    }

    .product-card-title {
      font-size: 1.15rem;
      font-weight: 600;
      color: #212529;
      margin-bottom: 0;
    }

    .badge {
      position: absolute;
      top: 1.25rem;
      right: 1.5rem;
      padding: 0.4rem 0.5rem;
      font-size: 0.8rem;
      font-weight: 500;
      border-radius: 0px;
      background-color: #fff;
      color: var(--primary-color);
      border: 1px solid var(--primary-color);
    }


    .badge-hot { background-color: #fd7e14; border: none;color: #fff}


    .product-card-body {
      padding: 1.5rem 1.5rem 0 1.5rem;
    }

    .product-features {
      list-style: none;
      padding: 0;
      margin-bottom: 0;
      font-size: 0.9rem;
      color: var(--gray-700);
    }

    .product-feature {
      display: inline-block;
      width: 32%;
      margin-bottom: 0.75rem;
    }

    .product-card-footer {
      padding: 1rem 1.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .price {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--accent-color);
    }

    .original-price {
      font-size: 0.9rem;
      color: var(--gray-500);
      text-decoration: line-through;
      margin-left: 0.5rem;
    }

    /* 高性能云服务器样式 */
    .high-performance-card {
      background: url(../images/server.png) 100% 100%/100% no-repeat #fff; !important;;;
      border-radius: 0.75rem;
      box-shadow: var(--shadow);
      overflow: hidden;
      height: 100%;
    }

    .high-performance-content {
      padding: 2rem;
      display: flex;
      flex-direction: column;
    }



    .high-performance-title {
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 0.75rem;
    }

    .high-performance-desc {
      color: var(--gray-600);
      font-size: 0.95rem;
      margin-bottom: 1.5rem;
    }

    .btn-primary {
      background-color: var(--primary-color);
      border-color: var(--primary-color);
      transition: var(--transition);
      font-size: 14px;
    }

    .btn-primary:hover {
      background-color: #0b5ed7;
      border-color: #0b5ed7;
      transform: translateY(-2px);
    }

    /* 产品内容切换 */
    .product-content {
      display: none;
    }

    .product-content.active {
      display: block;
    }

    /* 响应式调整 */
    @media (max-width: 992px) {
      .product-feature {
        width: 48%;
      }
      #products{padding-top: 1rem !important;}
    }

    @media (max-width: 768px) {
      .product-tab {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
      }

      .product-tab h5{font-size: 1rem}

      .product-feature {
        width: 32%;
      }

      .price {
        font-size: 1.3rem;
      }
    }

    @media (max-width: 576px) {
      .product-tab {
        padding: 0.75rem 0.5rem;
        font-size: 0.85rem;
      }
    }


    /* 服务器安全解决方案解决方案样式 */
    .solution-tabs {
      border-left: 1px solid #eee;
    }

    .solution-tabs .solutions-nav-link {
      text-align: left;
      padding: 20px 30px !important;
      margin-bottom: 5px;
      border-radius: 0px;
      color: #fff !important;
      transition: all 0.2s ease;
      font-weight: bold;
      margin-left: 0;
      background: none;
      border: none;
    }

    .solution-tabs .solutions-nav-link.active {
      color: #fff !important;
      background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
      border-left: 8px solid #fff;
    }

    .solution-tabs .solutions-nav-link:hover:not(.active) {
      background: rgba(0, 0, 0, 0.03);
    }
    .content-container {
      background:  url('../images/banner-bg1.jpg') no-repeat center center;
      background-size: cover;
      padding: 60px 0;
    }
    .content-container .container{margin: 0 auto}

    .solution-content {
      padding: 65px;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.65);
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }
    .solution-content .text-muted{font-size: 14px;line-height: 1.6rem}

    /* 新增相关产品样式 */
    .related-products {
      border-radius: 8px;
      margin: 25px 0;
      backdrop-filter: blur(2px);
    }

    .related-products h5 {
      margin-bottom: 15px;
      color: #333;
      display: flex;
      align-items: center;
      font-weight: bold;
    }

    .related-products h5 i {
      margin-right: 10px;
      font-size: 1.1em;
    }

    .product-badge {
      display: inline-flex;
      align-items: center;
      padding: 12px 45px;
      margin-right: 10px;
      margin-bottom: 10px;
      background-color: white;
      border-radius: 6px;
      color: #333;
      text-decoration: none;
      transition: all 0.3s ease;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
      font-size: 0.95rem;
    }

    .product-badge i {
      margin-right: 8px;
      font-size: 0.9em;
      color: #4e6ef2;
    }

    .product-badge:hover {
      background-color: var(--primary-color);
      color: white;
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(78, 110, 242, 0.2);
    }

    .product-badge:hover i {
      color: white;
    }

    /* 相关行业样式优化 */
    .related-industries {
    }

    .related-industries h5 {
      margin-bottom: 15px;
      color: #333;
      display: flex;
      align-items: center;
      font-weight: bold;
    }

    .related-industries h5 i {
      margin-right: 10px;
      font-size: 1.1em;
    }

    .img-container {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

    .industry-img {
      border-radius: 8px;
      transition: all 0.3s ease;
      box-shadow: 0 3px 10px rgba(0,0,0,0.08);
      width: 260px;
      height: 120px;
      object-fit: cover;
      border: 1px solid rgba(0,0,0,0.05);
    }

    .industry-img:hover {
      transform: translateY(-5px);
      box-shadow: 0 5px 15px rgba(78, 110, 242, 0.2);
    }
    .solution-btn a{width: 30%}

    /* 移动端左右布局优化 */
    @media (max-width: 992px) {
      #solutions{padding-top: 1rem !important}
      .content-container .row.container {
        display: flex;
        flex-wrap: nowrap; /* 强制不换行 */
        padding: 0;
      }

      /* 左侧导航栏变窄 */
      .content-container .col-lg-3 {
        flex: 0 0 120px; /* 固定宽度 */
        max-width: 120px;
      }
      .solution-tabs .solutions-nav-link.active{
        border-left: 2px solid #fff;
      }

      /* 右侧内容区域自适应 */
      .content-container .col-lg-9 {
        flex: 1;
        min-width: 0; /* 允许内容压缩 */
      }

      /* 导航按钮样式优化 */
      .solution-tabs .solutions-nav-link {
        padding: 10px 12px !important;
        font-size: 0.8rem;
        white-space: normal; /* 允许文字换行 */
        line-height: 1.3;
      }

      /* 右侧内容单行显示 */
      .solution-content {
        padding: 20px;
      }
      .solution-content p {
        white-space: normal; /* 文字自动换行 */
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3; /* 最多显示3行 */
        -webkit-box-orient: vertical;
      }

      /* 相关产品 - 每行2个+文字横向 */
      .related-products div {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2列等宽 */
        gap: 8px;
      }
      .product-badge {
        width: 100%;
        margin: 0 !important;
        padding: 8px 5px !important; /* 更紧凑的内边距 */
        font-size: 0.75rem !important; /* 文字缩小 */
        white-space: nowrap; /* 强制文字不换行 */
        overflow: hidden; /* 隐藏溢出 */
        text-overflow: ellipsis; /* 文字过长显示... */
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .product-badge i {
        margin-right: 5px !important;
        font-size: 0.7rem !important; /* 图标同步缩小 */
      }

      /* 图片容器单行显示 */
      .img-container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
      }
      .industry-img {
        width: 80px;
        height: 60px;
        flex: 0 0 auto;
        margin-right: 8px;
      }
      .solution-btn a{width: 43%}
    }

    /* 快捷服务 */
    #services{background: url(images/services-bg.png) bottom center no-repeat #f2f5fd;box-shadow: 0 2px 10px 0 #eaecf4;padding: 60px 0;}
    .service-card {
      padding: 40px 30px;
      text-align: center;
      border-radius: 8px;
      transition: all 0.3s ease;
      background: white;
      box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
      height: 100%;
    }

    .service-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

    .service-icon {
      font-size: 48px;
      margin-bottom: 20px;
      color: var(--primary-color);
    }
    .service-icon>img{width: 60%}

    .btn-learn-more{
      color: var(--primary-color) !important;
      border-radius: 4px;
      font-weight: 500;
      padding: 8px 40px;
      transition: all 0.2s ease;
      border: 1px solid #0066ff;
    }
    .btn-learn-more:hover{background: #0066ff;color: #fff !important}

    /* 响应式调整 */
    @media (max-width: 768px) {
      #services{padding-top: 1rem !important;}
      .service-icon>img{width: 30%}
    }

    /* 合作伙伴 */
    #partners {
      background: linear-gradient(to bottom, #f9f9f9, #fff 10%, #fff 90%, #f9f9f9);
      padding: 60px 0;
    }

    /* 合作伙伴容器 */
    .hzhb{margin: 30px 0;}
    .partners-container {
      overflow: hidden;
      position: relative;
    }

    /* 渐变遮罩 */
    .partners-container::before,
    .partners-container::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }

    .partners-container::before {
      left: 0;
      background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    }

    .partners-container::after {
      right: 0;
      background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    }

    /* 合作伙伴行 */
    .partners-row {
      display: flex;
      width: 200%;
      padding: 10px 0;
    }

    /* 合作伙伴项 */
    .partner-item {
      flex: 0 0 7%; /* 8个logo每排 */
      padding: 0 8px;
    }

    /* logo样式 */
    .partner-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      background: white;
      border-radius: 4px;
      border: 1px solid #eaf0fc;
      box-shadow: 0 2px 10px 0 #eaecf4;
      transition: all 0.3s ease;
      padding: 8px;
    }

    .partner-logo:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
      transform: translateY(-2px);
    }

    .partner-logo img {
      max-height: 30px; /* 更小的logo */
      max-width: 80%;
      width: auto;
      object-fit: contain;
    }

    /* 动画 */
    @keyframes slideLeft {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes slideRight {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }

    .slide-left {
      animation: slideLeft 60s linear infinite; /* 更慢的速度 */
    }

    .slide-right {
      animation: slideRight 60s linear infinite; /* 更慢的速度 */
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
      #partners{padding-top: 1rem !important}
      .partner-item {
        flex: 0 0 15%; /* 移动端每排4个 */
      }

      .partners-container::before,
      .partners-container::after {
        width: 40px;
      }
    }

    /* 新闻中心 */
    #news{padding: 60px 0;}
    .news-card {
      border: none;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 16px rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
      height: 100%;
    }

    .news-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    }

    .news-img {
      height: 200px;
      object-fit: cover;
    }

    .news-date {
      color: var(--primary-color);
      font-size: 14px;
      margin-left: 50px;
    }

    .news-card .card-text{font-size: 14px;

display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
    height: 1.5em;
    margin-bottom: 0;}
    .news-card .card-title{font-size: 14px;cursor: pointer;color: #333}
    .news-card .card-title:hover{color: var(--primary-color)}
    /* 响应式样式 */
    @media (max-width: 768px) {
      #news{padding-top: 1rem !important}
      .news-card .card-title{font-size: 15px;cursor: pointer;color: #333}
 .news-image-container {
                height: 280px !important;
                margin-bottom: 15px;
                overflow: hidden;
            }
            .news-image-container .card-img-top {
                height: 100% !important;
                width: 100%;
                object-fit: cover;
                object-position: top; /* 关键属性：确保图片从顶部开始显示 */
            }

    }
        /* 桌面端保持原有样式 */
        @media (min-width: 769px) {
            .news-image-container {
                height: 100%;
            }
            .news-image-container .card-img-top {
                height: 100%;
                object-fit: cover;
            }
        }


    /* 全球节点 */
    #worldMap {
      width: 100%;
      height: 700px;
    }
    .map-legend {
      position: absolute;
      bottom: 160px;
      left: 20px;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 0px 15px;
      border-radius: 5px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      z-index: 100;
      width: 153px;
      height: 35px;
      line-height: 35px;
      font-size: 14px;
    }
    .legend-item {
      display: flex;
      align-items: center;
      margin-bottom: 5px;
    }
    .legend-dot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      margin-right: 8px;
    }
    .blue-dot {
      background-color: #0066ff;
    }
    .node-entrance-btn {
      position: absolute;
      bottom: 110px;
      left: 20px;
      z-index: 100;
    }
    /* 响应式样式 */
    @media (max-width: 768px) {
      #nodes {
        padding-top: 1rem !important; /* 进一步减少顶部间距 */
      }

      #worldMap {
        height: 400px; /* 移动端减小地图高度 */
        margin-top: 0.5rem; /* 大幅减少地图顶部外边距 */
        overflow: hidden;
      }

      #worldMap .section-title {
        margin-bottom: 0.5rem !important; /* 减少标题底部间距 */
      }

      #worldMap .section-title h2 {
        font-size: 1.5rem;
        margin-bottom: 0.3rem; /* 减少标题与描述间距 */
      }

      #worldMap .section-title p {
        font-size: 0.9rem;
        margin-bottom: 0.5rem; /* 减少描述与地图间距 */
      }

      .node-entrance-btn {
        bottom: 15px;
        left: 15px;
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
      }

      .map-legend {
        bottom: 60px;
        left: 15px;
        padding: 6px 10px;
        font-size: 0.8rem;
      }
    }

    /* 超小屏幕设备 */
    @media (max-width: 576px) {

      #worldMap {
        height: 350px;
        margin-top: 0.25rem;
        overflow: hidden;
      }

      #worldMap .section-title h2 {
        font-size: 1.3rem;
        margin-bottom: 0.2rem;
      }

      .node-entrance-btn {
        bottom: 10px;
      }
    }
    /* 数据中心部分背景 */
    .data-center-bg {
      background: url(../images/data-bg.png) 100% 100% / 100% no-repeat #fff;
      padding: 40px 0;
    }
    .data-center-txt{padding-left: 150px;}
    .data-txt>h2{
      color: var(--primary-color);
      font-weight: bold;
    }
    .data-txt>p{margin-top: 10px}

    /* 响应式调整 */
    @media (max-width: 768px) {
      .node-point span {
        font-size: 8px;  /* 移动端更小的字号 */
        margin-bottom: 10px;  /* 移动端较小的间距 */
      }
      .data-center-bg {
        padding: 40px 0;
      }
      .data-center-txt{padding-left: 50px;}
    }
    /* 注册部分 - 风格 */
    .register-section {
      background: linear-gradient(135deg, var(--primary-color), #3a5bdc);
      color: white;
      padding: 80px 0;
      position: relative;
      overflow: hidden;
    }

    .register-section:before {
      content: '';
      position: absolute;
      top: -50px;
      right: -50px;
      width: 200px;
      height: 200px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
    }

    .register-section:after {
      content: '';
      position: absolute;
      bottom: -80px;
      left: -80px;
      width: 300px;
      height: 300px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
    }

   

    /* 动画效果 */
    .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease;
    }

    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }


    /* 响应式调整 */
    @media (max-width: 992px) {
      .hero-section, .carousel-item {
        height: 500px;
      }

      .carousel-caption {
        bottom: 120px;
        left: 5%;
        right: 5%;
      }

      .carousel-caption h1 {
        font-size: 32px;
      }

      .carousel-caption p {
        font-size: 16px;
      }
      .carousel-caption h3{
        font-size: 34px;
      }
    }

    @media (max-width: 768px) {
      .hero-section, .carousel-item {
        height: 400px;
      }



      .section-title h2 {
        font-size: 28px;
      }
    }

    /* 全屏部分样式 */

    .btn-primary-custom {
      background-color: #fff;
      border-color: var(--primary-color);
      padding: 15px 90px;
      font-weight: 600;
      border-radius: 10px;
      transition: all 0.3s ease;
      color: #333;
    }

    .btn-primary-custom:hover {
      background-color: var(--primary-color);
      transform: translateY(-3px);
      box-shadow: 0 10px 20px rgba(0,0,0,0.1);
      color: #fff;

    }