@charset "UTF-8";
.card[data-v-419d52c3] {
  transform-style: preserve-3d;
  transition: transform 0.6s;
  cursor: pointer;
  transform: rotateY(0deg); /* 翻转180度 */
  animation: flip-419d52c3 0.3s forwards; /* 使用 @keyframes 动画 */
}
.card__container[data-v-419d52c3] {
  width: 100%;
  height: 21vw;
  perspective: 1000px; /* 设置透视效果，用于翻转 */
  position: absolute;
  z-index: 3;
}
.card__init--back[data-v-419d52c3] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}
.card__init--back img[data-v-419d52c3] {
  height: 25px;
}
.card__front[data-v-419d52c3], .card__back[data-v-419d52c3] {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden; /* 隐藏背面 */
}
.card__front img[data-v-419d52c3], .card__back img[data-v-419d52c3] {
  height: 25px;
}
.card__front[data-v-419d52c3] {
  transform: rotateY(180deg); /* 初始状态背面朝上 */
  display: flex;
  justify-content: center;
  align-items: center;
}
.card__back[data-v-419d52c3] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
@keyframes flip-419d52c3 {
from {
    transform: rotateY(0deg);
}
to {
    transform: rotateY(-180deg);
}
}
@media screen and (min-width: 768px) {
.card__front img[data-v-419d52c3], .card__back img[data-v-419d52c3] {
    height: 30px;
}
}
.player__box[data-v-b6a6163c],
.banker__box[data-v-b6a6163c] {
  width: 40%;
  height: 20vw;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  position: absolute;
  bottom: 0;
}
.player__box .Points[data-v-b6a6163c],
.banker__box .Points[data-v-b6a6163c] {
  margin-top: -8px;
  font-size: 15px;
}
.player__box .Points__player[data-v-b6a6163c],
.banker__box .Points__player[data-v-b6a6163c] {
  color: #0054ff;
}
.player__box .Points__banker[data-v-b6a6163c],
.banker__box .Points__banker[data-v-b6a6163c] {
  color: #ff0000;
}
.player__box .Points__player[data-v-b6a6163c], .player__box .Points__banker[data-v-b6a6163c],
.banker__box .Points__player[data-v-b6a6163c],
.banker__box .Points__banker[data-v-b6a6163c] {
  font-weight: 600;
}
.player__box .Points__player[data-v-b6a6163c]::before, .player__box .Points__banker[data-v-b6a6163c]::before,
.banker__box .Points__player[data-v-b6a6163c]::before,
.banker__box .Points__banker[data-v-b6a6163c]::before {
  content: attr(data-storke);
  position: absolute;
  z-index: -1;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
}
.player__box .Points.banker[data-v-b6a6163c],
.banker__box .Points.banker[data-v-b6a6163c] {
  left: 0px;
}
.player__box .Points.player[data-v-b6a6163c],
.banker__box .Points.player[data-v-b6a6163c] {
  right: 0px;
}
.player__box--Player1[data-v-b6a6163c], .player__box--Player2[data-v-b6a6163c], .player__box--Player3[data-v-b6a6163c] {
  position: absolute;
  bottom: 32px;
}
.player__box--Player1[data-v-b6a6163c] {
  right: 32px;
}
.player__box--Player2[data-v-b6a6163c] {
  right: 5px;
}
.player__box--Player3[data-v-b6a6163c] {
  right: 65px;
  transform: rotateZ(90deg);
}
.banker__box[data-v-b6a6163c] {
  right: 0;
}
.banker__box--Banker1[data-v-b6a6163c], .banker__box--Banker2[data-v-b6a6163c], .banker__box--Banker3[data-v-b6a6163c] {
  position: absolute;
  bottom: 32px;
}
.banker__box--Banker1[data-v-b6a6163c] {
  left: 32px;
}
.banker__box--Banker2[data-v-b6a6163c] {
  left: 5px;
}
.banker__box--Banker3[data-v-b6a6163c] {
  left: 65px;
  transform: rotateZ(90deg);
}
@media screen and (min-width: 768px) {
.player__box[data-v-b6a6163c],
  .banker__box[data-v-b6a6163c] {
    bottom: 0 !important;
}
.player__box--Player1[data-v-b6a6163c], .player__box--Player2[data-v-b6a6163c], .player__box--Player3[data-v-b6a6163c] {
    bottom: 42px;
}
.player__box--Player1[data-v-b6a6163c] {
    right: 41px;
}
.player__box--Player2[data-v-b6a6163c] {
    right: 10px;
}
.player__box--Player3[data-v-b6a6163c] {
    right: 78px;
}
.banker__box--Banker1[data-v-b6a6163c], .banker__box--Banker2[data-v-b6a6163c], .banker__box--Banker3[data-v-b6a6163c] {
    bottom: 42px;
}
.banker__box--Banker1[data-v-b6a6163c] {
    left: 41px;
}
.banker__box--Banker2[data-v-b6a6163c] {
    left: 10px;
}
.banker__box--Banker3[data-v-b6a6163c] {
    left: 78px;
}
}