.software-history {
  .SWHistory-container {
    display: flex;
    gap: 20px;
    .SWHistory-left {
      width: 264px;
      .SWHistory-l-software {
        &[data-toggle-status='open'] {
          .SWHistory-l-select-label-icon {
            transform: rotate(180deg);
          }
        }
        &[data-toggle-status='close'] {
          .SWHistory-l-select-label-icon {
            transform: rotate(0deg);
          }
        }
        .SWHistory-select-software-list {
          .SWHistory-select-software-item {
            font-size: 14px;
            &.active {
              color: var(--c-gray-900);
              background-color: var(--c-gray-400);
            }
            &:hover {
              color: var(--c-gray-900);
            }
          }
        }
      }
    }
    .SWHistory-right {
      .SWHistory-info-item {
        display: none;
        &.active {
          display: block;
        }
      }
      .SWHistory-r-history {
        .SWHistory-r-history-tab {
          position: relative;
          max-width: min(100%, 600px);
          justify-content: space-between;
          &:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ccc;
          }
          .SWHistory-r-history-tab-item {
            &.active {
              position: relative;
              color: var(--c-gray-900);
              &:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: var(--c-gray-900);
              }
            }
          }
        }

        /* 通过data-os属性，切换历史列表 */
      }
      .SWHistory-history-item {
        display: none;
        &.active {
          display: block;
        }
        .SWHistory-history-list {
          .SWHistory-history-item-content {
            display: none;
          }
          .SWHistory-history-item-content-baseinfo {
            .SWHistory-history-btn-group {
              a {
                color: #fff;
              }
              
              svg {
                width: 12px;
                path {
                  fill: #fff;
                }
              }
              .SWHistory-history-btn-download {
                background-color: #3aabfe;
                svg {
                  transform: rotate(-90deg);
                }
              }
              .SWHistory-history-btn-note {
                background-color: var(--c-gray-600);
                svg {
                  transform: rotate(-90deg);
                }
              }
            }
          }
        }
      }

      .SWHistory-history-item-content-note {
        border-top: 1px solid var(--c-gray-500);
        &[data-toggle-status='open'] {
          .SWHistory-history-item-content-note-content {
            display: block;
          }
        }
        &[data-toggle-status='close'] {
          .SWHistory-history-item-content-note-content {
            display: none;
          }
        }
      }
    }
  }
}


.SWHistory-r-history:has(#os-win:checked) .SWHistory-history-item-content[data-os="os-win"] {
  display: block;
}
.SWHistory-r-history:has(#os-mac:checked) .SWHistory-history-item-content[data-os="os-mac"] {
  display: block;
}
.SWHistory-r-history:has(#os-android:checked) .SWHistory-history-item-content[data-os="os-android"] {
  display: block;
}
.SWHistory-r-history:has(#os-ios:checked) .SWHistory-history-item-content[data-os="os-ios"] {
  display: block;
}