.container {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px;
  background-color: #313239;
  max-height: calc(~'100vh - 64px');
  overflow-y: auto;

  .cover {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%; // 9/16 画板尺寸16：9
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--easyv-background-1);
    &:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: opacity 0.2 ease;
    }

    button {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: opacity 0.2 ease;
      z-index: 2;
    }

    &:hover {
      button {
        opacity: 1;
      }
      &:after {
        opacity: 1;
      }
    }
  }

  .footer {
    width: 100%;
    margin-top: 15px;
  }
}
