/* ========================================
   root全局变量设置，间距，宽度，布局
   ======================================== */
/* 移动优先（从小到大） */
:root {
	/*数值*/
  	--w:1400px;
	--w-pct:95%;		
	--w-xs:1px;
	--w-sm:5px;
	--w-md:10px;
	--w-base:20px; /*基础高度*/
	--w-lg:30px;
	--w-xl:40px;
	--w-2xl:50px;
	--w-3xl:60px;
	--w-4xl:80px;
	/*圆角*/
	--rd-sm:5px;
	--rd-md:10px;
	--rd-lg:20px;
}
[class*="-container"]{max-width: var(--w); margin: 0 auto;}
[class*="-meta"]{margin: var(--w-base) 0 var(--w-lg) 0; font-size: var(--font-xs);}
/* ========================================
       布局，间距，边距，对齐
   ======================================== */
/*基本布局*/
.relative{position: relative;}
.wrap{max-width: 100%;}
/*.container{max-width: 100%;}*/
.floor-wrap{padding: var(--w-xl) 0 var(--w-xl) 0;}
.floor-desc{margin: var(--w-md) 0;}
.floor-link{color: var(--color-primary);}
.floor-container{padding: var(--w-xl) 0 0 0;}
.breadcrumb-wrap{padding: var(--w-base) 0;}
.content-container{margin-bottom: var(--w-3xl);}
.company-time-wrap{margin-top: var(--w-xl);}
/*针对导航栏目的布局*/
.grid{display: grid;}
.grid-line{background: #fff; gap:var(--w-xs)}
.col-1 {grid-template-columns: repeat(1, 1fr);}
.col-1-sm{grid-template-columns: repeat(1, 1fr);}
.col-2 {grid-template-columns: repeat(2, 1fr);}
.col-2-sm{grid-template-columns: repeat(2, 1fr);}
.col-3 {grid-template-columns: repeat(3, 1fr);}
.col-3-auto{ grid-template-columns: 1fr auto 1fr; }
.col-3-sm{grid-template-columns: repeat(3, 1fr);}
.col-4 {grid-template-columns: repeat(4, 1fr);}
.col-4-sm{grid-template-columns: repeat(4, 1fr);}
.col-4-lg{grid-template-columns: repeat(4, 1fr);}
.col-5,.grid-5{grid-template-columns: repeat(5, 1fr);}
.col-6 {grid-template-columns: repeat(6, 1fr);}
.col-12{grid-template-columns: repeat(12, 1fr);}
.col-12 .side{grid-column: span 3; position: sticky;top: 90px; align-self: start;} /*普通自适应左侧*/
.col-12 .m-side{grid-column: span 3; position: sticky;top: 90px; align-self: start;} /*左侧折叠专用*/
.col-12 .sidebar{grid-column: span 3;}
.col-12 .main{grid-column: span 9;}
.col-12 .left{grid-column: span 3; position: sticky; top: 90px; align-self:start;}
.col-12 .right{grid-column: span 9;}
.col-12 .c-3{grid-column: span 3;}
.col-12 .c-9{grid-column: span 9;}
/*间隔*/
.gap-xs{gap:var(--w-xs);}
.gap-sm{gap:var(--w-sm);}
.gap-md{gap:var(--w-md);}
.gap-base{gap:var(--w-base);}
.gap-lg{gap:var(--w-lg);}
.gap-xl{gap:var(--w-xl);}
.gap-4xl{gap:var(--w-4xl);}
/*间距*/
.ptb-lg{padding: var(--w-base) 0;}
.p-md{padding: var(--w-md) var(--w-base);}
.p-lg{padding: var(--w-xl) var(--w-lg);}
.p40{padding: var(--w-base) var(--w-md);}
.p20{padding: var(--w-base);}
.plr20{padding: 0 var(--w-base); margin: 0 0 var(--w-md) var(--w-base);}
.mt10{margin-top: var(--w-md);}
.mt20{margin-top: var(--w-base);}
.mt30{margin-top: var(--w-lg);}
.mb30{margin-bottom: var(--w-lg);}
/*对齐*/
.text-center{ text-align: center;}
.aj-center{align-items: center;justify-items: center;}
.flex-baseline{display: flex; align-items: baseline;}
.flex-column{display: flex; flex-direction: column; gap:var(--w-base);}
/* ========================================
      卡片，图片，
   ======================================== */
/*卡片基础样式*/
.card{transition: all 0.3s;border-radius: var(--w-sm);}
.card:hover{transform: translateY(-5px);}/*经过动画*/
.card-grid{grid-template-columns: repeat(2, 1fr);}
.card-reverse{}
.card-reverse .card-image{order: 2;justify-self: end;}
.card-reverse .card-info{order: 1;}
.card-reverse .card-row-list{order: 1;}
/*卡片*/
.card-center{padding: var(--w-lg) var(--w-base); text-align: center;} /*居中卡片*/
.card-shadow{box-shadow:var(--color-shadow-white-md);} /*带阴影卡片*/
.card-shadow:hover{box-shadow:var(--color-shadow-primary-md);}
.card-border-lg{background-image: var(--color-bg-gradient); border: 3px solid var(--color-border-white);} /*粗白边框*/
.card-line{gap:1px;background: var(--color-gray-200); border: 1px solid var(--color-gray-200);} /*细线卡片*/
.card-sumbit{background: rgba(var(--color-white-rgb),0.08);border-radius: var(--rd-sm);padding: var(--w-base);border: 1px solid rgba(var(--color-white-rgb),0.2);box-shadow: var(--color-shadow-white-md);transition: transform 0.25s ease;} /*表单卡片*/
.card-sumbit-lg{border-radius: var(--rd-sm);padding: var(--w-xl);box-shadow: var(--color-shadow-white-md);transition: transform 0.25s ease;}
.card-sumbit-lg input, .card-sumbit-lg select{border: 1px solid var(--color-gray-200);}
.card-icon{color: var(--color-primary); font-size: var(--font-3xl); }
.card-icon i{transition: all 0.3s;}
.card-icon-bg{background: var(--color-gray-200); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: var(--rd-md);}
.card .card-icon-small i{margin: 0;}
.card-line-gray{background: var(--color-bg-white);}
.card-line-gray:hover{box-shadow:var(--color-shadow-primary-md) ;}
.card-line-gray:hover i{transform: translateY(5px)}
/*卡片布局*/
.card-border-sm{border: 1px solid var(--color-gray-200); border-radius: var(--rd-sm);}
.card-border-sm-header{padding: var(--w-md) var(--w-base); border-bottom: 1px solid var(--color-gray-200);}
.left-header-flex{display: flex; justify-content: space-between; align-items: baseline;}
.left-title{font-size: var(--font-base); margin-bottom: var(--w-md);}
.left-title i{font-size: var(--font-xs); color: var(--color-primary); margin-right: 5px;}
.left-groups{margin-bottom: var(--w-base); padding-bottom: var(--w-base); border-bottom: 1px solid var(--color-gray-200);}
.left-list-checkbox{display: flex; flex-direction: column; gap:var(--w-md);}
.right-list{display: flex; flex-direction: column; gap:var(--w-base)}
.list-data{margin: var(--w-md) 0 var(--w-md) 0; font-size: var(--font-xs); display: flex; flex-wrap: wrap; gap:var(--w-base);}
.list-data i{color: var(--color-primary); margin-right: var(--w-md);}
.list-data span{color: var(--color-gray-300);}
.list-tag{display: flex; flex-wrap: wrap; gap:var(--w-base); font-size: var(--font-xs);}
.list-tag span{border-radius: var(--rd-lg); background: var(--color-gray-100); padding: 1px var(--w-base); border: 1px solid var(--color-gray-200);}
.result-stats{background: var(--color-gray-100); border: 1px solid var(--color-gray-200); margin-bottom: var(--w-base); padding: var(--w-md) var(--w-base); font-size: var(--font-xs); border-radius: var(--rd-sm); display: flex; justify-content: space-between; align-items: center; gap:var(--w-md)}
.result-stats span{color: var(--color-primary); font-weight: bold; }
.page-button{padding: 0 8px;}
.page-button.active{background: var(--color-primary); color: var(--color-white);}
.left-text-link{display: flex; flex-direction: column; gap:var(--w-md); font-size: var(--font-xs);}

.card-rd{border-radius: var(--rd-sm); background: var(--color-gray-100); padding: var(--w-base);}
.card-center-header{text-align: center; margin-bottom: var(--w-3xl);}
.card-center-alpha{background: var(--color-bg-white-alpha-30); text-align: center; padding: var(--w-md);}
.card-row{margin-bottom: var(--w-base); display: grid; gap:var(--w-md);align-items}
.card-info{padding: var(--w-lg); display: flex; flex-direction: column; gap:var(--w-md);}
.card-info-small{padding: var(--w-md) var(--w-base);display: flex; flex-direction: column; gap:var(--w-md);}
.card-info-more{padding: 0 var(--w-lg) var(--w-lg) var(--w-lg); display: none;}
.card-info-more.open{display: block;}
.card-info-row{display: flex; flex-wrap: wrap; align-items: center; gap:var(--w-md); padding: var(--w-md) var(--w-base);}
.card-image{overflow: hidden;}
.card-list-col{display: flex; flex-direction: column; gap:var(--w-base);}
.card-list-md{display: flex; flex-direction: column; gap:var(--w-md)}
.card-list li{margin-bottom: var(--w-sm); align-items: center;}
.card-list {margin-top: 10px;}
.card-head-line{display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--color-gray-200); margin-bottom: var(--w-md); padding-bottom: var(--w-md);}
.card-list-flex{align-items: stretch; display: flex; gap:var(--w-md); flex-direction: column;}
.card-remark-sub{text-align: right;}
.card-list-item{display: flex;justify-content: space-between; align-items: center; gap:var(--w-base); border-bottom: 1px dotted var(--color-gray-300); padding-bottom: var(--w-md); margin-bottom: var(--w-md);}
.card-list-grid{display: grid;}
.card-inner{display: flex;flex-direction: column;justify-content: center;align-items: center;background: transparent;position: relative;}
.vs-circle{border-radius: 50%; background: var(--color-white); width: 80px; height: 80px; padding: var(--w-base); display: flex; align-items: center; justify-content: center; font-size: var(--font-3xl); color: var(--color-primary); font-weight: bold; border: 1px solid var(--color-gray-300); box-shadow: var(--color-shadow-black-sm); margin-bottom: var(--w-md);}
.card-list-border{}
.card-list-border li{border: 1px solid var(--color-gray-300); height: 50px; line-height: 50px; width: 90%; margin-top:30px; text-align: center; position: relative; background: var(--color-white);}
.card-list-border li:not(:last-child):before{height: 30px; width: 1px; position: absolute; left: 50%; bottom: -30px; background: var(--color-gray-300); display: block;  content: "";}
.card-list a{font-size: var(--font-sm);}
.card-data{display: flex; align-items: center; gap:var(--w-base); font-size: var(--font-xxs); color: var(--color-gray-300);}
.card i{color: var(--color-primary); margin-right: var(--w-md);}
.rect-image{ max-height: 400px;}
.small-rect-image{max-height: 120px; padding: var(--w-base) 0; position: relative; display: flex; justify-content: center; align-items: center; transition: all 0.3 ease-in; background: var(--color-white);}
.small-rect-image img{max-height: 90px;}
.square-imgage{ max-height: 300px;}
.circle-image{aspect-ratio: 1 / 1;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center; overflow: hidden; position: relative; margin: var(--w-md);}
.circle-image-small{max-height: 100px;}
.rect-image:hover img,.square-image:hover img,.small-rect-image img{transform: scale(1.05);}
.card-link,.card-link-down{display: inline-flex;align-items: center;gap: 8px;transition: gap 0.25s ease, color 0.2s; color: var(--color-primary);}
.card:hover .card-link{gap: var(--w-base);}
.card-link-down{cursor: pointer;}
.card-link i{transition: transform 0.2s;}
.card-link-down i{transition: transform 0.2s;}
.card-link-down:hover i{transform: translateY(3px);}
.card-lihk:hover i{transform: translateX(3px);}

.card-Result{border: 1px solid var(--color-gray-500); border-radius: var(--rd-sm); margin-top: var(--w-base); padding: var(--w-base); display: none; text-align: center;}
.card-result-title{color: var(--color-black); font-size: var(--font-base); font-weight: var(--font-weight-600);}
.card-Result .rec-flow{color: var(--color-primary); font-size: var(--font-2xl); font-weight: var(--font-weight-600);}
.card-head-flex{display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap;}
.imgage-text{display: flex; gap:var(--w-md);}
.imgage-text-info .title{font-size: var(--font-xs);}
.imgage-text-info .sub{color: var(--color-gray-500);}
/*图片*/
.rect-image img{aspect-ratio: 16 / 9; width: 100%; height: 100%; object-fit:cover; transition: transform 0.5s ease;}
.square-imgage img{aspect-ratio: 4 / 4; max-height: 300px;}
.thumb-image-small{width: 120px; height: 70px; overflow: hidden; position: relative; flex-shrink: 0;flex-grow: 0;}
.thumb-image-small img{ width: 100%; height: 100%; object-fit: cover;  /* 加上这一行 */}
/*装饰*/
.card-badge{position: absolute;top: 20px;left: 20px; padding: var(--w-sm) var(--w-md);border-radius: var(--rd-lg);z-index: 2;background: var(--color-primary); color: var(--color-white); box-shadow: var(--color-shadow-black-sm);}
.card-corner {position: absolute;width: 30px;height: 30px;pointer-events: none;opacity: 0;transition: opacity 0.3s ease;}
.card-corner-tl{top: 12px;left: 12px;border-radius: 0 0 0 0;border-top: 2px solid var(--color-primary);border-left: 2px solid var(--color-primary);}
.card-corner-br{bottom: 12px;right: 12px;border-radius: 0 0 0 0;border-bottom: 2px solid var(--color-primary);border-right: 2px solid var(--color-primary);}
.card:hover .card-corner {opacity: 1;}
.card-pulse{position: absolute; top: 20px;right: 20px;width: 8px;height: 8px;   border-radius: 50%;opacity: 0;transition: opacity 0.3s;animation: advantage-index-pulseRing 1.5s ease-out infinite;background: var(--color-primary);}
@keyframes advantage-index-pulseRing {
    0% { transform: scale(0.8); opacity: 0.8; box-shadow: 0 0 0 0 var(--color-primary); }
    100% { transform: scale(1); opacity: 0; box-shadow: 0 0 0 12px var(--color-primary);}
}
.card-radius-bg{color: var(--color-gray-500);background:var(--color-gray-200);display: inline-flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;padding: 4px 12px;border-radius: 30px;width: fit-content;margin-bottom: 14px;}
.card-radius-primary{color: var(--color-primary);display: inline-flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;padding: 4px 12px;border-radius: 30px;width: fit-content;margin-bottom: 14px; border: 1px dashed var(--color-primary);}

.card-sub{background: var(--color-gray-100); color: var(--color-primary);display: inline-flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;padding: 4px 12px;border-radius: 30px;width: fit-content; }
.card-sub i{margin-right: var(--w-md);}
.card-bottom{border-top: 1px dashed var(--color-gray-300); margin-top: var(--w-base); padding-top:var(--w-base) ;}

.card-tag{display: flex; flex-flow: wrap; gap:var(--w-base); font-size: var(--font-xs);}
.card-tag span{background: var(--color-gray-200); color: var(--color-primary);display: inline-flex;align-items: center;text-transform: uppercase;letter-spacing: 0.5px;padding: 4px 12px;border-radius: 30px;width: fit-content; }
.card-tag i{margin-right: 5px;}

.card-flex-image{display: flex; height: 140px; align-items: center; justify-content: center; position: relative; font-size: var(--font-3xl);}

.card-value{font-size: var(--font-xl);}
.card-label{font-size: var(--font-xs);}
/*特殊定位，雷达图*/
.card-top-left {grid-column: 1 / 2;grid-row: 1 / 2;justify-self: end;margin-right: 20px;}
.card-top-right {grid-column: 3 / 4;grid-row: 1 / 2;justify-self: start;margin-left: 20px;}
.card-bottom-left {grid-column: 1 / 2;grid-row: 3 / 4;justify-self: end;margin-right: 20px;}
.card-bottom-right {grid-column: 3 / 4;grid-row: 3 / 4;justify-self: start;margin-left: 20px;}
.card-center-center {grid-column: 2 / 3;grid-row: 1 / 4;}

/*背景 */
.card-step{text-align: center;}
.tip1{background: url(../icon/tip1.png) no-repeat center center;}
.tip2{background: url(../icon/tip2.png) no-repeat center center;}
.tip3{background: url(../icon/tip3.png) no-repeat center center;}
.tip4{background: url(../icon/tip4.png) no-repeat center center;}
.card-arrow{position: relative; padding: var(--w-sm);}
.card-arrow:before{content: '';position: absolute;left: -1px;top: 0;width: 24px;height: 100%;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);}
.card-arrow:before{background-color: #f5f7fa;}
.card-arrow:after{content: '';position: absolute;right: -23px;top: 0;width: 24px;height: 100%;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);}
.card:nth-child(1) .card-arrow:after,.card:nth-child(1) .step1{background-color: #e53935;}
.card:nth-child(2) .card-arrow:after,.card:nth-child(2) .step2{background-color: #fb8c00;}
.card:nth-child(3) .card-arrow:after,.card:nth-child(3) .step3{background-color: #1e88e5;}
.card:nth-child(4) .card-arrow:after,.card:nth-child(4) .step4{background-color: #43a047;}
.card-step-list{display: flex; flex-direction: column; gap:var(--w-xl); margin-top: var(--w-xl);}
.card-step-list li{padding: var(--w-base) 0; border: 1px solid var(--color-gray-300); position: relative; background: var(--color-white);}
.card-step-list li:not(:last-child):before{height: var(--w-xl); width: 1px; position: absolute; left: 50%; top: 100%; background: var(--color-gray-300); display: block;  content: "";}

.card-step-small{ display: flex;flex-wrap: wrap;align-items: center; gap:var(--w-md); margin-top: var(--w-md);}
.card-step-small i{margin-right: 5px; color: var(--color-gray-300);}
.card-step-small-item{display: flex;align-items: center;gap: var(--w-md);}
.card-step-arrow-right i{color: var(--color-primary);}
.card-step-small-text{background: var(--color-white);
           padding: var(--w-sm) var(--w-md);
            min-width: 110px;
            text-align: center;
            border-radius: 40px;
            box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.1);
            border: 1px solid #cbdde9;transition: all 0.2s;white-space: nowrap;letter-spacing: 0.3px;}
/* ========================================
      按纽，按纽组
   ======================================== */
/*按纽*/
.btn{display: inline-block;text-decoration: none;border-radius:var(--rd-sm);cursor: pointer;text-align: center;transition: all 0.3s ease;}
.btn i{margin-right: var(--w-md);}
.btn:hover{transform: translateY(-2px);}
.btn-xs{padding: var(--w-xs) var(--w-md);}
.btn-sm {padding: var(--w-sm) var(--w-lg);}
.btn-lg {padding: var(--w-md) var(--w-xl);}
.btn-xs-lg{padding: var(--w-xs) var(--w-xl);}
.btn-block {display: block;width: 100%;}
.btn-primary,.btn-primary:hover,.btn-outline,.btn-outline:hover,.btn-outline-primary{border: 2px solid;}
.btn-primary,.btn-primary:hover{background: var(--color-bg-primary);border-color: var(--color-border-primary);} 
.btn-outline{background: transparent;}
.btn-outline-primary {background: transparent;}
.btn-outline,.btn-outline:hover{border-color: var(--color-border-white);}
.btn-primary,.btn-outline,.btn-primary:hover,.btn-outline:hover{color: var(--color-white);}/*文字*/
.btn-primary-full:hover{}
.btn-group-md{display: flex; gap:var(--w-base);flex-wrap: wrap; margin-top: var(--w-lg);}
.btn-group-lg{display: flex; gap:var(--w-lg);}
.btn-group-ct{display: flex; align-items: center;justify-content: center; margin-top: var(--w-lg);}
.btn-primary:hover{box-shadow: var(--color-shadow-primary-md);}
.btn-outline:hover{background: var(--color-bg-white-alpha-30); box-shadow: var(--color-shadow-white-md);}
.btn-outline-primary {color: var(--color-primary);border: 2px solid var(--color-border-primary);}
.btn-outline-primary:hover {background: var(--color-border-primary);color: var(--color-white);border: 2px solid var(--color-border-primary);}
.btn-other{cursor: pointer; color: var(--color-gray-500);}

/*选项卡*/
.tab-content{ display: none;animation: article-index-fadeIn 0.35s ease-out;}
@keyframes article-index-fadeIn {
    from { opacity: 0; transform: translateY(12px);}
    to { opacity: 1; transform: translateY(0);}
}
.tab-header {display: flex;justify-content: center;margin-bottom: var(--w-md);}
.tab-wrap {display: flex;align-items: center;background: transparent;padding: 8px 20px;position: relative;}
.tab-wrap::before {content: '';position: absolute;left: -100px;top: 50%;width: 100px;height: 1px; transform: translateY(-50%);background: linear-gradient(90deg, transparent, var(--color-primary));}
.tab-wrap::after {content: '';position: absolute;right: -100px;top: 50%;width: 100px;height: 1px; transform: translateY(-50%); background: linear-gradient(90deg,var(--color-primary), transparent);}
.tab-item {background: transparent;border: none;padding: 8px 4px;cursor: pointer;transition: all 0.3s ease;display: inline-flex;align-items: center;position: relative;letter-spacing: 0.5px;
}
.tab-item i {transition: transform 0.2s;}
.tab-item:not(.active):hover {   transform: translateY(-2px); color: var(--color-primary);}
.tab-item:not(.active):hover i {transform: scale(1.05);}
.tab-item.active {position: relative; color: var(--color-primary);}
/* 激活项底部小三角 */
.tab-item.active::after {
	content: '▼';position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);opacity: 1;
    animation: article-index-triangleBounce 0.6s infinite ease;color: var(--color-primary);
}
/* 三角弹跳动画 */
@keyframes article-index-triangleBounce {
    0% { transform: translateX(-50%) translateY(0px); opacity: 0.7;}
    50% { transform: translateX(-50%) translateY(3px); opacity: 1;}
    100% { transform: translateX(-50%) translateY(0px); opacity: 0.7;}
}
/* 移除之前的before伪元素 */
.tab-item.active::before {display: none;}
.tab-panel {position: relative;}
/* ========================================
       表格
   ======================================== */
.table{background: var(--color-white);}
.table-title{font-size: var(--font-base); background: var(--color-gray-200); border-bottom: 1px solid var(--color-primary);}
.product-v2-table .table-title th{padding: var(--w-base) var(--w-base);}
/* 表格容器 - 横向滚动 */
.product-v2-table-wrapper {overflow-x: auto;border-radius: var(--rd-sm);background: var(--color-white);box-shadow: var(--color-shadow-white-md);}
.product-v2-table {width: 100%;border-collapse: collapse;min-width: 800px;}
.product-v2-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-v2-table td {padding: var(--w-md);text-align: center;border-bottom: 1px solid var(--color-gray-200);}
.product-v2-table tr:nth-child(even){background: var(--color-gray-100);}

 /* 参数名称列（第一列） */
.product-v2-table td:first-child{background: var(--color-white); }
.product-v2-table tr:nth-child(even) td:first-child{background: var(--color-gray-100);}
.product-v2-table td:first-child,.product-v2-table th:first-child {position: sticky;left: 0;text-align: left;}
.product-v2-table th:first-child {background: var(--color-gray-200);color: var(--color-black);}

/*分页*/
.page{padding: var(--w-base); display: flex; justify-content: center; align-items: center; flex-flow: wrap;}
.page-list{display: flex; gap:var(--w-md);}
.page-list li a,.page-list li span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;border:1px solid var(--color-gray-300);transition:all 0.25s ease;cursor:pointer;font-family:inherit}
.page-list li:not(:first-child):not(:last-child) a,.page-list li:not(:first-child):not(:last-child) span{min-width:32px;padding:0;}
.page-list li:first-child a,.page-list li:last-child a{padding:0 20px;background:var(--color-gray-200);}
.page-list li a:hover{background:var(--color-gray-200);border-color:var(--color-gray-300);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.05)}
.page-list li.active a,.page-list li.active span{background:var(--color-primary);border-color:var(--color-gray-200);color:var(--color-white);box-shadow:0 6px 12px rgba(26,95,158,0.25);transform:translateY(-1px)}
.page-list li span{background:var(--color-gray-100);border-color:var(--color-gray-300);cursor:default}
.page-list li.active span{background:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-white);cursor:default;box-shadow:0 6px 12px rgba(26,95,158,0.25)}


/* ========== 电脑端通用 ========== */
@media (min-width: 1024px) {
	.col-1 [class*="-title"]{grid-column: span 1;} /*菜单项单行显示*/
		
}
/* ========== 宽屏 ========== */
@media (min-width: 1400px) {
	
}
/* ========== 超宽屏 ========== */
@media (min-width: 1920px) {
	
}
/* ========== 电脑端 ========== */
@media (min-width: 1400px) and (max-width: 1919px) {}  /* 大屏电脑 */
@media (min-width: 1200px) and (max-width: 1399px) {
	[class*="-container"]{max-width: var(--w-pct);}
	.col-2-sm{grid-template-columns: repeat(1, 1fr);}	
}  /* 常规电脑 */
@media (min-width: 1024px) and (max-width: 1199px) {
	.col-2-sm{grid-template-columns: repeat(1, 1fr);}	
	.col-3 {grid-template-columns: repeat(2, 1fr);}
	.col-4 {grid-template-columns: repeat(2, 1fr);}
	.col-1 [class*="-title"]{grid-column: span 2;} /*菜单项单行显示*/
}  /* 小尺寸电脑/笔记本 */
/* ========== 平板+手机通用 =======*/
@media (max-width: 1023px){	
	[class*="-container"]{max-width: var(--w-pct);}	
	[class*="-content"]{text-align: center;}
	.col-1-sm{grid-template-columns: repeat(2, 1fr);}
	.col-2-sm{grid-template-columns: repeat(1, 1fr);}
	.col-3 {grid-template-columns: repeat(2, 1fr);}
	.col-4 {grid-template-columns: repeat(2, 1fr);}	
	.col-1 [class*="-title"]{grid-column: span 2;} /*菜单项单行显示*/
	
	.col-3-sm {grid-template-columns: repeat(2, 1fr);}
	.col-3-sm > :nth-child(-n+1) {grid-column: span 2;}
	.col-3-sm > :nth-child(n+2):nth-child(-n+3) {grid-column: span 1;}	
	.btn-group-lg{justify-content: center;}	
	/*轮播*/
	.swiper-slide {flex-direction: column;gap: 20px;text-align: center;}
	.swiper-image {order: -1;}  	  	
  	.sub-text {display: none;} 	
  	.tab-wrap::before,.tab-wrap::after{display: none;}	
  	.col-12 .side{
  		grid-column: span 12; position: static; top: auto;
  	}
  	
  	.col-12 .m-side{
  		grid-column: span 12; position: fixed; top: auto;top: 0;left: 0;width: 85%;max-width: 340px;
  		height: 100vh;background: white;z-index: 9999;overflow-y: auto;transform: translateX(-100%);
  		transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);box-shadow: 4px 0 20px rgba(0, 0, 0, 0.1);
  		border-radius: 0;margin: 0;
  	}
  	.col-12 .m-side.menu-open {transform: translateX(0);}
  	.col-12 .sidebar{grid-column: span 12;}
	.col-12 .main{grid-column: span 12;}
	.col-12 .c-3{grid-column: span 12;}
	.col-12 .c-9{grid-column: span 12;}
	.col-12 .left{grid-column: span 12; position: static; top: 0; align-self:start;}
	.col-12 .right{grid-column: span 12;}
	.left-list-checkbox{display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap:var(--w-md);}
}							/* 平板+手机端通用 */
/* ========== 平板端 ========== */
@media (min-width: 768px) and (max-width: 1023px) {	
	.btn-sm {padding: 3px 16px;}
	.btn-lg {padding: 8px 42px;}
	
	/* 雷达图占满整行（第1行） */
    .card-center-center {grid-column: 1 / -1;justify-self: center; grid-row:auto;}  
    /* 所有卡片重置位置 */
    .card-top-left,
    .card-top-right,
    .card-bottom-left,
    .card-bottom-right {grid-column: auto;grid-row: auto;justify-self: stretch;margin: 0;}
}    /* 通用平板 */
/* 如果需要细分 */
@media (min-width: 900px) and (max-width: 1023px) {}    /* iPad 横屏 */
@media (min-width: 768px) and (max-width: 899px) {}     /* iPad 竖屏/小平板 */
/* ========== 手机端通用 =======*/
@media (max-width: 767px){		
	:root{
		--w-base:15px; /*基础高度*/
		--w-lg:25px;
		--w-xl:35px;
		--w-2xl:45px;
		--w-3xl:55px; 		
		--w-4xl:70px;
		
		--w-base:10px; /*基础高度*/
		--w-lg:20px;
  		--w-xl:30px;
  		--w-2xl:40px
  		--w-3xl:50px;
		--w-4xl:60px;
  	} 	
  	.col-2-sm{grid-template-columns: repeat(2, 1fr);}
	.col-1 [class*="-title"]{grid-column: span 1;} /*菜单项单行显示*/
	.col-2 [class*="-title"]{grid-column: span 1;} /*菜单项单行显示*/
	.col-2 {grid-template-columns: repeat(1, 1fr);} /*手机端变成1行*/
	.col-3-auto{ grid-template-columns: 1fr;      /* 单列布局 */}
	.col-5{grid-template-columns: repeat(2, 1fr);}
	.col-4-sm{grid-template-columns: repeat(2, 1fr);}
	.col-4-lg{grid-template-columns: repeat(1, 1fr);}
	.btn-sm {padding: 2px 12px;}
	.btn-lg {padding: 8px 32px;}
	
	.grid-5 {grid-template-columns: repeat(6, 1fr);}
	.grid-5 > :nth-child(-n+3) {grid-column: span 2;;}
    .grid-5 > :nth-child(n+4):nth-child(-n+5) {grid-column: span 3;}
    
    /* 雷达图占满整行（第1行） */
    .card-center-center {grid-column: 1 / -1;justify-self: center;grid-row:auto;}  
    /* 所有卡片重置位置 */
    .card-top-left,
    .card-top-right,
    .card-bottom-left,
    .card-bottom-right {grid-column: auto;grid-row: auto;justify-self: stretch;margin: 0;}
    
    .card-lg .card-image{order: 1;justify-self: center;}
	.card-lg .card-info{order: 2;}
	.left-list-checkbox{display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap:var(--w-md);}
	
   
}								 /* 手机端通用 */
/* ========== 手机端 ========== */
@media (min-width: 576px) and (max-width: 767px) {
	 /* 特大屏手机（折叠屏展开） */   /* 大屏手机 */
	.card-center-center {grid-column: 1 / -1;justify-self: center;margin-bottom: 20px; } 
	
}    
@media (max-width: 575px) {
	:root{
		--w-base:10px; /*基础高度*/
		--w-lg:20px;
  		--w-xl:30px;
  		--w-2xl:40px
  		--w-3xl:50px;
		--w-4xl:60px;
  	}
  	.col-1-sm{grid-template-columns: repeat(1, 1fr);}
  	.col-2-sm{grid-template-columns: repeat(1, 1fr);}
  	.col-1,.col-2,.col-3,.col-4,.col-5{grid-template-columns: repeat(1, 1fr);} /*全部1列显示*/
	.btn-lg {padding: 6px 24px;}
	.card-top-left, .card-top-right, .card-bottom-left, .card-bottom-right {margin: 0;justify-self: center;}
	
	.col-3-sm {grid-template-columns: repeat(1, 1fr);}
	.col-3-sm > :nth-child(-n+1) {grid-column: span 1;}
	.col-3-sm > :nth-child(n+2):nth-child(-n+3) {grid-column: span 1;}
	/*.grid-5 {grid-template-columns: repeat(4, 1fr);}
	.grid-5 > :first-child {grid-column: 1 / -1;}
    .grid-5 > :nth-child(n+2):nth-child(-n+5) {grid-column: span 2;}*/
   .result-stats{ flex-direction: column; }
}