/* ug-sec15 下载功能区域样式 */
.ug-sec15 .imgs-inner1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

.ug-sec15 .img-left-column {
    flex: 1;
    margin-right: 30px;
}

.ug-sec15 .img-right-column {
    flex-shrink: 0;
}

.ug-sec15 .img-right-column img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 下载区域样式 */
.ug-sec15 .download-section {
    width: 100%;
}

/* 上方两格布局 */
.ug-sec15 .top-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.ug-sec15 .download-item {
    background-color: rgb(23, 23, 23);
    border: 1px solid rgb(108, 108, 108, 0.1);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

.ug-sec15 .download-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

.ug-sec15 .download-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.ug-sec15 .download-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    object-fit: contain;
}

.ug-sec15 .download-title {
    font-size: 18px;
    font-weight: 600;
    color: white;
    margin: 0;
}

.ug-sec15 .download-text {
    font-size: 16px;
    color: rgb(180, 180, 180);
    /* margin: 0; */
    line-height: 1.5;
}

/* 下方一格布局 */
.ug-sec15 .bottom-section {
    background-color: rgb(23, 23, 23);
    border: 1px solid rgb(108, 108, 108, 0.1);
    border-radius: 12px;
    padding: 24px;
}

.ug-sec15 .bottom-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 24px;
    text-align: left;
}

/* 调整icon-grid样式确保文本在图标下方 */
.ug-sec15 .icon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding-top: 3%;
}

.ug-sec15 .icon-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ug-sec15 .grid-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 8px;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.safe-image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.ug-sec15 .icon-item:hover .grid-icon {
    transform: scale(1.1);
}

.ug-sec15 .grid-text {
    font-size: 15px;
    color: rgb(180, 180, 180);
    margin: 0;
    line-height: 1.4;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .ug-sec15 .imgs-inner1 {
        flex-direction: column;
        padding: 30px 15px;
    }
    
    .ug-sec15 .img-left-column {
        margin-right: 0;
        /* margin-bottom: 30px; */
    }
    
    .ug-sec15 .img-right-column {
        max-width: 100%;
        text-align: center;
    }
    
    .ug-sec15 .img-right-column img {
        max-width: 300px;
    }
    
    .ug-sec15 .top-grid {
        gap: 16px;
        margin-bottom: 20px;
    }
    
    .ug-sec15 .download-item {
        padding: 16px;
    }
    
    .ug-sec15 .download-title {
        font-size: 16px;
    }
    
    .ug-sec15 .download-text {
        font-size: 24px;
    }
    
    .ug-sec15 .bottom-section {
        padding: 20px;
    }
    
    .ug-sec15 .icon-grid {
        gap: 16px;
    }
    
    .ug-sec15 .grid-icon {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 768px) {
    .ug-sec15 .top-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    /* 移除平板设备下的两列布局，保持三列 */
    .ug-sec15 .icon-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
    
    .ug-sec15 .download-icon {
        width: 32px;
        height: 32px;
    }
    
    .ug-sec15 .download-title {
        font-size: 27px;
    }
    .ug-sec15 .grid-text{
        font-size: 20px;
    }

}

@media (max-width: 480px) {
    .ug-sec15 .imgs-inner1 {
        padding: 20px 10px;
    }
    
    .ug-sec15 .download-item {
        padding: 14px;
    }
    
    .ug-sec15 .download-header {
        margin-bottom: 10px;
    }
    
    .ug-sec15 .download-icon {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }
    
    .ug-sec15 .download-title {
        font-size: 16px;
    }
    
    .ug-sec15 .download-text {
        font-size: 12px;
    }
    
    .ug-sec15 .bottom-section {
        padding: 16px;
    }
    
    .ug-sec15 .bottom-header {
        margin-bottom: 20px;
    }
    
    /* 手机端保持三列布局 */
    .ug-sec15 .icon-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
    
    .ug-sec15 .grid-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 6px;
    }
    
    .ug-sec15 .grid-text {
        font-size: 12px;
    }
}/* ug-sec13 四格布局样式 */
.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.feature-item {
  background-color: rgb(23 23 23);
  border-radius: 12px;
  padding: 25px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  backdrop-filter: blur(10px);
  border: 1px solid rgb(108 108 108 / 10%);
}

.feature-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.feature-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.feature-icon {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  flex-shrink: 0;
}

.feature-title {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.feature-text {
  font-size: 16px;
  color: #e0e0e0;
  line-height: 1.6;
  margin: 0;
  /* padding-left: 52px; */ /* 对齐图标位置 */
}

/* 响应式设计 */
@media (max-width: 992px) {
  .features-grid {
    gap: 15px;
  }
  
  .feature-item {
    padding: 20px;
  }
  
  .feature-icon {
    width: 36px;
    height: 36px;
  }
  
  .feature-title {
    font-size: 24px;
  }
  
  .feature-text {
    font-size: 13px;
    padding-left: 48px;
  }
}

@media (max-width: 768px) {
  .features-grid {
    gap: 15px;
  }
  
  .feature-text {
    padding-left: 0;
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .feature-header {
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
  }
  
  .feature-icon {
    margin-right: 10px;
    margin-bottom: 0;
  }
}:root{
  --primary-50:#e6f4ff;
  --primary-100:#bae0ff;
  --primary-200:#91caff;
  --primary-300:#69b1ff;
  --primary-400:#4096ff;
  --primary-500:#1677ff;
  --primary-600:#0958d9;
  --primary-700:#0040c9;
  --primary-800:#0030a6;
  --primary-900:#002780;
  --secondary-50:#fff2e8;
  --secondary-100:#ffd8b5;
  --secondary-200:#ffbb98;
  --secondary-300:#ff9a6e;
  --secondary-400:#ff7d4a;
  --secondary-500:#ff6b3b;
  --secondary-600:#f7593b;
  --secondary-700:#e84a38;
  --secondary-800:#d93b35;
  --secondary-900:#c22b31;
  --neutral-50:#fafafa;
  --neutral-100:#f5f5f5;
  --neutral-200:#e5e5e5;
  --neutral-300:#d4d4d4;
  --neutral-400:#a3a3a3;
  --neutral-500:#737373;
  --neutral-600:#525252;
  --neutral-700:#404040;
  --neutral-800:#262626;
  --neutral-900:#171717;
  --success-50:#f0fdf4;
  --success-100:#dcfce7;
  --success-200:#bbf7d0;
  --success-300:#86efac;
  --success-400:#4ade80;
  --success-500:#22c55e;
  --success-600:#16a34a;
  --success-700:#15803d;
  --success-800:#166534;
  --success-900:#14532d;
  --warning-50:#fffbeb;
  --warning-100:#fef3c7;
  --warning-200:#fde68a;
  --warning-300:#fcd34d;
  --warning-400:#fbbf24;
  --warning-500:#f59e0b;
  --warning-600:#d97706;
  --warning-700:#b45309;
  --warning-800:#92400e;
  --warning-900:#78350f;
  --error-50:#fef2f2;
  --error-100:#fee2e2;
  --error-200:#fecaca;
  --error-300:#fca5a5;
  --error-400:#f87171;
  --error-500:#ef4444;
  --error-600:#dc2626;
  --error-700:#b91c1c;
  --error-800:#991b1b;
  --error-900:#7f1d1d;
  --info-50:#eef2ff;
  --info-100:#e0e7ff;
  --info-200:#c7d2fe;
  --info-300:#a5b4fc;
  --info-400:#818cf8;
  --info-500:#6366f1;
  --info-600:#4f46e5;
  --info-700:#4338ca;
  --info-800:#3730a3;
  --info-900:#312e81;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --spacing-unit:4px;
  --space-xxs:calc(var(--spacing-unit) * 1);
  --space-xs:calc(var(--spacing-unit) * 2);
  --space-sm:calc(var(--spacing-unit) * 4);
  --space-md:calc(var(--spacing-unit) * 6);
  --space-lg:calc(var(--spacing-unit) * 8);
  --space-xl:calc(var(--spacing-unit) * 12);
  --space-2xl:calc(var(--spacing-unit) * 16);
  --space-3xl:calc(var(--spacing-unit) * 24);
  --space-4xl:calc(var(--spacing-unit) * 32);
}
.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
@media (min-width:576px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-xl)}
.pt-3xl{padding-top:var(--space-2xl)}
.pt-4xl{padding-top:var(--space-3xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-2xl)}
.pb-4xl{padding-bottom:var(--space-3xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}@media only screen and (max-width:768px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-xl)}
.pt-4xl{padding-top:var(--space-2xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-xl)}
.pb-3xl{padding-bottom:var(--space-xl)}
.pb-4xl{padding-bottom:var(--space-2xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-3xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-4xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
}@media (min-width:992px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}@media (min-width:1200px){.pt-0{padding-top:0}
.pt-xxs{padding-top:var(--space-xxs)}
.pt-xs{padding-top:var(--space-xs)}
.pt-sm{padding-top:var(--space-sm)}
.pt-md{padding-top:var(--space-md)}
.pt-lg{padding-top:var(--space-lg)}
.pt-xl{padding-top:var(--space-xl)}
.pt-2xl{padding-top:var(--space-2xl)}
.pt-3xl{padding-top:var(--space-3xl)}
.pt-4xl{padding-top:var(--space-4xl)}
.pb-0{padding-bottom:0}
.pb-xxs{padding-bottom:var(--space-xxs)}
.pb-xs{padding-bottom:var(--space-xs)}
.pb-sm{padding-bottom:var(--space-sm)}
.pb-md{padding-bottom:var(--space-md)}
.pb-lg{padding-bottom:var(--space-lg)}
.pb-xl{padding-bottom:var(--space-xl)}
.pb-2xl{padding-bottom:var(--space-2xl)}
.pb-3xl{padding-bottom:var(--space-3xl)}
.pb-4xl{padding-bottom:var(--space-4xl)}
.py-0{padding-top:0;padding-bottom:0}
.py-xxs{padding-top:var(--space-xxs);padding-bottom:var(--space-xxs)}
.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}
.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}
.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}
.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}
.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}
.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}
.py-4xl{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}
}
h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
h2{font-size:clamp(32px,4vw,40px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
h5{font-size:clamp(20px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
h6{font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
small{font-size:14px;line-height:1.5;color:var(--neutral-600)}
@media (max-width: 768px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px;font-size: 27px;}
  h4{font-size:clamp(35px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size: 24px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 
}
@media (min-width: 768px) and (max-width: 991px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
  h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(30px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  h1{font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.2;margin-bottom:16px}
  h2{font-size:clamp(40px,4vw,48px);font-weight:600;line-height:1.5;margin-bottom:12.8px;margin-top:0}
  h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.3;margin-bottom:9.6px}
  h4{font-size:clamp(24px,2.5vw,32px);font-weight:500;line-height:1.3;margin-bottom:6.4px}
  h5{font-size:clamp(30px,2vw,24px);font-weight:500;line-height:1.4;margin-top:0;margin-bottom:0}
  h6{font-size:clamp(20px,1.5vw,20px);font-weight:500;line-height:1.4;margin-top: 0;margin-bottom:3.2px}
  p{font-size:16px;line-height:1.6;margin-top:0;margin-bottom:16px;font-weight:500}
  small{font-size:14px;line-height:1.5;color:var(--neutral-600)} 

}
.text-gradient-fast-white-gray-black-silver{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe)}
.text-gradient-fast-white-gray-black-silver{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.text-gradient-fast-blue-purple-light-orange {
  background-image: linear-gradient(to right top, #c28a3d, #c28a3d, #f8ddae, #f8ddae, #f8ddae);
}
.text-gradient-fast-blue-purple-light-orange{-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.center-text{text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    }
@media (max-width: 768px) {
    .container-sec.ug-sec8 .center-text {
        padding-top: 5%; 
    }
}    
.left-text{text-align:left}
.right-text{text-align:right}
.bottom-text{display:flex;align-items:flex-end}
.top-text{display:flex;align-items:flex-start}
.middle-text{display:flex;align-items:center}
.abs-bottom-text{position:absolute;bottom:0;left:0;right:0}
.text-primary{color:var(--primary-500)}
.text-secondary{color:var(--secondary-500)}
.text-black{color:var(--neutral-900)}
.text-white{color:var(--neutral-50)}
.text-success{color:var(--success-500)}
.text-warning{color:var(--warning-500)}
.text-error{color:var(--error-500)}
.text-info{color:var(--info-500)}
.text-neutral{color:var(--neutral-800)}
.text-neutral-light{color:var(--neutral-400)}
.font-light{font-weight:300}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.h-100vh{height:100vh}
.h-50vh{height:50vh}
.h-25vh{height:25vh}
@media (max-width:575.98px){.h-sm-100vh{height:100vh}
.h-sm-50vh{height:50vh}
.h-sm-25vh{height:25vh}
}@media (min-width:576px) and (max-width:767.98px){.h-md-100vh{height:100vh}
.h-md-50vh{height:50vh}
.h-md-25vh{height:25vh}
}@media (min-width:768px) and (max-width:991.98px){.h-lg-100vh{height:100vh}
.h-lg-50vh{height:50vh}
.h-lg-25vh{height:25vh}
}@media (min-width:992px) and (max-width:1199.98px){.h-xl-100vh{height:100vh}
.h-xl-50vh{height:50vh}
.h-xl-25vh{height:25vh}
}@media (min-width:1200px){.h-xxl-100vh{height:100vh}
.h-xxl-50vh{height:50vh}
.h-xxl-25vh{height:25vh}
}
/* 转换 1rem = 16px */
body{line-height:1.5;font-size:16px;color:var(--neutral-800);margin:0;padding:0;min-height:100vh}
.container-sec{overflow:hidden;font-weight:lighter}
.container-inner{max-width: 1200px;
    position: relative;
    margin: 0 auto;
    height: 100%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
}
.container-inner1{max-width: 1200px;
  position: relative;
  margin: 0 auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.ai-container-inner{max-width: 1200px;
    position: relative;
    margin: 0 auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 768px) {
    .ai-container-inner{
    min-height: 700px;
}
    
}
.ug-sec1{background:url(../images/6800nas-p1.png) no-repeat center center;background-size:cover;background-color: #171922;height:auto;min-height:100vh}
@media (max-width: 768px) {
    .ug-sec1{min-height:65vh}
}
.ug-sec2{background-color:#0e0e0e;height:auto;min-height:100vh}
.ug-sec3{background:url(../images/6800nas-p3.png) no-repeat center center;background-size:cover;height:auto;min-height:100vh;background-color:#d2d7e0}
 @media (max-width: 768px) {.ug-sec3{        background: url(../images/6800nas-p3.png) no-repeat center bottom;
        background-size: 150%;
        height: auto;
        min-height: 60vh;
        background-color: #000000;}}
.ug-sec4{background-color:#15161d;height:auto;min-height:60vh}
.ug-sec5{background:url(../images/6800nas-cpu.png) no-repeat center center;background-size:cover;height:auto;min-height:100vh}
 @media (max-width: 768px) {
 .ug-sec5{background: url(../images/6800nas-cpu.png) no-repeat center center;
        background-size: 250%;
        height: auto;
        min-height: 80vh;
        background-color: black;}
 }
.ug-sec6{height:auto;min-height:40vh;background-color:#000}
.ug-sec7{height:auto;min-height:100vh;background-color:#000}
.ug-sec8{height:auto;min-height: 100vh;background-color:#000000}
 @media (max-width: 768px) {
     .ug-sec8{height:auto;min-height:180vh;background-color:#000000}}
.container-sec .ug-sec8 .center-text{
    padding-top:0px;
}

/* PCIe 4.0 特性布局样式 */
.pcie-feature-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}
.pcie-col-50 .pcie-card h4{
  padding-top:5%;
}
.pcie-col-50 .pcie-card {
  min-height: 350px;
}
.pcie-col-50 .pcie-card-horizontal{
  min-height: 350px;
}
.pcie-text-side h4{
  font-size:20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.pcie-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.pcie-col-25 {
    width: calc(24.5% - 10px);
    display: flex;
    flex-direction: column;
}
.pcie-col-25 .pcie-card{
  min-height:423px;
}
.pcie-col-50 {
    width: calc(49.5% - 10px);
    display: flex;
    flex-direction: column;
}

.pcie-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.pcie-card {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px;
    transition: transform 0.3s ease;
    min-height: 407px;
}

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

.pcie-card-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: transform 0.3s ease;
}

.pcie-card-img:hover {
    transform: scale(1.02);
}

.pcie-card h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.pcie-card p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6;
}

/* 左右布局卡片 */
.pcie-card-horizontal {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 20px;
    min-height: 407px;
}

.pcie-text-side {
    flex: 1;
}

.pcie-img-side {
    flex: 1;
}

.pcie-img-side img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* 图标网格布局 */
.pcie-icon-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 50px;
}

.pcie-icon-item {
    text-align: center;
}

.pcie-icon-img {
    /* width: 60px; */
    height: 40px;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
}

.pcie-icon-img:hover {
    transform: scale(1.1);
}

.pcie-icon-item p {
    font-size: 16px;
    margin: 0;
}

/* 响应式布局 */
@media (max-width: 992px) {
    .pcie-col,
    .pcie-col-25,
    .pcie-col-50 {
        width: 100%;
        margin-bottom: 20px;
        width: calc(50% - 10px);
    }
    
    .pcie-card-horizontal {
        flex-direction: column;
    }
    
    .pcie-text-side,
    .pcie-img-side {
        width: 100%;
    }
    
    .ug-sec8 {
        min-height: 150vh;
    }
    
    .pcie-card,
    .pcie-col-25 .pcie-card,
    .pcie-col-50 .pcie-card,
    .pcie-card-horizontal {
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .pcie-icon-grid {
        /* grid-template-columns: repeat(2, 1fr); */
        gap: 15px;
    }
    
    .pcie-icon-img {
        height: 50px;
    }
    
    .pcie-card {
        padding: 15px;
    }
    
    .pcie-card h4 {
        font-size: 28px;
    }
    
    .pcie-card p {
        font-size: 24px;
    }
    
    .pcie-icon-item p {
        font-size: 22px;
    }
    
    .pcie-row {
        gap: 15px;
        margin-bottom: 15px;
    }
    
    .pcie-feature-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .pcie-card {
        padding: 12px;
    }
    
    .pcie-card h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .pcie-card p {
        font-size: 14px;
        line-height: 1.5;
    }
    
    .pcie-card-img {
        margin-bottom: 12px;
        border-radius: 6px;
    }
    
    .pcie-icon-grid {
        gap: 12px;
    }
    
    .pcie-row {
        gap: 12px;
        margin-bottom: 12px;
    }
    
    .pcie-feature-container {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .ug-sec8 {
        min-height: 120vh;
    }
    
    .pcie-card-horizontal {
        padding: 12px;
        gap: 15px;
    }
    
    .pcie-text-side h4 {
        font-size: 18px;
    }
}

.ug-sec9{height:auto;background-color:#000000}
.container-sec.ug-sec9{color:white}
.container-sec.ug-sec9 b{font-weight:600}
.ug-sec10{
  height:auto;
  min-height: 101vh;
  background-color: #15161d;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  }
   @media (max-width: 768px) {.ug-sec10{min-height:75vh;}}
.ug-sec11{height:auto;min-height:100vh}
.ug-sec12{height:auto;min-height:100vh;background-color:#000;background-image:none}
@media (max-width:768px){.ug-sec12{height:auto;min-height:100vh;background-size:100%;background-color:#000}
.ug-sec11{height:auto;min-height:100vh;background-size:cover}
.ug-sec13 .imgs-inner img[src*="video-icon.png"],.ug-sec13 .imgs-inner img[src*="video-app.png"]{max-width:100%;height:auto;display:block;margin:0 auto}
.video-left-column,.video-right-column{width:100%;display:block;margin-bottom:20px}
.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
.tv-img{display:none}
}.ug-sec13{height:auto;min-height:100vh;    background: linear-gradient(to bottom, #141414, #000000);}
.ug-sec14{height:auto;min-height:80vh;background:#000}
.ug-sec14 img{border-radius:15px}
@media (max-width:768px){.ug-sec14{min-height:60vh}
}.ug-sec15{height:auto;min-height:100vh;background: linear-gradient(to bottom, #000812, #0b0c0d);}
.imgs-inner2{display:flex;justify-content:space-between;padding:20px;max-width:1360px;padding-bottom: 5%;position:relative;margin:0 auto;height:auto;}
@media (max-width:768px){.container-sec.ug-sec15 .imgs-inner1 img{max-width:100%;height:auto;display:block;/* margin:0 auto; */}
.container-sec.ug-sec15 .imgs-inner1{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.imgs-inner2{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
}.ug-sec16{height:auto;min-height:100vh;background-color:#19191b}
.ug-sec17{height:auto;min-height:100vh}
@media (max-width:768px){
  .ug-sec17{height:auto;min-height:60vh}
}
.ug-sec18{height:auto;min-height:100vh;background-color:#ebebeb}
.ug-sec19{height:auto;min-height:100vh;background-color:#ffffff}
.text-bg-box{background-image:linear-gradient(to right top,#aebed5,#ccd5e4,#c4d1e1,#eef1f6,#fefefe);padding:10px 20px;border-radius:50px;display:inline-block;text-align:center}
.text-bg-box1{background-image:linear-gradient(to right top,#c28a3d, #c28a3d, #f8ddae, #f8ddae, #f8ddae);padding:10px 20px;border-radius:50px;display:inline-block;text-align:center}
.text-bg-box2{background-image:linear-gradient(to right top,#c28a3d, #c28a3d, #f8ddae, #f8ddae, #f8ddae);padding:10px 20px;width: 30%;border-radius:50px;display:inline-block;text-align:center}

      .adv-container {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 1300px;
        margin-left: auto;
        margin-right: auto;
        color: #fafafa;
        padding-bottom: 5%;
      }
  
      .adv-row {
        display: flex;
        width: 100%;
        margin-bottom: 20px; 
      }
      .adv-height-col1 {
        height: 400px; 
      }
      .adv-height-col2 {
        height: 300px; 
      }
      .adv-col {
        background-size: cover;
        background-position: center;
        padding: 20px;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start; 
        margin-right: 20px; 
        border-radius: 15px;
        position: relative; 
        background-color: #1a1a1c;
      }
  
      .text-wrapper {
        position: absolute; 
        top: 20px; 
        left: 20px; 
      }
  
      .adv-col:last-child {
        margin-right: 0;
      }
  
      .adv-col1 {
        width: 56.66%;
      }
  
      .adv-col2 {
        width: 43.33%;
      }
  
      .adv-col3 {
        width: 33.33%;
      }
  
      .adv-col4 {
        width: 33.33%;
      }
  
      .adv-col5 {
        width: 33.33%;
      }
  
      .adv-col6 {
        width: 33.33%;
      }
  
      .adv-col7 {
        width: 33.33%;
      }
  
      .adv-col8 {
        width: 33.33%;
      }
  
      /* 媒体查询，当屏幕宽度小于 768px 时生效 */
      @media (max-width: 768px) {
        .adv-row {
          flex-direction: column;
          padding: 10px;
        }
  
        .adv-col {
          width: 100% !important;
          margin-right: 0;
          margin-bottom: 20px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
                  min-height: 360px;
        }
  
        .adv-col:last-child {
          margin-bottom: 0;
        }
      }
.text-wrapper{gap:15px;flex-direction:column;align-items:flex-start;text-align:left;margin-left:15px;color:white}
@media (max-width:1200px){.advantage{width:90%}
.ad-container{width:100%}
}@media (max-width:768px){.ad-card{width:100%}
.ad-container{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap}
.row1 .ad-card:nth-of-type(1),.row1 .ad-card:nth-of-type(2){width:100%}
}.cont-files{display:flex;flex-wrap:nowrap;justify-content:space-around;padding:20px;gap:20px;width:1200px;margin-left:auto;margin-right:auto}
.left-cardfile{width:40%;background-image:url('../images/5-1.png');background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.left-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.left-cardfile h3,.left-cardfile p{position:relative;z-index:1}
.right-cardfiles{width:60%;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.right-cardfile{background-size:cover;background-position:center;color:#fff;padding:20px;box-sizing:border-box;flex:1;position:relative;height:auto;aspect-ratio:16/9;border-radius:15px}
.right-cardfile::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.right-cardfile h3,.right-cardfile p{position:relative;z-index:1}
.right-cardfile:nth-of-type(1){background-image:url('../images/5-2.png')}
.right-cardfile:nth-of-type(2){background-image:url('../images/5-3.png')}
.image-conner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  padding-top: 10%;
}

.image-section {
  position: relative;
  width: 45%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.image-section img {
  width: 100%;
  height: auto;
  display: block;
}

.image-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  color: white;
  padding: 20px;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 768px) {
  .image-section {
      width: 100%;
  }
  .image-text {
    font-size: 27px;    
  }      
}
@media (max-width:768px){.left-cardfile,.right-cardfiles{width:100%}
.cont-files{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}
}.con-tent{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
@media (max-width:768px){
  con-tent{display: block;}
}
.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:80px;font-size:25.6px;font-weight:500}
@media (max-width:768px){.icon-container{flex:1 1 300px;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;align-items:center;gap:20px;max-width:500px;margin-left:auto;margin-right:auto;padding:32px;font-size:25.6px;font-weight:500}
}.icon-doc,.icon-movie,.icon-music,.icon-photo{display:flex;flex-direction:column;align-items:center;text-align:center}
.icon-container p{line-height:1.6;margin-top:0;margin-bottom:0;font-weight:500}
.file-icon{height:50px;margin:10px}
.image-container{flex:1 1 400px}
@media (max-width:768px){
  .image-container{flex:1 1 700px}
}
.image-container img{width:100%;height:auto}
@media (max-width:768px){.con-tent{flex-direction:column}
.icon-container,.image-container{width:100%}
}.cont-main{font-family:sans-serif;display:flex;justify-content:space-between;gap:15px;width:60vw;height: 100%;margin:80px auto}
.cont-silde{height:60vh;position:relative;border-radius:10px;padding:20px;background-size:cover;background-position:50%;flex:0.5;cursor:pointer;transition:0.5s linear flex;-webkit-transition:0.5s linear flex;-moz-transition:0.5s linear flex;-ms-transition:0.5s linear flex;-o-transition:0.5s linear flex}
@keyframes heading {
  from {
      bottom: 150px;
      opacity: 0;
  }
  to {
      bottom: 20px;
      opacity: 1;
  }
}
.cont-silde h2{position:absolute;bottom:20px;left:20px;opacity:0;color:#fff;width:55%;font-size:20px}
@media (max-width:768px){
  .cont-silde h2{font-size:30px}
}
.cont-silde h2 span{font-weight:400;opacity:0.8;margin-top:10px;display:block;width:100%;font-size:18px}
@media (max-width:768px){
  .cont-silde h2 span{font-size:25px}
}
.cont-silde.active{flex:5}
.cont-silde.active h2{
  opacity:1;
  animation-name:heading;
  animation-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation-duration:1.5s;
  animation-iteration-count:1;
}
.story-container{max-width:1400px;margin:0 auto;padding:32px;}
.story-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;max-width:1600px;margin:0 auto;flex-direction:column}
.text-block{flex:0.8;padding:56px;border-radius:25px;margin:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:center center;letter-spacing:0.3px;text-align:center}
.image-block{flex:1;display:flex;justify-content:center;align-items:center}
.image-placeholder{width:100%;height:auto;object-fit:cover;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.2);transition:transform 0.3s ease}
.image-placeholder:hover{transform:scale(1.02)}
.progress-bar{position:fixed;top:40px;left:50%;transform:translateX(-50%);width:300px;height:4px;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0}
.progress-bar-fill{
  position:absolute;
  top:50%;
  left:20px;width:calc(100% - 40px);
  max-width:calc(100% - 40px);
  height:4px;
  background:linear-gradient(90deg,#f39c12,#f1c40f);
  transform:translateY(-50%);
  z-index:1;
  border-radius:10px;
  transition:width 0.3s ease
}
.progress-bar::before{content:"";position:absolute;top:50%;left:20px;width:calc(100%-40px);height:4px;background:rgba(0,0,0,0.1);transform:translateY(-50%);border-radius:10px;z-index:0}
.progress-step{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;color:#333;position:relative;z-index:2;transition:all 0.3s ease;box-shadow:0 2px 10px rgba(0,0,0,0.1);border:2px solid #fff;margin-top:-18px;cursor:pointer}
.progress-step:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,0.15)}
.progress-step.active{background:#f39c12;color:#fff;transform:scale(1.1);border-color:#fff}
.next-section-btn{display:inline-block;padding:16px 32px;background:#333;color:white;border:none;border-radius:30px;cursor:pointer;font-size:17.6px;margin-top:32px;transition:all 0.3s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.next-section-btn:hover{background:#555;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,0.15)}
.light-theme{background-color:#f4f4f9;color:#333}
.dark-theme{background-color:#2c3e50;color:#f4f4f9}
.mid-theme{background-color:#3e4a61;color:#e0e0e0}
.sunset-theme{background-color:#001016;color:#fff}
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-image{max-width:90%;max-height:90vh;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transform:scale(0.8);opacity:0;cursor:pointer}
.modal-close{position:fixed;top:30px;right:30px;width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.4);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:28px;color:white;opacity:0;transform:rotate(-180deg);transition:all 0.3s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-close span{display:block;transform:translateY(-2px)}
.modal-close:hover{transform:rotate(0deg) scale(1.1);background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.6);box-shadow:0 0 20px rgba(255,255,255,0.2)}
@media screen and (max-width:1200px){.story-section{padding:32px;gap:48px}
.text-block{padding:32px}
}@media screen and (max-width:900px){.story-section{flex-direction:column;padding:16px;gap:32px;min-height:auto;margin:64px 0}
.text-block{flex:1;width:100%;max-width:100%;order:2}
.image-block{flex:1;width:100%;order:1}
.image-placeholder{max-width:100%;height:auto}
.progress-bar{width:250px;top:20px}
.progress-step{width:35px;height:35px;font-size:16px}
}@media screen and (max-width:600px){.story-container{padding:16px}
.text-block{padding:24px}
h2{font-size:28.8px;margin-bottom:24px}
p{font-size:16px;line-height:1.7;margin-bottom:32px}
.next-section-btn{padding:12.8px 25.6px;font-size:16px}
.progress-bar{width:200px}
.progress-step{width:30px;height:30px;font-size:14px;margin-top:-13px}
.modal-close{top:15px;right:15px;width:40px;height:40px;font-size:24px}
}@media screen and (max-width:400px){.progress-bar{width:180px}
.progress-step{width:25px;height:25px;font-size:12px;margin-top:-10px}
h2{font-size:25.6px}
.text-block{padding:19.2px}
}.chip-img{display:block;margin:0 auto;max-width:100%;padding-top:3%}
.tv-img{margin:0 auto;max-width:100%;padding-top:5%}
.cpu-features{display:flex;flex-wrap:wrap;justify-content:space-around;color:#ffffff;padding:10px}
.dh-feature{flex: 1 1 260px;
  margin: 10px;
  background-color: #141414;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;}
  .dh-feature-icon {
    width: 20px; 
    height: 20px; 
    margin-right: 10px;
    vertical-align: middle; 
}
@media (max-width: 768px) {
    .dh-feature-icon {
        width: auto;
        height: 30px;
    }
}
.album-content{display:flex;justify-content:space-between;padding-top:5%}
.image img{width:100%}
.album-features{width:45%;display:flex;flex-direction:column}
.album-feature{margin-bottom:20px;background-color:#242424;padding:15px;display:flex;flex-direction:column;align-items:center}
.feature-group{display:flex;justify-content:space-between}
.feature-group .album-feature{width:30%;margin:0 10px}
@media (min-width: 768px) and (max-width: 991.98px) {
    .feature-group{
    display: flex;
    flex-direction: column;
    align-content: space-between;}
.feature-group .album-feature{width:100%;margin:0 0 10px;}
}

.feature-group .album-feature:first-child{margin-left:0}
.feature-group .album-feature:last-child{margin-right:0}
.album-feature{display:flex;flex-direction:column;align-items:flex-start;border-radius:10px}
.album-feature-title{margin-top:10px;margin-bottom:10px;font-size: 16px;}
.album-feature-title span{font-size: 14px;} 
@media (max-width:768px){
  .album-feature-title{font-size: 24px;}
  .container-sec.ug-sec8 .album-feature span {
    font-size: 24px;} 
        .album-feature .album-feature-title {
        flex-direction: row;
        align-items: center;
        text-align: left;
    }
    
    .album-feature .feature-img {
        margin-bottom: 0;
        margin-right: 15px;
    }
}


.feature-img{width:auto;height:50px;margin-right:10px;display:inline-block;max-width:100%;height:auto}
@media (max-width:768px){.container{width:90%}
.album-content{flex-direction:column}
.image,.album-features{width:100%;padding:15px}
.feature-group{flex-direction:column}
.feature-group .album-feature{width:100%;margin:0 0 20px 0}
}div.drop-container{position:absolute;right:0;bottom:0;left:0;margin:auto;height:250px;width:250px;margin-top:20%;z-index:1}
@media (max-width:768px){
  div.drop-container {
    position: sticky;
    margin-top: 10%;
}
}
img.drop{position:absolute;top:-25%;width:100%;height:100%;object-fit:cover;border-radius:100% 5% 100% 100%;transform:rotate(-45deg);margin:0px;-webkit-animation:drip 4s forwards;animation:drip 4s forwards}
@-webkit-keyframes appear{0%{opacity:0}
100%{opacity:1}
}@keyframes appear{0%{opacity:0}
100%{opacity:1}
}div.drop-container:before,div.drop-container:after{content:'';position:absolute;z-index:-1;top:55%;right:50%;transform:translate(50%) rotateX(75deg);border-radius:100%;opacity:0;width:80%;height:80%;border:5px solid skyblue;-webkit-animation:dripple 2s ease-out 1s infinite;animation:dripple 2s ease-out 1s infinite}
div.drop-container:after{-webkit-animation:dripple 2s ease-out 1.7s infinite;animation:dripple 2s ease-out 1.7s infinite}
@-webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@-webkit-keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}@keyframes dripple{0%{width:150px;height:150px}
25%{opacity:1}
100%{width:650px;height:650px;top:-24%;opacity:0}
}@media (max-width:768px){@-webkit-keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@keyframes drip{45%{top:0;border-radius:100% 5% 100% 100%;transform:rotate(-45deg)}
100%{top:0;transform:rotate(0deg);border-radius:100%}
}@-webkit-keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}@keyframes dripple{0%{width:100px;height:100px}
25%{opacity:1}
100%{width:450px;height:450px;top:-24%;opacity:0}
}}.container-sec.ug-sec9{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:90vh}
.container-sec.ug-sec9 .center-text{order:1}
.container-sec.ug-sec9 .drop-container{order:2}
@media (max-width:768px){.container-sec.ug-sec9 .drop-container{width:50%}
}.container-sec.ug-sec9 .ai-features-container{order:3}
.ai-features-container{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;max-width:1330px;margin-bottom:5%}
.ai-feature{flex:1 1 calc(33.333% - 40px);min-width:300px;margin:20px;padding:20px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}
.ai-feature img{width:40%;height:auto;margin-right:20px}
.ai-feature-description{width:60%}
@media (max-width:768px){.container-sec.ug-sec9{height:auto;min-height:auto;padding-bottom:20px}
.container-sec.ug-sec9 .container-inner .ai-container-inner{width:100%;padding:0 20px;box-sizing:border-box;height:50vh}
.container-sec.ug-sec9 .ai-features-container{display:flex;flex-direction:column;align-items:center}
.container-sec.ug-sec9 .ai-feature{width:auto;margin-bottom:20px}
.container-sec.ug-sec9 .drop-container img{max-width:100%;height:auto}
.container-sec.ug-sec9 .album-feature span {font-size: 28px;}
}@media (max-width:768px){.drop-container{position:relative;z-index:auto}
}.album-box-wrapper{color:#000000;padding-top:6%;padding:10px}
.album-box-container{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#f6f6f6;color:#292929;border-radius:16px;margin:32px auto}
.album-box-container1{display:flex;justify-content:space-between;align-items:center;padding:32px;background-color:#ffffff00;color:#292929;border-radius:16px;margin:32px auto}
.album-box-left{flex:1}
.album-box-left1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.services-tag{background-color:#7760ee;color:#fff;padding:4.8px 12.8px;border-radius:16px;font-size:14.4px}
.learn-more-btn{background-color:#7760ee;color:#fff;border:none;padding:12.8px 32px;border-radius:8px;font-size:16px;cursor:pointer}
.album-box-right{flex:1;display:flex;flex-direction:column;gap:16px}
.album-box-right1{flex:1;display:flex;flex-direction:column;gap:16px;padding:10px}
.service-img{height:300px;border-radius:15px;}
@media (max-width:768px){.service-img{max-width:100%;height:auto;display:block;margin:0 auto}
}.album-box-item{background-color:#eaeaea;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px}
.album-box-item1{background-color:#151517;padding:16px;border-radius:16px;display:flex;flex-direction:row;align-items:flex-start;gap:16px;height:140px}
.album-box-item .album-box-text{display:flex;flex-direction:column}
.album-box-item1 .album-box-text{display:flex;flex-direction:column;color:white}
.service-icon{width: 10%;padding: 7px;}
@media (max-width:768px){.album-box-container,.album-box-container1{flex-direction:column}
.album-box-left,.album-box-right,.album-box-left1,.album-box-right1{width:100%;padding-bottom:5%}
}.album-box-item .album-box-text h5{margin-top:0}
.album-box-item .album-box-text h6{margin-top:0}
.album-box-item1 .album-box-text h6{margin-top:0}
.album-box-two{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;max-width:1200px;gap:32px}
.box-left-section,.box-right-section{flex:1;padding:32px;background-color:#f6f6f6;border-radius:16px;color:#000000}
.album-two-image{width:100%;margin-bottom:16px}
@media (max-width:768px){.album-box-two{flex-direction:column;gap:16px}
.box-left-section,.box-right-section{width:100%}
.album-two-image{max-width:100%}
}.imgs-inner{display:flex;justify-content:space-between;padding:20px;max-width:1300px;padding-top: 5%;position:relative;margin:0 auto}
@media (max-width:768px){.imgs-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.imgs-inner img{max-width:100%;height:auto;margin:10px}
}.video-left-column{width:50%;display:flex;flex-direction:column;max-height:862px}
@media (max-width:768px){.video-left-column{width:100%;display:block;margin-bottom:20px}
}.imgs-inner img{width:90%}
.video-right-column{width:50%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
@media (max-width:768px){.video-right-column{width:100%;display:block;margin-bottom:20px}
}.in-dot-text,.in-dot-img{flex:1}
.in-dot-img{display:flex;align-items:flex-end;justify-content:flex-start}
.in-dot-img img{width:100%}
.lit-img{width:100%}
.lit-img img{width: 70%;
  padding-top: 30px;}
.imgs-inner .feature-header img{height: 30px;
    width: auto;}
.imgs-inner1{display:flex;justify-content:space-between;padding:20px;max-width:1360px;padding-bottom: 5%;position:relative;margin:0 auto;height:auto;gap: 30px;}
@media (max-width:768px){.imgs-inner1{display:flex;flex-direction:column;padding:10px}.in-dot-text{text-align:center}
}.img-left-column{width:50%;display:flex;flex-direction:column;height:100%;padding:10px}

@media (max-width:768px){.img-left-column{text-align: center;width:100%}
}.imgs-inner img{width:90%}
.img-right-column{width:50%;display:flex;flex-direction:column;padding:10px}
@media (max-width:768px){.img-right-column{width:100%;text-align: center;}
}.feature-map-container{display:flex;flex-wrap:nowrap;justify-content:center;gap:20px;width:100%;max-width:1200px;padding:20px;margin-left:auto;margin-right:auto;padding-bottom:6%}
@media (max-width:768px){.feature-map-container{display:flex;flex-wrap:wrap;gap:10px}
}.feature-map{flex:1 0 calc(25% - 20px);background-color:white;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);padding:20px;display:flex;flex-direction:column;align-items:flex-start}
@media (max-width:768px){.feature-map{flex:0 0 calc(50% - 5px);box-sizing:border-box}
}.feature-map-icon{display:flex;align-items:center;margin-bottom:10px}
.icon-add{width:24px;height:24px;margin-right:10px}
.feature-map-title{font-size:20px;margin:0}
@media (max-width:768px){
  .feature-map-title{font-size:26px;margin:0}
  .text-bg-box2{margin-left: auto;
        margin-right: auto;}
}
.feature-map-desc{font-size:14px;color:#666}
@media (max-width:768px){
  .feature-map-desc{font-size:26px;color:#000000}
}
.doc-container{display:flex;flex-wrap:nowrap;min-height:900px}
.doc-left-section{flex:1;background-image:url('../images/6800nas-office.png');background-size:cover;background-position:center;flex-basis:50%;display:flex;align-items:center;justify-content:center}
.doc-left-section .ag-main_img{max-width:100%;height:auto;display:block}
.doc-right-section{flex:1;display:flex;flex-direction:column;padding:20px;flex-basis:50%}
.doc-title-container{flex:1;text-align:center}
.doc-title-container h3{font-size:30px;}
.doc-title-container h6{font-size:18px;}
@media (max-width:768px){
    .doc-title-container h3{font-size:40px;}
    .doc-title-container h6{font-size:27px;}
}
.doc-carousel-container{flex:2;position:relative;overflow:hidden}
.doc-carousel-images{display:flex;height:95%;transition:transform 0.5s ease;padding-bottom:50px}
.doc-carousel-image{min-width:100%;background-size:contain;background-position:center;background-repeat:no-repeat}
.doc-carousel-controls{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:10px}

.doc-control-bar{width:60px;height:4px;background-color:rgba(0,0,0,0.5);cursor:pointer;position:relative;overflow:hidden}
.doc-control-bar .doc-progress{position:absolute;top:0;left:0;height:100%;background-color:rgb(221,31,31);width:0}
@media (max-width:768px){.doc-carousel-images{height:100%}
.doc-carousel-image {
  flex: 1 1 100%; 
  background-size: 100%; 
  background-position: center; 
min-height: 500px;
        padding: 20px;
        height: auto;
}
.doc-container{min-height: 100vh;
  display: flex;
  flex-direction: column;}
}@keyframes fillBar{0%{width:0}
100%{width:100%}
}@media (max-width:600px){.doc-left-section,.doc-right-section{flex-basis:100%}
}:root{--color-text:navy;--color-bg:papayawhip;--color-bg-accent:#ecdcc0;--size:clamp(160px,16px + 40vmin,480px);--gap:calc(var(--size) / 14);--duration:60s;--scroll-start:0;--scroll-end:calc(-100% - var(--gap))}
@media (prefers-color-scheme:dark){:root{--color-text:papayawhip;--color-bg:navy;--color-bg-accent:#2626a0}
}*{box-sizing:border-box}
.image-text-container{background-color:white;display:inline-flex;align-items:center;gap:10px;display:flex;flex-direction:row;align-items:center;padding:10px 40px;box-shadow:0 5px 25px rgba(89,101,124,0.15);border-radius:10px;color:#242424;font-weight:400}
.image-text-container img{  width: 38%;}
.image-text-container,.image-text-container *{overflow:visible !important}
.image-text-container span {
    font-size: 17px; 
}
@media (max-width:768px){
    .image-text-container span {
    font-size: 23px; 
}}
@media (max-width:768px){.marquee__group{gap:30px}
}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--gap);-webkit-mask-image:linear-gradient(
          var(--mask-direction,to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0)
        );mask-image:linear-gradient(
          var(--mask-direction,to right),hsl(0 0% 0% / 0),hsl(0 0% 0% / 1) 20%,hsl(0 0% 0% / 1) 80%,hsl(0 0% 0% / 0)
        )}
.marquee__group{flex-shrink:0;display:flex;align-items:center;justify-content:space-around;gap:var(--gap);min-width:100%;-webkit-animation:scroll-x var(--duration) linear infinite;animation:scroll-x var(--duration) linear infinite}
@media (prefers-reduced-motion:reduce){.marquee__group{-webkit-animation-play-state:paused;animation-play-state:paused}
}.marquee--vertical{--mask-direction:to bottom}
.marquee--vertical,.marquee--vertical .marquee__group{flex-direction:column}
.marquee--vertical .marquee__group{-webkit-animation-name:scroll-y;animation-name:scroll-y}
.marquee--reverse .marquee__group{animation-direction:reverse;-webkit-animation-delay:-3s;animation-delay:-3s}
@-webkit-keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}@keyframes scroll-x{from{transform:translateX(var(--scroll-start))}
to{transform:translateX(var(--scroll-end))}
}@-webkit-keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}@keyframes scroll-y{from{transform:translateY(var(--scroll-start))}
to{transform:translateY(var(--scroll-end))}
}.marquee svg{display:grid;place-items:center;width:var(--size);fill:var(--color-text);background:var(--color-bg-accent);aspect-ratio:16/9;padding:calc(var(--size) / 10);border-radius:8px}
.marquee--vertical svg{aspect-ratio:1;width:calc(var(--size) / 1.5);padding:calc(var(--size) / 6)}
.app-container{display:flex;flex-direction:column;margin-bottom:10%}
.app-container-inner{width:1200px;position:relative;margin:0 auto;height:100vh}
.icon-wrapper,.marquee,.marquee.marquee--reverse{margin-top:20px}
.icon-wrapper{display:flex;flex-direction:column;gap:var(--gap);margin:auto;max-width:100vw;align-content:center;overflow:hidden;gap:var(--gap);font-size:16px;line-height:1.5;color:var(--color-text)}
.icon-wrapper--vertical{flex-direction:row;height:100vh}
.toggle{--size:48px;position:relative;position:fixed;top:16px;left:16px;width:var(--size);height:var(--size);font:inherit;text-align:center;cursor:pointer;outline:none;border:none;border-radius:50%;color:inherit;background-color:var(--color-bg-accent);z-index:1}
.toggle:focus-visible{box-shadow:0 0 0 2px var(--color-text)}
.toggle span{position:absolute;display:inline-block;top:50%;left:calc(100% + 0.4em);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;white-space:nowrap;transform:translateY(-50%);-webkit-animation:fade 400ms 4s ease-out forwards;animation:fade 400ms 4s ease-out forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.toggle svg{--size:24px;position:absolute;top:50%;left:50%;width:var(--size);height:var(--size);fill:currentcolor;transform:translate(-50%,-50%);transition:transform 300ms cubic-bezier(0.25,1,0.5,1)}
.toggle--vertical svg{transform:translate(-50%,-50%) rotate(-90deg)}
@-webkit-keyframes fade{to{opacity:0;visibility:hidden}
}@keyframes fade{to{opacity:0;visibility:hidden}
}.cpu-image-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto}
.cpu-image-item{flex:1 0 calc(25% - 20px);box-sizing:border-box;text-align:center;padding:20px;background-color:rgba(255,255,255,0.05);border-radius:12px;transition:transform 0.3s ease}
.cpu-image-item:hover{transform:translateY(-5px)}
.cpu-title{font-size:20px;font-weight:bold;color: #f8ddae;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}
.cpu-description{font-size:16px;color:#e0e0e0;line-height:1.5;margin:0}
@media (max-width:992px){.cpu-image-item{flex:1 0 calc(50% - 15px);margin-bottom:15px}}
@media (max-width:768px){.cpu-image-item{/* flex:1 0 calc(100% - 10px); */margin-bottom:15px}
.cpu-title{font-size: 28px;}
.cpu-description{font-size: 24px;}}
}.safe-image-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}
.safe-image-item{flex:1 0 calc(25% - 10px);box-sizing:border-box}
.safe-image-item img{width:100%;height:auto;display:block;padding: 20px;}
@media (max-width:768px){.safe-image-container {
    max-width: 500px;
}}
@media (max-width:768px){.safe-image-item{flex:1 0 calc(50% - 10px)}
}
@media (max-width:768px){.container-inner.ai-container-inner{width:auto}
.cont-main{font-family:sans-serif;display:block;justify-content:space-between;gap:15px;width:90%;margin:50px auto}
.cont-silde{margin-bottom:20px}
}@media (max-width:575.98px){body{font-size:15px}
h1{font-size:clamp(28px,5vw,40px)}
h2{font-size:clamp(24px,4vw,32px)}
}@media (min-width:576px) and (max-width:767.98px){body{font-size:16px}
.container-inner.ai-container-inner{width:auto}
}@media (min-width:768px) and (max-width:991.98px){.container-inner.ai-container-inner{width:auto;padding-left:30px;padding-right:30px}
}@media (min-width:992px) and (max-width:1199.98px){}
@media (min-width:1200px){.container{margin-left:auto;margin-right:auto}
}@media print{body{color:#000;background-color:#fff;font-size:12pt}
.no-print{display:none}
a{text-decoration:none;color:inherit}
}

/* 幻灯片轮播样式 - 全屏显示 */
.ug-sec8-2 {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    background-color: #000;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.slide-content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.slide-image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), transparent);
    /* margin-top: 50px; */
}

.slide-title {
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    /* margin-bottom: 50px; */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.slide-description {
    font-size: 16px;
    color: #e0e0e0;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 2%;
}

/* 圆点指示器样式 */
.swiper-pagination {
    bottom: 20px !important;
    z-index: 20;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
    margin: 0 8px !important;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 16px;
    height: 16px;
    transform: translateY(-2px);
}
.carousel-card{margin-top: 50px;}
/* 响应式设计 - 桌面端 */
@media (max-width: 1200px) {
    .slide-title {
        font-size: 25px;
    }
    
    .slide-description {
        font-size: 16px;
    }
}

/* 响应式设计 - 平板端 */
@media (max-width: 992px) {
    .ug-sec8-2 {
        height: 90vh;
        min-height: 500px;
    }
    
    .slide-text {
        padding: 30px 15px;
    }
    
    .slide-title {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }
    
    .slide-description {
        font-size: 1rem;
        max-width: 90%;
    }
    
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 6px !important;
    }
    
    .swiper-pagination-bullet-active {
        width: 14px;
        height: 14px;
    }
}

/* 响应式设计 - 小平板和手机端 */
@media (max-width: 768px) {
    .ug-sec8-2 {
        height: 85vh;
        min-height: 450px;
    }
    
    .slide-text {
        padding: 25px 15px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), transparent);
    }
    
    .slide-title {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .slide-description {
        font-size: 24px;
        line-height: 1.5;
    }
    
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 4px !important;
    }
    
    .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
    }
    .pcie-text-side h4{
        font-size:27px;
    }
}

/* 响应式设计 - 手机端 */
@media (max-width: 480px) {
    .ug-sec8-2 {
        height: 80vh;
        min-height: 400px;
    }
    
    .slide-text {
        padding: 20px 12px;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.8), transparent);
    }
    
    .slide-title {
        font-size: 1.3rem;
        margin-bottom: 8px;
    }
    
    .slide-description {
        font-size: 0.85rem;
        max-width: 95%;
    }
    
    .swiper-pagination {
        bottom: 15px !important;
    }
    
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 3px !important;
    }
    
    .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
    }
}