:root {
	--header-height: 0px;
}
/* ========================================
   头部样式：header-xxx导航样式：nav-xxx
   ======================================== */
  /*头部容器*/
.header-wrap {position: sticky;top: 0;z-index: 1020;box-shadow:var(--color-shadow-black-sm); background: var(--color-bg-white);}
.header-container {position: relative;display: flex; justify-content: space-between; align-items: center;}
/*Logo*/
.header-logo {flex-shrink: 0;}
.header-logo a {gap: 12px; display: flex; align-items: center;}
.header-logo-img {height: 50px;}
.header-slogan {display: flex;flex-direction: column;line-height: 1.3;}
.header-slogan span {display: block;white-space: nowrap;}
.company{color: var(--color-primary); font-weight: var(--font-weight-600);}
.company-desc{}
/*移动菜单 */
.nav-toggle {display: none;flex-direction: column;justify-content: space-between;width: 30px;height: 21px;cursor: pointer;z-index: 1050;}
.nav-toggle span {display: block;height: 3px;width: 100%;border-radius: 4px;transition: all 0.3s ease;}
.nav-toggle span,.nav-toggle.active span{background-color:var(--color-bg-primary); }
.nav-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.nav-toggle.active span:nth-child(2) {opacity: 0;}
.nav-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(7px, -7px);}
.nav-close {display: none;position: absolute;top: 16px;right: 20px;width: 40px;height: 40px;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;z-index: 1030;transition: all 0.3s ease;
}
.nav-close::before,.nav-close::after {content: '';position: absolute;width: 30px;height: 3px;border-radius: 2px;transition: all 0.3s ease;}
.nav-close::before {transform: rotate(45deg);}
.nav-close::after {transform: rotate(-45deg);}
.nav-close:hover {transform: rotate(90deg);}
/*遮罩层*/
.nav-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1010;display: none; 	}
.nav-overlay.active {display: block;}
/*主导航*/
.nav-menu {display: flex;align-items: center;background: var(--color-bg-white);}
.nav-menu{}
.nav-list {display: flex;list-style: none;margin: 0;padding: 0;gap: 4px;}
.nav-item {position: relative;}
.nav-link {display: inline-flex;align-items: center;gap: 4px;padding: 20px 10px; text-decoration: none;transition: all 0.3s ease;white-space: nowrap;position: relative;}
.nav-link-text {position: relative;display: inline-block;}
.nav-hot-icon {position: absolute;top: -8px;right: -16px;width: 20px;height: auto;z-index: 1;}
.nav-arrow-icon {display: inline-block;transition: transform 0.3s ease;transform: rotate(0deg);margin-left: 4px;width: 14px;text-align: center;}
.has-dropdown:hover .nav-arrow-icon {transform: rotate(180deg);}
.nav-dropdown{background: var(--color-white);box-shadow: var(--color-shadow-black-sm);}
.has-dropdown .nav-arrow-icon.rotated {transform: rotate(180deg);}
.nav-dropdown-menu {position: fixed !important;left: 0 !important;right: 0 !important;width: 100vw !important;max-width: 100vw !important;margin-top: 0;z-index: 1000;transform-origin: 50% 0%;transform: rotate3d(-1, 0, 0, 90deg);transition: all 0.2s ease-in-out;opacity: 0;visibility: hidden;}
.has-dropdown:hover .nav-dropdown-menu {opacity: 1;visibility: visible;transform: rotate3d(-1, 0, 0, 0deg);}
.nav-dropdown-container {display: grid; padding: 30px 20px;align-items: start; gap:20px; }
.nav-dropdown-col {display: grid;gap: 8px;align-items: start;}
.nav-dropdown-title {grid-column: span 2;margin: 0;padding-bottom: 8px;width: 100%;display: block; margin-bottom: 10px;border-bottom: 1px solid var(--color-border-primary);}
.nav-dropdown-title i{color: var(--color-primary); margin-right: var(--w-md);}
.nav-dropdown-link:hover{background:var(--color-gray-100);}
/*头部工具栏 */
.header-tel{color: var(--color-primary);}
.header-tools {display: flex;align-items: center;gap: 20px;margin-left: 20px;}
.header-contact {display: flex;gap: 8px; align-items: baseline;}
.header-tel {letter-spacing: 1px;text-decoration: none;}
.normal-icon {display: flex;gap: 10px;}
.normal-icon a {transition: all 0.3s ease;}
.normal-icon a:hover {transform: translateY(-2px);}
/*遮罩层*/
.nav-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1010;display: none; background: var(--color-overlay);}
.nav-overlay.active {display: block;}

/* ========================================
   轮播样式：swiper-xxx
   ======================================== */
.swiper{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1}
.swiper-pointer-events {touch-action: pan-y;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-banner {width: 100%;position: relative;overflow: hidden;transition: background 0.5s ease;}
/* 轮播图内容容器 */
.swiper-container {position: relative;}

/*Slide 内部布局自定义*/
.swiper-slide {display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;width: 100%;height: 100%;position: relative; transition-property: transform;}
.swiper-content {flex: 1; color: var(--color-white);}
.swiper-image {flex: 1;display: flex;justify-content: center;align-items: center;}
.swiper-image img {height: auto;border-radius: 12px;box-shadow: none;max-width: 100%;}
/*分页器样式*/
.swiper-pagination {position: relative;text-align: center;transition: .3s opacity;transform: translate3d(0,0,0);z-index: 10;margin-top: 30px;}
.swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;transition: all 0.3s ease;display: inline-block;border-radius: 50%; cursor: pointer; margin: 0 5px;}
.swiper-pagination-bullet-active{width: 24px;border-radius: 6px;}
.swiper-pagination-bullet,.swiper-pagination-bullet:hover,.swiper-pagination-bullet-active{background: var(--color-bg-white);}
.swiper-banner[data-bg="banner-primary"] {background: var(--color-banner-primary);}
.swiper-banner[data-bg="banner-secondary"] {background: var(--color-banner-secondary);}
.swiper-banner[data-bg="banner-special"] {background: var(--color-banner-special);}
/*.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,.swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%}*/
.flag-container{box-shadow:var(--color-shadow-black-sm); background: var(--color-bg-white); border-radius: var(--rd-sm);}
.flag-wrap{ margin-top: -20px; position: relative;}
.flag-number{margin-right: 10px;}

.banner-wrap{position: relative; overflow: hidden; padding: var(--w-lg) 0;}
.banner-container{position: relative; z-index: 2;}
.banner-content{color: var(--color-white);}
.banner-flex{display: flex; flex-wrap: wrap; align-items: center; gap: var(--w-xl);}
.banner-flex > *{flex: 1; min-width: 320px;}
.banner-secondary-title{border-top: 1px solid var(--color-white); border-bottom: 1px solid var(--color-white); padding: 10px 0; font-size: var(--font-lg); font-weight: bold;}
.banner-secondary-title span{color: var(--color-secondary); font-weight: var(--font-weight-700);}
.banner-content{display: flex;flex-direction: column;}

.banner-image {position: relative; min-height: 380px;display: flex;justify-content: center;align-items: center;}
.banner-small-img{position: relative; min-height: 260px; display: flex; justify-content: center; align-items: center;}
.banner-tech{margin-bottom: var(--w-xl);}
.banner-stat{display: flex; flex-flow: wrap; border-radius: var(--rd-lg); background: var(--color-bg-white-alpha-12); gap:var(--w-xl); padding: var(--w-base); text-align: center;}
.banner-main{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; color: var(--color-white); gap:var(--w-base);}
.banner-main h2{margin-bottom: var(--w-base);}
.banner-stat .value{font-size: var(--font-2xl); font-weight: var(--font-weight-600);}
.banner-stat .lable{font-size: var(--font-xxs);}
/* ========== content-bar (原nav-bar) 滚动后显示 ========== */
/* ========== content-bar (滚动后显示，位于 header 下方) ========== */
.content-bar {
    border-bottom: 1px solid var(--color-gray-300);position: fixed;top: var(--header-height, 60px);left: 0;width: 100%;z-index: 100;
    background: var(--color-white);backdrop-filter: blur(8px);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;box-shadow: var(--color-shadow-white-md);
}
.content-bar.visible {opacity: 1;visibility: visible;}
.content-bar-links {display: flex;gap: var(--w-xl);padding: var(--w-md) 0;overflow-x: auto;justify-content: center;align-items: center;}
.content-bar-links a {text-decoration: none;font-weight: var(--font-weight-500);white-space: nowrap;}
.content-bar-links a.active {color: var(--color-primary);font-weight: var(--font-weight-700);border-bottom: 2px solid #c1272d;}
.content-bar-links a:hover { color: var(--color-primary); }
/* ========================================
   	产品展示：product-v
   ======================================== */
/* 表格容器 - 横向滚动 */
.product-v1-table-wrapper {overflow-x: auto;border-radius: var(--rd-sm);background: var(--color-white);box-shadow: var(--color-shadow-white-md);}
.product-v1-table {width: 100%;border-collapse: collapse;min-width: 800px;}
.product-v1-table th {background: var(--color-gray-200);color: var(--color-black);padding: var(--w-sm) var(--w-base);text-align: center;border-bottom: 1px solid var(--color-primary);}
.product-v1-model {font-size:var(--font-base);}
.product-v1-model-sub {color:var(--color-black);font-weight: normal;}
.product-v1-table td {padding: var(--w-md);text-align: center;border-bottom: 1px solid var(--color-gray-200);}
 /* 参数名称列（第一列） */
.product-v1-table td:first-child{background: var(--color-gray-100); }
.product-v1-table td:first-child,.product-v1-table th:first-child {position: sticky;left: 0;text-align: left;}
.product-v1-table th:first-child {background: var(--color-gray-100);color: var(--color-black);}
.product-v1-cert {display: inline-flex;align-items: center;gap: var(--w-base);font-size: var(--font-xs);color: var(--color-primary);}
.product-v1-cert i{margin-right: 5px;}
.table-link{color: var(--color-primary);}
.table-link i{transition: transform 0.2s;}
.table-link:hover i{transform: translateX(10px);}
/* ========================================
   	方案展示：solution- 版本号 v1
   ======================================== */
.quadrant-text{color: var(--color-primary); background: var(--color-bg-primary-gradient);box-shadow:var(--color-shadow-normal-sm);border: var(--color-border-primary);}

.solution-v1-grid {display: grid;grid-template-columns: 1fr auto 1fr;grid-template-rows: auto auto auto;}
/*雷达图*/
.radar{position: relative;width: 450px;height: 450px;cursor: pointer;transition: transform 0.3s ease;z-index: 10;}
.radar:hover {transform: scale(1.02);}
.circle-outer {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;z-index: 1;background:var(--color-bg-white); box-shadow: var(--color-shadow-black-sm);}
.circle-middle {position: absolute;left: 50%;top: 50%;width: 75%;height: 75%;z-index: 2;border-radius: 50%;transform: translate(-50%, -50%);border: 1px dashed var(--color-gray-200);background:var(--color-bg-white); }
.circle-inner {position: absolute;left: 50%;top: 50%;width: 50%;height: 50%;z-index: 3;border-radius: 50%;transform: translate(-50%, -50%);   display: flex;align-items: center;justify-content: center;text-align: center;box-shadow: var(--color-shadow-white-md);background:var(--color-bg-white); }
/* 中心红点脉冲 */
.circle-dot {position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;z-index: 7;border-radius: 50%;animation: pulse 1.5s ease-in-out infinite;transform: translate(-50%, -50%);background:var(--color-primary); box-shadow: var(--color-shadow-primary-sm);}
/* 旋转指针 - 修复旋转中心点 */
.circle-hand {position: absolute;left: 50%;top: 50%;width: 95%;height: 95%;z-index: 10;transform-origin: center center;transform: translate(-50%, -50%) rotate(0deg);animation: pointAnimations 10s linear infinite;}
/*射线*/
.line-x {position: absolute;top: 0;left: 50%;width: 2px;height: 100%;transform: translateX(-50%);border-radius: 2px;background: linear-gradient(180deg,var(--color-white) 0%, var(--color-primary) 40%, var(--color-primary) 60%, var(--color-white) 100%);}
.line-y {position: absolute;top: 50%;left: 0;width: 100%;height: 2px;border-radius: 2px;transform: translateY(-50%);background: linear-gradient(90deg, var(--color-white) 0% 0%, var(--color-primary) 40%, var(--color-primary) 60%, var(--color-primary) 100%);}
/*四象限文字*/
.inner-text {line-height: 1.8;padding: 10px; color: var(--color-primary);}
.inner-text small {display: block;margin-top: 4px;margin-left: 4px;}
.inner-text small,.quadrant-text small{color: var(--color-gray-300);}
.quadrant-text {position: absolute;padding: 4px 12px;border-radius: 30px;z-index: 8;white-space: nowrap; border: 1px solid;}
.radar .quadrant-1 { top: 16%; right: 14%; transform: translate(50%, -50%); }
.radar .quadrant-2 { top: 16%; left: 14%; transform: translate(-50%, -50%); }
.radar .quadrant-3 { bottom: 16%; left: 14%; transform: translate(-50%, 50%); }
.radar .quadrant-4 { bottom: 16%; right: 14%; transform: translate(50%, 50%); }
.radar .quadrant-5 { bottom: 50%; left: 14%; transform: translate(-50%, 50%); }
.radar .quadrant-6 { bottom: 50%; right: 14%; transform: translate(50%, 50%); }
/* 子标签 */
.sub-desc {position: absolute;white-space: nowrap;padding: 2px 8px;z-index: 8;border-radius: 20px;background: transparent;}
.sub-1 { top: 28%; right: 26%; }
.sub-2 { top: 28%; left: 26%; }
.sub-3 { bottom: 28%; left: 26%; }
.sub-4 { bottom: 28%; right: 26%; }
/* 动画 */
@keyframes pulse {
    0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    50% { transform: translate(-50%, -50%) scale(1.35); opacity: 0.6; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
/* 修复旋转动画 - 关键帧确保360度旋转 */
@keyframes pointAnimations {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.solution-v2 .param-field {display: flex; flex-direction: column; gap: var(--w-base);}
/* ========================================
   优势展示：advantage- 版本号 v1
   ======================================== */
.advantage-v1-grid{}
.progress-item{margin-top: var(--w-base);}
.progress-header {margin-bottom: 12px;letter-spacing: 0.5px; display: flex; justify-content: space-between;align-items: center;}
.progress-title{position: relative;}
.progress-bar {height: 10px;border-radius: 20px;overflow: hidden;position: relative; background: var(--color-gray-100);}
.progress-fill {height: 100%;background-size: 200% 100%;border-radius: 20px;width: 0%;transition: width 1.8s cubic-bezier(0.2, 0.9, 0.4, 1.1);position: relative;animation: advantage-index-gradientShift 2s ease infinite;background:linear-gradient(90deg, var(--color-primary));}
@keyframes advantage-index-gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/* 进度条流光效果 */
.progress-fill::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;animation: advantage-index-shimmer 2s infinite;border-radius: 20px;}
@keyframes advantage-index-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
/* ========================================
   案例展示：case- 版本号 v1
   ======================================== */
.case-v1-grid{}
/* 入场动画 */
.case-v1-grid .card {
    animation: case-index-fadeSlideUp 0.5s ease backwards;
}
@keyframes case-index-fadeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(18px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.case-v1-grid .card:nth-child(1) { animation-delay: 0.2s; }
.case-v1-grid .card:nth-child(2) { animation-delay: 0.4s; }
.case-v1-grid .card:nth-child(3) { animation-delay: 0.6s; }
.case-v1-grid .card:nth-child(4) { animation-delay: 0.8s; }

.case-wrap{position: relative; margin-top: -40px;}
.case-container{background: var(--color-white); border-radius: var(--rd-sm);}

.customer-header{display: flex; flex-direction: column; gap:var(--w-md);}
.customer-image img{max-height: 60px;}
.customer-name h3{margin-bottom: 10px;}
.customer-desc{margin-bottom: var(--w-lg);}

.info-item{border-bottom: 1px solid var(--color-gray-200); padding-bottom: var(--w-md); margin-bottom: var(--w-md);}
.info-item i{font-size: var(--font-xs);}
.info-link{display: inline-flex; align-items: center; gap:var(--w-md); color: var(--color-primary); }
.info-value:hover .info-link i{transform: translateX(3px);}
.info-link i{transition: transform 0.2s;}
.info-desc{margin-bottom: var(--w-md);}
.customer-testimonial{margin-bottom: var(--w-base); border-bottom: 1px solid var(--color-gray-300); display: flex; flex-direction: column; gap:var(--w-md); margin-bottom: var(--w-md); padding-bottom: var(--w-md);}
.testimonial-text{color: var(--color-primary); }
.customer-body > h3, .customer-body > ul, .customer-body > p, .customer-body > div,.customer-body h4{margin-bottom: var(--w-base);}
.customer-body > ul li{margin-bottom: var(--w-md); position: relative;  padding-left: var(--w-base);}
.customer-body > ul li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 10px;}
.customer-body > ul.list-normal li:before{content: "●"; color: var(--color-primary);}
.customer-body > ul.list-success li:before{content: "✓"; color: var(--color-success); font-weight: bold;}
.customer-body h3{position: relative;}
.customer-body > h3::before{content: "■";display: inline-block;margin-right: var(--w-sm);color: var(--color-primary, #1a5f9e);}
.main-sumbit{/*margin: var(--w-lg) 0;*/ padding: var(--w-base);}
.main-related i{margin-right: 10px;}
.main-related-wrap{margin-top: var(--w-base);}

/* ========================================
   文章展示：article- 版本号 v1
   ======================================== */
.article-v1-grid{}
.article-body{}
.article-data{margin-top: var(--w-md); font-size: var(--font-xs); display: flex; flex-wrap: wrap; gap:var(--w-base);}
.article-data span{color: var(--color-gray-300);}
.article-data i{color: var(--color-primary); margin-right: var(--w-md);}
.article-tag{display: flex; flex-wrap: wrap; gap:var(--w-base); margin-bottom: var(--w-base); font-size: var(--font-xs);}
.article-tag span{border-radius: var(--rd-lg); background: var(--color-gray-100); padding: 1px var(--w-base); border: 1px solid var(--color-gray-200);}
.article-overview{margin-top: var(--w-base); background: var(--color-gray-100); padding: var(--w-base); color: var(--color-primary);}
.article-content > h3, .article-content > ul, .article-content > p, .article-content > div,.article-content h4{margin-bottom: var(--w-base);}
.article-content > ul li{margin-bottom: var(--w-md); position: relative;  padding-left: var(--w-base);}
.article-content > ul li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 10px;}
.article-content > ul.list-normal li:before{content: "●"; color: var(--color-primary);}
.article-content > ul.list-success li:before{content: "✓"; color: var(--color-success); font-weight: bold;}
.article-content h3{position: relative;}
.article-content > h3::before{content: "■";display: inline-block;margin-right: var(--w-sm);color: var(--color-primary, #1a5f9e);}
.pre-next{display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid var(--color-gray-200); background: var(--color-gray-100); padding: var(--w-md) var(--w-base); color: var(--color-gray-300); font-size: var(--font-xs);}
.pre-next a{color: var(--color-primary);}
.card-gray-header{background: var(--color-gray-100); padding: var(--w-md) var(--w-base); display: flex; align-items: center; justify-content: space-between;}
.card-gray-header i{color: var(--color-primary); margin-right: var(--w-md);}
/*公司历程*/
.company-time-wrap {position: relative;overflow: hidden;padding-bottom: 20px;}

.company-time-line {
    position: absolute;left: 0;right: 0;top: 50%;margin-top: -11px;height: 2px;width: 100%;
    background: repeating-linear-gradient(to right,var(--color-primary),var(--color-primary) 6px,transparent 6px,transparent 12px); 
    background-size: 12px 2px;
}
.company-time-item {vertical-align: top;white-space: normal; width: 23.5%;position: relative;}
.company-time-list {display: flex;flex-wrap: wrap;justify-content: space-between;}

.company-time-list .company-time-item:nth-child(2n) {order: 2;}
/*偶数列*/
.company-time-list .company-time-item:nth-child(2n-1) {order: 1;margin-bottom: 100px;}

/*奇数列*/
.company-time-icon {position: absolute;}
.company-time-list .company-time-item:nth-child(2n-1) .company-time-icon {left: -3px;bottom: -68px; border-top: none; box-shadow: 0px 12px 15px rgba(0,0,0,.11); height: 65px;width: 20px; background: var(--color-white); border: 3px solid var(--color-border-white);}
.company-time-list .company-time-item:nth-child(2n) .company-time-icon {right: 0;top: -68px; box-shadow: -6px -6px 15px rgba(0,0,0,.11);
height: 68px;width: 20px; background: var(--color-white); border: 3px solid var(--color-border-white);}
.company-time-list .company-time-item:nth-child(2n-1) .company-time-icon:after {left: 0px;bottom: 6px;}
.company-time-list .company-time-item:nth-child(2n) .company-time-icon:after {left: 0px;top: 6px;}

.company-time-list .company-time-icon:after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--color-primary);
}


/* ========================================
   通栏展示：cta-contact- 版本号 v1
   ======================================== */
.cta-tel{display: flex; gap:10px; align-items: baseline; color: var(--color-primary); font-size: var(--font-2xl);}
.cta-contact{margin-top: 20px;}
/* 右侧表单区域 */
.form-option {width: 100%;}
.form-url{display: none;}
/*左侧side*/
/* 顶部工具栏（移动端显示汉堡按钮） */
.mobile-toolbar {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--w-md);
    padding-bottom: var(--w-md);
    border-bottom: 1px solid var(--color-gray-300);
}
.menu-toggle {
    background: white;
    border: 1px solid var(--color-gray-200);
    width: 44px;
    height: 44px;
    border-radius: 12px;display: flex;align-items: center;justify-content: center;
    cursor: pointer;
    color: var(-color-primary);
    transition: 0.2s;
}
.menu-toggle:menu-active {background: var(--primary-soft);transform: scale(0.96);}
.mobile-title {font-weight: var(--font-weight-600);}
.mobile-title i {color: var(--color-primary);margin-right: 6px;}
/* 侧边栏内关闭区域 */
.drawer-header {
    display: none;align-items: center;justify-content: space-between;position: sticky;top: 0;z-index: 10;
    padding: var(--w-md) var(--w-base);
    border-bottom: 1px solid var(--color-gray-200);
    background:var(--color-white);
}
.drawer-header-title i{color: var(--color-primary); margin-right: 10px;}
.drawer-close-btn {
    width: 30px;height: 30px;border-radius: 30px;
    display: flex;align-items: center;justify-content: center;cursor: pointer;transition: 0.2s;
    background: var(--color-gray-200);      
    color: var(--color-black);    
}
/* 遮罩层 */
.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s ease;
    cursor: pointer;
}
.drawer-overlay.show {
    opacity: 1;
    visibility: visible;
}
.category-list{margin-bottom: var(--w-md);}
.card-list-rank{margin: var(--w-md) 0;}
.card-list-rank li{border-bottom: 1px solid var(--color-gray-200); 
transition: 0.1s; font-size: var(--font-xs); padding: var(--w-md) 0;}
.card-list-rank li a{display: flex; justify-content: space-between; align-items: center;}
.card-list-rank li em{font-style: normal; margin-right: var(--w-md); font-size: var(--font-xxs); padding: 0 8px;}
.card-list-rank li:nth-child(1) em{background: var(--color-primary); color: var(--color-white);}
.card-list-rank li:nth-child(2) em{background: var(--color-secondary); color: var(--color-white);}
.card-list-rank li:nth-child(3) em{background: var(--color-accent); color: var(--color-white);}
.card-list-rank li:nth-child(n+4) em{background: var(--color-gray-200); }

.category-list li{display: flex;justify-content: space-between;align-items: center;cursor: pointer;border-bottom: 1px solid var(--color-gray-200); transition: 0.1s; font-size: var(--font-xs); padding: var(--w-md) 0;}
.category-list li i{color: var(--color-gray-300);}
.category-list .count{background: var(--color-gray-200); font-size: var(--font-xxs); padding: 0 var(--w-sm); border-radius: var(--rd-sm); color: var(--color-primary);}
.card-list-rank .sub{color: var(--color-gray-500);}

.card-list-circle{margin: var(--w-md) 0;}
.card-list-circle li{border-bottom: 1px solid var(--color-gray-200); transition: 0.1s; font-size: var(--font-xs); padding: var(--w-md) 0; position: relative; padding-left: var(--w-base);}
.card-list-circle li a{display: flex; justify-content: space-between; align-items: center;}
.card-list-circle li:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);font-size: 10px;content: "●"; color: var(--color-primary);}
.card-list-circle .sub{color: var(--color-gray-500);}

.card-title{margin-bottom: var(--w-base);}
.card-action{display: flex; gap:var(--w-md); align-items: center; justify-content: space-between;}
.card-list-filter{align-items: stretch; display: flex; gap:var(--w-base); flex-direction: column;}
/*面包屑*/
.breadcrumb-bannner{padding: var(--w-md) 0;}
.breadcrumb-links{color: var(--color-white); font-size: var(--font-sm);}
.main-header{border-bottom: 1px solid var(--color-gray-300); margin-bottom: var(--w-md); padding-bottom: var(--w-md);}
.lable-weight{font-weight: var(--font-weight-700);}

/*download*/
/* 分类菜单样式 */
#filterMenu li {
    cursor: pointer;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
}

#filterMenu li.active {
    background: var(--color-gray-200);
    color: var(--color-primary);
}

#filterMenu li.active i {
    color: var(--color-primary);
}

#filterMenu li:hover {
    background:var(--color-gray-200);
}
/*video*/
/* 筛选栏 */
.filter-section {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: var(--w-base);}
.filter-tabs {display: flex;flex-wrap: wrap;gap: var(--w-md);}
.filter-btn {background: var(--color-white);border: 1px solid var(--color-gray-300);padding: 8px 20px;border-radius: var(--rd-md);cursor: pointer;font-size: var(--font-xs);transition: 0.2s;}

.filter-btn.active {background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary);}
.search-box {display: flex;gap: var(--w-md);background: var(--color-white);border-radius: var(--rd-md);padding: 2px 2px 2px 10px;border: 1px solid var(--color-gray-300);}
.search-box input {outline: none;padding: 4px 0;width: 200px;font-size: var(--font-xs);}
.search-box input:focus{outline: none; box-shadow: none;}
.search-box button {background: var(--color-primary);border: none;padding: 8px 20px;border-radius: var(--rd-md);color: var(--color-white);cursor: pointer;font-size: var(--font-xs);}

.play-icon {
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60px;height: 60px;
    display: flex;align-items: center;justify-content: center;   transition: 0.2s;z-index: 2;cursor: pointer;
}
.play-icon i{margin-right: 0;}
.duration{position: absolute;bottom: 10px;right: 10px;background: var(--color-bg-black-alpha-70);padding: 2px 6px;border-radius: var(--rd-sm);z-index: 2; color: var(--color-white);}
/* 分页 */
.pagination {display: flex;justify-content: center;gap: var(--w-md);margin: var(--w-base) 0 var(--w-base);}
.page-btn {min-width: 40px;height: 40px;border-radius: var(--rd-sm);border: 1px solid var(--color-gray-200);background: var(--color-white);cursor: pointer;transition: 0.2s;}
.page-btn.active {background: var(--color-primary);color: var(--color-white);border-color: var(--color-primary);}
.page-btn:hover:not(.active) {border-color: var(--color-primary);color: var(--color-primary);}

/* 视频播放器容器 */
.video-player {background: var(--color-black);overflow: hidden;aspect-ratio: 16 / 9;box-shadow: var(--color-shadow-black-sm); margin: var(--w-base) 0;}
.video-player iframe,
.video-player video {width: 100%;height: 100%;border: none;}
/* 视频来源信息 */
.source-info {padding: 8px 12px;background: var(--color-gray-200);border-radius: var(--rd-md);color: var(--color-primary);text-align: center; font-size: var(--font-xs);}

/*doc页面*/
/* 禁止 body 滚动（侧边栏打开时） */
/* ========== 移动端菜单栏（放在 banner 下方，仅移动端显示） ========== */
.mobile-menu-bar{display:none;flex-shrink:0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:12px 16px;position:relative;z-index:98}
        /* 移动端汉堡菜单按钮 */
.side-menu-toggle{display:flex;align-items:center;justify-content:center;gap:var(--w-md);cursor:pointer;padding:var(--w-md) var(--w-base);background:var(--color-gray-200);border-radius:var(--rd-sm);width:fit-content}  
.side-menu-toggle i{color:var(--color-primary)}
.full-main{display:flex;min-height:calc(100vh - var(--header-height,0px))}
.sidebar{width:320px;background:var(--color-white);border-right:1px solid var(--color-grya-200);flex-shrink:0;height:calc(100vh - var(--header-height,0px));position:sticky;top:var(--header-height,0px);overflow-y:auto; border-right: 1px solid var(--color-gray-200);}       
.sidebar::-webkit-scrollbar{width:4px}
.sidebar::-webkit-scrollbar-track{background:var(--color-gray-200)}
.sidebar::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--rd-sm);}     
.side-search{padding:12px 12px 0 12px;border-bottom:1px solid var(--color-gray-200);margin-bottom:border-radius:var(--rd-md);background:var(--color-gray-100); padding: var(--w-md);}
.search-input-wrapper{display:flex;align-items:center;background:var(--color-gray-100);border-radius:var(--rd-md);padding:8px 12px;transition:all 0.2s;border:1px solid transparent}
.search-input-wrapper:focus-within{background:var(--color-white);border-color:var(--color-gray-300)}
.search-icon{width:18px;height:18px;margin-right:8px;color:var(--color-primary);flex-shrink:0}        
.search-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--font-xs);color:var(--color-gray-400);box-shadow:none}
.search-input::placeholder{color:var(--color-gray-300);font-size:var(--font-xss) !important;}
.search-input:focus{box-shadow: none !important; border: none;}
.search-clear{display:none;cursor:pointer;width:18px;height:18px;margin-left:8px;color:var(--color-primary);flex-shrink:0}
.search-clear:hover{color:var(--color-gray-700)}       
.search-result-count{font-size:var(--font-xss);color:var(--color-gray-500);padding:8px 12px 0 12px;display:none}
.search-highlight{background:var(--color-gray-200);color:var(--color-primary);font-weight:var(--font-weight-700);padding:0 2px}
.side-menu-list{padding:8px 12px 16px 12px}
.menu-root{list-style:none}      
.menu-root > li{border-radius:var(--rd-sm)}
.menu-root > li .haschild-header{display:flex;align-items:center;padding:var(--w-md);cursor:pointer;border-radius:var(--rd-sm);transition:all 0.2s}
.menu-root > li .haschild-header:hover{background:var(--color-gray-200)}
.expand-icon{display:inline-block;width:20px;height:20px;margin-right:8px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%239ca3af" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>') no-repeat center;background-size:16px;transition:transform 0.2s;flex-shrink:0}       
.haschild.expanded .expand-icon{transform:rotate(90deg)}
.menu-root > li .haschild-header .on-link{flex:1;text-decoration:none; font-size: var(--font-base);}
.menu-root > li.haschild.selected > .haschild-header{background:var(--color-gray-100)}
.menu-root > li.haschild.selected > .haschild-header .on-link{color:var(--color-primary)}
.menu-root > li.haschild.selected .expand-icon{filter:invert(47%) sepia(84%) saturate(1237%) hue-rotate(201deg) brightness(96%) contrast(86%)}        
/* ========== 二级菜单 ========== */
.menu-root ul{list-style:none;margin-left:var(--w-lg);margin-top:4px;margin-bottom:4px;display:none}
/*此行可以控制默认全部展开*/
/*.haschild ul{display: block;}*/
.haschild.expanded > ul{display:block}
.menu-root ul li{margin:2px 0}
.menu-root ul li a{display:block;padding:5px 12px;font-size:var(--font-xs);color:var(--color-gray-500);text-decoration:none;border-radius:6px;transition:all 0.2s}
.menu-root ul li a:hover{background:var(--color-gray-100);color:var(--color-primary)}
.menu-root ul li.selected a,.menu-root ul li.selected a:hover{background:var(--color-gray-100);color:var(--color-primary);font-weight:500}
.menu-root > li.search-hidden{display:none !important}
.menu-root ul li.search-hidden{display:none !important}
.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;transition:opacity 0.3s ease}  
.sidebar-overlay.active{display:block;opacity:1}
/*.content{flex:1;padding:var(--w-lg) var(--w-xl);overflow-y:auto}*/
/*以下为doc页面带右侧章节定位*/
/* ========== 右侧内容区域 ========== */
.content{flex:1;padding:var(--w-lg) var(--w-xl);overflow-y:auto;min-height:0}
.doc-body{max-width:960px}
.list-body{max-width:85%;}

/* ========== 桌面端右侧目录导航 TOC ========== */
.toc-wrapper{position:fixed;right:24px;top:50%;transform:translateY(-50%);width:260px;max-height:70vh;background:var(--color-gray-100);border-radius:12px;z-index:97;overflow-y:auto;padding:16px 0;font-size:var(--font-xs)}
.toc-wrapper::-webkit-scrollbar{width:3px}
.toc-wrapper::-webkit-scrollbar-track{background:var(--color-gray-100)}
.toc-wrapper::-webkit-scrollbar-thumb{background:var(--color-gray-200);border-radius:var(--rd-sm)}
.toc-title{padding:0 var(--w-base) var(--w-md) var(--w-base);font-size:var(--font-base);font-weight:var(--font-weight-600);border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--w-md)}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{margin:4px 0}
.toc-list a{display:block;padding:6px 16px;color:var(--color-gray-500);text-decoration:none;transition:all 0.2s;border-left:2px solid transparent;cursor:pointer;font-size:var(--font-xs)}
.toc-list a:hover{color:var(--color-primary)}
.toc-list a.active{background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}
.toc-list .toc-h3{padding-left:var(--w-base)}
.toc-list .toc-h4{padding-left:var(--w-xl)}

/* ========== 移动端 TOC（显示在文章内容标题下方） ========== */
.toc-mobile{display:none;margin:var(--w-base) 0;padding:var(--w-md);background:var(--color-white);border-radius:var(--rd-md);border:1px solid var(--color-gray-200);text-align:left}
.toc-mobile-title{font-size:var(--font-base);font-weight:var(--font-weight-600);margin-bottom:var(--w-sm);padding-bottom:var(--w-sm);border-bottom:1px solid var(--color-gray-300)}
.toc-mobile-list{display:flex;flex-direction:column;gap:var(--w-sm)}
.toc-mobile-list a{display:block;padding:6px 8px;font-size:var(--font-xs);text-decoration:none;border-left:2px solid transparent;transition:all 0.2s}
.toc-mobile-list a:hover{color:var(--color-primary)}
.toc-mobile-list a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%)}
.toc-mobile-list .toc-h3{padding-left:10px}
.toc-mobile-list .toc-h4{padding-left:20px}

/*通用弹窗表单*/
/*通用表单*/
.theme-popover-mask{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.theme-popover{z-index:9999;position:fixed;top:50%;left:50%;width:300px;/* margin:-180px 0 0 -330px; */transform: translate(-50%, -50%);border-radius:5px;background-color:#fff;display:none;box-shadow:0 0 10px #666}
.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative; display: flex; justify-content: space-between; align-items: center;}
.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd; cursor: pointer;}
.theme-poptit .close:hover{color:#444}
.theme-popover h3{padding-left: 10px;}
.theme-popbod{padding:var(--w-md);}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 4px 2px;
    border-radius: 8px;
    transition: background 0.1s;
}
.checkbox-item:hover {
    background: #f8fafd;
}
.checkbox-item input {
    width: 18px;
    height: 18px;
    accent-color: #3b82f6;
    cursor: pointer;
    flex-shrink: 0;
}
.checkbox-item label {
    cursor: pointer;
    color: #1e2a3e;
    font-weight: 450;
    user-select: none;
    flex: 1;
}
.item-count {
    font-size: 0.7rem;
    background: #eef2ff;
    padding: 2px 8px;
    border-radius: 30px;
    color: #1e40af;
    font-weight: 500;
}

.right-header-nav{border: 1px solid var(--color-gray-200); display: flex; align-items: center; background: var(--color-gray-100); border-radius: var(--rd-sm);}
.right-header-nav a{padding: var(--w-md) var(--w-base); border-right: 1px solid var(--color-gray-200);}
.right-header-nav i{color: var(--color-primary); margin-right: var(--w-md);}
.right-header-nav a.active{background: var(--color-primary);}
.right-header-nav span{font-size: var(--font-xs); margin-left: var(--w-sm); color: var(--color-gray-300);}
.right-header-nav a.active,.right-header-nav a.active * {color: var(--color-white);}

.result-list{display: flex; flex-direction: column; gap:var(--w-base);}
.result-list-item{border-radius: var(--rd-sm);border: 1px solid var(--color-gray-200); padding: var(--w-base);}

.left-header{border-bottom: 1px solid var(--color-gray-200);padding: var(--w-sm) var(--w-base);}
.left-header i{color: var(--color-primary); margin-right: var(--w-md);}

/*doc*/
.card-border-sm-header i{color: var(--color-primary); margin-right: var(--w-md);}
.product-nav-category{border-bottom:1px solid var(--color-gray-200);}
.product-nav-category:last-child{border-bottom:none}
.product-nav-category.active-category .product-nav-header{background-color:var(--color-gray-200); color: var(--color-primary);}
.product-nav-category.active-category .product-nav-header i{color: var(--color-primary);}
.product-nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--w-md) var(--w-base);cursor:pointer;transition:background 0.2s;font-weight:500;user-select:none}
.product-nav-header:hover{background-color:var(--color-gray-200);}
.product-nav-title{display:flex;align-items:center;gap:10px;flex:1}
.product-nav-title i{width:20px;color:var(--color-gray-500); font-size: var(--font-xxs);}
.product-nav-header .product-nav-toggle{transition:transform 0.25s ease;font-size:0.85rem;color:#000000;}
.product-nav-category.expanded .product-nav-toggle{transform:rotate(180deg)}
.product-nav-child{list-style:none;padding:0;margin:0;border-top:1px solid #f0f2f5;display:block}
.product-nav-category:not(.expanded) .product-nav-child{display:none}
.product-nav-item{cursor:pointer;display:flex;align-items:center;gap:10px; padding: var(--w-md) var(--w-md) var(--w-md) var(--w-xl); color: var(--color-gray-500);}
.product-nav-item i{width:18px;font-size:var(--font-xxs);color:var(--color-gray-500);}
.product-nav-item:hover{background-color:var(--color-gray-100);}
.product-nav-item.active-nav-item{background-color:var(--color-gray-100);color:var(--color-primary);font-weight:500}
.product-nav-item.active-nav-item i{color: var(--color-primary);}

.section-list{display: flex; flex-direction: column; gap:var(--w-lg);}
.section-title{background:var(--color-gray-100); border-bottom: 1px solid var(--color-gray-200); padding: var(--w-md) var(--w-base);}
.section-title i{color: var(--color-gray-500); margin-right: var(--w-md);}
.cards-grid{display:flex;flex-direction:column;gap:var(--w-base);margin-top:var(--w-md)}
.product-card-list{display: flex; flex-direction: column; gap:var(--w-base); padding: var(--w-base);}
.product-card{border-radius:var(--rd-md);box-shadow:var(--color-shadow-white-md); border:1px solid var(--color-gray-100); padding: var(--w-base) var(--w-base); transition: all 0.3s;}
.product-card:hover{transform:translateY(-2px)}
.product-card h3{display:flex;align-items:center;gap:var(--w-md)}
.product-card h3 i{color:var(--color-primary);font-size:1.2rem}


/* ========================================
   底部模块：footer- 版本号 v1
   ======================================== */
/* 顶部区域：logo + 联系方式 + 社交 */
.footer-wrap{background: var(--color-bg-black-gradient);color: var(--color-white);border-top: 2px solid var(--color-primary);}
.footer-container{padding: var(--w-base) 0;}
.footer-header {}
/* Logo 区域 - 改为公司名 + 描述 */
.footer-logo{flex: 1;min-width: 200px;}
.footer-brand {letter-spacing: -0.5px;font-size: var(--font-xl);font-weight: var(--font-weight-700);color: var(--color-primary);}
.footer-solgan {max-width: 260px;}
.footer-contact {flex: 1;min-width: 220px;}
.footer-title{position: relative;display: inline-block; margin-bottom:var(--w-base);}
.footer-title::after {content: '';position: absolute;bottom: -6px;left: 0;width: 40px;height: 2px;border-radius: 2px; background: var(--color-primary);}
.footer-contact-list{}
.footer-contact-list li {display: flex;align-items: center;gap: 12px;flex-wrap: wrap;}
.footer-nav{border-bottom: 1px solid var(--color-gray-200); border-top: 1px solid var(--color-gray-200); padding: var(--w-base) 0;}
/* 微信号 + 复制小图标 */
.wechat-wrapper {display: inline-flex;align-items: center;gap: 10px;padding: 6px 14px;border-radius: 40px;backdrop-filter: blur(2px);background:var(--color-bg-primary-alpha-30);}
.copy-wechat {cursor: pointer;padding: 4px 8px;border-radius: 30px;transition: all 0.2s;  background: var(--color-primary-light);}
.copy-wechat i{color: var(--color-white);}
/* 社交链接 */
.footer-social {flex: 1;min-width: 160px;}
.footer-social-icon {display: flex; gap:var(--w-base);margin-top: 12px;flex-wrap: wrap;}
.footer-social-icon img{max-width: 200px;}
.footer-social-icon a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;  transition: all 0.25s ease;text-decoration: none; background: var(--color-gray-500);}
.footer-social-icon a:hover {transform: translateY(-3px); background: var(--color-primary); color: var(--color-white);}
/* 底部版权 */
.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; gap:var(--w-base);}
.footer-copyright {display: flex;flex-wrap: wrap;gap: 8px;}
.footer-legal a {text-decoration: none;margin-left: 24px;transition: color 0.2s;}
.footer-legal a:first-child {
    margin-left: 0;
}
.copy-toast {
    position: fixed;bottom: 30px;left: 50%;transform: translateX(-50%);color: var(--color-white); background: var(--color-primary-light);
    padding: 8px 20px;border-radius: 8px;;
    z-index: 999;opacity: 0;transition: opacity 0.2s;pointer-events: none;backdrop-filter: blur(8px);
}

/*help*/
.help-tool-list{display: flex;  gap:var(--w-lg); }

/* ========== 超宽屏 ========== */
@media (min-width: 1920px) {
	/*.mobile-menu-bar {display: none !important;}*/
}
/* ========== 电脑端 ========== */
@media (min-width: 1400px) and (max-width: 1919px) {
	/*.mobile-menu-bar {display: none !important;}*/
}  /* 大屏电脑 */
@media (min-width: 1200px) and (max-width: 1399px) {
	.header-slogan{display: none;}
	/*.mobile-menu-bar {display: none !important;}*/
}  /* 常规电脑 */
@media (min-width: 1024px) and (max-width: 1199px) {
	.header-slogan{display: none;}  
	.radar {width: 380px;height: 380px;}
	.list-body{max-width: 100%;}
	/*.mobile-menu-bar {display: none !important;}	*/
}
/* ========== 平板+手机通用 =======*/
@media (max-width: 1023px){
	.header-container{padding: 10px 20px;}
	.nav-toggle {display: flex;position: fixed;top: 20px;right: 20px;z-index: 1051;}
	.nav-menu {
  		position: fixed;top: 0;right: -100%;height: 100vh;width: 100%;max-width: 100%;z-index: 1020;
  		flex-direction: column;justify-content: flex-start;align-items: stretch;padding: 60px 20px 30px;	
  		transition: right 0.3s ease;overflow-y: auto;overscroll-behavior: contain; 		
  	}
  	.nav-menu.active {right: 0;}	
  	.nav-list {flex-direction: column;gap: 0;width: 100%;}
  	.nav-item {width: 100%; border-bottom: 1px dotted var(--color-gray-200);}
  	.nav-link {display: flex;justify-content: space-between;width: 100%;padding: 16px 0;white-space: normal;} 	
	.nav-item.has-dropdown:hover .nav-arrow-icon {transform: rotate(0deg);}
	.nav-item.has-dropdown .nav-arrow-icon.rotated {transform: rotate(180deg);}
	.nav-dropdown-container{background: var(--color-gray-100);}
  	.nav-dropdown{
  		position: static !important;top: auto !important;left: auto !important;right: auto !important;width: auto !important;  	
    	opacity: 1;visibility: visible;transform: none;box-shadow: none;max-width: none !important;
    	margin-top: 0;margin-bottom: 8px;display: none;z-index: 1100 !important;
  	}
  	.nav-dropdown.show{display: block; border-radius: 8px;}
  	.header-tools{margin: 20px 0 0 0;}
  	.flag-wrap{margin-top: 10px;}
  	.case-wrap{margin-top: -20px;}
  	.footer-solgan{max-width: 100%;}
  	.banner-image{min-height: 300px;}
  	.card-info-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap:var(--w-base);}
  	.mobile-toolbar {display: flex;}
  	.drawer-header{display: flex;}
  	/*商品文档*/
  	/* 侧边栏固定定位滑出 */
    .sidebar {
        position: fixed;
        left: -320px;
        top: 0;
        height: 100vh;
        width: 320px;
        z-index: 9999;
        transition: left 0.3s ease;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
        background: #ffffff;
        overflow-y: auto;
    }
    
    .sidebar.open {left: 0;}
    /* 显示移动端菜单栏 */
    .mobile-menu-bar {display: block;}
    /* 移动端隐藏右侧悬浮 TOC */
    .toc-wrapper {display: none;}
    /* 移动端显示文章内的 TOC */
    .toc-mobile {display: block;}
    .list-body{max-width: 100%;}
}							
/* ========== 平板端 ========== */
@media (min-width: 768px) and (max-width: 1023px) {
	.swiper-image img,.banner-image{max-width: 65%;}
	.solution-v1-grid {display: grid;grid-template-columns: repeat(2, 1fr);}
	.radar {width: 400px;height: 400px;}
	
}
/* 如果需要细分 */
@media (min-width: 900px) and (max-width: 1023px) {
	
}    /* iPad 横屏 */
@media (min-width: 768px) and (max-width: 899px) {
	.banner-flex{flex-direction: column;}
	.banner-image{order: -1;}  
	.banner-small-img{display: none;}
}     /* iPad 竖屏/小平板 */
/* ========== 手机端通用 =======*/
@media (max-width: 767px){
	.flag-wrap{margin-top: 20px;}
	.solution-v1-grid {display: grid;grid-template-columns: repeat(2, 1fr);}
	.cta .card-info{text-align: center;}	
	.cta-tel {justify-content: center;}
    /*.quadrant-text small { display: none; }*/
   	.banner-flex{flex-direction: column;}
	.banner-image{order: -1;,min-height: 260px;}  
	.banner-small-img{display: none;}
   	.case-wrap{margin-top: 0px;}
   	.company-time-line {
	    position: absolute;left: 6px;top: 0px;margin-top: 0;height: 100%;width: 2px;
	    background: repeating-linear-gradient(
	        to bottom,
	        var(--color-primary, #3b82f6),
	        var(--color-primary, #3b82f6) 6px,
	        transparent 6px,
	        transparent 12px
	    );
	    /* 关键修正：垂直虚线的 background-size 应为 2px 宽度，高度为虚线单元总长度 */
	    background-size: 2px 12px;background-repeat: repeat-y;
	}
	.company-time-line{left: 50%;}
    .company-time-list {flex-direction: row;}
    .company-time-item {width: 48%;}
    .company-time-icon {display: none;}
    .company-time-list .company-time-item:nth-child(2n) {order: 0;margin-bottom: 20px;}
    .company-time-list .company-time-item:nth-child(2n-1) {order: 0;margin-bottom: 20px;}
    .company-time-item {width: 48%;}
    .company-time-wrap{padding-bottom: 0;}
    .pre-next{flex-direction: column; gap:var(--w-base)}
    
}								
/* ========== 手机端 ========== */
@media (min-width: 576px) and (max-width: 767px) {
	.swiper-image img ,.banner-image{max-width: 60%;}
	.radar {width: 340px;height: 340px;}
}     /* 特大屏手机（折叠屏展开） */
@media (min-width: 480px) and (max-width: 575px) {
	.swiper-image img {max-width: 55%;}
	.radar {width: 340px;height: 340px;}
	.solution-v1-grid {display: flex;flex-direction: column;gap: 30px;}
	.solution-v1-grid .card {width: 100%;margin: 0 auto;}	
}     /* 大屏手机 */
@media (min-width: 375px) and (max-width: 479px) {
	.swiper-image img ,.banner-image{max-width: 50%;}
	.radar {width: 300px;height: 300px;}
	.solution-v1-grid {display: flex;flex-direction: column;gap: 30px;}
	.solution-v1-grid .card {width: 100%;margin: 0 auto;}	
}     /* 中屏手机（iPhone 标准） */
@media (max-width: 374px) {
	.swiper-image img ,.banner-image{max-width: 45%;}
	.radar {width: 300px;height: 300px;}
	.solution-v1-grid {display: flex;flex-direction: column;gap: 30px;}
	.solution-v1-grid .card {width: 100%;margin: 0 auto;}	
	.banner-image{min-height: 200px;}
	.company-time-line{left: 2px;}
    .company-time-list {flex-direction: column;}
    .company-time-item {width: 100%;}
}