/* ========================================
   按钮对齐修复 - 备用方案（兼容旧浏览器）
   版本: 2.0.5
   ======================================== */

/* 
 * 备用方案：使用JavaScript动态计算和设置对齐
 * 适用于不支持:has()选择器的旧浏览器
 */

/* ========================================
   JavaScript辅助对齐 - 动态计算
   ======================================== */

/* 通过JavaScript添加的辅助类 */
.has-3-buttons .zib-netdisk-download-shortcode tbody,
.has-3-buttons .zib-netdisk-download-section tbody,
.has-3-buttons div[id^="zib-netdisk-buttons-"] tbody {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.has-3-buttons .zib-netdisk-download-shortcode td,
.has-3-buttons .zib-netdisk-download-section td,
.has-3-buttons div[id^="zib-netdisk-buttons-"] td {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 第一个按钮：左对齐 */
.has-3-buttons .zib-netdisk-download-shortcode td:nth-child(1),
.has-3-buttons .zib-netdisk-download-section td:nth-child(1),
.has-3-buttons div[id^="zib-netdisk-buttons-"] td:nth-child(1) {
    justify-content: flex-start !important;
}

/* 第二个按钮：居中对齐 */
.has-3-buttons .zib-netdisk-download-shortcode td:nth-child(2),
.has-3-buttons .zib-netdisk-download-section td:nth-child(2),
.has-3-buttons div[id^="zib-netdisk-buttons-"] td:nth-child(2) {
    justify-content: center !important;
}

/* 第三个按钮：右对齐 */
.has-3-buttons .zib-netdisk-download-shortcode td:nth-child(3),
.has-3-buttons .zib-netdisk-download-section td:nth-child(3),
.has-3-buttons div[id^="zib-netdisk-buttons-"] td:nth-child(3) {
    justify-content: flex-end !important;
}

/* 统一按钮宽度 */
.has-3-buttons .zib-netdisk-download-shortcode .zib-netdisk-btn,
.has-3-buttons .zib-netdisk-download-section .zib-netdisk-btn,
.has-3-buttons div[id^="zib-netdisk-buttons-"] .zib-netdisk-btn {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
}

/* ========================================
   Flexbox空间分布 - 完美对齐方案
   ======================================== */

/* 使用flex的space-between实现完美对齐 */
.zib-netdisk-download-shortcode tbody.flex-space-between,
.zib-netdisk-download-section tbody.flex-space-between,
div[id^="zib-netdisk-buttons-"] tbody.flex-space-between {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.zib-netdisk-download-shortcode tbody.flex-space-between td,
.zib-netdisk-download-section tbody.flex-space-between td,
div[id^="zib-netdisk-buttons-"] tbody.flex-space-between td {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   表格布局方案 - 最兼容的解决方案
   ======================================== */

/* 使用表格布局确保完美对齐 */
.zib-netdisk-download-shortcode table.table-layout,
.zib-netdisk-download-section table.table-layout,
div[id^="zib-netdisk-buttons-"] table.table-layout {
    display: table !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    border-collapse: separate !important;
    border-spacing: 0 0 !important;
}

.zib-netdisk-download-shortcode table.table-layout tbody,
.zib-netdisk-download-section table.table-layout tbody,
div[id^="zib-netdisk-buttons-"] table.table-layout tbody {
    display: table-row-group !important;
}

.zib-netdisk-download-shortcode table.table-layout tr,
.zib-netdisk-download-section table.table-layout tr,
div[id^="zib-netdisk-buttons-"] table.table-layout tr {
    display: table-row !important;
}

.zib-netdisk-download-shortcode table.table-layout td,
.zib-netdisk-download-section table.table-layout td,
div[id^="zib-netdisk-buttons-"] table.table-layout td {
    display: table-cell !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 33.333% !important;
    padding: 0 10px !important;
}

/* 第一个单元格：左对齐 */
.zib-netdisk-download-shortcode table.table-layout td:nth-child(1),
.zib-netdisk-download-section table.table-layout td:nth-child(1),
div[id^="zib-netdisk-buttons-"] table.table-layout td:nth-child(1) {
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
}

/* 最后一个单元格：右对齐 */
.zib-netdisk-download-shortcode table.table-layout td:last-child,
.zib-netdisk-download-section table.table-layout td:last-child,
div[id^="zib-netdisk-buttons-"] table.table-layout td:last-child {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 20px !important;
}

/* ========================================
   响应式适配
   ======================================== */

@media (max-width: 768px) {
    /* 移动端统一居中显示 */
    .has-3-buttons .zib-netdisk-download-shortcode tbody,
    .has-3-buttons .zib-netdisk-download-section tbody,
    .has-3-buttons div[id^="zib-netdisk-buttons-"] tbody,
    .zib-netdisk-download-shortcode tbody.flex-space-between,
    .zib-netdisk-download-section tbody.flex-space-between,
    div[id^="zib-netdisk-buttons-"] tbody.flex-space-between {
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        max-width: 300px !important;
    }
    
    .has-3-buttons .zib-netdisk-download-shortcode td,
    .has-3-buttons .zib-netdisk-download-section td,
    .has-3-buttons div[id^="zib-netdisk-buttons-"] td,
    .zib-netdisk-download-shortcode tbody.flex-space-between td,
    .zib-netdisk-download-section tbody.flex-space-between td,
    div[id^="zib-netdisk-buttons-"] tbody.flex-space-between td {
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 表格布局移动端适配 */
    .zib-netdisk-download-shortcode table.table-layout,
    .zib-netdisk-download-section table.table-layout,
    div[id^="zib-netdisk-buttons-"] table.table-layout {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        max-width: 300px !important;
    }
    
    .zib-netdisk-download-shortcode table.table-layout tbody,
    .zib-netdisk-download-section table.table-layout tbody,
    div[id^="zib-netdisk-buttons-"] table.table-layout tbody {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .zib-netdisk-download-shortcode table.table-layout tr,
    .zib-netdisk-download-section table.table-layout tr,
    div[id^="zib-netdisk-buttons-"] table.table-layout tr {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .zib-netdisk-download-shortcode table.table-layout td,
    .zib-netdisk-download-section table.table-layout td,
    div[id^="zib-netdisk-buttons-"] table.table-layout td {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
    }
}