body, html {font-family: 'Noto Sans', sans-serif !important;}

    /* ===== 模块统一圆角 ===== */
    :root{--module-radius: 14px;}

    /* 把需要圆角的几个模块一次性选中 */
    .video-slider-container,
    .insight-module,
    .fullscreen-section{
        /*border-radius: var(--module-radius);*/
        overflow: hidden;   /* 必须有，保证内部图片/视频也裁剪成圆角 */
    }

    /* 重要：彻底重置Swiper可能影响的全局样式 */
    .swiper-container, .swiper-wrapper, .swiper-slide {
        box-sizing: content-box;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    /* 确保其他模块不受Swiper影响 */
    .video-slider-container *,
    .fullscreen-section * {
        box-sizing: content-box !important;
    }
    
    .video-slider-container {width: 100%;overflow: hidden;position: relative;margin: 0 auto;background: #fff;}

    .video-slider-container .main_visual {position: relative;width: 100%;}

    .video-slider-container .main_image {overflow: hidden;width: 100%;}

    .video-slider-container .main_image li video,
    .video-slider-container .main_image li img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block;
        /*border-radius: var(--module-radius);*/
    }

    .video-slider-container,
    .video-slider-container .main_visual,
    .video-slider-container .main_image {
        height: auto !important;
        max-height: unset !important;
    }
    
    .video-slider-container { position: relative; z-index: 1; /*margin-top: 60px;*/ background: #ededed}
    .video-slider-container .main_image.swiper .swiper-wrapper {}
    .video-slider-container .main_image.swiper .swiper-slide { width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0;}
    .video-slider-container .main_image.swiper .swiper-slide img,
    .video-slider-container .main_image.swiper .swiper-slide video {
        width: 100% !important;
        height: 100% !important;        /* 想严格等比可改成 height:auto; */
        object-fit: cover !important;
        display: block;
        /*border-radius: var(--module-radius);*/
        position: relative;
        z-index: 0;                      /* 有些移动端视频会“顶层”，这行压回去 */
    }

    .video-slider-container .slider-controls {
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 5;
        display: flex;
        gap: 10px;
    }
    
    .video-slider-container .slider-controls .scroll-btn {
        background: #f5f5f5;
        color: #333;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        border: 1px solid #ddd;
    }
    
    .video-slider-container .slider-controls .scroll-btn:hover {background: #333333;color: white;border-color: #1a3a5f;}
    
    .video-slider-container .slider-controls .scroll-btn.disabled {opacity: 0.3;cursor: not-allowed;}
    
    .video-slider-container .slider-controls .scroll-btn.disabled:hover {background: #f5f5f5;color: #333;border-color: #ddd;}

    /* 自定义地图聚合点样式 */
    .my-cluster-icon {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 2px solid #333;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
    }

    /* 地图模块 */
    .map-container {
        max-width: 100%;
        width: 93vw;
        height: 0;
        padding-bottom: 40.78%;
        margin: 20px auto;
        position: relative;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: var(--module-radius);
    }
    
    /* 解决Leaflet地图瓦片加载错位的问题 */
    .leaflet-container {font-family: 'Noto Sans', sans-serif !important;}

    .map-title {
        color: #fff; /* 将文字颜色设置为白色 */
        font-size: 32px; /* 您可以根据需要调整文字大小 */
        font-weight: 500;
        text-align: center; /* 让标题居中显示 */
        margin-bottom: 30px; /* 在标题和地图之间增加一些间距 */
        z-index: 1;
        position: relative;
    }

    /* ===== 品牌介绍模块 ===== */
    .brand-intro-section{
        background:#000;          /* 与 dga.it 类似的浅灰底 */
        padding:40px 20px;
        color:#000;
        position:relative;
        overflow:hidden;
    }

    .brand-intro-wrap{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:60px;
        max-width:1200px;
        margin:30px auto;
    }

    .intro-left{flex:0 0 40%;}

    .intro-right{flex:1;margin-left: -60px;}

    .brand-intro-wrap h3{
        /*font-family: "Edu NSW ACT Cursive", cursive;*/
        font-size:34px;
        font-weight:400;
        line-height:1.4;
        margin:0;
        color: #fff;
        padding-top: 70px;
        position: relative;
        z-index: 1;
    }

    .brand-intro-wrap p{
        font-size:32px;
        line-height:1.8;
        margin:0 0 28px;
        font-weight:300;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    /* ===== 行业见解三卡片模块 ===== */
    .industry-insight-section{background:#ededed;padding:60px 20px;color:#fff;}

    /* ========== 鼠标跟随黑圈样式 ========== */
    .brand-intro-section{position:relative;overflow:hidden;}

    .intro-cursor-circle{
        position:absolute;
        top:0;
        left:0;
        width:200px;
        height:200px;
        border-radius:50%;
        background:#ad9825;
        pointer-events:none;
        opacity:0;
        transition:opacity 1.00s;
        transform: translate(-100px, -100px);
        z-index: 0;
        box-shadow: 0 0 20px rgba(255, 200, 0, 0.6);
        filter: blur(20px);
    }

    /* 鼠标进入区域时让圆圈淡入 */
    .brand-intro-section.cursor-active .intro-cursor-circle{opacity:1;}

    /*.brand-intro-section.cursor-active .intro-cursor-circle + .brand-intro-wrap h3,
    .brand-intro-section.cursor-active .intro-cursor-circle + .brand-intro-wrap p {
         color: #fff;
    }*/

    .industry-insight-section .section-header{
        text-align:center;
        max-width:900px;
        margin:0 auto 40px;
        color: #000000
    }

    .industry-insight-section .section-header h2{font-size:32px;font-weight:500;}

    /* 卡片容器 */
    .industry-insight-section .cards-container{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:24px;
        max-width:1450px;
        margin:0 auto;
    }

    /* 单卡片 */
    .insight-card{
        width:300px;                       /* 想再瘦就改这里 */
        background:rgba(255,255,255,.1);
        border-radius:14px;
        overflow:hidden;
        backdrop-filter:blur(6px);
        color:#000000;
        transition:all .4s ease;
    }

    .insight-card-img{height:260px;overflow:hidden;}

    .insight-card-img img{
        width:100%;
        height:100%;
        object-fit:cover;
        transition:transform .5s ease;
    }

    /* Hover 效果（可选） */
    .insight-card:hover .insight-card-img img{transform:scale(1.05);}
    .insight-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.25);}

    /* 卡片文字 */
    .insight-card-body{padding:24px;}
    
    .insight-card-body h3{font-size:22px;margin:0 0 10px;font-weight: 500;}

    .insight-card-body p{font-size:15px;line-height:1.6;margin:0;}

    /* "View More" 按钮样式 */
    .insight-btn {
        display: inline-block;
        margin-top: 20px; /* 与上方文字的间距 */
        padding: 8px 24px;
        background: #000;
        color: #fff;
        border-radius: 8px; /* 圆角 */
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .insight-btn:hover {background: #333;transform: translateY(-2px);}

    .cert-carousel {width: 100%;overflow: hidden;position: relative;padding: 0 10px;}

    .cert-track {display: flex;}

    .cert-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 16px;
        max-width: 1400px;
        margin: 0 auto;
    }

    .cert-inner img {width: 220px;height: 85px;margin: 0 8px;transition: transform 0.3s ease;}

    .cert-inner img:hover {transform: scale(1.05);}

    .brand-extension-wrapper {
      position: relative;
      display: block;
      width: 100%;
      z-index: 1;
      max-width: 100vw;
      margin: 0 auto;
      padding: 0px 30px;
      box-sizing: border-box
    }

    .intro-fixed-inner img {width: 100%;height: 100%;object-fit: cover;border-radius: 14px;}

    .first-row .scroll-item {flex: 1;border-radius: 14px;overflow: hidden;}

    .second-row .scroll-item {flex: 1;border-radius: 14px;overflow: hidden;}

    .scroll-item img {
      width: 100%;
      height: auto;
      border-radius: 14px;
      display: block;
      transition: all 0.5s ease;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
      filter: brightness(0.45);
      object-fit: cover;
    }

    .scroll-item img:hover {
      box-shadow: 0 0 50px rgba(255, 216, 0, 0.6), 
      0 0 100px rgba(255, 216, 0, 0.3);
      filter: brightness(1.1); /* ✅ 让图片整体更亮一点 */
    }

    .scroll-item img {
      border-radius: 14px;
      transition: box-shadow 0.6s ease, filter 0.6s ease;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); /* 初始阴影 */
    }

    .scroll-item img:hover {
      box-shadow: 0 0 80px rgba(255, 216, 0, 0.7), 
                           0 0 140px rgba(255, 216, 0, 0.4);
      filter: brightness(1.1);
    }

    .scroll-item img:hover {
      box-shadow: 0 0 60px rgba(255, 216, 0, 0.7), 
                           0 0 120px rgba(255, 216, 0, 0.4);
      filter: brightness(1.1) saturate(1.2);
    }

    .scroll-item.right-first img,
    .scroll-item.right-second img {
      width: 100%;
      border-radius: 14px;
      filter: brightness(0.7);
      transition: all 0.6s ease;
      box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
    }

    .scroll-item.right-first img:hover,
    .scroll-item.right-second img:hover {
      filter: brightness(1) saturate(1.2);
      box-shadow: 0 0 80px rgba(255, 216, 0, 0.7),
                         0 0 140px rgba(255, 216, 0, 0.4);
    }

    /* ✅ 针对第一排的特殊样式 */
    .first-row {display: flex;justify-content: space-between;gap: 20px;width: 100%;}

    .second-row {display: flex;justify-content: space-between;gap: 20px;width: 100%;}

    /* ✅ 第一段文字独立样式 */
    .scroll-text.first-text {margin: 80px auto 80px 0;font-size: 20px;line-height: 1.6;color: #fff;text-align: left;}

    .scroll-item p {font-size: 20px;margin-top: 20px;color: #333;}

    /* ===== 公司理念模块 CSS Start ===== */
    .tab-container {width: 100%;height: 100vh;display: flex;flex-direction: column;}

    .tab-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background-color: white;
      margin-bottom: 0;
      transition: all 0.3s ease;
      overflow: hidden;
      border-radius: 0;
    }

    .tab-background {
      width: 100%;
      height: 100%;
      min-height: 400px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      overflow: hidden;
      border-radius: 0;
    }

    .tab-text {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 2rem;
      background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
      color: white;
      text-align: left;
      max-width: 800px;
      transition: opacity 0.3s ease-in-out;
    }

    .tab-text.fading-out {opacity: 0;}

    .tab-title {
      font-size: 1.8rem;
      font-weight: 700;
      margin-bottom: 1rem;
      color: white;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .tab-description {
      font-size: 1.1rem;
      color: rgba(255, 255, 255, 0.9);
      line-height: 1.8;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .tab-buttons {display: flex;gap: 0;}

    .tab-btn {
      flex: 1;
      padding: 1rem;
      border: none;
      background-color: #313239;
      color: white;
      font-size: 1rem;
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-radius: 0;
      position: relative;
      overflow: hidden;
    }

    .tab-btn-text {position: relative;z-index: 2;}

    .progress-bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background-color: #000;
      transform: scaleX(0);
      transform-origin: left;
      z-index: 1;
      transition: none;
    }

    .tab-btn.active {background-color: #24272b;}

    .tab-btn.active .progress-bar {transform: scaleX(1);transition: transform 7s linear;}

    .tab-btn:hover:not(.active) {background-color: #334155;}
/* ===== 公司理念模块 CSS End ===== */
    .news-module-wrapper {max-width: 1300px;margin: 0 auto;padding: 40px 20px;}

    .news-section-fullwidth {background-color: #ededed;width: 100%;}

    .news-section-title {font-size: 32px;font-weight: 500;color: #000;text-align: center;margin-bottom: 40px;}

    .news-module {display: flex;align-items: stretch;background-color: #ededed;max-width: 100%;}

    .news-image {flex: 0 0 50%;margin-right: 30px;}

    .news-image img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: var(--module-radius);}

    .news-content {flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 10px 0;}

    .news-title {font-size: 24px;font-weight: normal;margin: 0 0 20px 0;color: #333;line-height: 1.5;}

    .news-content a {text-decoration: none;color: inherit;}

    .news-excerpt {
      font-size: 15px;
      color: #555;
      line-height: 1.8;
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-grow: 1;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
    }

    .news-dots {text-align: center;margin-top: 30px;}

    .news-dots .dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      background-color: #dcdcdc;
      border-radius: 50%;
      margin-right: 12px;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .news-dots .dot.active {background-color: #000;}

    /* 响应式设计 */
    @media (max-width: 1440px) {
        .video-slider-container {max-width: 100%;}
    }
    
    @media (max-width: 1200px) {
        .video-slider-container .slider-controls {left: 40px;bottom: 40px;}
        
        .fullscreen-section .xal-solution-title {font-size: 30px;}
        
        .fullscreen-section {font-size: 15px;}
    }
    
    @media (min-width: 1024px) and (max-width: 1280px) {
        .intro-scroll-left {margin-left: -20px;}

        .scroll-item.right-first img, .scroll-item.right-second img {width: 110%;}

    }
    
    @media (max-width: 992px) {
        .video-slider-container .slider-controls {left: 30px;bottom: 30px;}
        
        .video-slider-container {height: 600px;}
        
        .fullscreen-section .xal-solution-title {font-size: 28px;}

        .news-module {flex-direction: column;}

        .news-image {margin-right: 0;margin-bottom: 20px;flex-basis: auto;width: 100%;height: 300px;}
    }
    
    @media (max-width: 768px) {
        :root{ --module-radius: 16px; }

        .video-slider-container {height: 500px;}
        
        .video-slider-container .slider-controls {left: 20px;bottom: 20px;}
        
        .fullscreen-section .xal-solution-title {font-size: 26px;}
        
        .fullscreen-section {font-size: 15px;}

        .insight-card {width:320px;}

        .brand-intro-section {padding:40px 20px;}

        .brand-intro-wrap{flex-direction:column;gap:30px;}

        .brand-intro-wrap h3 {font-size:28px;margin-bottom:30px;padding-top:0px}

        .brand-intro-wrap p {font-size:16px;line-height:1.8;}

        .intro-left, .intro-right{flex:initial;width:100%;margin:0;}

        .solution-steps{gap:24px;grid-template-columns:repeat(5, 1fr);row-gap:24px;}

        .solution-steps .step:nth-child(4),
        .solution-steps .step:nth-child(5){
             grid-column:auto;
        }

        .solution-steps .step{font-size:15px;}

        .solution-steps .step img{width:46px;height:46px;}
    
        .cert-inner img {width: 160px;height: 60px;margin: 0 5px;}

        .video-slider-container,
        .video-slider-container .main_visual,
        .video-slider-container .main_image {
            height: 385px !important;
            max-height: unset !important;
        }

        .news-image {height: 250px;}

        .news-title {font-size: 20px;}

        .tab-container {padding: 0;}

        .tab-text {padding: 1.5rem;}

        .tab-title {font-size: 1.5rem;}

        .tab-description {font-size: 1rem;}

        .tab-btn {padding: 0.8rem;font-size: 0.9rem;}
    }
    
    @media (min-width: 431px) and (max-width: 768px) {
        .industry-insight-section .cards-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
        }

        .scroll-row {min-height: 120px;}
    }

    @media (max-width: 576px) {
        .video-slider-container {height: 400px;}
        
        .video-slider-container .slider-controls {left: 15px;bottom: 15px;}
        
        .fullscreen-section .xal-solution-title {font-size: 24px;}
        
        .fullscreen-section {font-size: 14px;}
        
        .content-container { padding-left: 15px;}
    }
    
    @media (max-height: 700px) {
        .fullscreen-section .xal-solution-title {font-size: 26px;}
        
        .fullscreen-section {font-size: 14px;}
    }

    @media (max-width: 430px) {
        .video-slider-container .main_image ul {flex-direction: row !important;}

        .video-slider-container .main_image li {width: 100% !important;height: auto !important;padding: 0 !important;margin: 0 !important;}

        .video-slider-container .main_image.swiper .swiper-slide img, .video-slider-container .main_image.swiper .swiper-slide video {height: 58% !important;}

        .video-slider-container .main_visual {padding-bottom: 0 !important;}

        .video-slider-container,
        .video-slider-container .main_visual,
        .video-slider-container .main_image {
            height: 244px !important;
            max-height: unset !important;
        }

        .content-container {margin: 0 12px;width: auto;}

        .fullscreen-section .xal-solution-title {font-size: 22px;margin-bottom: 24px;letter-spacing: 0;}

        .solution-steps {grid-template-columns: repeat(5, 1fr);gap: 12px;row-gap: 12px;justify-items: center;}

        .solution-steps .step {max-width: 68px;font-size: 12px;}

        .solution-steps .step img {width: 32px;height: 32px;margin-bottom: 8px;}

        .solution-steps .step span {white-space: normal;line-height: 1.2;margin-top: 6px;font-weight: 400;}

        .brand-intro-section {padding: 16px 12px 20px;}

        .brand-extension-wrapper {min-height: auto;padding: 0;display: flex !important;flex-direction: column !important;}

        .intro-scroll-left {width: 100%;padding: 0;display: contents !important;}

        .intro-scroll-right {width: 100%;display: grid !important;grid-template-columns: 1fr 1fr;gap: 10px;}

        .scroll-item {margin-bottom: 12px;}

        .scroll-item img {
            width: 100% !important;
            height: auto !important;
            object-fit: cover;
            border-radius: 14px;
            box-shadow: none;
            filter: none;
        }

        .scroll-item.first img {width: 100% !important;margin: 0 !important;}

        .scroll-row {
            display: grid !important;
            /*grid-template-columns: 1fr 1fr;*/
            gap: 10px;
            align-items: stretch;
            min-height: auto;
            margin-bottom: 10px;
        }

        .scroll-row .scroll-item.second img,
        .scroll-row .scroll-item.third  img {
            width: 100% !important;
            height: auto !important;
        }

        .scroll-text.first-text,
        .scroll-text.second-text {
            width: 100%;
            margin: 8px 0 12px;
            font-size: 14px;
            line-height: 1.65;
            color: #333;
            text-align: left;
        }

        .right-first img,
        .right-second img {
            width: 100% !important;
            height: auto !important;
        }

        .intro-scroll-right > * {
            flex: initial !important;
            width: auto !important; 
        }

        .intro-scroll-right .scroll-item.second,
        .intro-scroll-right .scroll-item.third {
            flex: 0 0 calc(50% - 6px);
        }

        .intro-scroll-right .scroll-text.first-text { order: 30; }
        .intro-scroll-right .scroll-item.second      { order: 40; }
        .intro-scroll-right .scroll-item.third       { order: 41; }

        .intro-scroll-right .scroll-item img {
            width: 100% !important;
            height: auto !important;
            object-fit: cover;
            border-radius: 14px;
            box-shadow: none;
            filter: none;
            aspect-ratio: 4 / 5;  
        }


        .brand-extension-wrapper > .scroll-item.first       { order: 10 !important; }
        .brand-extension-wrapper > .scroll-text.first-text  { order: 20; }
        .brand-extension-wrapper > .scroll-row     { order: 30 !important; }
        .brand-extension-wrapper > .intro-scroll-right         { order: 40; }
        .brand-extension-wrapper > .scroll-text.second-text { order: 50 !important; }

        .intro-scroll-right .scroll-item.second img,
        .intro-scroll-right .scroll-item.third  img { aspect-ratio: 4/5; }

        .scroll-item + .scroll-text { margin-top: 6px; }
    }
    
    /* 移除轮播图模块下方的额外空白 */
    .video-slider-container + .main {margin-top: 0;}
    
    .main {margin-top: 0;}