#game-container {
  position: relative;
  z-index: 2;
}
.dj {
  position: absolute;
  top: 37px;
  left: 0;
}
.dj,
.dj-img {
  width: 100vw;
}
#btn-album-back img {
  width: 208px;
}
.album-title-img {
  max-width: 348px !important;
  margin: 100px auto 0 !important;
}
.album-card-name {
  margin-top: -15px;
}
.album-card-portrait {
  height: 380px;
}
.album-grid {
  gap: 23px 10px !important;
}
.album-zhuangshi {
  position: absolute;
  bottom: 55px !important;
  transform: translateY(40%) !important;
}
#screen-versus .prep-header {
  padding: 0;
}
#screen-versus .prep-header #btn-versus-back img {
  width: 207px;
}
.versus-formation-panel {
  bottom: -140px;
}
.versus-formation-content {
  padding-top: 0;
  justify-content: flex-start;
}
.album-content {
  overflow: hidden;
}
.versus-slot {
  width: 150px;
  height: 150px;
}
.versus-row {
  border: 1px solid transparent;
}
.versus-row-items {
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: -65px;
  left: 0;
}
.versus-footer {
  bottom: -648px;
}
.versus-row-actions-div {
  position: absolute;
  top: -305px;
  left: 0;
  width: 100%;
}
.versus-row-actions-div .versus-row-actions {
  gap: 58px;
}
#screen-versus .versus-row-items {
  position: absolute;
  top: -430px;
  left: 0;
}
#screen-versus .versus-row-items .versus-slot {
  width: 104px;
  height: 97px;
}
#screen-versus .versus-row-chars {
  height: auto;
  box-sizing: border-box;
  position: absolute;
  top: -594px;
  left: 0;
}
#screen-versus .versus-formation-title {
  width: 132px;
  position: absolute;
  top: -710px;
  left: 50%;
}
#screen-versus .versus-formation-frame {
  position: absolute;
  top: -682px;
}
#screen-versus .versus-id-content {
  justify-content: flex-start;
}
#screen-versus .versus-id-title {
  margin-bottom: 10px;
  width: 132px;
}
#screen-versus .versus-input-box {
  width: 214px;
  height: 46px;
}
#screen-versus .versus-id-panel {
  width: 310px;
  top: 253px;
}
#screen-versus .versus-decoration {
  position: absolute;
  margin-top: 0;
  top: -400px;
}
#screen-prepare .prep-grid {
  margin-top: -12px;
  width: 70%;
}
#screen-prepare .item-mode {
  width: 83%;
}
#screen-prepare .item-mode .prep-card {
  transform: scale(0.9);
}
#screen-prepare .card-frame-wrap {
  background: url(./images/character/zhengkuang.webp) no-repeat;
  background-size: 100%;
  padding: 8px;
  box-sizing: border-box;
}
#screen-prepare .prep-zone3 {
  z-index: 5;
}
#screen-prepare .prep-zone4 {
  position: relative;
  height: 70px;
}
#screen-prepare .prep-zone4 .prep-zone4-img {
  position: absolute;
  top: -220px;
}
#screen-prepare .slot-frame {
  width: 100%;
  height: 100%;
}
#screen-prepare .slot-frame-wrap {
  background: url(./images/character/waikuang.webp) no-repeat;
  background-size: 100%;
  padding: 8px;
  box-sizing: border-box;
  overflow: hidden;
}
#screen-prepare .prep-item-slots {
  gap: 17px;
}
#screen-prepare .item-slot {
  width: calc(33.33% - 12px);
}
#screen-prepare .slot-frame-wrap .slot-select {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}