.data-table-container{width:100%;overflow-x:auto!important;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin:20px 0;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:5px;scrollbar-width:auto;-ms-overflow-style:auto;}
.data-table-container::-webkit-scrollbar{height:8px;}
.data-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;}
.data-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px;}
.data-table-container::-webkit-scrollbar-thumb:hover{background:#555;}
.data-table{width:100%;/*min-width:2000px!important; 增大最小宽度适配多列 */border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px;background:white;table-layout:auto!important;}
/* 表头样式：强制一行显示 + 粘性定位 */
.data-table thead th{    background-color:#1b447c;    color:#fff;    padding:12px 8px;    text-align:center;    font-weight:bold;    border:1px solid #b8b8b8;        z-index:2;    white-space:nowrap!important;    overflow:hidden!important; text-overflow:ellipsis!important;    min-width:80px!important; }
th sub{font-size:0.7em;vertical-align:sub;line-height:1;position:relative;top:2px;left:1px;}
/* 强制显示列：按需添加类名 */
.col-force-show{min-width:120px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
.header-level-2 th{background-color:#2a5a9c;font-size:12px;padding:8px 5px;}
.data-table tbody td{padding:12px 2px;text-align:center;border:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.data-table tbody tr:nth-child(even){background-color:#f8f9fa;}
.data-table tbody tr:nth-child(odd){background-color:white;}
.data-table tbody tr:hover{background-color:#e3f2fd;transition:background-color 0.2s ease;}
.data-table tbody tr{cursor:pointer;}
.model-link{color:#1b447c;text-decoration:none;font-weight:bold;display:block;padding:10px 8px;margin:-10px -8px;}
.model-link:hover{color:#0d2a4d;text-decoration:underline;}
/* 移动端适配 */
@media (max-width:768px){
.data-table-container{font-size:12px;margin:10px 0;}
.data-table{min-width:1800px!important;}
.data-table thead th{padding:8px 5px;font-size:11px;min-width:60px!important;}
.col-force-show{min-width:100px!important;}
.data-table tbody td{padding:6px 4px;font-size:11px;}
.data-table-container::after{content:"← 滑动查看完整表格 →";display:block;text-align:center;padding:8px;color:#666;font-size:12px;background:#f5f5f5;}
}
@media (max-width:480px){
.data-table{min-width:1500px!important;}
.data-table thead th{padding:6px 3px;font-size:10px;min-width:50px!important;}
.col-force-show{min-width:80px!important;}
.data-table tbody td{padding:4px 2px;font-size:10px;}
}
/* 打印样式 */
@media print{
.data-table-container{overflow-x:visible;box-shadow:none;}
.data-table{min-width:100%;}
}
.bearing-intro{display:flex;flex-wrap:wrap;width:55%;margin:0 auto;position:relative;}
.bearing-img{flex:1;min-width:300px;background:#fff;display:flex;justify-content:center;align-items:center;padding:20px;overflow:hidden;position:relative;min-height:300px;}
.carousel{width:100%;height:100%;display:flex;transition:transform 0.5s ease;}
.carousel-item{flex:0 0 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.carousel-item img{max-width:100%;height:auto;display:block;}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px; background:rgba(0,0,0,0.5);color:#fff;border:none; cursor:pointer;font-size:18px;z-index:10;}
.prev-btn{left:10px;}
.next-btn{right:10px;}
.carousel-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.indicator{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;}
.indicator.active{background:#fff;}
.bearing-text{flex:1;min-width:300px;background:#6c7a89;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;}
.bearing-title{font-size:32px;font-weight:bold;margin-bottom:20px;color:#fff;}
.bearing-desc{font-size:16px;line-height:1.6;}
@media (max-width:768px){
.bearing-intro{width:90%;}
.bearing-text{padding:20px;}
.bearing-title{font-size:24px;}
.bearing-img{padding:10px;min-height:200px;}
.carousel-btn{width:30px;height:30px;font-size:14px;}
}
@media (max-width:480px){
.bearing-intro{width:98%;}
.bearing-img{min-width:100%;}
.bearing-text{min-width:100%;}
}