/* ===================== 公共基础样式 ===================== */
/* 所有frame_2::before的公共样式（提取重复部分） */
.q4_frame_1::before,
.index_frame_1::before,
.q4_frame_2::before,
.q4r_frame_2::before,
.m4ii_frame_2::before,
.q5_frame_2::before,
.m5_frame_2::before,
.m6_frame_2::before,
.a4_frame_2::before,
.a4pro_frame_2::before,
.a4r_frame_2::before,
.m3_frame_2::before,
.m3l_frame_2::before,
.m4_frame_2::before,
.m4rii_frame_2::before,
.x0_frame_2::before,
.x1_frame_2::before,
.x2_frame_2::before,
.x3_frame_2::before,
.x4_frame_2::before,
.x11_frame_2::before 

{
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-51%);
    width: 100vw;
    bottom: -1px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    z-index: -1;
}

.q4_frame_2::after,
.q4r_frame_2::after,
.m4ii_frame_2::after,
.q5_frame_2::after,
.m5_frame_2::after,
.m6_frame_2::after,
.a4pro_frame_2::after,
.a4pro_frame_2::after,
.a4r_frame_2::after,
.m3_frame_2::after,
.m3l_frame_2::after,
.m4_frame_2::after,
.m4rii_frame_2::after,
.x0_frame_2::after,
.x1_frame_2::after,
.x2_frame_2::after,
.x3_frame_2::after,
.x4_frame_2::after,
.x11_frame_2::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    transform: translateX(-51%);
    width: 1000%;
    bottom: 0;
    z-index: -0.5; /* 介于背景图(-1)和文字(0)之间 */
    /* 浅灰色半透明遮罩，不遮挡背景图 */
    background-color: rgba(0, 0, 0, 0.11); 
    pointer-events: none; /* 不影响点击交互 */
}
/* 所有frame_2的公共高度样式 */
.q4_frame_2,
.a4_frame_2,
.a4r_frame_2,
.a4pro_frame_2,
.q4r_frame_2,
.q5_frame_2,
.m3_frame_2,
.m3l_frame_2,
.m4_frame_2,
.m5_frame_2,
.m6_frame_2,
.m4ii_frame_2,
.m4rii_frame_2,
.x0_frame_2,
.x1_frame_2,
.x2_frame_2,
.x3_frame_2 ,
.x4_frame_2,
.x11_frame_2 
{
    height: 725px;
}

/* 按钮公共样式（合并重复定义） */
button {
    margin: 5px 8px;
    padding: 2px 2px;
    width: auto;
    height: 35px;
    border: none;
    background-color: #8181815d;
    color: rgb(66, 66, 66);
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 14px;
    font-family: 'MyFont' 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
      font-weight: 400;
}

/* 按钮状态公共样式 */
button:hover {
    background-color: #818181;
}

button.active {
    background-color: #00259ce5;
    color: rgb(255, 255, 255);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

button:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    transform: none;
    opacity: 0.7;
}

button:disabled:hover {
    background-color: #cccccc;
}



/* ===================== 差异化样式（仅保留独有属性） ===================== */

/* q4_frame_1::before 独有样式 */
.q4_frame_1::before ,.index_frame_1::before {
    min-width: 220%;
    bottom: -1px;
    background-color: #EDEDF1;
}





/* 各frame_2::before 独有背景图/最小宽度 */
.q4_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/q4/f2/q4_f2_1.png");
    padding: 0px 55px;
}

.q4r_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/q4r/f2/q4r_f2_1.png");
}
.q5_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/q5/f2/q5_f2_1.png");
}
.m3_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m3/f2/m3_f2_1.png");
}
.m3l_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m3l/f2/m3l_f2_1.png");
}
.m4ii_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m4ii/f2/m4ii_f2_1.png");
}
.m4rii_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m4rii/f2/m4rii_f2_1.png");
}
.m4_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m4/f2/m4_f2_1.png");
}
.m5_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m5/f2/m5_f2_1.png");
}

.m6_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/m6/f2/m6_f2_1.png");
}


.a4_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/a4/f2/a4_f2_1.png");
}

.a4r_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/a4r/f2/a4r_f2_1.png");
}
.a4pro_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/a4pro/f2/a4pro_f2_1.png");
}





.x0_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x0/f2/x0_f2_1.png");
}

.x1_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x1/f2/x1_f2_1.png");
}

.x2_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x2/f2/x2_f2_1.png");
}

.x3_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x3/f2/x3_f2_1.png");
}

.x4_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x4/f2/x4_f2_1.png");
}

.x11_frame_2::before {
    min-width: 220%;
    background-image: url("../../images/x11/f2/x11_f2_1.png");
}


/* 头部框架样式 */
.q4_frame_head_1 {
    top: 3px;
    height: 52px;
    z-index: 999;
}





.q4_frame_1 {
    height: 816px;
}

/* 特殊frame高度/间距 */
.q4r_frame_7 {
    height: 850px;
}

.x0_frame_7 {
    height: 830px;
    padding: 20px 0px 20px 0px;
}

.q4_frame_6a {
    padding: 0px 50px 60px 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.frame_6awz{
    width:450px ;
    height: 0px;

    position: relative;
    top: -460px;
}

.frame_6awz2{
    width:450px ;
    height: 0px;

    position: relative;
    top: -290px;
}




/* 布灯指南外层容器 */
.q4_frame_6_1 {
  position: relative;
  padding: 90px 50px 0px 50px;
  top: 0;
}

/* 按钮组容器（横向排列） */
.frame_6_anniu {
  display: flex;
  gap: 10px;
  position: relative;
  left: -7px;
}

/* 单个按钮组（图标+按钮列表） */
.frame_6_btn_group {
  margin: 30px 0;
  display: flex;
  align-items: flex-start;
  gap: 0px;
}

/* 图标按钮样式 - 核心调整：彻底移除点击底色 */
.frame_6_icon_btn {
  width: 80px; 
  height: 76px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.5;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  -webkit-tap-highlight-color: transparent !important; /* 强制移除移动端点击高亮底色 */
  background: transparent !important; /* 强制透明背景，杜绝任何底色 */
  /* 新增：禁用所有默认交互样式，彻底移除点击底色 */
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* 新增：icon点击轻微抖动效果（仅缩放，无任何底色相关样式） */
.frame_6_icon_btn:active {
  transform: scale(0.85);
  /* 绝对不添加background/border等属性，避免触发底色 */
  background: transparent !important; /* 兜底：确保点击时背景仍透明 */
}

/* 图标图片样式 - 精准匹配按钮尺寸，无偏移 */
.frame_6_icon_btn img {
  width: 80px; /* 强制设置图标图片的宽度为80像素，和外层图标按钮宽度一致 */
  height: 80px; /* 强制设置图标图片的高度为80像素，和外层图标按钮高度匹配 */
  object-fit: contain; /* 核心：图片保持原有比例缩放，完整显示在80x80的容器内，不拉伸、不裁剪 */
  pointer-events: none; /* 核心：禁止图片接收点击事件，点击图片时会触发外层按钮的交互（如抖动） */
  display: block; /* 移除图片默认的行内元素特性，消除底部1-2px的微小空白间隙 */
}

/* 垂直按钮列表容器 */
.frame_6_btn_list {
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

/* 普通按钮基础样式 - 文字居中 + 浅灰色初始底色 */
.frame_6_btn {
  padding: 2px 5px;
  width: 120px;
  height: 33px;
  border: none;
  cursor: pointer;
  background: #50505049;
  transition: all 0.2s ease;
  opacity: 0.5;
  outline: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  color: #333;
  white-space: nowrap;
}

/* 激活组样式：所有按钮高亮 */
.frame_6_btn_group.active .frame_6_icon_btn,
.frame_6_btn_group.active .frame_6_btn {
  opacity: 1;
}

/* 当前选中按钮：黑框+背景高亮 + 白色字体 */
.frame_6_icon_btn.current-active,
.frame_6_btn.current-active {
  border: 1px solid #666 !important;
  background: #0056b3;
  box-sizing: border-box;
  color: #fff !important;
}

/* 图片展示区域 */
.frame_6_img {
  margin-top: 0;
  width: 1152px;
  height: auto;
  border: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.frame_6_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}









/* ===================== x系列图片筛选样式 ===================== */
.akzu_frame_6 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 90px 50px 50px 50px;
}

.frame_6_1 {
    width: 1150px;
    height: 700px;
    margin-bottom: -0px;
    margin-top: -15px;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}



.filter-btn {
    padding: 3px 3px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #fff;
    min-width: 90px;
    width: 90px;
    height: 36px;
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.filter-btn.active {
    background: #0056b3;
    color: #fff;
    border-color: #0056b3;
}



















/* ===================== 表单/文本样式 ===================== */
.q4_frame_9_1 {
    position: relative;
    top: 80PX;
    margin: 0 auto;
    display: flex;
    max-width: 1160px;
    gap: 10px;
}


.w21-1 input, .w21-2 textarea {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    
    font-size: 14px;
}

.w21-2 textarea {
    height: 120px;
    resize: vertical;
}

.w21-1 {
    flex: 1;
    max-width: 500px;
}

.w21-2 {
    flex: 1;
    max-width: 800px;
}


.w27a {
    position: absolute;
    top: 12px;
    left: 55px;
}

/* ===================== 轮播轨道/图片 ===================== */
.carousel-track {
    position: relative;
    top: 0px;
    left: 0px;
    display: flex;
    height: 100%;
    align-items: center;
    transition: transform 0.9s cubic-bezier(0.35, 0.1, 0.35, 1);
    z-index: -1;
    
}

.q4_frame_1a {
    background-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px 2px 1px 2px;
    border-color: rgba(3, 255, 58, 0);
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1260px;
    height: 816px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
   
}

.q4_frame_1 .carousel-img {
    width: 1260px;
    height: 816px;
    object-fit: cover;
    object-position: center;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
}

/* 轮播按钮 */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.4, 1.9);
    background-color: rgba(0, 0, 0, 0);
    color: #ff000000;
    border: none;
    width: 50px;
    height: 80px;
    font-size: 50px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-btn:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.prev-btn {
    left: 20px;
}

.next-btn {
    right: 20px;
}

.carousel-indicators {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    z-index: 10;
}

.indicator {
    border: 1px solid #ccc;
    width: 50px;
    height: 5px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.indicator.active {
    background-color: rgba(71, 71, 71, 0.8);
}

/* ===================== 文本定位/居中 ===================== */
.q4_frame_2_Text {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 380px 120px 35px 120px;
   text-shadow: 0 0 1px rgba(0, 0, 0, 0); /* 轻量阴影 */
}

.q4_frame_ljbq {
    position: relative;
    top: 520px;
    left: 30px;
}

.q4_frame_ljbq2 {
    position: absolute;
    top: 1520px;
    left: 80px;
}



.center {
    text-align: center;
}

/* ===================== 其他框架布局 ===================== */
.q4_frame_3 {
    padding: 50px 50px 80px 50px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.q4_frame_3_1 img {
    width: 1152px;
    height: 867px;
}

.q4_frame_3_tw {
    display: flex;
    gap: 55px;
}

.q4_frame_3_2 {
    width: 580px;
}

.q4r_frame_4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 90px 55px 0px 51px;

}

.q4_frame_4_22 img,
.q4_frame_4_00 img,
.q4_frame_4_5_left img,
.q4_frame_4_22_rilght img {
    width: 554px;
    height: 553px;
}

.q4_frame_4_11 img {
    width: 1152px;
    height: 561px;
}

.frame_4_33_left img {
    width: 554px;
    height: 1480px;
}

.frame_4_33_rilght img {
    width: 554px;
    height: 553px;
}

.q4_frame_4_22_left, .q4_frame_4_22_rilght {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.q4_frame_4_11 {
    display: flex;
    flex-direction: column;
    padding: 0px 0px 20px 0px;
    height: 900px;
    background-color: #007bff00;
}

.q4_frame_4_22 {
    display: flex;
    gap: 45px;
    height: 900px;
    background-color: #007bff00;
}

.q4_frame_4_33 {
    display: flex;
    padding: 0px 0px 0px 0px;
    gap: 45px;
    height: 1830px;
    background-color: #007bff00;
}

.frame_4_33a {
    width: 550px;
    height: 925px;
    padding: 0px 0px 0px 0px;
    background-color: #09ff0000;
}

.q4_frame_4_0 {
    position: relative;
    display: flex;
    padding: 20px 0px 0px 0px;
}

.q4_frame_4_1 {
    display: flex;
    padding: 0px 0px 0px 0px;
    gap: 47px;
}

.frame_4wz1, .frame_4wz2, .frame_4wz3 {
    width: 550px;
    position: relative;
    top: 20px;
}

.frame_4wz2 {
    top: 16px;
}

.q4r_frame_5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 90px 50px 70px 50px;
}

.q4_frame_5_1 {
    position: relative;
    top: 0px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.q4r_frame_5 img {
    width: 1154px;
    height: auto;
}

.q4_frame_5_2 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.q4_frame_7 {
    padding: 90px 50px 100px 50px;
}

.frame_7_1 {
    top: 20px;
    position: relative;
    flex-direction: column;
    display: flex;
    gap: 50px;
}

.frame_7a, .frame_7b {
    display: flex;
    gap: 50px;
}

.frame_7b img,
.frame_7_1_rilght img {
    width: 554px;
    height: 416px;
}

.frame_7_1_left img {
    width: 554px;
    height: 1028px;
}

.frame_7c img {
    width: 1153px;
    height: 413px;
}



.frame_7_1_left, .frame_7_1_rilght {
    width: 554px;
    height: 1175px;
    display: flex;
    flex-direction: column;
}

.frame_7_1_rilght {
    gap: 50px;
}

.frame_7_1_rilght1, .frame_7_1_rilght2, .frame_7b1, .frame_7b2, .frame_7c1{
    display: flex;
    flex-direction: column;
}

.frame_7_huis {
    position: relative;
    width: 554px;
    height: 146px;
    padding: 10px;
    background-color: #CECECE;
}

.frame_7_huis2 {
    position: relative;
    width: 1153px;
    height: 146px;
    padding: 10px;
    background-color: #CECECE;
}



.q4_frame_10 {
    padding: 110px 51px 0px 50px;
}

.frame_10_1 {
    position: relative;
    display: flex;
    gap: 38px;
    background-color: #007bff00;
}

.frame_10wz {
    width: 260px;                /* 容器宽度固定为260像素（控制元素横向大小） */
    position: absolute;          /* 绝对定位：该容器位置不随其他元素流动，可精准定位 */
    top: 280px;                  /* 容器顶部距离参考父容器（需是relative定位）顶部280像素 */
    gap: 0px;                    /* flex布局下，子元素的纵向间距为0（因为是column方向） */
    display: flex;               /* 开启弹性盒子布局（核心：让子元素可纵向排列） */
    flex-direction: column;      /* flex布局方向：子元素垂直（纵向）排列（从上到下） */
    text-align: center;          /* 容器内所有文本居中对齐（如子元素里的文字） */
    padding: 0px 10px;           /* 容器内边距：上下0像素，左右各10像素（避免文字贴边） */
    
}




/* ===================== 其他共用 ===================== */

.padding50{
    padding: 50px;
}
.padding10{
    padding: 10px;
}
.width800{
    width: 850px;
}


/* 鼠标悬停 + 点击激活时：变蓝 + 加粗 */
.download-link:hover,
.download-link:active {
  color: #0A3A89 !important; /* hover时紫色 */
  font-weight: bold !important; /* 加粗 */
 
}


.download-xhx {
  text-decoration: underline;
  text-underline-offset: 3px; /* 下划线距离 */
  text-decoration-color: #8f8f8f94; /* 下划线颜色 */
}





















/* =====================================
  整体布局：左侧按钮 + 右侧表格（左右排列）
===================================== */
.main-layout {
  display: flex;          /* 让里面的元素横向排列（左+右） */
  gap: 5px;              /* 左边和右边之间留出 30px 间距 */
  align-items: flex-start;/* 顶部对齐，不会自动拉伸高度 */
  margin: 30px 0;         /* 上下外边距 30px，左右无间距 */
}

/* 左侧按钮区域：占总宽度 25% */
.left-buttons {
  width: 25%;             /* 宽度占整个布局的 25% */
  position: sticky;        /* 滚动时固定在屏幕上，不跟着滚走 */
  top: 20px;               /* 固定在距离顶部 20px 的位置 */
}

/* 右侧表格区域：占总宽度 70% */
.right-table {
  width:100%;             /* 宽度占整个布局的 70% */
}

/* =====================================
  按钮组整体样式
===================================== */
/* 每个大分类（Power / Beam angle）的底部间距 */
.btn-group-section {
  margin-bottom: 80px;    /* 每个大板块之间留出 80px 距离 */
}

/* 大标题：Power / Beam angle */
.btn-group-title {
  font-size: 20px;        /* 字体大小 20px */
  font-weight: bold;      /* 文字加粗 */
  margin-bottom: 10px;    /* 标题下方间距 10px */
}

/* 小标题：Plus / L / M / S / Spot 等 */
.btn-group-subtitle {
  font-size: 18px;        /* 字体大小 18px */
  color: #999;            /* 文字灰色 */
  margin-bottom: 8px;     /* 下方间距 8px */
}

/* 按钮行容器 */
.btn-group {
  display: flex;          /* 按钮横向排列 */
  flex-wrap: wrap;        /* 一行放不下自动换行 */
  gap: 8px;               /* 按钮之间精确 8px 间距 */
  margin-bottom: 20px;    /* 按钮行下方间距 15px */
}

/* 单个按钮默认样式（短按钮：≤5 个字） */ 
.btn-option {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px 0;        /* 👈 左右内边距改为 0，让文字真正居中 */
  font-size: 18px;
  text-align: center;     /* 左右居中 */
  line-height: 1.2;       /* 垂直居中更稳 */
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;          /* 👈 强力居中 */
  align-items: center;    /* 👈 垂直居中 */
  justify-content: center;/* 👈 水平居中 */
  width: 65px;            /* 短按钮固定宽度 */
  min-width: auto;
  height: 42px;           /* 固定高度，更整齐 */
}

/* 长按钮：文字超过5个字符（自动覆盖） */
.btn-option.long-btn {
  width: 102px;
  
  padding: 10px 22px;
  height: auto;           /* 高度自适应 */
}

/* 按钮选中状态（蓝色） */
.btn-option.active {
  background-color: #2B55A4;/* 背景蓝色 */
  color: #fff;              /* 文字白色 */
  border-color: #2B55A4;    /* 边框蓝色 */
}

/* 禁用按钮样式 */
.btn-option.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
/* =====================================
  表格样式
===================================== */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #333;
  table-layout: auto; /* 自动适应列宽 */
}
.spec-table th,
.spec-table td {
  border: 1px solid #ddd;
  padding: 10px;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap; /* 文字不换行 */
}
.spec-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}
.spec-table td:first-child {
  width: 160px; /* 第一列固定宽度 */
  text-align: left; /* 第一列文字左对齐 */
  padding-left: 12px;
}

/* 表格灰色行（分类标题行） */
.gray-row td {
  background-color: #EFEFEF !important;/* 强制浅灰色背景 */

}


.spec-table td {
  line-height: 1;
}


/* =====================================
  图片样式
===================================== */
/* 大图片：产品图 / 尺寸图 */
.big-img {
 width: 100% !important;       /* 缩小到70%，你可以改成 60% / 50% 更小 */
  height: 280px !important;
  display: block;
  margin: 0 auto !important;   /* 水平居中 */
  padding: 0;
  border: none;
}

.bigs-img {
 width: 85% !important;       /* 缩小到70%，你可以改成 60% / 50% 更小 */
  height: 480px !important;
  display: block;
  margin: 0 auto !important;   /* 水平居中 */
  padding: 0;
  border: none;
}
.bigr-img {
 width: 100% !important;       /* 缩小到70%，你可以改成 60% / 50% 更小 */
  height: 520px !important;
  display: block;
  margin: 0 auto !important;   /* 水平居中 */
  padding: 0;
  border: none;
}





.bigt-img {
 width: 70% !important;       /* 缩小到70%，你可以改成 60% / 50% 更小 */
  height: 190px !important;
  display: block;
  margin: 0 auto !important;   /* 水平居中 */
  padding: 0;
  border: none;
}






.bigc-img {
  width: 50% !important;       /* 缩小到70%，你可以改成 60% / 50% 更小 */
  height: auto;
  display: block;
  margin: 0 auto !important;   /* 水平居中 */
  padding: 0;
  border: none;
}

/* 针对图片所在单元格单独补样式 */
.spec-table td:has(.big-img ,.bigt-img) {
  padding-top: 0;
  vertical-align: top;
}

/* 小图片：配光曲线图 */
.small-img {
  width: auto; /* 固定宽度 150px */
  height: 180px;           /* 固定高度 150px */
  display: block;          /* 独占一行 */
  margin: 0 auto;          /* 水平居中 */
}

/* 加载提示样式 */
.loading-tip {
  text-align: center;
  
  font-size: 16px;
  color: #666;
}

/* 无数据提示 */
.no-data-tip {
  text-align: center;
  padding: 50px;
  font-size: 16px;
  color: #999;
}







/* ===================== 下载共用 ===================== */


/* 产品下载表格样式 */   
 /* 产品下载表格样式 */   
  /* 筛选器专用样式：左边竖排 + 右边表格 */
    .filter-row {
      display: flex;          /* 左右横向布局 */
      gap: 20px;               /* 左右间距 */
      margin: 20px 0;          /* 上下外边距 */
    }
    .filter-bar {
      width: 150px;            /* 固定宽度 */
      background: #fff;        /* 白色背景 */
      flex-shrink: 0;          /* 不压缩宽度 */
      display: flex;           /* 内部纵向排列 */
      flex-direction: column;  /* 垂直方向 */
      gap: 20px;               /* 下拉框之间间距 */
    }
    .filter-bar select {
      padding: 11px 10px;       /* 内边距 */
      width: 100%;             /* 填满父容器 */
      border-radius: 0;        /* 去掉圆角 */
    }
    .list {
      flex: 1;                  /* 占满剩余宽度 */
      background: #F7F8F8;     /* 白色背景 */
      overflow-x: auto;         /* 横向超出滚动 */
      margin-top: 20px;         /* 右边表格往下移20px */
    }
    table {
      width: 100%;
      border-collapse: collapse; /* 合并边框 */
    }
    th, td {
      border: 0px solid #ddd;   /* 边框 */
      padding: 10px;              /* 内边距 */
      text-align: left;          /* 左对齐 */
    }
    th {
      background: #eee;
    }
    option[disabled] {
      background: #f0f0f0;
      color: #999;
    }