@charset "utf-8";
/* CSS Document */

    .resizeable-cell {
      position: relative;
	  overflow: hidden;
      width: 100%;
      border: 0;
      cellspacing: 0;
      cellpadding: 0;
    }

    .resizeable-cell tr td {
      text-align: center;
    }

    .centered-cell {
      height: 2px;
      background-color: #FF0000;
      margin: 0 auto;
      transition: width 0.2s; /* 过渡动画效果，持续时间为1秒 */
      opacity: 0;
      width: 25%; /* 初始宽度为25% */
	  max-width: 133px;
    }

    .resizeable-cell:hover .centered-cell {
      width: 80%; /* 鼠标悬停时，将宽度更改为80% */
	  opacity: 100%;

    }

.outer-table {
  width: 55vw;
  height: auto; /* 设置为auto以允许高度自动调整 */
  border: 0;
  cellspacing: 0;
  cellpadding: 0;
  background: linear-gradient(to left, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
  position: relative;
  overflow: hidden;
}

  .inner-table {
    width: 100%;
    height: 11vh;
    border: 0;
    cellspacing: 0;
    cellpadding: 0;
  }