.Card {
  width: 320px;
  height: 328px;
  box-sizing: border-box;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  @keyframes shimmer {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }

  &__Skeleton {
    position: absolute;
    left: 118px; /* X */
    top: 204px; /* Y */
    width: 100px;
    display: grid;
    grid-auto-rows: min-content;
    row-gap: 7px; /* 间距 10px */

    &__Bar {
      height: 7px;
      background-color: rgba(205, 208, 220, 0.15);
      position: relative;
      overflow: hidden;

      &::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-100%);
        background-image: linear-gradient(
          90deg,
          rgba(205, 208, 220, 0),
          rgba(205, 208, 220, 0.2),
          rgba(205, 208, 220, 0)
        );
        animation: shimmer 1.2s infinite;
      }
    }
  }
}
