.detail-container {
            width: 100%;
            padding: 15px;
            box-sizing: border-box;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .responsive-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
            min-width: 300px;
        }
        .responsive-table th, 
        .responsive-table td {
            padding: 12px 8px;
            border: 1px solid #e0e0e0;
            word-break: break-word;
            vertical-align: top;
        }
        .responsive-table thead {
            background-color: #f5f5f5;
        }
        
        /* 小屏幕横向滚动 */
        @media (max-width: 480px) {
            .detail-container {
                overflow-x: scroll;
                -webkit-overflow-scrolling: touch;
            }
            .responsive-table {
                min-width: 480px;
            }
        }
        
        /* 中等屏幕调整列宽 */
        @media (min-width: 481px) and (max-width: 768px) {
            .responsive-table th:nth-child(1),
            .responsive-table td:nth-child(1) {
                width: 30%;
            }
            .responsive-table th:nth-child(2),
            .responsive-table td:nth-child(2) {
                width: 70%;
            }
        }