/* 网盘按钮布局样式 - 完全复刻button-layout-test.html效果 */

/* 下载区域容器 - 蓝色虚线边框 + 左上角标题 */
body.single .zib-netdisk-download-section,
body .zib-netdisk-download-section,
div[id^="zib-netdisk-buttons-"],
.zib-netdisk-download-section {
    position: relative !important;
    margin: 30px 0 !important;
    padding: 50px 20px 20px 20px !important;
    background: #ffffff !important;
    border: 2px dashed #1578f8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* 左上角标题 - 带下载图标 */
body.single .zib-netdisk-download-section .download-title,
body .zib-netdisk-download-section .download-title,
div[id^="zib-netdisk-buttons-"] .download-title,
.zib-netdisk-download-section .download-title {
    position: absolute !important;
    top: 15px !important;
    left: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1578f8 !important;
    z-index: 10 !important;
}

body.single .zib-netdisk-download-section .download-title .download-icon,
body .zib-netdisk-download-section .download-title .download-icon,
div[id^="zib-netdisk-buttons-"] .download-title .download-icon,
.zib-netdisk-download-section .download-title .download-icon {
    width: 18px !important;
    height: 18px !important;
    stroke: #1578f8 !important;
}

/* 下载限制信息 */
body.single .zib-netdisk-download-section .download-limit-info-section,
body .zib-netdisk-download-section .download-limit-info-section,
div[id^="zib-netdisk-buttons-"] .download-limit-info-section,
.zib-netdisk-download-section .download-limit-info-section {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 10px !important;
    background: #f5f5f5 !important;
    font-size: 13px !important;
    color: #666 !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: none !important;
}

/* Table布局 - 去掉所有默认样式 */
body.single .zib-netdisk-download-section table,
body .zib-netdisk-download-section table,
div[id^="zib-netdisk-buttons-"] table,
.zib-netdisk-download-section table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 20px 0 0 0 !important;
    padding: 0 !important;
}

body.single .zib-netdisk-download-section tbody,
body .zib-netdisk-download-section tbody,
div[id^="zib-netdisk-buttons-"] tbody,
.zib-netdisk-download-section tbody {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single .zib-netdisk-download-section tr,
body .zib-netdisk-download-section tr,
div[id^="zib-netdisk-buttons-"] tr,
.zib-netdisk-download-section tr {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single .zib-netdisk-download-section td,
body .zib-netdisk-download-section td,
div[id^="zib-netdisk-buttons-"] td,
.zib-netdisk-download-section td {
    text-align: left !important;
    vertical-align: middle !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* 按钮容器 - Grid布局，4列，间距20px */
body.single .zib-netdisk-download-section tr,
body .zib-netdisk-download-section tr,
div[id^="zib-netdisk-buttons-"] tr,
.zib-netdisk-download-section tr {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    gap: 20px !important;
    justify-content: start !important;
    align-items: start !important;
}

/* 第4个按钮（索引3）放在第2行第1列 */
body.single .zib-netdisk-download-section td:nth-child(4),
body .zib-netdisk-download-section td:nth-child(4),
div[id^="zib-netdisk-buttons-"] td:nth-child(4),
.zib-netdisk-download-section td:nth-child(4) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

/* 第5个按钮（索引4）放在第2行第2列 */
body.single .zib-netdisk-download-section td:nth-child(5),
body .zib-netdisk-download-section td:nth-child(5),
div[id^="zib-netdisk-buttons-"] td:nth-child(5),
.zib-netdisk-download-section td:nth-child(5) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

/* 第6个按钮（索引5）放在第2行第3列 */
body.single .zib-netdisk-download-section td:nth-child(6),
body .zib-netdisk-download-section td:nth-child(6),
div[id^="zib-netdisk-buttons-"] td:nth-child(6),
.zib-netdisk-download-section td:nth-child(6) {
    grid-column: 3 !important;
    grid-row: 2 !important;
}

/* 按钮样式 - 蓝底白字 */
body.single .zib-netdisk-download-section .zib-netdisk-btn,
body.single .zib-netdisk-download-section a[style*="background:#165DFF"],
body.single .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"],
body .zib-netdisk-download-section .zib-netdisk-btn,
body .zib-netdisk-download-section a[style*="background:#165DFF"],
body .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"],
div[id^="zib-netdisk-buttons-"] .zib-netdisk-btn,
div[id^="zib-netdisk-buttons-"] a[style*="background:#165DFF"],
div[id^="zib-netdisk-buttons-"] a[style*="background:rgb(22, 93, 255)"],
.zib-netdisk-download-section .zib-netdisk-btn,
.zib-netdisk-download-section a[style*="background:#165DFF"],
.zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"] {
    display: inline-block !important;
    padding: 12px 24px !important;
    background: #1578f8 !important;
    background-color: #1578f8 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    text-align: center !important;
    min-width: 140px !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
}

body.single .zib-netdisk-download-section .zib-netdisk-btn:hover,
body.single .zib-netdisk-download-section a[style*="background:#165DFF"]:hover,
body.single .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:hover,
body .zib-netdisk-download-section .zib-netdisk-btn:hover,
body .zib-netdisk-download-section a[style*="background:#165DFF"]:hover,
body .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:hover,
div[id^="zib-netdisk-buttons-"] .zib-netdisk-btn:hover,
div[id^="zib-netdisk-buttons-"] a[style*="background:#165DFF"]:hover,
div[id^="zib-netdisk-buttons-"] a[style*="background:rgb(22, 93, 255)"]:hover,
.zib-netdisk-download-section .zib-netdisk-btn:hover,
.zib-netdisk-download-section a[style*="background:#165DFF"]:hover,
.zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:hover {
    background: #0d6ae3 !important;
    background-color: #0d6ae3 !important;
    color: white !important;
    text-decoration: none !important;
}

body.single .zib-netdisk-download-section .zib-netdisk-btn:active,
body.single .zib-netdisk-download-section a[style*="background:#165DFF"]:active,
body.single .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:active,
body .zib-netdisk-download-section .zib-netdisk-btn:active,
body .zib-netdisk-download-section a[style*="background:#165DFF"]:active,
body .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:active,
div[id^="zib-netdisk-buttons-"] .zib-netdisk-btn:active,
div[id^="zib-netdisk-buttons-"] a[style*="background:#165DFF"]:active,
div[id^="zib-netdisk-buttons-"] a[style*="background:rgb(22, 93, 255)"]:active,
.zib-netdisk-download-section .zib-netdisk-btn:active,
.zib-netdisk-download-section a[style*="background:#165DFF"]:active,
.zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"]:active {
    background: #0a58c0 !important;
    background-color: #0a58c0 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .zib-netdisk-download-section tr {
        grid-template-columns: repeat(3, auto) !important;
        gap: 16px !important;
    }
    
    .zib-netdisk-download-section .zib-netdisk-btn,
    .zib-netdisk-download-section a[style*="background:#165DFF"],
    .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"] {
        min-width: 120px !important;
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .zib-netdisk-download-section tr {
        grid-template-columns: repeat(2, auto) !important;
        gap: 12px !important;
    }
    
    .zib-netdisk-download-section .zib-netdisk-btn,
    .zib-netdisk-download-section a[style*="background:#165DFF"],
    .zib-netdisk-download-section a[style*="background:rgb(22, 93, 255)"] {
        min-width: 100px !important;
        padding: 10px 16px !important;
        font-size: 12px !important;
    }
}


/* 强制覆盖主题样式 - 最高优先级 */
body.single article .zib-netdisk-download-section,
body.single .entry-content .zib-netdisk-download-section,
body.single .post-content .zib-netdisk-download-section,
article .zib-netdisk-download-section,
.entry-content .zib-netdisk-download-section,
.post-content .zib-netdisk-download-section {
    position: relative !important;
    margin: 30px 0 !important;
    padding: 50px 20px 20px 20px !important;
    background: #ffffff !important;
    border: 2px dashed #1578f8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* 强制覆盖所有可能的按钮样式 */
body.single article .zib-netdisk-download-section a,
body.single .entry-content .zib-netdisk-download-section a,
body.single .post-content .zib-netdisk-download-section a,
article .zib-netdisk-download-section a,
.entry-content .zib-netdisk-download-section a,
.post-content .zib-netdisk-download-section a {
    display: inline-block !important;
    padding: 12px 24px !important;
    background: #1578f8 !important;
    background-color: #1578f8 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    text-align: center !important;
    min-width: 140px !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    float: none !important;
}

/* 移除所有伪元素 */
body.single .zib-netdisk-download-section::before,
body.single .zib-netdisk-download-section::after,
body.single .zib-netdisk-download-section *::before,
body.single .zib-netdisk-download-section *::after,
.zib-netdisk-download-section::before,
.zib-netdisk-download-section::after,
.zib-netdisk-download-section *::before,
.zib-netdisk-download-section *::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: none !important;
}

/* 确保Grid布局生效 */
body.single article .zib-netdisk-download-section tr,
body.single .entry-content .zib-netdisk-download-section tr,
body.single .post-content .zib-netdisk-download-section tr,
article .zib-netdisk-download-section tr,
.entry-content .zib-netdisk-download-section tr,
.post-content .zib-netdisk-download-section tr {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    gap: 20px !important;
    justify-content: start !important;
    background: transparent !important;
    border: none !important;
}

/* 确保td没有任何样式 */
body.single article .zib-netdisk-download-section td,
body.single .entry-content .zib-netdisk-download-section td,
body.single .post-content .zib-netdisk-download-section td,
article .zib-netdisk-download-section td,
.entry-content .zib-netdisk-download-section td,
.post-content .zib-netdisk-download-section td {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* 按钮基础样式 - 不在下载区域内的按钮 */
.zib-netdisk-btn {
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 12px 24px !important;
    background: #1578f8 !important;
    background-color: #1578f8 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(21, 120, 248, 0.3) !important;
    border: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    min-width: 140px !important;
    margin: 0 !important;
}

.zib-netdisk-btn:hover {
    background: #0d6ae3 !important;
    background-color: #0d6ae3 !important;
    color: white !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(21, 120, 248, 0.4) !important;
}

.zib-netdisk-btn:active {
    background: #0a58c0 !important;
    background-color: #0a58c0 !important;
}

/* 禁用状态按钮 */
.zib-netdisk-btn.zib-netdisk-disabled {
    background: #ccc !important;
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.zib-netdisk-btn.zib-netdisk-disabled:hover {
    background: #ccc !important;
    background-color: #ccc !important;
    color: #666 !important;
    box-shadow: none !important;
}


/* 隐藏不在下载区域内的按钮（避免重复显示） */
body.single .zib-netdisk-btn:not(.zib-netdisk-download-section .zib-netdisk-btn):not(.zib-netdisk-download-section td .zib-netdisk-btn) {
    display: none !important;
}

/* 或者更精确的选择器 - 只显示在下载区域内的按钮 */
body.single article > .zib-netdisk-btn,
body.single .entry-content > .zib-netdisk-btn,
body.single .post-content > .zib-netdisk-btn,
body.single p > .zib-netdisk-btn {
    display: none !important;
}

/* 确保下载区域内的按钮显示 */
body.single .zib-netdisk-download-section .zib-netdisk-btn,
body.single .zib-netdisk-download-section td .zib-netdisk-btn {
    display: inline-block !important;
}