.sec2-tabs-box {
  position: relative; /* 作为子元素的定位容器 */
  min-height: 300px;}

.sec2-tabs-box .sec2-box1 {
  position: absolute; /* 脱离文档流，不占位 */
  top: 0;
  left: 0;
  width: 100%; /* 与容器同宽 */
  /* 初始隐藏状态：视觉不可见，但保留dom和交互 */
  opacity: 0;
  pointer-events: none; /* 隐藏时暂时禁用鼠标交互（避免误触） */
  transform: translateX(100%); /* 位移增强隐藏效果 */
  transition: opacity 0.3s, transform 0.3s;}

/* 当前显示项：恢复可见和交互 */
.sec2-tabs-box .sec2-box1.active {
  position: relative;
  opacity: 1;
  pointer-events: auto; /* 允许鼠标交互 */
  transform: translateX(0); /* 恢复位置 */
  z-index: 1;}