/* Dragon assistant cards: Jalwa / real SaaS ChangLong layout. */

.changLong__C-bet[data-v-91d808d9],
.changLong__C-bet {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .18rem !important;
  width: auto !important;
  margin: .24rem .32rem 0 !important;
  padding: .28rem .24rem .24rem !important;
  box-sizing: border-box !important;
  background: #111e59 !important;
  border-radius: .18rem !important;
  overflow: visible !important;
}

.changLong__C-bet-l[data-v-91d808d9],
.changLong__C-bet-l {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: .14rem !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  grid-template-columns: none !important;
}

.changLong__C-bet-l .titel[data-v-91d808d9],
.changLong__C-bet-l .titel {
  width: 100% !important;
  height: .56rem !important;
  margin: 0 !important;
  padding-left: 1.02rem !important;
  text-align: left !important;
  font-size: .36rem !important;
  font-weight: 700 !important;
  line-height: .56rem !important;
  color: #fff !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  background-size: .82rem .54rem !important;
}

.changLong__C-bet-l .num[data-v-91d808d9],
.changLong__C-bet-l .num {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .16rem !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: .3rem !important;
  color: #dce6ff !important;
  overflow-wrap: anywhere !important;
}

.changLong__C-bet-l .time[data-v-91d808d9],
.changLong__C-bet-l .time {
  color: #ff4d5e !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}

.changLong__C-bet-l .other[data-v-91d808d9],
.changLong__C-bet-l .other {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .1rem !important;
  width: 100% !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
}

.changLong__C-bet-l .other > div[data-v-91d808d9],
.changLong__C-bet-l .other > div {
  margin: 0 !important;
  border-radius: .08rem !important;
  font-size: .28rem !important;
  font-weight: 700 !important;
  line-height: .56rem !important;
  white-space: nowrap !important;
}

.changLong__C-bet-l .remark[data-v-91d808d9],
.changLong__C-bet-l .remark {
  background: #2a3558 !important;
  color: #c9d3ef !important;
  padding: 0 .16rem !important;
}

.changLong__C-bet-l .gameResult[data-v-91d808d9],
.changLong__C-bet-l .gameResult {
  min-width: .9rem !important;
  padding: 0 .16rem !important;
  text-align: center !important;
  font-size: 0 !important;
  color: transparent !important;
}

.changLong__C-bet-l .gameResult::after {
  font-size: .28rem !important;
  font-weight: 700 !important;
  color: #fff !important;
}

.changLong__C-bet-l .gameResult.bg-H {
  background: #f5a036 !important;
}
.changLong__C-bet-l .gameResult.bg-H::after { content: "Big"; }

.changLong__C-bet-l .gameResult.bg-L {
  background: #4d8fe8 !important;
}
.changLong__C-bet-l .gameResult.bg-L::after { content: "Small"; }

.changLong__C-bet-l .gameResult.bg-O {
  background: #f5a036 !important;
}
.changLong__C-bet-l .gameResult.bg-O::after { content: "Odd"; }

.changLong__C-bet-l .gameResult.bg-E {
  background: #e83b3b !important;
}
.changLong__C-bet-l .gameResult.bg-E::after { content: "Even"; }

.changLong__C-bet-l .issue[data-v-91d808d9],
.changLong__C-bet-l .issue {
  background: #1ad6d0 !important;
  color: #08343a !important;
  padding: 0 .16rem !important;
}

.changLong__C-bet-r[data-v-91d808d9],
.changLong__C-bet-r {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .16rem !important;
  width: 100% !important;
  margin: .06rem 0 0 !important;
  justify-content: stretch !important;
}

.changLong__C-bet-r > div[data-v-91d808d9],
.changLong__C-bet-r > div {
  width: 100% !important;
  min-width: 0 !important;
  height: .82rem !important;
  min-height: .82rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: .12rem !important;
  font-size: .34rem !important;
  font-weight: 700 !important;
  line-height: .82rem !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.changLong__C-bet-r > div:first-child {
  background: #f5a036 !important;
}
.changLong__C-bet-r > div:last-child {
  background: #4d8fe8 !important;
}
.changLong__C-bet-r > div.active {
  filter: brightness(1.08);
  box-shadow: inset 0 0 0 .03rem rgba(255,255,255,.35);
}
.changLong__C-bet-r.disable > div {
  opacity: .45 !important;
  pointer-events: none !important;
}