/**
 * 仲裁员名册 - 卡片布局修复
 * 解决最后一行元素使用 space-between 导致的两端对齐问题
 * 改为靠左对齐 + 等距 gap
 */

/* 下拉选择框的 select-active 样式 - 避免与导航 active 冲突 */
.result .calc-container .operation .select-box .options-box li.select-active {
    background-color: #f7f7f7;
    color: #20a6ee;
}

/* 修复导航下拉菜单 z-index 问题 */
.header {
    z-index: 9999 !important;
}

.header .header-container .header-inner .right-container .header-menu .nav-menu-item .js-subnav {
    z-index: 9998 !important;
}

/* 使用 CSS :hover 伪类实现导航 hover 效果 - 不依赖 JS */
.header .header-container .header-inner .right-container .header-menu .nav-menu-item:hover .js-subnav,
.header .header-container .header-inner .right-container .header-menu .nav-menu-item.active .js-subnav {
    display: block !important;
    opacity: 1 !important;
    height: auto !important;
    visibility: visible !important;
}

/* 修复 content-container 的 flex 布局 */
.result .content-container {
    display: flex !important;
    flex-wrap: wrap !important;
    /* 移除 justify-content: space-between */
    justify-content: flex-start !important;
    /* 添加 gap 来控制间距 */
    gap: 1.302vw !important;
    align-items: stretch !important;
    padding-top: 3.125vw;
    margin: 0 auto;
}

/* 确保每个卡片保持固定宽度 */
.result .content-container .item {
    /* 使用 calc 来精确计算宽度：(100% - 2个gap) / 3 */
    width: calc((100% - 2 * 1.302vw) / 3) !important;
    box-shadow: 0 0 0.729vw 0 rgba(0,0,0,.1);
    /* 移除 margin-bottom，因为我们用 gap 了 */
    margin-bottom: 0 !important;
    padding: 1.823vw;
    background-color: #fff;
    position: relative;
    height: 26.042vw;
}

/* 响应式处理 - 移动端 */
@media (max-width: 480px) {
    .result .content-container {
        width: 90%;
        gap: 2vw !important;
    }
    
    .result .content-container .item {
        width: 100% !important;
    }
}

/* 响应式处理 - 平板 */
@media (min-width: 481px) and (max-width: 1024px) {
    .result .content-container {
        width: 90%;
        gap: 2vw !important;
    }
    
    .result .content-container .item {
        /* 平板上每行显示2个 */
        width: calc((100% - 2vw) / 2) !important;
    }
}