.white_content {
        display: none;
        position: absolute;
        top: 0.5em;
        left: 25%;
        width: 50%;
        height: 40em;
        padding: 7px;
        border: 4px solid #4CAF50;
        border-radius: 10px;
        background-color: white;
        z-index:1002;
    }

    .this_sum {
        display: none;
        position: absolute;
        font-weight:bold;
        top: 0;
        left: 10%;
        width: 80%;
        height: 100%;
        padding: 7px;
        border: 4px solid #4CAF50;
        border-radius: 10px;
        background-color: white;
        z-index:20;
    }

    .grid-transaction-type {
          display: grid;
          margin-top: 1em;
          margin-left:10%;
          width: 80%;
          grid-template-columns: repeat(4, 1fr);
          grid-template-rows: repeat(auto-fill, 2.6em); /* 每行固定50px */
          gap: 5px;
          height: 11em;       /* 设置固定高度，可按需调整 */
          overflow-y: auto;    /* 内容超出时显示垂直滚动条 */
          border: 1px solid #ccc;
          padding: 5px;
          border-radius: 8px;
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* 阴影效果 */
          transition: box-shadow 0.3s; /* 动画过渡效果 */
    }

    .cell {
          height: 2.2em;
          background: #fff;
          border: 1px solid #ddd;
          border-radius: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 3px;
          overflow: hidden;
    }

    .text {
          font-size: 0.8em;
          width: 100%;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
    }