/* 终极修复版本 - 使用最具体的选择器和!important */

/* 表格布局控制 */
html body main.container div.documents-section div.document-table-container table.document-table {
    table-layout: auto !important; /* 改为auto以使用浏览器自动计算列宽 */
    width: 100% !important;
    border-collapse: collapse !important;
}

/* 标签样式 */
html body main.container div.documents-section div.document-table-container table.document-table tr td.doc-tags {
    text-align: left !important;
    vertical-align: top !important;
    padding: 8px !important;
    word-break: break-word !important;
}

html body main.container div.documents-section div.document-table-container table.document-table tr td.doc-tags span.tag-pill {
    display: inline-block !important;
    margin: 2px !important;
    padding: 2px 6px !important;
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
}

/* 拓展学习样式 */
html body main.container div.documents-section div.document-table-container table.document-table tr td.doc-learning {
    text-align: left !important;
    vertical-align: top !important;
    padding: 8px !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

/* 操作按钮样式 */
html body main.container div.documents-section div.document-table-container table.document-table tr td.doc-actions {
    text-align: left !important;
    vertical-align: top !important;
    padding: 8px !important;
}

html body main.container div.documents-section div.document-table-container table.document-table tr td.doc-actions a.btn {
    width: 70% !important;
    display: inline-block !important;
    margin: 2px 0 !important;
    text-align: center !important; /* 文字居中 */
    font-size: 0.9em !important; /* 字体缩小1号 */
}

/* 移动设备适配 */
@media (max-width: 768px) {
    html body main.container div.documents-section div.document-table-container table.document-table {
        display: block !important;
        overflow-x: auto !important;
    }
    
    html body main.container div.documents-section div.document-table-container table.document-table th,
    html body main.container div.documents-section div.document-table-container table.document-table td {
        min-width: 100px !important;
    }
} 