/* ========================================
   按钮对齐修复 - 第三个按钮与第一个按钮左右对齐
   版本: 2.0.3
   ======================================== */

/* 
 * 问题：添加三个网盘链接时，第三个按钮和第一个不能左右对齐
 * 原因：按钮容器使用了不同的布局方式，导致对齐不一致
 * 解决方案：统一使用flex布局，确保所有按钮在相同基准线上对齐
 */

/* ========================================
   通用对齐修复 - 最高优先级
   ======================================== */

/* 强制所有按钮容器使用统一的flex布局 */
.zib-netdisk-download-shortcode,
.zib-netdisk-download-section,
div[id^="zib-netdisk-buttons-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 强制表格容器居中对齐 */
.zib-netdisk-download-shortcode table,
.zib-netdisk-download-section table,
div[id^="zib-netdisk-buttons-"] table {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 强制tbody使用flex布局 */
.zib-netdisk-download-shortcode tbody,
.zib-netdisk-download-section tbody,
div[id^="zib-netdisk-buttons-"] tbody {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 强制tr使用flex布局 */
.zib-netdisk-download-shortcode tr,
.zib-netdisk-download-section tr,
div[id^="zib-netdisk-buttons-"] tr {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 强制td使用flex布局并统一对齐 */
.zib-netdisk-download-shortcode td,
.zib-netdisk-download-section td,
div[id^="zib-netdisk-buttons-"] td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* ========================================
   按钮对齐修复 - 确保第三个与第一个左右对齐
   ======================================== */

/* 统一所有按钮的margin和对齐 */
.zib-netdisk-download-shortcode td .zib-netdisk-btn,
.zib-netdisk-download-section td .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td .zib-netdisk-btn {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 160px !important;
    max-width: 160px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 第一个按钮：确保左对齐基准 */
.zib-netdisk-download-shortcode td:first-child .zib-netdisk-btn,
.zib-netdisk-download-section td:first-child .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td:first-child .zib-netdisk-btn {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* 第二个按钮：居中对齐 */
.zib-netdisk-download-shortcode td:nth-child(2) .zib-netdisk-btn,
.zib-netdisk-download-section td:nth-child(2) .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td:nth-child(2) .zib-netdisk-btn {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

/* 第三个按钮：确保与第一个按钮左右对齐 */
.zib-netdisk-download-shortcode td:nth-child(3) .zib-netdisk-btn,
.zib-netdisk-download-section td:nth-child(3) .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td:nth-child(3) .zib-netdisk-btn {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* 第四个按钮（如果有）：右对齐 */
.zib-netdisk-download-shortcode td:nth-child(4) .zib-netdisk-btn,
.zib-netdisk-download-section td:nth-child(4) .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td:nth-child(4) .zib-netdisk-btn {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* 最后一个按钮：确保右边界对齐 */
.zib-netdisk-download-shortcode td:last-child .zib-netdisk-btn,
.zib-netdisk-download-section td:last-child .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] td:last-child .zib-netdisk-btn {
    margin-right: 0 !important;
}

/* ========================================
   网格布局修复 - 确保整齐对齐
   ======================================== */

/* 3个按钮时的特殊布局 */
.zib-netdisk-download-shortcode td:nth-child(1):nth-last-child(3),
.zib-netdisk-download-section td:nth-child(1):nth-last-child(3),
div[id^="zib-netdisk-buttons-"] td:nth-child(1):nth-last-child(3) {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.zib-netdisk-download-shortcode td:nth-child(2):nth-last-child(2),
.zib-netdisk-download-section td:nth-child(2):nth-last-child(2),
div[id^="zib-netdisk-buttons-"] td:nth-child(2):nth-last-child(2) {
    margin-left: auto !important;
    margin-right: auto !important;
}

.zib-netdisk-download-shortcode td:nth-child(3):nth-last-child(1),
.zib-netdisk-download-section td:nth-child(3):nth-last-child(1),
div[id^="zib-netdisk-buttons-"] td:nth-child(3):nth-last-child(1) {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* ========================================
   响应式修复 - 移动端对齐
   ======================================== */

@media (max-width: 768px) {
    /* 移动端强制单列显示 */
    .zib-netdisk-download-shortcode table,
    .zib-netdisk-download-section table,
    div[id^="zib-netdisk-buttons-"] table {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .zib-netdisk-download-shortcode tbody,
    .zib-netdisk-download-section tbody,
    div[id^="zib-netdisk-buttons-"] tbody {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .zib-netdisk-download-shortcode tr,
    .zib-netdisk-download-section tr,
    div[id^="zib-netdisk-buttons-"] tr {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .zib-netdisk-download-shortcode td,
    .zib-netdisk-download-section td,
    div[id^="zib-netdisk-buttons-"] td {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 300px !important;
        margin: 8px 0 !important;
    }
    
    /* 移动端统一margin */
    .zib-netdisk-download-shortcode td .zib-netdisk-btn,
    .zib-netdisk-download-section td .zib-netdisk-btn,
    div[id^="zib-netdisk-buttons-"] td .zib-netdisk-btn {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ========================================
   特殊状态修复 - 禁用按钮对齐
   ======================================== */

/* 禁用按钮也保持相同对齐 */
.zib-netdisk-download-shortcode td .zib-netdisk-btn.zib-netdisk-disabled,
.zib-netdisk-download-section td .zib-netdisk-btn.zib-netdisk-disabled,
div[id^="zib-netdisk-buttons-"] td .zib-netdisk-btn.zib-netdisk-disabled {
    margin: 0 !important;
    margin-left: inherit !important;
    margin-right: inherit !important;
    width: 100% !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

/* ========================================
   测试样式 - 用于调试对齐问题
   ======================================== */

.debug-alignment .zib-netdisk-download-shortcode td,
.debug-alignment .zib-netdisk-download-section td,
.debug-alignment div[id^="zib-netdisk-buttons-"] td {
    outline: 2px solid red !important;
    background-color: rgba(255, 0, 0, 0.1) !important;
}

.debug-alignment .zib-netdisk-download-shortcode td .zib-netdisk-btn,
.debug-alignment .zib-netdisk-download-section td .zib-netdisk-btn,
.debug-alignment div[id^="zib-netdisk-buttons-"] td .zib-netdisk-btn {
    outline: 2px solid blue !important;
    background-color: rgba(0, 0, 255, 0.1) !important;
}