/* 统一内容宽度容器 */
 .container {
   max-width: 1200px;
   margin: 0 auto;
 }

 .thumb.selected {
   border: 2px solid var(--primary);
 }

 .thumb:hover {
   border: 2px solid var(--accent);
 }

 /* 右侧产品信息整体 */
 .product-info {
   flex: 1;
   min-width: 300px;
   display: flex;
   flex-direction: column;
   gap: 16px;
 }

 /* 按钮区域压到最底部 */
 .product-actions {
   margin-top: auto;
 }

 .datasheet-wrapper {
   margin-top: auto;
   /* ⬅ 把按钮推到最底部 */
   text-align: right;
   /* ⬅ 右对齐 */
 }

 /* 数据手册按钮（工业官网风格） */
 .datasheet-btn {
   background: var(--primary);
   color: #fff;
   border: none;
   padding: 10px 20px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
 }

 .datasheet-btn:hover {
   background: #1d4ed8;
 }

 /* ====== 固定图片区域 ====== */
 .image-container {
   position: relative;
   width: 320px;
   height: 320px;
   border: 1px solid var(--border);
   border-radius: 10px;
   overflow: hidden;
   background: #fff;
 }

 /* 主图 */
 .image-container img {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }

 /* 放大镜框 */
 #lens {
   position: absolute;
   width: 80px;
   height: 80px;
   border: 2px solid var(--accent);
   background: rgba(245, 158, 11, 0.15);
   display: none;
   cursor: crosshair;
   z-index: 2;
 }

 /* 覆盖在右上角的放大区域（加大版） */
 #zoomResult {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 180px;
   /* ← 原来 120px */
   height: 180px;
   /* ← 原来 120px */
   border: 1px solid var(--border);
   border-radius: 8px;
   background: #fff;
   background-repeat: no-repeat;
   display: none;
   z-index: 3;
 }

 /* Badge */
 .badge {
   display: inline-block;
   background: #e0f2fe;
   color: #0369a1;
   padding: 6px 12px;
   border-radius: 999px;
   font-size: 12px;
   margin-bottom: 12px;
 }

 /* Tables */
 table {
   width: 100%;
   border-collapse: collapse;
   font-size: 14px;
 }

 td {
   border: 1px solid var(--border);
   padding: 12px;
 }

 td:first-child {
   width: 40%;
   background: #f8fafc;
   font-weight: 500;
 }

 /* 上下篇 */

 .product-nav {

   margin-top: 70px;
   padding-top: 30px;

   border-top: 1px solid #e8e8e8;

   display: flex;
   justify-content: space-between;
   gap: 40px;

 }

 .product-prev,
 .product-next {
   max-width: 45%;
 }

 .product-nav span {
   display: block;
   font-size: 12px;
   color: #999;
   margin-bottom: 6px;
 }

 .product-nav a {

   font-size: 12px;
   color: #333;
   font-weight: bold;
   text-decoration: none;

   line-height: 1.2;

 }

 .product-nav a:hover {
   color: var(--primary);
 }

 /* 右侧对齐 */

 .product-next {
   text-align: right;
 }