.anli-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    padding: 10px 0;
    justify-content: center;
    position: relative; /* 为滑动下划线做定位参考 */
    border-bottom: 1px solid #e0e0e0; /* 整体的细灰色底线 */
}

.anli-tab {
    padding: 10px 36px;
    font-size: 22px;
    font-weight: 500;
    color: #888;
    background-color: transparent; /* 移除背景色，或设为透明 */
    border: none; /* 移除边框 */
    cursor: pointer;
    transition: color 0.3s ease; /* 仅过渡颜色 */
    position: relative;
    z-index: 2; /* 确保 Tab 文字位于滑动条上方 */
}


.anli-tab.active {
    color: #0052D9; /* 活跃时文字变蓝 */
}

.anli-tabs::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 放在底部细线 (-1px) 上方 */
    height: 4px; /* 下划线高度 */
    background-color: #0052D9; /* 蓝色 */
    left: var(--slider-left, 0); /* 默认左侧为 0 */
    width: var(--slider-width, 0); /* 默认宽度为 0 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}


/* 重要：移除 is-layout-flex 的影响 */
  /* 案例容器 */
.anli-container {
 display: none;
}
.anli-container.active {
display: flex !important; /* 显示时使用 flex，且优先级最高 */
}
.anli-container.is-layout-flex,
.anli-container.wp-block-columns.is-layout-flex {
    display: none;
}
.anli-container.active.is-layout-flex {
    display: flex !important;
}



.anli-tabs2 {
    display: flex;
    gap: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    justify-content: center;
    position: relative; /* 为滑动下划线做定位参考 */
    border-top: 1px solid #e0e0e0; /* 整体的细灰色底线 */
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    /* 核心新增：让边框不额外增加宽度，避免超出 */
    box-sizing: border-box;
}

.anli-tab2 {
    padding: 10px 36px;
    background-color: #f0f5fe;
    width: 25%;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    border: none; /* 移除边框 */
    cursor: pointer;
    transition: color 0.3s ease; /* 仅过渡颜色 */
    position: relative;
    z-index: 2; /* 确保 Tab 文字位于滑动条上方 */
}


.anli-tab2.active {
    color: #0052D9; /* 活跃时文字变蓝 */
    border-top: 3px solid #0052D9; 
    background-color: #ffffff;
    margin-top: -3px;
}

.anli-tabs2::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 放在底部细线 (-1px) 上方 */
    height: 4px; /* 下划线高度 */
    background-color: #0052D9; /* 蓝色 */
    left: var(--slider-left, 0); /* 默认左侧为 0 */
    width: var(--slider-width, 0); /* 默认宽度为 0 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}