.A2layout {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  background-image: url('../../assets/img/layout_bg.jpg');
  background-size: 100% 100%;
  :global {
    .Logo {
      position: absolute;
      top: 20px;
      left: 30px;
    }
    .siderBar {
      position: absolute;
      right: 0;
      top: 0;
      width: 231px;
      height: 100%;
      background-color: rgba(141, 84, 95, 0.8);
      background-image: url('../../assets/img/siderBar_bg.png');
      background-size: 100% 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 100px;
      .detailPanel,
      .introPanel {
        width: 100%;
        height: 200px;
        text-align: center;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .A2layout {
    :global {
      .tabBar {
        width: 100%;
        .tabBtn {
          height: 70px;
          padding: 10px;
          line-height: 20px;
        }
      }
    }
  }
}