/* 外层容器，用于限定样式作用范围，避免影响其他元素 */
.product-table-container {width:98%;margin:0 auto;font-family:Arial,sans-serif;overflow-x:auto;/* 允许横向滚动 */      padding:10px 0;}
.product-table-container h1 {font-size:18px;font-weight:bold;margin-bottom:10px;text-align:center;}
.product-table-container table {width:100%;min-width:640px;/* 表格最小宽度，确保内容不拥挤 */      border-collapse:collapse;text-align:center;}
.product-table-container thead {background-color:#009899;}
.product-table-container th,.product-table-container td {border:1px solid #ccc;padding:8px;vertical-align:middle;}
.product-table-container tbody tr:nth-child(odd) {background-color:#f9f9f9;}
.product-table-container table tr:hover {background:#00989920;color:#FFF;}
.product-table-container img {max-width:120px;height:auto;}
/* 响应式调整 */
@media (max-width:768px) {.product-table-container {width:100%;padding:10px;}
.product-table-container h2 {font-size:16px;margin-bottom:15px;}
.product-table-container th,.product-table-container td {padding:6px 4px;font-size:14px;}
.product-table-container img {max-width:100px;}
}
@media (max-width:480px) {.product-table-container th,.product-table-container td {font-size:12px;padding:4px 2px;}
.product-table-container img {max-width:80px;}
}