/* ========================================
   3个按钮对齐终极修复 - 多种方案组合
   版本: 2.0.7
   ======================================== */

/* 
 * 终极解决方案：4个按钮时正常，3个按钮时第三个和第一个不对齐
 * 提供4种不同的CSS方案，确保在所有浏览器中都能正确对齐
 */

/* ========================================
   方案1：CSS Grid - 最现代最精确的方案
   ======================================== */

/* 使用CSS Grid实现完美的3按钮对齐 */
.zib-netdisk-download-shortcode tbody[data-button-count="3"],
.zib-netdisk-download-section tbody[data-button-count="3"],
div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] {
    display: grid !important;
    grid-template-columns: 160px 1fr 160px !important;
    gap: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Grid布局下的td样式 */
.zib-netdisk-download-shortcode tbody[data-button-count="3"] td,
.zib-netdisk-download-section tbody[data-button-count="3"] td,
div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] td {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

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

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

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

/* Grid布局下的按钮样式 */
.zib-netdisk-download-shortcode tbody[data-button-count="3"] .zib-netdisk-btn,
.zib-netdisk-download-section tbody[data-button-count="3"] .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] .zib-netdisk-btn {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* ========================================
   方案2：Flexbox space-between - 高兼容性方案
   ======================================== */

/* 使用flex的space-between实现3按钮对齐 */
.zib-netdisk-download-shortcode tbody.flex-3-buttons,
.zib-netdisk-download-section tbody.flex-3-buttons,
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons {
    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;
}

/* Flex布局下的td样式 */
.zib-netdisk-download-shortcode tbody.flex-3-buttons td,
.zib-netdisk-download-section tbody.flex-3-buttons td,
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons td {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Flex布局下的对齐 */
.zib-netdisk-download-shortcode tbody.flex-3-buttons td:nth-child(1),
.zib-netdisk-download-section tbody.flex-3-buttons td:nth-child(1),
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons td:nth-child(1) {
    justify-content: flex-start !important;
}

.zib-netdisk-download-shortcode tbody.flex-3-buttons td:nth-child(2),
.zib-netdisk-download-section tbody.flex-3-buttons td:nth-child(2),
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons td:nth-child(2) {
    justify-content: center !important;
}

.zib-netdisk-download-shortcode tbody.flex-3-buttons td:nth-child(3),
.zib-netdisk-download-section tbody.flex-3-buttons td:nth-child(3),
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons td:nth-child(3) {
    justify-content: flex-end !important;
}

/* ========================================
   方案3：表格布局 - 最兼容方案
   ======================================== */

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

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

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

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

/* 表格布局下的对齐 */
.zib-netdisk-download-shortcode table.table-3-buttons td:nth-child(1),
.zib-netdisk-download-section table.table-3-buttons td:nth-child(1),
div[id^="zib-netdisk-buttons-"] table.table-3-buttons td:nth-child(1) {
    text-align: left !important;
    padding-left: 0 !important;
    padding-right: 30px !important;
}

.zib-netdisk-download-shortcode table.table-3-buttons td:nth-child(3),
.zib-netdisk-download-section table.table-3-buttons td:nth-child(3),
div[id^="zib-netdisk-buttons-"] table.table-3-buttons td:nth-child(3) {
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 30px !important;
}

/* ========================================
   方案4：绝对定位 - 最精确方案
   ======================================== */

/* 使用绝对定位实现3按钮对齐 */
.zib-netdisk-download-shortcode tbody.absolute-3-buttons,
.zib-netdisk-download-section tbody.absolute-3-buttons,
div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 600px !important;
    height: 60px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.zib-netdisk-download-shortcode tbody.absolute-3-buttons td,
.zib-netdisk-download-section tbody.absolute-3-buttons td,
div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons td {
    position: absolute !important;
    top: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 160px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 绝对定位下的位置 */
.zib-netdisk-download-shortcode tbody.absolute-3-buttons td:nth-child(1),
.zib-netdisk-download-section tbody.absolute-3-buttons td:nth-child(1),
div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons td:nth-child(1) {
    left: 0 !important;
}

.zib-netdisk-download-shortcode tbody.absolute-3-buttons td:nth-child(2),
.zib-netdisk-download-section tbody.absolute-3-buttons td:nth-child(2),
div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons td:nth-child(2) {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

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

/* ========================================
   统一按钮样式 - 所有方案通用
   ======================================== */

/* 3个按钮时的统一按钮样式 */
.zib-netdisk-download-shortcode tbody[data-button-count="3"] .zib-netdisk-btn,
.zib-netdisk-download-section tbody[data-button-count="3"] .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] .zib-netdisk-btn,
.zib-netdisk-download-shortcode tbody.flex-3-buttons .zib-netdisk-btn,
.zib-netdisk-download-section tbody.flex-3-buttons .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons .zib-netdisk-btn,
.zib-netdisk-download-shortcode table.table-3-buttons .zib-netdisk-btn,
.zib-netdisk-download-section table.table-3-buttons .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] table.table-3-buttons .zib-netdisk-btn,
.zib-netdisk-download-shortcode tbody.absolute-3-buttons .zib-netdisk-btn,
.zib-netdisk-download-section tbody.absolute-3-buttons .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons .zib-netdisk-btn {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}

/* ========================================
   4个按钮布局 - 保持原有正常显示
   ======================================== */

/* 4个按钮时使用正常的flex布局 */
.zib-netdisk-download-shortcode tbody:not([data-button-count="3"]):not(.flex-3-buttons):not(.absolute-3-buttons),
.zib-netdisk-download-section tbody:not([data-button-count="3"]):not(.flex-3-buttons):not(.absolute-3-buttons),
div[id^="zib-netdisk-buttons-"] tbody:not([data-button-count="3"]):not(.flex-3-buttons):not(.absolute-3-buttons) {
    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;
}

/* ========================================
   响应式适配 - 移动端单列显示
   ======================================== */

@media (max-width: 768px) {
    /* 移动端所有布局都改为单列 */
    .zib-netdisk-download-shortcode tbody[data-button-count="3"],
    .zib-netdisk-download-section tbody[data-button-count="3"],
    div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"],
    .zib-netdisk-download-shortcode tbody.flex-3-buttons,
    .zib-netdisk-download-section tbody.flex-3-buttons,
    div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons,
    .zib-netdisk-download-shortcode table.table-3-buttons,
    .zib-netdisk-download-section table.table-3-buttons,
    div[id^="zib-netdisk-buttons-"] table.table-3-buttons,
    .zib-netdisk-download-shortcode tbody.absolute-3-buttons,
    .zib-netdisk-download-section tbody.absolute-3-buttons,
    div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 12px !important;
        max-width: 300px !important;
        height: auto !important;
    }
    
    /* 移动端td样式 */
    .zib-netdisk-download-shortcode tbody[data-button-count="3"] td,
    .zib-netdisk-download-section tbody[data-button-count="3"] td,
    div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] td,
    .zib-netdisk-download-shortcode tbody.flex-3-buttons td,
    .zib-netdisk-download-section tbody.flex-3-buttons td,
    div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons td,
    .zib-netdisk-download-shortcode table.table-3-buttons td,
    .zib-netdisk-download-section table.table-3-buttons td,
    div[id^="zib-netdisk-buttons-"] table.table-3-buttons td,
    .zib-netdisk-download-shortcode tbody.absolute-3-buttons td,
    .zib-netdisk-download-section tbody.absolute-3-buttons td,
    div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons td {
        position: static !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        left: auto !important;
        right: auto !important;
    }
    
    /* 移动端按钮样式 */
    .zib-netdisk-download-shortcode tbody[data-button-count="3"] .zib-netdisk-btn,
    .zib-netdisk-download-section tbody[data-button-count="3"] .zib-netdisk-btn,
    div[id^="zib-netdisk-buttons-"] tbody[data-button-count="3"] .zib-netdisk-btn,
    .zib-netdisk-download-shortcode tbody.flex-3-buttons .zib-netdisk-btn,
    .zib-netdisk-download-section tbody.flex-3-buttons .zib-netdisk-btn,
    div[id^="zib-netdisk-buttons-"] tbody.flex-3-buttons .zib-netdisk-btn,
    .zib-netdisk-download-shortcode table.table-3-buttons .zib-netdisk-btn,
    .zib-netdisk-download-section table.table-3-buttons .zib-netdisk-btn,
    div[id^="zib-netdisk-buttons-"] table.table-3-buttons .zib-netdisk-btn,
    .zib-netdisk-download-shortcode tbody.absolute-3-buttons .zib-netdisk-btn,
    .zib-netdisk-download-section tbody.absolute-3-buttons .zib-netdisk-btn,
    div[id^="zib-netdisk-buttons-"] tbody.absolute-3-buttons .zib-netdisk-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}