/* ============================================
   PC端网页样式文�?
   基于PC端网页开发文档设�?
   ============================================ */

/* 本地字体定义 - HarmonyOS Sans */
@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans';
    src: url('../fonts/HarmonyOS_Sans/HarmonyOS_Sans_Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 全局样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: auto; /* Lenis handles smooth scrolling */
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'HarmonyOS Sans SC', sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
    background-color: #000;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* 添加main.main样式，解决黑色边框问�?*/
.main {
    background-color: #fff;
    min-height: calc(100vh - 80px);
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 确保 about-bg �?::before 伪元素不会遮挡内�?*/
html body section.case-filters-and-showcase.about-bg::before,
html body .main section.case-filters-and-showcase::before,
html body section.case-filters-and-showcase::before,
html body section.case-cta.about-bg::before,
html body .main section.case-cta::before,
html body section.case-cta::before {
    z-index: 0 !important;
}

html body section.case-filters-and-showcase.about-bg .container,
html body section.case-cta.about-bg .container,
html body .main section.case-filters-and-showcase .container,
html body .main section.case-cta .container {
    position: relative;
    z-index: 1;
}

/* 确保这些区域内的容器和网格也是透明�?*/
.services .container,
.services-grid,
.service-countries .container,
.clients-partners .container,
.insights .container {
    background-color: transparent !important;
}

/* 容器 */
.container {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 俄语站服务版块容器居�?*/
.services-section .container {
    padding: 60px 40px;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

/* 数据展示区域不使用container */
.data-showcase .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

/* 通用按钮样式 */
.btn {
    display: inline-block;
     padding: 1.35417vw 2.39583vw;
    font-size: 1.5625vw;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.btn-primary {
    padding: 1.35417vw 2.39583vw;
    font-size: 1.5625vw;
    font-weight: 400;
    color: #636f3d;
    background: none;
    border: 2px solid #636f3d;
    border-radius: 10px;
    cursor: pointer;
    letter-spacing: 2px;
    line-height: 1;
}

.btn-primary:hover {
    background-color: #636F3D;
}

.btn-secondary {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
    border-color: #fff;
    box-shadow: 0 5px 20px rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
}

.btn-large {
    padding: 16px 40px;
    font-size: 18px;
}

/* 首页使用全屏滚动效果 */
body:not(.sub-page) .section {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* 栏目页面（非首页）使用正常滚�?*/
body.sub-page html {
    scroll-behavior: auto; /* Lenis handles smooth scrolling */
}

body.sub-page {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
}



/* ============================================ 
   向下滚动指示�?
   ============================================ */
.scroll-indicator {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    animation: bounceDown 2s infinite;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.scroll-indicator:hover {
    color: rgba(255, 255, 255, 1);
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(-50%) translateY(5px);
}

.scroll-indicator i {
    display: block;
}

@keyframes bounceDown {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(10px);
    }
}

/* 移动端向下滚动指示器 */


/* ============================================
   右侧固定悬浮按钮
   ============================================ */
.fixed-float {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.float-item {
    background-color: #fff;
    border-radius: 50px;
    padding: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    font-size: 14px;
    color: #333;
    /* 默认只显示图标，宽度固定 */
    width: 50px;
    justify-content: center;
    overflow: hidden;
}

.float-item i {
    font-size: 20px;
    color: #636F3D;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.float-item span {
    white-space: nowrap;
    opacity: 0;
    width: 0;
    max-width: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-left: 0;
    display: inline-block;
}
.float-item:hover {
    background: #636F3D;
}
.float-item:hover i {
    color: #fff;
}
/* ============================================
   顶部导航�?
   ============================================ */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: none;
    z-index: 10000;
    background-color: rgb(24 43 2 / 38%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    contain: layout style paint;
    /* backdrop-filter removed for performance; applied only in scrolled state */
}

.header.scrolled {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    max-width: 100%;
    margin: 0;
}

/* 导航栏内部包装器 - 两边固定宽度，中间自适应 */
.header-nav-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 4.42708vw;
    box-sizing: border-box;
}

/* Logo 区域固定宽度 */
.header-logo-area {
    flex-shrink: 0;
}

/* 导航菜单区域 - 自适应剩余空间 */
.header-nav-area {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0;
    overflow: visible;
    padding: 0 20px;
}

/* 右侧区域（语言选择器等）固定宽�?*/
.header-right-area {
    flex-shrink: 0;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

/* 桌面端导航栏全屏显示 */

.logo img {
    width: 14vw;
    filter: brightness(100);
    display: block;
}


.nav {
    flex: 1;
    text-align: center;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.nav ul {
    display: flex !important;
    list-style: none;
    gap: 25px; /* 减少间距，使所有菜单项能在一行显�?*/
    justify-content: center;
    margin: 0;
    padding: 0;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: nowrap !important; /* 确保所有菜单项在一�?*/
    overflow-x: visible;
    white-space: nowrap;
    align-items: center; /* 垂直居中对齐 */
}

.nav ul li {
    white-space: nowrap;
    overflow: visible;
}

/* ========== 顶部导航（默认使�?.nav ul�?========== */
/* 英文和俄语站点菜单项允许文字换行，但整个菜单仍保持在一�?*/
html[lang^="en"] .nav ul li,
html[lang^="ru"] .nav ul li {
    white-space: normal !important;
    overflow: visible;
    max-width: 140px;           /* 单个菜单项最大宽度，超出则换�?*/
    text-align: center;
    flex-shrink: 0;             /* 防止被压缩导致换行到下一�?*/
}

.nav ul li a {
    white-space: nowrap;
    overflow: visible;
}

html[lang^="en"] .nav ul li a,
html[lang^="ru"] .nav ul li a {
    white-space: normal !important;
    overflow: visible;
    word-break: break-word;     /* 允许长单词内部断�?*/
    line-height: 1.4;
    display: block;
    text-align: center;
}

/* ========== 详情页使用的默认导航�?nav-menu-list�?========== */
#nav-menu-list {
    display: flex;
    flex-wrap: nowrap;          /* 整个菜单在一�?*/
    list-style: none;
    gap: 2vw;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    overflow-x: visible;
}

#nav-menu-list li {
    white-space: nowrap;
    overflow: visible;
}

/* 英文/俄语详情页：单个菜单项内允许换行 */
html[lang^="en"] #nav-menu-list li,
html[lang^="ru"] #nav-menu-list li {
    white-space: normal !important;
    max-width: 150px;
    text-align: center;
    flex-shrink: 0;
}

#nav-menu-list li a {
    white-space: nowrap;
    overflow: visible;
}

html[lang^="en"] #nav-menu-list li a,
html[lang^="ru"] #nav-menu-list li a {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
}

/* ========== 英文 / 俄语站点：通用导航�?nav ul）单项可换行，整栏一�?========== */
html[lang^="en"] .nav ul,
html[lang^="ru"] .nav ul {
    /* 仍然使用flex+nowrap保证整栏一行，同时覆盖父级�?white-space 设置 */
    flex-wrap: nowrap !important;     /* 整个菜单在一�?*/
    justify-content: center;
    gap: 25px;
    white-space: normal !important;   /* 允许子项内部换行 */
}

html[lang^="en"] .nav ul li,
html[lang^="ru"] .nav ul li {
    white-space: normal !important;   /* 单个菜单项内允许换行 */
    max-width: 150px;
    text-align: center;
    flex-shrink: 0;
}

html[lang^="en"] .nav ul li a,
html[lang^="ru"] .nav ul li a {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.4;
    display: block;
    text-align: center;
}

.nav a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
    font-size: 1vw;
    transition: all 0.3s ease;
    position: relative;
    letter-spacing: 0.3px;
    padding: 5px 0;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 英文和俄语站点导航栏链接样式调整（适应换行�?*/
html[lang="en"] .nav a,
html[lang="ru"] .nav a {
    padding: 8px 5px; /* 增加上下内边距，适应换行 */
    min-height: 40px; /* 最小高度，确保换行后有足够空间 */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 当导航栏有白色背景时，菜单字体颜色改为黑�?*/
.header.white-bg .nav a,
.header[style*="background-color: white"] .nav a,
.header[style*="background-color: #fff"] .nav a,
.header[style*="background-color: #ffffff"] .nav a,
.header[style*="background: white"] .nav a,
.header[style*="background: #fff"] .nav a,
.header[style*="background: #ffffff"] .nav a {
    color: #000000 !important;
    text-shadow: none;
}

.nav a:hover,
.nav a.active {
    color: #8fb36a;
    text-shadow: none;
}

.nav a::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #8fb36a;
    transition: width 0.3s ease, left 0.3s ease;
    border-radius: 2px;
}

/* 英文和俄语站点导航栏下划线调整（适应换行�?*/
html[lang="en"] .nav a::after,
html[lang="ru"] .nav a::after {
    bottom: -8px; /* 调整下划线位置，适应换行后的布局 */
}

.nav a:hover::after,
.nav a.active::after {
    width: 100%;
    left: 0;
}

.menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    color: #ffffff;
    transition: color 0.3s ease;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.menu-toggle:hover {
    color: #8fb36a;
    text-shadow: none;
}

/* 导航栏移动端适配 */
@media (max-width: 1024px) {
  .header-nav-wrapper {
    padding: 12px 20px;
  }
  .logo img {
    width: 180px;
  }
  .header-nav-area {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
  }
  .nav {
    display: none !important;
  }
  .nav.active {
    display: block !important;
    background: rgba(24, 43, 2, 0.95);
    padding: 20px;
  }
  #nav-menu-list {
    flex-direction: column !important;
    gap: 0 !important;
    flex-wrap: wrap !important;
  }
  #nav-menu-list li {
    width: 100%;
  }
  .nav a,
  #nav-menu-list li a {
    font-size: 15px;
    display: block;
    padding: 12px 0;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .nav a::after,
  #nav-menu-list li a::after {
    display: none;
  }
  .menu-toggle {
    display: block !important;
  }
  .header-right-area {
    width: auto;
    gap: 12px;
  }
  .language-switch {
    margin-left: 0;
  }
}
    margin-left: 30px;
    position: relative;
}

/* 语言选择器下拉框样式 */
.lang-selector {
    position: relative;
    display: inline-block;
}

.lang-selector-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    color: #ffffff;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    min-width: 100px;
    justify-content: space-between;
}

.lang-selector-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
}

.lang-selector-btn:focus {
    outline: none;
    border-color: #3498db;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.3);
}

.lang-selector-text {
    flex: 1;
    text-align: left;
}

.lang-selector-icon {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.lang-selector.active .lang-selector-icon {
    transform: rotate(180deg);
}

/* 下拉菜单 */
.lang-selector-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    list-style: none;
    margin: 0;
    padding: 4px 0;
    min-width: 120px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
}

.lang-selector.active .lang-selector-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-selector-dropdown li {
    margin: 0;
    padding: 0;
}

.lang-option {
    display: block;
    padding: 10px 16px;
    color: #333333;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 14px;
    font-weight: 500;
}

.lang-option:hover {
    background: #f5f5f5;
    color: #3498db;
}

.lang-option.active {
    background: #3498db;
    color: #ffffff;
    font-weight: 600;
}


/* ============================================
   CTA 行动号召区域
   ============================================ */
.cta {
    position: relative;
    height: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 2;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
}

.cta .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* cta 版块使用全局 ::after 伪元素作为蒙�?*/

.cta .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.cta .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}

.cta .container {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: 100%;
    padding: 100px 80px;
    margin: 0;
}

.cta h2 {
    font-size: 36px;
    margin-bottom: 30px;
    text-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);
}

/* CTA区域按钮样式 - 蓝色背景白色字体 */
.cta .btn {
    background-color: #0066cc;
    color: #fff;
    border: 2px solid #0066cc;
    font-weight: 500;
    transition: all 0.3s ease;
}

.cta .btn:hover {
    background-color: #0052a3;
    border-color: #0052a3;
    color: #fff;
    box-shadow: 0 5px 20px rgba(0, 102, 204, 0.4);
    transform: translateY(-2px);
}

.cta .btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(0, 102, 204, 0.3);
}

/* ============================================
   弹窗组件
   ============================================ */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.modal.show {
    display: flex;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content {
    background: #fff;
    border-radius: 16px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    border-bottom: 1px solid #e5e7eb;
    position: relative;
}

.modal-header h3 {
    font-size: 20px;
    color: #333;
    margin: 0;
    flex: 1;
    text-align: center;
}

.modal-close {
    font-size: 28px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    transition: color 0.3s ease;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.modal-close:hover {
    color: #333;
}

.modal-body {
    padding: 25px;
}

/* 微信二维码弹�?*/
.wechat-modal-content {
    text-align: center;
}

.wechat-qrcode {
    margin: 20px 0;
}

.wechat-qrcode img {
    max-width: 300px;
    width: 100%;
    border-radius: 8px;
}

/* 表单弹窗 */
.form-modal-content {
    max-width: 600px;
}

.form-modal-content .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-modal-content .form-group {
    margin-bottom: 20px;
}

.form-modal-content .form-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.form-modal-content .required {
    color: #ef4444;
}

.form-modal-content .form-group input,
.form-modal-content .form-group select,
.form-modal-content .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    background-color: #fff;
    color: #333;
    box-sizing: border-box;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-modal-content .form-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
    cursor: pointer;
}

.form-modal-content .form-group input:focus,
.form-modal-content .form-group select:focus,
.form-modal-content .form-group textarea:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-modal-content .form-group input::placeholder,
.form-modal-content .form-group textarea::placeholder {
    color: #999;
}


/* 表单弹窗响应�?*/

/* 视频弹窗 */
.video-modal-content {
    max-width: 900px;
    background: #000;
    padding: 0;
}

.video-modal-content .modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-modal-content video {
    width: 100%;
    height: auto;
    display: block;
}

/* AI咨询弹窗 */
.ai-modal-content {
    max-width: 800px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.ai-chat-container {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    min-height: 400px;
    max-height: 500px;
}

.ai-message,
.user-message {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.ai-avatar,
.user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.ai-avatar {
    background: #667eea;
}

.user-avatar {
    background: #764ba2;
}

.ai-message-content,
.user-message-content {
    flex: 1;
    background: #f3f4f6;
    padding: 15px;
    border-radius: 12px;
    line-height: 1.6;
}

.ai-message-content ul {
    margin: 8px 0;
    padding-left: 20px;
}

.ai-message-content li {
    margin: 4px 0;
    line-height: 1.5;
}

.user-message {
    flex-direction: row-reverse;
}

.user-message-content {
    background: #667eea;
    color: #fff;
}

.user-input-area {
    display: flex;
    gap: 10px;
    padding: 20px;
    border-top: 1px solid #e5e7eb;
}

.user-input-area input {
    flex: 1;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
}

.user-input-area button {
    padding: 12px 24px;
    background: #667eea;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s ease;
}

.user-input-area button:hover {
    background: #764ba2;
}

.user-input-area button:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.user-input-area input:disabled {
    background: #f3f4f6;
    cursor: not-allowed;
}

/* 建议问题区域 */
.suggested-questions {
    padding: 15px 20px;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
}

.suggested-questions-title {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 10px;
    font-weight: 500;
}

.suggested-questions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.suggested-question-item {
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.suggested-question-item:hover {
    background: #667eea;
    color: #fff;
    border-color: #667eea;
}

/* 加载动画 */
.loading-dots {
    display: flex;
    gap: 5px;
}

.loading-dots span {
    width: 8px;
    height: 8px;
    background: #667eea;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out;
}

.loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
}

.loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
}

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

/* ============================================
   响应式设�?
   ============================================ */


    
    .footer-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px;
    }
    
    .fixed-float {
        gap: 5px;
    }
    
    .float-item {
        width: 35px;
        height: 35px;
        font-size: 14px;
        padding: 6px;
    }
    
    .float-item span {
        display: none;
    }
    
    .read-more, .watch-video, .download-link {
        font-size: 10px;
        padding: 4px 10px;
        margin-top: 6px;
    }
    
    /* 客户与伙伴移动端横向排列 */
    .carousel-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .carousel-track {
        display: flex;
    }
    
    .carousel-slide {
        display: flex;
        gap: 12px;
        padding: 0 15px;
        flex-shrink: 0;
        width: 100%;
    }
    
    
    /* 隐藏移动端的箭头按钮 */
    .carousel-btn {
        display: none;
    }
    
    /* 优化移动端客户卡片样�?*/
    .client-logo {
        width: 100%;
    }

    .client-title {
        font-size: 0.9375vw;
        margin-bottom:2.08333vw;
    }
    
    .client-desc {
        font-size: 0.8125vw;
        line-height: 1.4;
    }

/* ============================================
   子页面样�?- 深色主题
   ============================================ */

/* 页面标题区域 */
.page-header {
    position: relative;
}

/* 栏目页面的page-header允许内容溢出 */
body.sub-page .page-header {
    overflow: visible;
}

.page-header .hero-video {
    min-height: 100px;
    display: block;
    width: 100%;
}

.page-header .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
    display: none !important; /* 禁用hero-bg-image，使用统一的蒙�?*/
}

.page-header .container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11.197vw;
}

.page-header h1 {
    font-size: 5.885vw;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.page-header p {
    white-space: break-spaces;
    font-size: 3.936vw;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
}

/* 应用场景区域 */
.use-cases {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 40px 20px;
    padding-top: 100px; /* 为导航菜单留出空间，避免遮挡 */
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    scroll-margin-top: 70px; /* 滚动到该区域时留出导航菜单的空间 */
}

/* 栏目页面的section使用100vh，已在上面统一设置 */

.use-cases .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.use-cases .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.use-cases .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.use-cases .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.use-cases h2 {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}

.use-cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 固定2列，确保均匀分布 */
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    justify-items: stretch; /* 确保卡片均匀分布 */
    align-items: stretch; /* 确保卡片高度一�?*/
}

/* 响应式调�?*/

.use-case {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 30px 25px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    height: 100%; /* 确保卡片高度一�?*/
    box-sizing: border-box; /* 确保padding计算在内 */
}

.use-case:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.use-case i {
    font-size: 36px;
    color: #fff;
    margin-bottom: 12px;
    display: block;
}

.use-case h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3;
}

.use-case > p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin-bottom: 12px;
}

.use-case ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.use-case ul li {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    padding: 6px 0;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
}

.use-case ul li:before {
    content: "�?;
    position: absolute;
    left: 0;
    color: #fff;
    font-weight: bold;
}

/* 核心价值区�?*/
.core-values-section {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.core-values-section .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.core-values-section .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.core-values-section .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 51, 102, 0.8) 100%);
    z-index: 1;
}

.core-values-section .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.core-values-section h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

/* 响应式调�?*/

.value-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.value-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.value-item i {
    font-size: 40px;
    color: #fff;
    margin-bottom: 20px;
}

.value-item h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
}

.value-item p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
}

/* 提供的服务区 */
.services-offered {
    background: #505f2d;
    padding: 5.21vw 4.6875vw;
}

.services-offered .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.services-offered .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-offered .hero-bg-image {
    display: none; /* 删除蒙版上层的背景元�?*/
}
.services-offered h2 {
      font-size: 3.125vw;
  margin-bottom: 3.125vw;
  padding-bottom: 3.125vw;
  margin-top: 0;
  border-bottom: 0.52083vw solid #fff;
  display: inline-block;
  color: #fff;
  line-height: 1;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 2.29vw;
}
.services-grid  .service-card {
    grid-column: span 3;
    background: #f4ede6;
    border-radius: 20px;
    padding: 2.08vw;
 }
 .services-grid  .service-card:nth-child(-n + 3) {
    grid-column: span 4;
}
.service-card-icon {
}

.service-card-icon i {
    font-size:  2.5vw;
    color: #636f3d;
    display: block;
    margin-bottom: 1.875vw;
}

.service-card h3 {
    font-size: 1.5625vw;
    font-weight: 600;
    color: #404f1d;
    margin-bottom: 1.875vw;
    line-height: 1;
}

.service-card .service-desc {
    font-size: 1.25vw; /* 缩小描述文字 */
    color: #404f1d;
    line-height: 1.5;
    overflow: visible;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.service-card .service-desc p {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.service-card .service-desc ul,
.service-card .service-desc ol {
    margin: 10px 0;
    padding-left: 20px;
    color: rgba(255, 255, 255, 0.8);
}

.service-card .service-desc li {
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
}

/* 我们的优势区�?*/
.our-advantages {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.our-advantages .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.our-advantages .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-advantages .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.our-advantages .container {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.our-advantages h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* 响应式调�?*/

.advantage-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.advantage-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.advantage-number {
    font-size: 48px;
    font-weight: 700;
    color: #0066cc;
    line-height: 1;
    flex-shrink: 0;
    min-width: 80px;
}

.advantage-icon {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* 矩形比例，参考图片样�?*/
    border-radius: 0 !important; /* 矩形，无圆角 - 使用!important确保优先�?*/
    overflow: hidden;
    flex-shrink: 0;
    margin: 2px 2px 20px 2px; /* 顶部2px，左右各2px空隙，底�?0px */
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.fgqq-page {
    background:#f4ede6;padding:5.21vw 4.6875vw;position: relative;
}
.fgqq-page img {
    width: 60.78125vw;
}
.fgqq-page h2 {
    font-size: 3.125vw;
  margin-bottom: 8.85417vw;
  padding-bottom: 3.125vw;
  margin-top: 0;
  border-bottom: 0.52083vw solid #636f3d;
  display: block;
  color: #636f3d;
  line-height: 1;
  width: 13.85417vw;
  white-space: nowrap;
}
.fgqq-page ul {
    position: absolute;
  top: 5.21vw;
  right: 4.6875vw;
  background: #fff;
  padding: 2.08333vw 3.125vw;
  color: #404f1d;
  font-size: 1.38906vw;
  border-radius: 1.04167vw;
}
.fgqq-page li {
    position: relative;
    list-style: none;
    line-height: 1;
  padding-left: 3.48958vw;
  margin-bottom: 1.82292vw;
}
.fgqq-page li::before {
    content: '';
    position: absolute;
    height: 1.40625vw;
    width: 1.40625vw;
    border-radius: 50%;
    left: 0;
}
.fgqq-page li:nth-child(1):before {
    background: #e73663;
}
.fgqq-page li:nth-child(2):before {
    background: #03488f;
}
.fgqq-page li:nth-child(3):before {
    background: #505f2d;
}
.fgqq-page li:nth-child(4):before {
    background: #ffd200;
}
.fgqq-page li:nth-child(5):before {
    background: #d74eff;
}
.fgqq-page li:nth-child(6):before {
    background: #ff5400;
}
.fgqq-page li:nth-child(7):before {
    background: #40cdbe;
}
.fgqq-page li:nth-child(8):before {
    background: #abc25b;
}
.fgqq-page li:nth-child(9):before {
    background: #c490bf;
}
.fgqq-page li .sub {
    font-size: 0.74062vw;
    margin-top: 0.88542vw;
}

/* fgqq-page 移动端适配 */
@media (max-width: 768px) {
  .fgqq-page img {
    width: 100% !important;
  }
  .fgqq-page ul {
    display: none;
  }
}


.advantage-icon img,
.core-team .advantage-icon img,
.core-team .advantage-item .advantage-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important; /* 确保图片也是矩形 - 使用!important确保优先�?*/
    display: block;
}

/* 核心优势版块 - 确保图片容器和图片都是矩�?*/
.core-team .advantage-icon,
.core-team .advantage-item .advantage-icon {
    border-radius: 0 !important;
}

.core-team .advantage-icon img,
.core-team .advantage-item .advantage-icon img {
    border-radius: 0 !important;
}

/* 核心优势卡片使用纵向布局 */
.core-team .advantage-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 30px;
}

.core-team .advantage-item:hover {
    transform: translateY(-8px);
}

.advantage-content {
    flex: 1;
    width: 100%;
}

.advantage-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    line-height: 1.4;
}

.advantage-content p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin: 0;
}

/* 了解更多区域 */
.learn-more {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.learn-more .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.learn-more .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.learn-more .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.learn-more .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.learn-more h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.learn-more-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.video-section {
    position: relative;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-section {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 40px;
    backdrop-filter: blur(10px);
}

.article-section h4 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.article-section p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
    margin-bottom: 15px;
}

.article-section p:last-child {
    margin-bottom: 0;
}

/* CTA表单区域 */
.cta-form {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cta-form .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.cta-form .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cta-form .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.cta-form .container {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.cta-form h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.cta-form form {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 40px;
    backdrop-filter: blur(10px);
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 8px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
    color: #000;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.15);
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.form-group.full-width {
    grid-column: 1 / -1;
}

.cta-form .btn {
    width: 100%;
    padding: 16px;
    font-size: 18px;
    font-weight: 600;
    background: #0066cc;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cta-form .btn:hover {
    background: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 102, 204, 0.3);
}

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center !important;
}

.align-right {
    text-align: right !important;
}

.align-justify {
    text-align: justify !important;
}

/* Quill编辑器对齐类支持 */
.ql-align-center,
p.ql-align-center,
div.ql-align-center,
.ql-align-center p,
.ql-align-center div {
    text-align: center !important;
}

.ql-align-left,
p.ql-align-left,
div.ql-align-left,
.ql-align-left p,
.ql-align-left div {
    text-align: left !important;
}

.ql-align-right,
p.ql-align-right,
div.ql-align-right,
.ql-align-right p,
.ql-align-right div {
    text-align: right !important;
}

.ql-align-justify,
p.ql-align-justify,
div.ql-align-justify,
.ql-align-justify p,
.ql-align-justify div {
    text-align: justify !important;
}

/* 针对.image-text-content内的Quill�?- 最高优先级 */
.image-text-content .ql-align-center,
.image-text-content p.ql-align-center,
.image-text-content div.ql-align-center,
.image-text-content span.ql-align-center,
.image-text-content .ql-align-center p,
.image-text-content .ql-align-center div,
.image-text-content .ql-align-center span,
div.image-text-content p.ql-align-center,
div.image-text-content div.ql-align-center,
div.image-text-content span.ql-align-center {
    text-align: center !important;
}

.image-text-content .ql-align-left,
.image-text-content p.ql-align-left,
.image-text-content div.ql-align-left,
.image-text-content span.ql-align-left,
.image-text-content .ql-align-left p,
.image-text-content .ql-align-left div,
.image-text-content .ql-align-left span,
div.image-text-content p.ql-align-left,
div.image-text-content div.ql-align-left,
div.image-text-content span.ql-align-left {
    text-align: left !important;
}

.image-text-content .ql-align-right,
.image-text-content p.ql-align-right,
.image-text-content div.ql-align-right,
.image-text-content span.ql-align-right,
.image-text-content .ql-align-right p,
.image-text-content .ql-align-right div,
.image-text-content .ql-align-right span,
div.image-text-content p.ql-align-right,
div.image-text-content div.ql-align-right,
div.image-text-content span.ql-align-right {
    text-align: right !important;
}

.image-text-content .ql-align-justify,
.image-text-content p.ql-align-justify,
.image-text-content div.ql-align-justify,
.image-text-content span.ql-align-justify,
.image-text-content .ql-align-justify p,
.image-text-content .ql-align-justify div,
.image-text-content .ql-align-justify span,
div.image-text-content p.ql-align-justify,
div.image-text-content div.ql-align-justify,
div.image-text-content span.ql-align-justify {
    text-align: justify !important;
}

/* 富文本内容样�?- 确保与编辑器效果一�?*/
.intro-content-html,
.testimonial-quote p,
.special-item-content,
#newsBody,
.article-content,
.image-text-content,
.value-desc,
.service-desc,
.advantage-desc,
.use-case p,
section.about-bg p,
section.about-bg div {
    /* 基础文本样式 */
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

/* 对齐样式 - 与编辑器保持一�?*/
.intro-content-html p,
.testimonial-quote p,
.special-item-content p,
#newsBody p,
.article-content p,
.value-desc p,
.service-desc p,
.advantage-desc p,
.use-case p,
section.about-bg p,
.intro-content-html div,
.testimonial-quote div,
.special-item-content div,
#newsBody div,
.article-content div,
.value-desc div,
.service-desc div,
.advantage-desc div,
.use-case div,
section.about-bg div {
    margin-bottom: 16px;
}

/* 居中对齐 */
.intro-content-html p:has(> .align-center),
.intro-content-html div.align-center,
.testimonial-quote p:has(> .align-center),
.testimonial-quote div.align-center,
.special-item-content p:has(> .align-center),
.special-item-content div.align-center,
#newsBody p:has(> .align-center),
#newsBody div.align-center,
.article-content p:has(> .align-center),
.article-content div.align-center,
.image-text-content p:has(> .align-center),
.image-text-content div.align-center,
.value-desc p:has(> .align-center),
.value-desc div.align-center,
.service-desc p:has(> .align-center),
.service-desc div.align-center,
.advantage-desc p:has(> .align-center),
.advantage-desc div.align-center,
.use-case p:has(> .align-center),
.use-case div.align-center,
section.about-bg p:has(> .align-center),
section.about-bg div.align-center,
.intro-content-html p.align-center,
.intro-content-html div[style*="text-align: center"],
.testimonial-quote p.align-center,
.testimonial-quote div[style*="text-align: center"],
.special-item-content p.align-center,
.special-item-content div[style*="text-align: center"],
#newsBody p.align-center,
#newsBody div[style*="text-align: center"],
.article-content p.align-center,
.article-content div[style*="text-align: center"],
.image-text-content p.align-center,
.image-text-content div[style*="text-align: center"],
.value-desc p.align-center,
.value-desc div[style*="text-align: center"],
.service-desc p.align-center,
.service-desc div[style*="text-align: center"],
.advantage-desc p.align-center,
.advantage-desc div[style*="text-align: center"],
.use-case p.align-center,
.use-case div[style*="text-align: center"],
section.about-bg p.align-center,
section.about-bg div[style*="text-align: center"] {
    text-align: center !important;
}

/* 左对�?*/
.intro-content-html p.align-left,
.intro-content-html div[style*="text-align: left"],
.testimonial-quote p.align-left,
.testimonial-quote div[style*="text-align: left"],
.special-item-content p.align-left,
.special-item-content div[style*="text-align: left"],
#newsBody p.align-left,
#newsBody div[style*="text-align: left"],
.article-content p.align-left,
.article-content div[style*="text-align: left"],
.image-text-content p.align-left,
.image-text-content div[style*="text-align: left"],
.value-desc p.align-left,
.value-desc div[style*="text-align: left"],
.service-desc p.align-left,
.service-desc div[style*="text-align: left"],
.advantage-desc p.align-left,
.advantage-desc div[style*="text-align: left"],
.use-case p.align-left,
.use-case div[style*="text-align: left"],
section.about-bg p.align-left,
section.about-bg div[style*="text-align: left"] {
    text-align: left;
}

/* 右对�?*/
.intro-content-html p.align-right,
.intro-content-html div[style*="text-align: right"],
.testimonial-quote p.align-right,
.testimonial-quote div[style*="text-align: right"],
.special-item-content p.align-right,
.special-item-content div[style*="text-align: right"],
#newsBody p.align-right,
#newsBody div[style*="text-align: right"],
.article-content p.align-right,
.article-content div[style*="text-align: right"],
.image-text-content p.align-right,
.image-text-content div[style*="text-align: right"],
.value-desc p.align-right,
.value-desc div[style*="text-align: right"],
.service-desc p.align-right,
.service-desc div[style*="text-align: right"],
.advantage-desc p.align-right,
.advantage-desc div[style*="text-align: right"],
.use-case p.align-right,
.use-case div[style*="text-align: right"],
section.about-bg p.align-right,
section.about-bg div[style*="text-align: right"] {
    text-align: right;
}

/* 两端对齐 */
.intro-content-html p.align-justify,
.intro-content-html div[style*="text-align: justify"],
.testimonial-quote p.align-justify,
.testimonial-quote div[style*="text-align: justify"],
.special-item-content p.align-justify,
.special-item-content div[style*="text-align: justify"],
#newsBody p.align-justify,
#newsBody div[style*="text-align: justify"],
.article-content p.align-justify,
.article-content div[style*="text-align: justify"],
.image-text-content p.align-justify,
.image-text-content div[style*="text-align: justify"],
.value-desc p.align-justify,
.value-desc div[style*="text-align: justify"],
.service-desc p.align-justify,
.service-desc div[style*="text-align: justify"],
.advantage-desc p.align-justify,
.advantage-desc div[style*="text-align: justify"],
.use-case p.align-justify,
.use-case div[style*="text-align: justify"],
section.about-bg p.align-justify,
section.about-bg div[style*="text-align: justify"] {
    text-align: justify;
}

/* 标题样式 */
.intro-content-html h1,
.testimonial-quote h1,
.special-item-content h1,
#newsBody h1,
.article-content h1,
.image-text-content h1,
.value-desc h1,
.service-desc h1,
.advantage-desc h1,
.use-case h1,
section.about-bg h1,
.intro-content-html h2,
.testimonial-quote h2,
.special-item-content h2,
#newsBody h2,
.article-content h2,
.image-text-content h2,
.value-desc h2,
.service-desc h2,
.advantage-desc h2,
.use-case h2,
section.about-bg h2,
.intro-content-html h3,
.testimonial-quote h3,
.special-item-content h3,
#newsBody h3,
.article-content h3,
.value-desc h3,
.service-desc h3,
.advantage-desc h3,
.use-case h3,
section.about-bg h3,
.intro-content-html h4,
.testimonial-quote h4,
.special-item-content h4,
#newsBody h4,
.article-content h4,
.image-text-content h4,
.value-desc h4,
.service-desc h4,
.advantage-desc h4,
.use-case h4,
section.about-bg h4,
.intro-content-html h5,
.testimonial-quote h5,
.special-item-content h5,
#newsBody h5,
.article-content h5,
.image-text-content h5,
.value-desc h5,
.service-desc h5,
.advantage-desc h5,
.use-case h5,
section.about-bg h5,
.intro-content-html h6,
.testimonial-quote h6,
.special-item-content h6,
#newsBody h6,
.article-content h6,
.image-text-content h6,
.value-desc h6,
.service-desc h6,
.advantage-desc h6,
.use-case h6,
section.about-bg h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    line-height: 1.3;
}

.intro-content-html h1,
#newsBody h1,
.article-content h1,
.image-text-content h1,
section.about-bg h1 {
    font-size: 32px;
}

.intro-content-html h2,
#newsBody h2,
.article-content h2,
.image-text-content h2,
section.about-bg h2 {
    font-size: 28px;
}

.intro-content-html h3,
#newsBody h3,
.article-content h3,
section.about-bg h3 {
    font-size: 24px;
}

.intro-content-html h4,
#newsBody h4,
.article-content h4,
.image-text-content h4,
section.about-bg h4 {
    font-size: 20px;
}

.intro-content-html h5,
#newsBody h5,
.article-content h5,
.image-text-content h5,
section.about-bg h5 {
    font-size: 18px;
}

.intro-content-html h6,
#newsBody h6,
.article-content h6,
.image-text-content h6,
section.about-bg h6 {
    font-size: 16px;
}

/* 列表样式 */
.intro-content-html ul,
.testimonial-quote ul,
.special-item-content ul,
#newsBody ul,
.article-content ul,
.image-text-content ul,
.value-desc ul,
.service-desc ul,
.advantage-desc ul,
.use-case ul,
section.about-bg ul,
.intro-content-html ol,
.testimonial-quote ol,
.special-item-content ol,
#newsBody ol,
.article-content ol,
.image-text-content ol,
.value-desc ol,
.service-desc ol,
.advantage-desc ol,
.use-case ol,
section.about-bg ol {
    margin-bottom: 16px;
    padding-left: 24px;
}

.intro-content-html li,
.testimonial-quote li,
.special-item-content li,
#newsBody li,
.article-content li,
.image-text-content li,
.value-desc li,
.service-desc li,
.advantage-desc li,
.use-case li,
section.about-bg li {
    margin-bottom: 8px;
}

/* 响应式设�?- 子页�?*/


/* ============================================
   About页面特殊样式
   ============================================ */

/* 公司简介区�?*/
.company-intro {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    padding-top: 120px; /* 增加顶部padding，避免被导航菜单遮挡 */
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    scroll-margin-top: 100px; /* 滚动时留出导航菜单的空间 */
}

.company-intro .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.company-intro .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-intro .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.company-intro .container {
    position: relative;
    z-index: 2;
    max-width: 1400px; /* �?intro-content-with-image 保持一�?*/
    margin: 0 auto; /* 居中显示 */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px; /* 添加左右内边距，避免贴边 */
}

.company-intro .intro-content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 20px;
}

/* 不带图片的文字内容样�?*/
.company-intro .intro-content:not(.intro-content-with-image) {
    text-align: left;
}

.company-intro .intro-content:not(.intro-content-with-image) .intro-text {
    background: transparent;
    padding: 0;
    border-radius: 0;
    position: relative;
    margin-bottom: 40px;
}

/* 移除文字后面的配图样式（已改为背景图�?*/

/* 带图片的布局 - 整体区域居中显示 */
.company-intro .intro-content-with-image {
    position: relative;
    display: flex;
    width: 100%; /* 改为100%，不再使�?00vw */
    max-width: 1400px; /* 限制最大宽�?*/
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    margin: 0 auto; /* 居中显示 */
}

/* 背景图片层：全宽显示 */
.company-intro .intro-cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.company-intro .intro-cover-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center; /* 图片居中显示 */
    display: block;
    /* 移除滤镜效果，显示原始图�?*/
    filter: none;
}

/* 蒙版层：在图片和文字之间，大小跟随图�?*/
/* 蒙版层已删除 */

/* 文字信息展示区：显示在图片上层，靠右侧位�?*/
.company-intro .intro-text-wrapper {
    position: absolute;
    top: 50%; /* 垂直居中 */
    right: 0; /* 靠右�?*/
    transform: translateY(-50%); /* 垂直居中偏移 */
    width: 40%; /* 右侧区域宽度 */
    max-width: 600px; /* 限制最大宽�?*/
    z-index: 3; /* 层级高于图片�?*/
    padding: 60px 50px;
    display: flex;
    flex-direction: column; /* 垂直排列文字 */
    justify-content: center; /* 垂直居中 */
    align-items: flex-start; /* 文字左对�?*/
    text-align: left; /* 文字左对�?*/
    background: transparent; /* 透明背景 */
    overflow: hidden; /* 隐藏溢出 */
}

/* 移除装饰性文字纹理（因为背景已透明�?*/

/* 确保文字内容在装饰层之上 */
.company-intro .intro-text {
    position: relative;
    z-index: 3;
}

/* 如果没有图片，文字区域占满整�?*/
.company-intro .intro-content-with-image:not(:has(.intro-cover-image)) .intro-text-wrapper {
    flex: 1;
    width: 100%;
    background: transparent; /* 透明背景 */
    margin-left: 0;
}

.company-intro .intro-text {
    text-align: left;
    margin: 0;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 3; /* 文字在装饰层之上 */
}

/* 不带图片时的文字样式 */
.company-intro .intro-content:not(.intro-content-with-image) .intro-text {
    text-align: left;
    margin: 0 auto;
}

.company-intro .intro-text h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: 1px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* 增强文字可读�?*/
}

/* 公司历程标题居中显示 - 使用!important确保优先�?*/
.company-intro.generic-section-company-history .intro-text h2,
.company-intro.generic-section-company-history .intro-text,
.company-intro.generic-section-about-history .intro-text h2,
.company-intro.generic-section-about-history .intro-text,
.company-intro.generic-section-about_history .intro-text h2,
.company-intro.generic-section-about_history .intro-text,
.company-intro[class*="history"] .intro-text h2,
.company-intro[class*="history"] .intro-text,
.company-intro[class*="历程"] .intro-text h2,
.company-intro[class*="历程"] .intro-text {
    text-align: center !important;
}

/* 更通用的选择器，匹配所有包含历程相关的section - 确保标题居中 */
.company-intro.about-bg[class*="generic-section"] .intro-text h2:first-child,
.company-intro[class*="generic-section"] .intro-text h2 {
    text-align: center !important;
}

/* 公司历程标题字号设置�?8px */
.company-intro.generic-section-company-history .intro-text h2,
.company-intro.generic-section-about-history .intro-text h2,
.company-intro.generic-section-about_history .intro-text h2,
.company-intro[class*="history"] .intro-text h2 {
    font-size: 28px !important;
}

/* 公司历程section整体居中布局 */
.company-intro.generic-section-company-history .intro-content,
.company-intro.generic-section-about-history .intro-content,
.company-intro.generic-section-about_history .intro-content,
.company-intro[class*="history"] .intro-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.company-intro.generic-section-company-history .intro-text,
.company-intro.generic-section-about-history .intro-text,
.company-intro.generic-section-about_history .intro-text,
.company-intro[class*="history"] .intro-text {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
}

.company-intro .intro-text .section-description {
    text-align: left;
    font-size: 18px;
    line-height: 2;
    color: rgba(255, 255, 255, 0.95);
    margin-bottom: 30px;
    padding: 0;
    max-width: 100%;
    font-weight: 400;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); /* 增强文字可读�?*/
}

.company-intro .intro-content-html {
    margin: 0;
    text-align: left;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 2;
    font-weight: 400;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); /* 增强文字可读�?*/
}

.company-intro .intro-content-html p {
    margin-bottom: 20px;
    text-align: left;
}

.company-intro .intro-content-html p:last-child {
    margin-bottom: 0;
}

/* 移除强制左对齐，让编辑器样式生效 */
/* .company-intro .intro-content-html p 的样式已由通用样式处理，不在此处覆�?*/

.company-intro .intro-content-html img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 20px 0;
}

.company-intro-text {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 40px;
    backdrop-filter: blur(10px);
}

.company-intro-text h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.company-intro-text p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
    margin-bottom: 15px;
}

.company-intro-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.company-intro-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 核心团队区域 */
.core-team {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.core-team .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.core-team .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.core-team .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 51, 102, 0.8) 100%);
    z-index: 1;
}

.core-team .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.core-team h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

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

/* 响应式调�?*/

.team-member {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.team-member:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.member-photo {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
}

.member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.member-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.member-icon i {
    color: #fff;
    display: block;
}

.member-info h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
}

.core-team .member-position,
.team-member .member-position,
.member-info .member-position {
    font-size: 14px;
    color: #ffffff !important;
    margin-bottom: 12px;
    font-weight: 500;
    background: transparent !important;
    padding: 0;
    border: none;
}

.core-team .member-desc,
.team-member .member-desc,
.member-info .member-desc {
    font-size: 14px;
    color: #ffffff !important;
    line-height: 1.6;
    margin-bottom: 15px;
    background: transparent !important;
    padding: 0;
    border: none;
}

.core-team .member-info p,
.team-member .member-info p,
.member-info p {
    background: transparent !important;
    padding: 0;
    border: none;
    box-shadow: none !important;
    color: #ffffff !important;
}

.core-team p,
.team-member p,
.core-team .member-info p,
.team-member .member-info p {
    color: #ffffff !important;
}

/* 强制覆盖所有可能的颜色设置 */
.core-team .team-member .member-info .member-position,
.core-team .team-member .member-info .member-desc,
.core-team .team-member .member-info p.member-position,
.core-team .team-member .member-info p.member-desc,
.core-team .team-member .member-info p {
    color: #ffffff !important;
    background: transparent !important;
}

/* 覆盖所有可能的灰色文字 */
.core-team span,
.core-team p,
.core-team .member-info *,
.team-member span,
.team-member p,
.team-member .member-info * {
    color: #ffffff !important;
}

/* 特别处理可能被其他规则覆盖的情况 */
section.core-team p,
section.core-team span,
section.core-team .member-info p,
section.core-team .member-info span {
    color: #ffffff !important;
}

.member-info {
    background: transparent !important;
}

.member-info * {
    background: transparent !important;
}

.watch-video {
    display: inline-block;
    font-size: 14px;
    color: #0066cc;
    text-decoration: none;
    transition: all 0.3s ease;
}

.watch-video:hover {
    color: #fff;
    text-decoration: underline;
}

/* 行业评价区域 */
.industry-evaluation {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.industry-evaluation .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.industry-evaluation .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industry-evaluation .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.industry-evaluation .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.industry-evaluation h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}

.evaluation-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
}

.tab-btn {
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.tab-btn.active {
    color: #fff;
    background: #0066cc;
    border-color: #0066cc;
}

.tab-content {
    position: relative;
}

.tab-pane {
    display: none;
    animation: fadeIn 0.3s ease;
}

.tab-pane.active {
    display: block;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 客户证言容器 */
.testimonials-container {
    position: relative;
    width: 100%;
}

.testimonials-wrapper {
    overflow: hidden;
    width: 100%;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    transition: opacity 0.3s ease;
}

/* 客户证言翻页按钮 */
.testimonials-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.testimonials-prev-btn,
.testimonials-next-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 20px;
}

.testimonials-prev-btn:hover:not(:disabled),
.testimonials-next-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.testimonials-prev-btn:disabled,
.testimonials-next-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.testimonials-page-info {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    min-width: 80px;
    text-align: center;
}

.testimonials-current-page {
    color: #fff;
    font-weight: 700;
}

.testimonials-total-pages {
    color: rgba(255, 255, 255, 0.7);
}

/* 新闻翻页样式 */
.news-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.news-prev-btn,
.news-next-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 20px;
}

.news-prev-btn:hover:not(:disabled),
.news-next-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.news-prev-btn:disabled,
.news-next-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.news-page-info {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    min-width: 80px;
    text-align: center;
}

.news-current-page {
    color: #fff;
    font-weight: 700;
}

.news-total-pages {
    color: rgba(255, 255, 255, 0.7);
}

/* 新闻容器和包装器 */
.news-container {
    position: relative;
}

.news-wrapper {
    overflow: hidden;
}

.awards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.news-item,
.testimonial-item,
.award-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 24px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #ffffff; /* 确保所有文本默认为白色 */
}

/* 客户证言卡片缩小尺寸 */
.testimonial-item {
    padding: 16px;
    border-radius: 8px;
}

.testimonial-item * {
    color: inherit; /* 继承父元素的颜色 */
}

.testimonial-item p {
    color: #ffffff !important; /* 强制所有p标签为白�?*/
}

/* 客户证言标题区域 */
.testimonial-title {
    margin-bottom: 12px;
    text-align: left;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 客户证言摘要区域 */
.testimonial-summary {
    flex: 1;
    margin-top: 8px;
}

.testimonial-summary p {
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9) !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.testimonial-title h4 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}

.news-item {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-item:hover,
.testimonial-item:hover,
.award-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.news-item:hover {
    border-color: rgba(0, 102, 204, 0.5);
}

.news-date {
    font-size: 14px;
    color: #0066cc;
    margin-bottom: 12px;
    font-weight: 500;
}

.news-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.4;
}

.news-item p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
}

.news-item .news-summary {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
    margin-bottom: 12px;
    flex: 1;
}

.news-item .news-read-more {
    font-size: 14px;
    color: #ffffff !important;
    font-weight: 500;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    transition: opacity 0.3s ease;
}

.news-item:hover .news-read-more {
    opacity: 0.8;
}

.testimonial-quote {
    margin-bottom: 20px;
    flex: 1;
}

.testimonial-quote i {
    font-size: 24px;
    color: #0066cc;
    display: block;
    margin-bottom: 10px;
}

.testimonial-quote p {
    font-size: 14px;
    color: #ffffff !important;
    line-height: 1.6;
    font-style: italic;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.6em * 4); /* 4行的高度 */
}

/* 强制覆盖内联样式，确�?strong 标签内的文字为白�?*/
.testimonial-quote p strong,
.testimonial-quote p strong[style],
.testimonial-quote strong,
.testimonial-item strong,
.testimonial-item p strong {
    color: #ffffff !important;
}

/* 覆盖所有可能的子元�?*/
.testimonial-quote p *,
.testimonial-item p * {
    color: #ffffff !important;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: auto;
}

/* 客户证言悬停弹窗 */
.testimonial-hover-popup {
    position: fixed;
    z-index: 10000;
    display: none;
    max-width: 500px;
    min-width: 300px;
    background: rgba(15, 23, 42, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(20px);
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: auto;
}

.testimonial-popup-content {
    padding: 20px;
}

.testimonial-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonial-popup-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    flex: 1;
}

.testimonial-popup-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

.testimonial-popup-close:hover {
    color: #ffffff;
}

.testimonial-popup-body {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

.testimonial-popup-body::-webkit-scrollbar {
    width: 6px;
}

.testimonial-popup-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 3px;
}

.testimonial-popup-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

.testimonial-popup-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

.testimonial-popup-text {
    font-size: 14px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.testimonial-popup-text p {
    margin: 0 0 12px 0;
    color: rgba(255, 255, 255, 0.9);
}

.testimonial-popup-text p:last-child {
    margin-bottom: 0;
}

/* 移动端弹窗样�?*/

.testimonial-author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.testimonial-author h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 4px 0;
}

.testimonial-author p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.award-item {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.award-item img {
    width: 100%;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    border-radius: 8px;
    margin-bottom: 15px;
    object-fit: cover;
}

.award-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px;
}

.award-item .award-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

/* 专项对接区域 */
.special-contact {
    padding: 5.21vw 4.6875vw;
    background: #f4ede6;
}

.special-contact h2 {
    font-size: 3.125vw;
  margin-bottom: 3.125vw;
  padding-bottom: 3.125vw;
  margin-top: 0;
  border-bottom: 0.52083vw solid #636f3d;
  display: inline-block;
  color: #636f3d;
  line-height: 1;
}
.special-contact .core-values-sub {
    font-size: 1.875vw;
  margin-top: 0;
  color: #636f3d;
}

/* 核心价值版�?- 容器样式 */
.core-values-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* 核心价值版�?- 标题样式 */
.core-values-title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
    margin-top: 0;
    text-align: center;
    letter-spacing: 1px;
}
.core-values-right-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    max-width: 100%;
}

/* 响应式设�?- 核心价值版�?*/

/* 专项对接网格布局 */
.special-contact-grid {
    display: flex;
    justify-content: space-around;
    margin-top: 4.166vw;
}

.special-contact-grid .special-item {
}

.special-item {
   
}


.special-item-icon {
    width: 15.885vw;
    height: 15.885vw;
    border: 2px dashed #969c79;
    border-radius: 50%;
    padding: 0 4.8vw;
    box-sizing: border-box;
    margin: 0 auto 3.125vw;
    display: flex;
    align-items: center;
}


.special-item-icon img {
    width: 100%;
}

.special-item-title {
    font-size: 1.25vw;
    color: #636f3d;
    line-height: 2;
    white-space: pre-wrap;
    text-align: center;
}

.special-item-desc {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left; /* 改为左对�?*/
}


.contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

/* 响应式调�?*/

.contact-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.contact-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.contact-item i {
    font-size: 40px;
    color: #0066cc;
    margin-bottom: 20px;
}

.contact-item h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
}

.contact-item p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.6;
    margin-bottom: 20px;
}

.contact-item .btn {
    background: #0066cc;
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.contact-item .btn:hover {
    background: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 102, 204, 0.3);
}

/* About页面响应�?*/




/* ============================================
   Cases和Insights页面样式
   ============================================ */

/* 筛选和展示区域 */
.case-filters-and-showcase {
    padding: 5.21vw 4.6875vw;
    background: #f4ede6;
}

.case-filters-and-showcase .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.case-filters-and-showcase .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-filters-and-showcase .hero-bg-image {
    display: none;
}

.case-filters-and-showcase .container {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
    flex-direction: unset;
    justify-content: unset;
    background-color: #fff !important;
}

.filters-section {
    margin-bottom: 3.125vw;
}

.filter-group {
    margin-bottom: 3.385vw;
}

.filter-group h3 {
    font-size: 1.56vw;
    font-weight: 600;
    color: #404f1d;
    margin-bottom: 2.08vw;
}

.filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.filter-btn {
  padding: 1.04vw 1.56vw;
  line-height: 1;
  font-size: 1.56vw;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  border: 6px solid #e4e8e1;
  border-radius: 50px;
}

.filter-btn:hover {
    background: url(/images/border2.png);
    background-size: 100% 100%;
}

.filter-btn.active {
    background: url(/images/border2.png);
    background-size: 100% 100%;
}

/* 栏目描述样式 */
.section-description {
    margin-top: 20px;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid #0066cc;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    line-height: 1.6;
    text-align: left;
}

/* 分页控件样式优化 */
#insightsPagination {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}

/* 案例中心容器 */
.cases-container {
    position: relative;
    width: 100%;
}

.cases-wrapper {
    overflow: hidden;
    width: 100%;
}

.cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.60vw 4.16vw;
}

/* 首页行业洞察版块：只显示一�?个卡�?*/
#insightsContainer .cases-grid {
    grid-template-columns: repeat(4, 1fr) !important; /* 首页只显�?列，一�?个卡�?*/
    grid-template-rows: 1fr !important; /* 只显示一�?*/
    max-height: none !important;
    overflow: hidden !important; /* 隐藏超出第一行的内容 */
}

/* 隐藏首页行业洞察版块超出第一行的卡片 */
#insightsContainer .cases-grid .case-card:nth-child(n+5),
#insightsContainer .cases-grid .insight-card:nth-child(n+5) {
    display: none !important; /* 隐藏�?个及之后的卡�?*/
}

/* 行业洞察页面：只显示一�?个卡�?*/
#insightsGrid.cases-grid {
    grid-template-rows: 1fr; /* 只显示一�?*/
    max-height: none; /* 不限制高�?*/
}


/* 隐藏行业洞察页面超出第一行的卡片 */
#insightsGrid.cases-grid .insight-card:nth-child(n+5) {
    display: none !important; /* 隐藏�?个及之后的卡�?*/
}

/* 案例中心翻页按钮 */
.cases-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.cases-prev-btn,
.cases-next-btn {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.56vw;
}

.cases-prev-btn:disabled,
.cases-next-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none; /* 禁用时完全阻止点击事�?*/
}

.cases-page-info {
    color: #666;
    font-size: 1.56vw;
    font-weight: 500;
    text-align: center;
}

.cases-current-page {
    color: #404f1d;
    font-weight: 700;
}

.cases-total-pages {
    color: #666;
}

/* case-filters-and-showcase 移动端适配 */
@media (max-width: 768px) {
  .case-filters-and-showcase {
    padding: 30px 20px;
  }
  .filters-section {
    margin-bottom: 20px;
  }
  .filter-group {
    margin-bottom: 20px;
  }
  .filter-group h3 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .filter-btn {
    font-size: 13px;
    padding: 8px 16px;
  }
  .cases-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cases-grid .case-card h3 {
    font-size: 16px;
    width: 100%;
    margin: 0 auto 16px;
  }
  .cases-grid .case-desc {
    font-size: 13px;
  }
  .cases-prev-btn,
  .cases-next-btn {
    font-size: 14px;
  }
  .cases-page-info {
    font-size: 14px;
  }
}

.insight-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    cursor: pointer;
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-sizing: border-box;
    gap: 0;
    align-items: stretch;
}

/* 案例卡片特殊布局：垂直排�?*/
.case-card {
    background: #fff;
    border-radius: 1.30208vw;
    overflow: hidden;
    cursor: pointer;
    scroll-snap-align: start;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-sizing: border-box;
    gap: 0;
    align-items: stretch;
    flex-direction: column;
}

/* 图文类型卡片特殊布局：图片在上，标题和内容，底部查看详情 */
/* 使用最强的选择器覆盖基础样式�?overflow: hidden */
html body .insight-card[data-type="article"],
html body section .insight-card[data-type="article"] {
    flex-direction: column !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 图文卡片图片区域 - 居中显示在顶部，超出卡片 */
html body .insight-card[data-type="article"] .insight-image-row {
    display: flex !important;
    flex-direction: column !important;
    width: 95% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* 图文卡片图片容器 */
html body .insight-card[data-type="article"] .insight-image {
    width: 100% !important;
    height: 200px !important;
    margin-top: -30px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 12px !important;
    overflow: visible !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

html body .insight-card[data-type="article"] .insight-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* 图文卡片内容区域 */
html body .insight-card[data-type="article"] .insight-content {
    padding: 12px 16px 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 图文卡片标题 */
html body .insight-card[data-type="article"] .insight-content h3 {
    font-size: 15px !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 图文卡片描述 - 显示3�?*/
html body .insight-card[data-type="article"] .insight-desc {
    font-size: 13px !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 底部查看详情链接 */
html body .insight-card[data-type="article"] .insight-detail-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: auto !important;
    padding: 12px 0 !important;
    color: #636F3D !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

html body .insight-card[data-type="article"] .insight-detail-link:hover {
    color: #4a5228 !important;
    gap: 10px !important;
}

html body .insight-card[data-type="article"] .insight-detail-link i {
    font-size: 12px !important;
    transition: transform 0.3s ease;
}

html body .insight-card[data-type="article"] .insight-detail-link:hover i {
    transform: translateX(3px) !important;
}

.case-card:hover,
.insight-card:hover {
    background: #fff;
    border-color: #d0d0d0;
    transform: translateY(-5px);
}

.insight-card .insight-image {
    width: 120px; /* 固定宽度，放在左�?*/
    height: 120px; /* 固定高度 */
    flex-shrink: 0; /* 不收�?*/
    border-radius: 8px; /* 圆角 */
}

.insight-card img,
.insight-card .insight-image img {
    width: 100%; /* 图片填满容器 */
    height: 100%; /* 图片填满容器 */
    object-fit: cover;
    border-radius: 8px; /* 圆角 */
}

/* 视频卡片特殊样式 */
.insight-card.video-card {
    position: relative;
}

.insight-card .insight-image {
    position: relative;
    overflow: hidden;
    flex-shrink: 0; /* 不收�?*/
    border-radius: 8px; /* 圆角 */
}

.insight-card .insight-image.video-thumbnail {
    position: relative;
    overflow: hidden;
}

.insight-card .insight-image.video-thumbnail .play-button-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
}

.insight-card .insight-image.video-thumbnail .play-button-overlay i {
    font-size: 28px;
    color: #fff;
    margin-left: 3px; /* 稍微向右偏移，让播放图标看起来更居中 */
}

.insight-card:hover .insight-image.video-thumbnail .play-button-overlay {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}

.insight-card .insight-image.video-thumbnail .video-placeholder {
    width: 120px;
    height: 120px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
}

.insight-card .insight-image.video-thumbnail .video-placeholder i {
    font-size: 48px;
    color: #999;
}

.case-card-content,
.insight-card-content,
.insight-card .insight-content {
    padding: 16px; /* 内容区域内边�?*/
    flex: 1; /* 占据剩余空间 */
    display: flex;
    flex-direction: column; /* 确保内容区域也是垂直排列 */
    justify-content: flex-start; /* 顶部对齐 */
    min-width: 0; /* 允许内容收缩 */
    gap: 24px; /* 内容元素之间的间距：标题、标签、描�?*/
    order: 1; /* 内容区域在图片下�?*/
}

/* 图文类型卡片：减小内容区域间�?*/
.case-card[data-type="article"] .case-content {
    gap: 6px !important; /* 减小图文类型卡片的内容间�?*/
    padding: 14px 14px 0 14px !important; /* 顶部和左�?4px，底�? */
}

.case-card .case-image {
    padding: 1.82vw;
    width: 100%; /* 全宽显示在顶�?*/
}

.case-card .case-image img {
    width: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 2 / 1;
    border-radius: 1.30208vw;
}

.case-card .case-image .image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.case-card .case-image .image-placeholder i {
    font-size: 32px;
    color: #999;
}
.case-card .case-content {
    padding: 0 2.86vw 4.16vw;
}
.case-tags,
.insight-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    order: 2;
}

.case-tag,
.insight-tag {
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 500;
    color: #636F3D;
    background: #f0f4e8;
    border: 1px solid #d8e4c4;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.case-tag:hover,
.insight-tag:hover {
    background: #e4eccf;
    border-color: #c4d4a4;
}

.insight-card h3,
.insight-card .insight-content h3,
.case-card-content h3 {
    font-size: 16px !important;
    font-weight: 600;
    color: #333;
    margin: 0 !important;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 图文类型卡片：缩小标题容器的高度和间�?*/
.case-card[data-type="article"] h3 {
    font-size: 14px !important; /* 缩小字体 */
    line-height: 1.3 !important; /* 减小行高 */
    max-height: calc(1.3em * 2) !important; /* 限制最大高度为2�?*/
    margin-bottom: 0 !important; /* 移除底部margin，由gap控制 */
}

/* 案例卡片标题顺序：在图片后，标签�?*/
.case-card h3 {
    font-size: 1.56vw;
    width: 60%;
    margin: 0 auto 1.82vw;
    line-height: 1.4;
    color: #404f1d;
    font-weight: 700;
}

/* 图文类型卡片：标题和标签之间的间距已由gap控制，无需额外margin */

.case-card p,
.insight-card p {
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 图文类型卡片：优化描述内容尺�?*/
.case-card[data-type="article"] .case-details p,
.case-card[data-type="article"] p {
    font-size: 12px !important;
    line-height: 1.4 !important; /* 减小行高 */
    max-height: calc(1.4em * 2) !important; /* 限制最大高�?*/
}

/* 首页行业洞察版块：图文卡片描述内容左右增�?px边距 */
#insightsContainer .case-card[data-type="article"] .case-details p,
#insightsContainer .case-card[data-type="article"] .case-details,
#insightsContainer .case-card[data-type="article"] p {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.case-desc {
    margin: 0;
    color: #404f1d;
    font-size: 1.25vw;
    margin-bottom: 10px;
}

/* 静态路径导航栏（面包屑）样�?*/
.breadcrumb-container {
    margin-bottom: 30px;
    padding: 0;
    padding-top: 10px; /* 为面包屑导航添加顶部间距 */
    margin-top: 0; /* 确保从顶部开始有足够间距 */
}

.breadcrumb-nav {
    display: block;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.breadcrumb-link {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover {
    color: #fff;
    text-decoration: underline;
}

.breadcrumb-current {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.breadcrumb-separator {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    margin: 0 4px;
    user-select: none;
}

/* 响应式设�?- 面包�?*/

/* 新闻详情页面样式 - 统一适用于行业洞察和关于苦瓜的详情页 */
.news-detail-section {
    padding: 200px 20px 60px; /* 增加顶部内边距，确保内容从导航栏外边框下方开始显示，不被遮挡 */
    min-height: 60vh;
    height: auto !important; /* 确保内容可以超过一屏高�?*/
    position: relative;
    z-index: 1;
    margin-top: 0; /* 移除过大的margin-top，使用padding-top代替 */
    scroll-margin-top: 200px; /* 滚动到该区域时留出导航栏空间 */
    scroll-snap-align: none !important; /* 禁用滚动吸附 */
    scroll-snap-stop: normal !important; /* 禁用滚动停止 */
    overflow: visible !important; /* 允许内容溢出 */
    display: block !important; /* 改为块级元素，确保内容正常显�?*/
    justify-content: flex-start !important; /* 内容从顶部开始显�?*/
}

/* 确保新闻详情页的.section元素不会应用全屏滚动样式 */
body.news-detail-page .section,
body.news-detail-page.sub-page .section {
    height: auto !important; /* 允许内容超过一屏高�?*/
    min-height: auto !important; /* 移除最小高度限�?*/
    overflow: visible !important; /* 允许内容溢出 */
    scroll-snap-align: none !important; /* 禁用滚动吸附 */
    scroll-snap-stop: normal !important; /* 禁用滚动停止 */
    display: block !important; /* 改为块级元素 */
    justify-content: flex-start !important; /* 内容从顶部开�?*/
}

/* 禁用新闻详情页的滚动吸附效果 */
body.news-detail-page html,
body.news-detail-page.sub-page html {
    scroll-snap-type: none !important;
}

body.news-detail-page,
body.news-detail-page.sub-page {
    scroll-snap-type: none !important;
}

/* 确保详情页内容从导航栏外边框下方开�?- 统一适用于行业洞察和关于苦瓜的详情页 */
body.news-detail-page .news-detail-section {
    padding-top: 200px !important; /* 增加默认顶部间距，确保内容在导航菜单下方 */
}

/* 行业洞察文章详情页专用样�?- 确保内容不会被导航菜单遮�?*/
body.news-detail-page.insights-detail-page .news-detail-section,
body.news-detail-page[data-page-type="insights-detail"] .news-detail-section {
    padding-top: 200px !important; /* 增加行业洞察文章详情页顶部间距，确保内容在导航菜单下�?*/
}

.news-detail-container {
    max-width: 900px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 40px;
    padding-bottom: 60px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
    margin-top: 0 !important; /* 确保没有过大的margin-top，统一使用section的padding-top */
}

.news-back {
    margin-bottom: 30px;
}

.back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.back-link:hover {
    color: #fff;
}

.back-link i {
    font-size: 12px;
}

.news-loading,
.news-error {
    text-align: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, 0.7);
}

.news-loading i {
    font-size: 48px;
    margin-bottom: 20px;
    color: #0066cc;
}

.news-error i {
    font-size: 48px;
    margin-bottom: 20px;
    color: #ff4444;
}

.retry-btn {
    margin-top: 20px;
    padding: 10px 24px;
    background: #0066cc;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s ease;
}

.retry-btn:hover {
    background: #0052a3;
}

.news-content {
    color: #fff;
}

/* 确保内容区域所有元素无白色背景 */
.news-content *:not(a):not(img) {
    background-color: transparent !important;
}

.news-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 视频详情页特殊样�?*/
.video-player-container {
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
}

.video-player-container video {
    width: 100%;
    height: auto;
    display: block;
    background: #000;
}

.news-duration {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    margin-left: 15px;
}

.video-detail-section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.video-detail-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
}

.video-tags {
    display: none;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.video-tag {
    padding: 6px 14px;
    background: rgba(59, 130, 246, 0.2);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 20px;
    color: #60a5fa;
    font-size: 14px;
    transition: all 0.3s ease;
}

.video-tag:hover {
    background: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.5);
}

.news-title {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.4;
}

.news-meta {
    display: none;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

.news-date,
.news-author {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.news-date i,
.news-author i {
    font-size: 12px;
}

.news-image {
    margin: 30px 0;
    border-radius: 8px;
    overflow: hidden;
}

.news-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.news-body {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.news-body p {
    margin-bottom: 20px;
    color: #fff;
    background-color: transparent;
}

/* 确保所有文字元素都是白色，无白色背�?*/
.news-body *:not(a):not(img):not(strong):not(em):not(b):not(i) {
    color: #fff !important;
    background-color: transparent !important;
}

/* 确保内联元素也是白色 */
.news-body strong,
.news-body em,
.news-body b,
.news-body i {
    color: #fff;
    background-color: transparent;
}

.news-body h1,
.news-body h2,
.news-body h3,
.news-body h4,
.news-body h5,
.news-body h6 {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 600;
}

.news-body h2 {
    font-size: 24px;
}

.news-body h3 {
    font-size: 20px;
}

.news-body ul,
.news-body ol {
    margin: 20px 0;
    padding-left: 30px;
}

.news-body li {
    margin-bottom: 10px;
}

.news-body a {
    color: #0066cc;
    text-decoration: underline;
}

.news-body a:hover {
    color: #0052a3;
}

.news-body img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    margin: 20px 0;
}

.news-body blockquote {
    border-left: 4px solid #0066cc;
    padding-left: 20px;
    margin: 20px 0;
    color: #fff;
    font-style: italic;
    background-color: transparent;
}

/* 新闻内容最后一个元素的底部间距 */
.news-body > *:last-child {
    margin-bottom: 0;
}

/* 新闻内容底部添加分隔线或装饰 */
.news-content::after {
    content: '';
    display: none;
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #0066cc, transparent);
    margin: 40px auto 0;
    border-radius: 2px;
}

/* 响应式设�?*/

/* 分页控件 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
    padding: 20px 0;
}

/* 通用分页信息显示（可复用�?*/
.pagination-info,
.insights-page-info {
    padding: 8px 16px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 500;
}

/* 默认矩形按钮样式（保留给旧页面使用） */
.pagination-btn {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.pagination-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.pagination-btn.active {
    color: #fff;
    background: #0066cc;
    border-color: #0066cc;
}

.pagination-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Industry Insights 详情页的圆形箭头分页 */
.insights-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    padding: 20px 0;
}

.insights-prev-btn,
.insights-next-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
}

.insights-prev-btn:hover:not(:disabled),
.insights-next-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.insights-prev-btn:disabled,
.insights-next-btn:disabled {
    opacity: 0.4;
    cursor: default;
}

/* CTA区域 */
.case-cta {
    position: relative;
    min-height: auto;
    height: auto;
    padding: 60px 40px;
    background-color: #f8f8f8;
    color: #333;
    text-align: center;
    overflow: visible;
    display: block;
}

.case-cta .hero-bg-image {
    display: none;
}

.case-cta .container {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    background-color: transparent !important;
}

.case-cta h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.case-cta p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

/* 案例详情弹窗 */
.case-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    overflow-y: auto;
}

.case-modal.show {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.case-modal-content {
    background: #1a1a1a;
    border-radius: 12px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
}

.case-modal-header {
    padding: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case-modal-header h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.case-close {
    font-size: 32px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: 1;
}

.case-close:hover {
    color: #fff;
}

.case-modal-body {
    padding: 30px;
    color: #fff;
}

.detail-item {
    margin-bottom: 30px;
}

.detail-item h4 {
    font-size: 18px;
    font-weight: 600;
    color: #0066cc;
    margin-bottom: 12px;
}

.detail-item p,
.detail-item ul {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
}

.detail-item ul {
    list-style: none;
    padding: 0;
}

.detail-item ul li {
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
}

.detail-item ul li:before {
    content: "�?;
    position: absolute;
    left: 0;
    color: #0066cc;
    font-weight: bold;
}

/* Cases和Insights页面响应�?*/


/* 为大屏幕明确设置地图和示意图水平排列 */



/* ============================================
   栏目内容页面样式
   ============================================ */
.category-content-section {
    position: relative;
    min-height: 100vh;
    padding: 120px 40px 80px;
    color: #fff;
    overflow: hidden;
}

.category-content-section .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.category-content-section .hero-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-content-section .hero-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 51, 102, 0.75) 100%);
    z-index: 1;
}

.category-content-section .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
}

.category-content-wrapper {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 60px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.category-title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.category-content {
    color: #fff;
    line-height: 1.8;
    font-size: 16px;
}

.category-content h1,
.category-content h2,
.category-content h3,
.category-content h4,
.category-content h5,
.category-content h6 {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 600;
}

.category-content h1 { font-size: 36px; }
.category-content h2 { font-size: 30px; }
.category-content h3 { font-size: 24px; }
.category-content h4 { font-size: 20px; }
.category-content h5 { font-size: 18px; }
.category-content h6 { font-size: 16px; }

.category-content p {
    margin-bottom: 20px;
    color: rgba(255, 255, 255, 0.9);
}

.category-content ul,
.category-content ol {
    margin-bottom: 20px;
    padding-left: 30px;
    color: rgba(255, 255, 255, 0.9);
}

.category-content li {
    margin-bottom: 10px;
}

.category-content a {
    color: #4A90E2;
    text-decoration: underline;
    transition: color 0.3s;
}

.category-content a:hover {
    color: #6BA3E8;
}

.category-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.category-content blockquote {
    border-left: 4px solid #4A90E2;
    padding-left: 20px;
    margin: 20px 0;
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

.category-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    overflow: hidden;
}

.category-content table th,
.category-content table td {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: left;
}

.category-content table th {
    background: rgba(255, 255, 255, 0.1);
    font-weight: 600;
}

.loading-spinner {
    text-align: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
}

.empty-content {
    text-align: center;
    padding: 60px 20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
}

/* 响应式设�?*/


/* ============================================
   关于苦瓜页面 - 背景图片样式
   ============================================ */
.about-bg {
    position: relative;
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    /* 让每个栏目区域占满一�?*/
    min-height: 100vh;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 40px;
    overflow: hidden;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.about-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 51, 102, 0.5) 100%);
    z-index: 1;
    pointer-events: none;
}

.about-bg .container {
    position: relative;
    z-index: 10;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.about-bg * {
    position: relative;
    z-index: 10;
}

/* MEEM平台区域 */
.meem-platform {
    position: relative;
    min-height: 100vh !important;
    height: 100vh !important;
    padding: 80px 40px;
    color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.meem-platform .container {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.meem-platform h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
}

.meem-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.meem-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 40px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.meem-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.meem-image {
    margin-bottom: 20px;
    text-align: center;
}

.meem-image img {
    width: 100%;
    max-width: 400px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

.meem-item h3 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}

.meem-item > p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center;
}

.meem-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.meem-item ul li {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    padding: 8px 0;
    padding-left: 24px;
    position: relative;
    line-height: 1.6;
}

.meem-item ul li:before {
    content: "�?";
    position: absolute;
    left: 0;
    color: #0066cc;
    font-weight: bold;
}

/* ============================================
   AI工具页面 - 图文单页和卡片列表样�?
   ============================================ */

/* 图文单页面样�?*/
.image-text-page {
    padding: 5.21vw 4.6875vw;
    background: #505f2d;
}

.image-text-page:nth-child(2n) {
    background: #f4ede6;
}

.image-text-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    /* 确保容器内的内容可以正确显示，包括白色背景的卡片 */
    position: relative;
    z-index: 2;
}

.image-text-page h2 {
    width: 9.89vw;
    white-space: nowrap;
    font-size: 3.125vw;
    display: inline-block;
    padding-bottom: 3.125vw;
    margin-bottom: 3.125vw;
    border-bottom: 0.52083vw solid #fff;
    font-weight: 600;
    color: #fff;
}
.image-text-page:nth-child(2n) h2 {
    color: #636f3d;
    border-color: #636f3d;
}
.image-text-cover {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    border-radius: 12px;
    overflow: visible;
    display: block;
}

.image-text-cover img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    display: block;
    cursor: pointer;
}

.image-text-content {
    /* 基础容器样式，不限制宽度，让内容自由布局 */
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /* 设置默认文本颜色为黑�?*/
    color: #000 !important;
    /* 不设置默认字体大小，让内容中的样式决�?*/
    font-size: inherit;
    line-height: inherit;
    /* 确保内容可以正确显示，包括白色背景的卡片 */
    position: relative;
    z-index: 1;
    /* 确保背景透明，让内容中的背景色能够显�?*/
    background: transparent !important;
    background-color: transparent !important;
}

/* 确保内容中的内联样式和类名样式能够正确应�?*/
/* 注意：内联样式和通过提取的style标签注入的类名样式会自然应用 */

/* 对于没有明确设置样式的文本元素，设置默认颜色为黑�?*/
.image-text-content > p:not([style]):not([class]),
.image-text-content > div:not([style]):not([class]),
.image-text-content > span:not([style]):not([class]) {
    /* 设置默认文本颜色为黑�?*/
    color: #000 !important;
}

/* 确保内容中的样式能够正确应用，特别是白色背景的卡�?*/
/* 注意：由于已经移除了强制覆盖，内容中的内联样式和类名样式会自然应�?*/

/* 完全保留内容中定义的类名样式 - 不覆盖，让内容中的样式自然应�?*/
/* 注意：由于已经移除了 .image-text-content * 的强制覆盖，内容中的样式会自然应�?*/

/* 图片和视频样�?- 只在没有明确样式时应�?*/
.image-text-content img:not([style]) {
    max-width: 6vw;
    height: auto;
}

.image-text-content video:not([style]) {
    max-width: 100%;
    height: auto;
}

.image-text-content iframe:not([style]) {
    max-width: 100%;
}

/* 标题样式 - 只在没有明确样式时应�?*/
.image-text-content h1:not([style]):not([class]),
.image-text-content h2:not([style]):not([class]),
.image-text-content h4:not([style]):not([class]),
.image-text-content h5:not([style]):not([class]),
.image-text-content h6:not([style]):not([class]) {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: bold;
}

.image-text-content h1:not([style]):not([class]) {
    font-size: 2em;
}

.image-text-content h2:not([style]):not([class]) {
    font-size: 1.75em;
}

.image-text-content h3:not([style]):not([class]) {
    font-size: 1.5em;
}

.image-text-content h4:not([style]):not([class]) {
    font-size: 1.25em;
}

/* 列表样式 - 只在没有明确样式时应�?*/
.image-text-content ul:not([style]):not([class]),
.image-text-content ol:not([style]):not([class]) {
    margin: 16px 0;
    padding-left: 30px;
}

.image-text-content li:not([style]):not([class]) {
    margin-bottom: 8px;
}

/* 表格样式 - 与预览一�?*/
.image-text-content table {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
}

.image-text-content table td,
.image-text-content table th {
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px;
    color: #fff !important;
}

/* 链接样式 */
.image-text-content a {
    color: #66b3ff !important; /* 浅蓝色，在深色背景上更清�?*/
    text-decoration: underline;
}

.image-text-content a:hover {
    color: #88ccff !important;
}

/* 卡片列表样式 */
.card-list-section {
    padding: 80px 40px;
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
}

.card-list-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.card-list-section h2 {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

.content-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.content-card {
    display: flex;
}
.content-card:nth-child(1n) {
 color: #fff
}
.content-card:nth-child(2n) {
    color: #636f3d;
}
.content-card > div {
    width: 50%;
}
.content-card > div:first-child {
    padding: 5.21vw 4.6875vw;
}
.content-card h2 {
    font-size:3.125vw;
    display: inline-block;
    padding-bottom: 3.125vw;
    margin-bottom: 9.375vw;
    border-bottom: 0.52083vw solid #fff;
}
.content-card:not(:first-child) .sub-title-first {
    padding-top: 14.48vw;
}
.content-card .sub-title {
    font-size: 1.875vw;
    line-height: 1;
}
.content-card .sub-title--desc {
    margin-top: 1.56vw;
    margin-bottom: 3.125vw;
}
.content-card .content-text{
    font-size:1.5625vw;
}
.content-card__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* export-section 移动端适配 */
@media (max-width: 768px) {
  .export-section .content-card {
    flex-direction: column !important;
  }
  .export-section .content-card > div {
    width: 100%;
  }
  .export-section .content-card h2 {
    font-size: 24px;
    padding-bottom: 16px;
    margin-bottom: 24px;
    border-bottom-width: 3px;
  }
  .export-section .content-card .sub-title {
    font-size: 18px;
  }
  .export-section .content-card .sub-title--desc {
    font-size: 14px;
  }
  .export-section .content-card .content-text {
    font-size: 14px;
  }
}
/* 响应式调�?*/

/* 响应式调�?*/

/* 小屏幕下的卡片宽度调�?*/

/* 自定义滚动条样式 */
.cases-grid,
.content-cards-grid,
.use-cases-grid,
.values-grid,
.services-grid,
.advantages-grid,
.team-grid,
.contact-grid {
    /* 隐藏滚动条但保持功能 */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: thin;  /* Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;  /* Firefox */
}

/* Chrome, Safari and Opera */
.cases-grid::-webkit-scrollbar,
.content-cards-grid::-webkit-scrollbar,
.use-cases-grid::-webkit-scrollbar,
.values-grid::-webkit-scrollbar,
.services-grid::-webkit-scrollbar,
.advantages-grid::-webkit-scrollbar,
.team-grid::-webkit-scrollbar,
.contact-grid::-webkit-scrollbar {
    width: 6px; /* 垂直滚动条使用width */
    height: 6px; /* 水平滚动条使用height */
}

.cases-grid::-webkit-scrollbar-track,
.content-cards-grid::-webkit-scrollbar-track,
.use-cases-grid::-webkit-scrollbar-track,
.values-grid::-webkit-scrollbar-track,
.services-grid::-webkit-scrollbar-track,
.advantages-grid::-webkit-scrollbar-track,
.team-grid::-webkit-scrollbar-track,
.contact-grid::-webkit-scrollbar-track {
    background: transparent;
}

.cases-grid::-webkit-scrollbar-thumb,
.content-cards-grid::-webkit-scrollbar-thumb,
.use-cases-grid::-webkit-scrollbar-thumb,
.values-grid::-webkit-scrollbar-thumb,
.services-grid::-webkit-scrollbar-thumb,
.advantages-grid::-webkit-scrollbar-thumb,
.team-grid::-webkit-scrollbar-thumb,
.contact-grid::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.cases-grid::-webkit-scrollbar-thumb:hover,
.content-cards-grid::-webkit-scrollbar-thumb:hover,
.use-cases-grid::-webkit-scrollbar-thumb:hover,
.values-grid::-webkit-scrollbar-thumb:hover,
.services-grid::-webkit-scrollbar-thumb:hover,
.advantages-grid::-webkit-scrollbar-thumb:hover,
.team-grid::-webkit-scrollbar-thumb:hover,
.contact-grid::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

/* ============================================
   页脚移动端适配
   ============================================ */



/* ============================================
   移动端响应式适配
   ============================================ */
@media (max-width: 768px) {
  .services-offered {
    padding: 40px 20px;
  }

  .services-grid {
    grid-template-columns: repeat(12, 1fr);
    gap: 12px;
  }

  .services-grid .service-card {
    grid-column: span 6;
    padding: 16px;
    border-radius: 12px;
  }

  .service-card-icon i {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .service-card h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .service-card .service-desc {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .services-offered {
    padding: 30px 16px;
  }

  .services-grid .service-card {
    grid-column: span 12 !important;
    padding: 12px;
  }
}
.image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10000;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
    overflow: hidden;
}

.image-modal.show {
    display: flex;
}

.image-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.image-modal-content img {
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.image-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.image-modal-close:hover {
    color: #3498db;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(90deg);
}