<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ä¸Šéƒ¨åˆ†æ¯”èµ›åŒæ–¹ */
.game-team {
  background: var(--background-primary);
  border-radius: 10px;
  padding: 32px;
}

.game-team .team-box {
  width: 200px;
}

.game-team .team-box .info {
  width: 100%;
}

.game-team .team-box .name {
  font-size: 16px;
  font-weight: bold;
  max-width: 100%;
}

.game-team .team-box .logo {
  width: 71px;
  height: 71px;
  border-radius: 50%;
  margin-bottom: 8px;
}

.game-team .vs-box {
  text-align: center;
  margin: 20px 62px 0;
}

.game-team .vs-box .vs {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}

.game-team .vs-box .begin {
  font-size: 16px;
  color: #999;
  white-space: nowrap;
}

.game-team .date {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  font-size: 18px;
  color: var(--color-text-primary);
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .game-team .team-box {
    width: 120px;
  }

  .game-team .team-box .info {
    flex-direction: row;
  }

  .game-team .vs-box {
    margin: 10px 5px 0;
  }

  .game-team .team-box .info {
    gap: 5px;
  }

  .game-team .team-box-left .info {
    justify-content: flex-end;
  }

  .game-team .team-box-left .info .logo {
    order: 2;
  }

  .game-team .team-box .info .logo {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
  }

  .game-team .team-box .info .name {
    font-weight: normal;
    font-size: var(--font-size-small);
  }
}

/* ä¸­é—´å¤§å›¾ç‰‡ */
.big-img img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 10px;
}

/* ä¸‹é¢å¡ç‰‡ */
.list-tab&gt;li&gt;a {
  font-size: var(--font-size-normal);
  background: none !important;
  padding: 8px 22px;
  /* margin: 24px 8px; */
}

.list-tab&gt;li.active&gt;a,
.list-tab&gt;li.active&gt;a:focus,
.list-tab&gt;li.active&gt;a:hover {
  background: none;
  color: var(--color-primary);
  font-weight: bold;
}

.list-tab&gt;li.active&gt;a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -17px;
  z-index: 1;
  content: '';
  width: 32px;
  height: 4px;
  background-color: var(--color-primary);
  border-radius: 2px;
}

/* æŽ¨èé¡µ */
.recommend {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .recommend {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-right: 0px;
  }

  .detail-list {
    padding: 10px;
  }
}

/* çƒé˜Ÿå¯¹æ¯” */
.game-team-box .game-team-info {
  gap: 5px;
}

.game-team-box .game-team-info .team {
  font-size: 16px;
  width: 250px;
  flex: 1;
}

.game-team-box .game-team-info .team-name {
  margin: 0 10px;
}

.game-team-box .game-team-info .team .team-logo {
  width: 39px;
  height: 39px;
  border-radius: 50%;
}

.game-team-box .game-team-info .statistics {
  margin: 0 35px;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-text-primary);
}

.game-team-box::before,
.game-team-box::after {
  content: '';
  width: 220px;
  height: 49px;
}

.game-team-box::before {
  background: linear-gradient(-45deg, transparent 34px, #ff5959 0);
  margin-left: -20px;
}

.game-team-box::after {
  background: linear-gradient(45deg, transparent 34px, #358fff 0);
  margin-right: -20px;
}

@media screen and (max-width: 767px) {
  .game-team {
    padding: 20px;
    justify-content: space-between;
  }

  .game-team .content {
    width: 100%;
  }

  .game-team .title-header .title-content {
    font-size: 14px;
    color: #999999;
    margin-left: 20px;
    margin-bottom: 12px;
    padding: 0;
  }

  .game-team .team-name .team-log img {
    width: 40px;
    height: 40px;
  }

  .game-team-box {
    justify-content: center;
  }

  .game-team-box::before,
  .game-team-box::after {
    display: none;
  }

  .game-team-box .game-team-info .team {
    width: 150px;
  }

  .game-team-box .game-team-info .statistics {
    margin: 0;
  }

  .big-img img {
    height: 258px;
  }
}

.progress-bar {
  display: flex;
  width: 100%;
}

.progress-bar .progress-bar-home {
  background: #ff3535;
}

.progress-bar .progress-bar-vs {
  background: #358fff;
}

/******************** æ–¹æ¡ˆå¡ç‰‡ ********************/
.programme-card {
  background: var(--background-regular);
  display: flex;
  flex-direction: column;
  padding: 15px;
  border: 1px solid var(--border-color-base);
  border-radius: 10px;
  position: relative;
}

.programme-card .programme-card-header {
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  margin-bottom: 20px;
}

.programme-card-user {
  flex: 1;
  width: 0;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.programme-card .programme-card-photo {
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.programme-card .programme-card-info {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
  flex: 1;
  width: 0;
}

/* .programme-card .status-tag-list {
  align-self: flex-start;
} */

.programme-user-name-box {
  display: flex;
  align-items: center;
}

.programme-card .programme-user-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-bottom: 8px;
  margin: 0;
  margin-right: 15px;
}

.programme-card .programme-card-probability {
  background: #fff1f3;
  border-radius: 20px 0 0 20px;
  display: flex;
  align-items: center;
  padding: 7px 15px;
  margin-right: -15px;
  height: 40px;
}

.programme-card .programme-probability-title {
  display: flex;
  flex-direction: column;
  color: #ff571d;
  font-size: var(--font-size-min);
}

.programme-card .programme-probability-val {
  color: #ff571d;
  font-size: var(--font-size-big);
  font-weight: bold;
  margin-left: 10px;
}

.programme-card .programme-card-detail {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 20px;
  font-size: var(--font-size-normal);
}

.programme-card .programme-card-game {
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  color: var(--color-text-regular);
}

.programme-card .programme-card-footer {
  margin-top: 20px;
  padding-top: 15px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid var(--border-color-lighter);
  white-space: nowrap;
}

.programme-card .programme-card-footer .none {
  display: none;
}

.programme-card .programme-card-footer .parting {
  margin: 0 10px;
  color: #ededed;
}

.programme-card .programme-card-footer .withdraw,
.programme-card .programme-card-footer .recover,
.programme-card .programme-card-footer .delete {
  border: none;
  background: none;
  color: var(--color-text-primary);
  font-size: 14px;
  padding: 0;
}

.programme-card .programme-card-footer .withdraw i,
.programme-card .programme-card-footer .recover i,
.programme-card .programme-card-footer .delete i {
  font-size: 14px;
  color: var(--color-text-secondary);
}

.programme-card .programme-price-block {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.programme-card .programme-price-status {
  padding: 5px 8px;
  border-radius: 20px;
  margin-right: 8px;
  color: #ffffff;
}

.programme-card .programme-price-new {
  color: #ff571d;
}

.programme-card .programme-price-old {
  font-size: var(--font-size-min);
  text-decoration: line-through;
  color: #ff8578;
}

.programme-card .programme-time {
  color: var(--color-text-secondary);
}

/* ä¼šå‘˜ä»· */
.programme-card .programme-vip-status {
  background: linear-gradient(90deg, #ffa641 0%, #ffc62b 100%);
}

/* æ–°äººä»· */
.programme-card .programme-newPeople-status {
  background: linear-gradient(90deg, #ff9277 0%, #ff530f 100%);
}

/* é™æ—¶å…è´¹ã€ä¸ä¸­é€€æ¬¾ */
.programme-card .programme-limit_free,
.programme-card .programme-miss_refund {
  height: 25px;
  width: auto;
  border-radius: 0;
  padding: 5px 8px;
}

.programme-card .programme-miss_refund {
  height: 20px;
}

/* å‘½ä¸­ã€æœªä¸­ */
.programme-card.programme-card-hit::after,
.programme-card.programme-card-miss::after {
  content: ' ';
  position: absolute;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  right: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

/* å·²ä¸­çŠ¶æ€ */
.programme-card.programme-card-hit::after {
  background-image: url(../images/programme_hit.png);
}

/* æœªä¸­çŠ¶æ€ */
.programme-card.programme-card-miss::after {
  background-image: url(../images/programme_miss.png);
}

/* å·²ä¸­ã€æœªä¸­çŠ¶æ€ï¼ˆæ™®é€šï¼‰ */
.programme-card.programme-card-hit .programme-card-probability,
.programme-card.programme-card-miss .programme-card-probability {
  visibility: hidden;
}

/* å·²ä¸­ã€æœªä¸­çŠ¶æ€ï¼ˆç®€ç•¥ï¼‰ */
.programme-card.programme-card-simple.programme-card-hit .programme-card-detail,
.programme-card.programme-card-simple.programme-card-miss .programme-card-detail {
  margin-right: 40px;
}

/*æ–¹æ¡ˆæ•°è§’æ&nbsp;‡*/
.badge-message {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-primary);
  border-radius: 50%;
  color: white;
  font-size: var(--font-size-normal);
  line-height: 1;
  padding: 2px;
  min-width: 18px;
  text-align: center;
}
</pre></body></html>