/*! Copyright (C) 2017 - 2025 HYPERGRYPH. All rights reserved. */
.KXADwl {
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
.Bwbf5U {
  animation: xAouYG 1s linear infinite;
  border: 0.3125rem solid #1bd1fe;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  height: 3rem;
  width: 3rem;
}
@keyframes xAouYG {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.Ysu7ON {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.Ysu7ON .WL_vun {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/no-data.b175c7.svg)
    no-repeat 50% / cover;
  height: 12.3125rem;
  width: 12.5625rem;
}
.Ysu7ON .SOppIE {
  font-family: Oswald-Bold;
  font-size: 1.25rem;
}
.Ysu7ON .G2H2RA,
.Ysu7ON .SOppIE {
  color: #fff;
  font-style: normal;
  line-height: normal;
  text-align: center;
}
.Ysu7ON .G2H2RA {
  font-size: 0.875rem;
  font-weight: 400;
}
.Ysu7ON .rSOzFf {
  background: #1bd1fe;
  color: #202020;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-top: 1.5rem;
  text-align: center;
  width: 19.1875rem;
}
._1TGKn {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
._1TGKn .Ki_lH3 {
  background: #1bd1ff
    url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/modal-bg.eca382.svg)
    no-repeat 100%;
  background-size: 27.5rem 27.5625rem;
  color: #fff;
  font-size: 2rem;
  height: 27.5625rem;
  left: 50%;
  margin: -11.25rem 0 0 -18.75rem;
  padding: 1.125rem 1.5rem;
  position: fixed;
  top: 50%;
  width: 39.375rem;
  z-index: 999;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .Ki_lH3 {
    height: 31.125rem;
    left: 0;
    margin: 0 2.5rem;
    right: 0;
    top: 6.25rem;
    width: auto;
  }
}
._1TGKn .jjAh6E {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: space-between;
}
._1TGKn .jjAh6E .JTcENM {
  background: #fff;
  height: 0.0625rem;
  width: 29.375rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .jjAh6E .JTcENM {
    flex: 1 1;
    margin-left: 0.3125rem;
    width: 9.375rem;
  }
}
._1TGKn .jjAh6E .Xi_Psg {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im01IDUgMTUgMTVNMjAgNSA1IDIwIi8+PC9nPjwvc3ZnPg==)
    no-repeat 50% / cover;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}
._1TGKn .lmlBTE {
  height: 10.5625rem;
  margin-left: 1rem;
  margin-top: 1.5625rem;
  position: relative;
  width: 32.3125rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .lmlBTE {
    height: 14.75rem;
    margin: 2rem auto 2.5rem;
    width: 13.375rem;
  }
}
._1TGKn .lmlBTE .MRm3G3 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NTciIGhlaWdodD0iMjE1IiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxMCIgZD0iTTQ1IDVoNTA3djE1OUg0NXoiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iNTU3IiBoZWlnaHQ9IjIxNSIgeD0iMCIgeT0iMCIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9ImhhcmRBbHBoYSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPjxmZU9mZnNldCBkeD0iLTIxIiBkeT0iMjciLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI5LjUiLz48ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMiAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzMzOF8zNzUiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzM4XzM3NSIgcmVzdWx0PSJzaGFwZSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=)
    no-repeat 50% / cover;
  height: 13.4375rem;
  left: -2.5rem;
  position: absolute;
  width: 34.8125rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .lmlBTE .MRm3G3 {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTQiIGhlaWdodD0iMjgyIiBmaWxsPSJub25lIj48ZyBmaWx0ZXI9InVybCgjYSkiPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI4IiBkPSJNNDQgNGgyMDZ2MjI4SDQ0eiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIyNTQiIGhlaWdodD0iMjgyIiB4PSIwIiB5PSIwIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIi8+PGZlT2Zmc2V0IGR4PSItMjEiIGR5PSIyNyIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjkuNSIvPjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yIDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNDc1XzM2Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzQ3NV8zNiIgcmVzdWx0PSJzaGFwZSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=)
      no-repeat 50% / cover;
    height: 17.625rem;
    width: 15.875rem;
  }
}
._1TGKn .lmlBTE .lmwGaF {
  background: #242424
    url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/modal-mask.122f38.png)
    no-repeat 50% / cover;
  box-shadow: 0 1.125rem 1.125rem rgba(0, 0, 0, 0.25);
  height: 10.0625rem;
  left: 1.5rem;
  padding: 0 1.5rem;
  position: absolute;
  top: 2.4375rem;
  width: 32.3125rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .lmlBTE .lmwGaF {
    height: 14.75rem;
    left: 1rem;
    padding: 0 1rem;
    top: 1rem;
    width: 13.375rem;
  }
}
._1TGKn .lmlBTE .nKu2t6 {
  align-items: center;
  display: flex;
  height: 3.3125rem;
  padding: 1rem 0;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .lmlBTE .nKu2t6 {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
  }
}
._1TGKn .lmlBTE .gvURWD {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 400;
  width: 7.9375rem;
}
._1TGKn .lmlBTE .gvURWD,
._1TGKn .lmlBTE .w6E2EY {
  display: inline-block;
  font-size: 0.875rem;
  line-height: normal;
}
._1TGKn .lmlBTE .w6E2EY {
  color: #fff;
  font-weight: 500;
}
._1TGKn .lmlBTE .yzsFsg {
  border-bottom: 0.0625rem solid hsla(0, 0%, 100%, 0.2);
}
._1TGKn .Eg21tu {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 6.25rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 3.9375rem auto 0;
  text-align: center;
  width: 33.875rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .Eg21tu {
    font-size: 0.75rem;
    height: auto;
    line-height: normal;
    margin: 2.5rem 2.5rem 0;
    padding: 0.25rem 1rem;
    text-align: left;
    width: auto;
  }
}
._1TGKn .S6qitW {
  background: #1bd1ff;
  height: 5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: 2rem;
  padding: 1.25rem 3rem 1.25rem 1.5rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .S6qitW {
    padding: 1.25rem 1.5rem;
  }
}
._1TGKn .S6qitW .EfkxD8,
._1TGKn .S6qitW .rzojOX {
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 0.75rem;
  position: relative;
  width: 8.75rem;
}
@media only screen and (orientation: portrait) {
  ._1TGKn .S6qitW .EfkxD8,
  ._1TGKn .S6qitW .rzojOX {
    width: 7.6875rem;
  }
}
._1TGKn .S6qitW .rzojOX {
  background: #595959;
  margin-right: 1rem;
}
._1TGKn .S6qitW .EfkxD8 {
  background: #000;
}
._1TGKn .S6qitW .irXXik {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMTMgNi4zMTZWMy40ODhsMS4yNjggMS4yNjcgNC40MDMgNC40MDMtMS40MTQgMS40MTV6bTAgMTIuNDI3TDkuNSAxNy41NThsNS43MzUtNS43MzYuMDExLjAxMi43MDctLjcwNy42OTYuNjk1LjcwNy43MDctLjcwNy43MDctNS43MzUgNS43MzYtMi42IDIuNTk5eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    no-repeat 50% / cover;
  height: 1.5rem;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
  width: 1.5rem;
}
.QINbX3 {
  padding-bottom: 5rem;
}
.KSUFNd .WH4CY3 {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/gift-redemption.3d2d7a.svg)
    no-repeat 50%;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 4.4375rem;
  line-height: 1.375rem;
  margin: 2rem auto 1.9375rem;
  padding-top: 2.5rem;
  text-align: center;
  width: 21.375rem;
}
@media only screen and (orientation: portrait) {
  .KSUFNd .WH4CY3 {
    font-size: 1.25rem;
    height: 3.6875rem;
    margin-bottom: 2.6875rem;
    margin-top: 1.5rem;
    width: 17.8125rem;
  }
}
.KSUFNd .heFowv {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media only screen and (orientation: portrait) {
  .KSUFNd .heFowv {
    font-size: 0.75rem;
  }
}
.KSUFNd .heFowv span {
  color: #c4c2c2;
}
.KSUFNd .PRND9R {
  background: #222;
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.2);
  color: #fff;
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  height: 3.125rem;
  letter-spacing: 0.45rem;
  margin: 0 auto;
  text-align: center;
  width: 39.3125rem;
}
@media only screen and (orientation: portrait) {
  .KSUFNd .PRND9R {
    margin: 0 1.5rem;
    width: calc(100vw - 3rem);
  }
}
.KSUFNd .PRND9R:focus {
  border: 0.0625rem solid hsla(0, 0%, 100%, 0.5);
  outline: none;
}
.KSUFNd .yPkFWF {
  background: #1bd1fe;
  color: #202020;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 2.5rem auto 0;
  text-align: center;
  width: 19.1875rem;
}
.KSUFNd .yPkFWF.gBJ9Mp {
  background: #ababab;
  cursor: not-allowed;
}
.KSUFNd .yPkFWF:hover {
  background: #11b6dd;
}
.uD0yES {
  overflow: hidden;
  position: relative;
}
.uD0yES .WH4CY3 {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/redemption-rules.b6b3a1.svg)
    no-repeat 50%;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 4.4375rem;
  line-height: 1.375rem;
  margin: 5rem auto 3.75rem;
  padding-top: 2.5rem;
  text-align: center;
  width: 17.875rem;
}
@media only screen and (orientation: portrait) {
  .uD0yES .WH4CY3 {
    font-size: 1.25rem;
    height: 3.6875rem;
    margin-bottom: 3.0625rem;
    width: 14.9375rem;
  }
}
.uD0yES .us0THA {
  color: #ababab;
  font-size: 0.875rem;
  font-weight: 400;
  height: 13.875rem;
  line-height: 1.375rem;
  margin: 0 auto;
  position: relative;
  width: 49.4375rem;
}
@media only screen and (orientation: portrait) {
  .uD0yES .us0THA {
    font-size: 0.625rem;
    height: 14.125rem;
    margin: 0 1.5rem;
    width: auto;
  }
}
.uD0yES .us0THA .d1LzTV {
  background: #020202;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 1.5rem 0 1.5rem 9.625rem;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media only screen and (orientation: portrait) {
  .uD0yES .us0THA .d1LzTV {
    padding: 0.75rem;
  }
}
.uD0yES .dDoqws {
  background: hsla(0, 0%, 100%, 0.4);
  position: absolute;
  z-index: 1;
}
.uD0yES .dDoqws.VhGOAf {
  height: 6.25rem;
  left: -0.3125rem;
  top: -1.5625rem;
  width: 0.0625rem;
}
.uD0yES .dDoqws.U8XFHQ {
  height: 6.25rem;
  left: -0.25rem;
  top: -1.5625rem;
  transform: rotate(-90deg);
  transform-origin: center 1.25rem;
  width: 0.0625rem;
}
.uD0yES .dDoqws.OpF5z8 {
  bottom: -1.5625rem;
  height: 6.25rem;
  right: -0.3125rem;
  width: 0.0625rem;
}
.uD0yES .dDoqws.zdKIJB {
  bottom: -5.3125rem;
  height: 6.25rem;
  right: -0.25rem;
  transform: rotate(90deg);
  transform-origin: center 1.25rem;
  width: 0.0625rem;
}
.uD0yES .kuaY43 {
  color: #0d0d0d;
  font-family: Oswald-Bold;
  font-size: 25rem;
  left: -6.25rem;
  line-height: 37.0625rem;
  position: absolute;
  text-transform: uppercase;
  top: -8.75rem;
}
.uD0yES .g0p0_g {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/exchange-records.9eaf78.svg)
    no-repeat 50%;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 4.4375rem;
  line-height: 1.375rem;
  margin: 5rem auto 1.75rem;
  padding-top: 2.5rem;
  position: relative;
  text-align: center;
  width: 20.6875rem;
}
@media only screen and (orientation: portrait) {
  .uD0yES .g0p0_g {
    font-size: 1.25rem;
    height: 3.6875rem;
    margin-bottom: 2.6875rem;
    width: 17.25rem;
  }
}
.ZE3Vi7 {
  margin: 0 auto;
}
body[data-rotate="1"] .ZE3Vi7 {
  width: 49.4375rem;
}
@media only screen and (orientation: landscape) {
  .ZE3Vi7 {
    width: 49.4375rem;
  }
}
.ZE3Vi7 .Z75zXf {
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  margin: 0 auto 0.75rem;
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .Z75zXf {
    display: none;
  }
}
.ZE3Vi7 .Z75zXf .T4Hm68 {
  padding-left: 1.5rem;
  width: 24.75rem;
}
.ZE3Vi7 .Z75zXf .uI69_f {
  width: 14.3125rem;
}
.ZE3Vi7 .Z75zXf .pVp5Ee {
  width: 10.875rem;
}
.ZE3Vi7 .oHHcf2 {
  height: 30.625rem;
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .oHHcf2 {
    margin: 0 1rem;
  }
}
.ZE3Vi7 .x5Hm93 .EASM8n {
  background: #0d0d0d;
  color: #ababab;
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  height: 2.5rem;
  line-height: 1.375rem;
  margin-bottom: 0.625rem;
}
body[data-rotate="1"] .ZE3Vi7 .x5Hm93 .EASM8n {
  align-items: center;
  width: 49.4375rem;
}
@media only screen and (orientation: landscape) {
  .ZE3Vi7 .x5Hm93 .EASM8n {
    align-items: center;
    width: 49.4375rem;
  }
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .x5Hm93 .EASM8n {
    flex-direction: column;
    height: 4.125rem;
    padding: 0.75rem 1.5rem 0.75rem 0.75rem;
  }
}
.ZE3Vi7 .x5Hm93 .eZPWOX {
  overflow: hidden;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 24.75rem;
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .x5Hm93 .eZPWOX {
    color: #fff;
    padding: 0;
    width: auto;
  }
}
.ZE3Vi7 .x5Hm93 .LApyZi {
  display: flex;
  font-size: 0.75rem;
  justify-content: space-between;
  width: auto;
}
body[data-rotate="1"] .ZE3Vi7 .x5Hm93 .LApyZi {
  display: none;
}
@media only screen and (orientation: landscape) {
  .ZE3Vi7 .x5Hm93 .LApyZi {
    display: none;
  }
}
.ZE3Vi7 .x5Hm93 .JjK2Ch {
  width: 14.3125rem;
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .x5Hm93 .JjK2Ch {
    display: none;
  }
}
.ZE3Vi7 .x5Hm93 .wIdRLX {
  width: 10.875rem;
}
@media only screen and (orientation: portrait) {
  .ZE3Vi7 .x5Hm93 .wIdRLX {
    display: none;
  }
}
.ZE3Vi7 .aWJL4l {
  font-size: 0.875rem;
  margin: 3.125rem 0;
  text-align: center;
}
.UA38dK {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/toast.f02d69.png)
    no-repeat 50% / cover;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  height: 0;
  left: 0;
  line-height: 2.5rem;
  margin: 0 auto;
  opacity: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.2);
  top: 2.5rem;
  transition: opacity 0.3s ease;
  width: 39.375rem;
  z-index: 9999;
}
@media only screen and (orientation: portrait) {
  .UA38dK {
    margin: 0 1.5rem;
    width: auto;
  }
}
.UA38dK.BF63_M {
  height: 2.5rem;
  opacity: 1;
}
.N8oaZZ {
  background: #fff;
  border-radius: 0.0625rem;
}
.N8oaZZ,
.gNhUss {
  width: 0.625rem !important;
}
.gNhUss {
  background-image: linear-gradient(
    90deg,
    transparent 0,
    transparent 30%,
    #ababab 0,
    #ababab 70%,
    transparent 0
  );
}
.oFCHMT {
  width: 100%;
}
.HgfD8Q {
  margin: 0 auto;
}
.HgfD8Q .tshJ_L {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/visit-record.18bb5c.svg)
    no-repeat 50%;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 4.4375rem;
  line-height: 1.375rem;
  margin: 2rem auto 1.9375rem;
  padding-top: 2.5rem;
  text-align: center;
  width: 28.375rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .tshJ_L {
    font-size: 1.25rem;
    height: 3.6875rem;
    margin-bottom: 2.875rem;
    margin-top: 1.5rem;
    width: 23.625rem;
  }
}
.HgfD8Q .mzlLY0 {
  margin: 0 auto;
  width: 49.4375rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 {
    margin: 0 1rem;
    width: auto;
  }
}
.HgfD8Q .mzlLY0 .pvfQQe {
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  margin: 0 auto 1.125rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .pvfQQe {
    display: none;
  }
}
.HgfD8Q .mzlLY0 .pvfQQe ._P1qVa {
  padding-left: 1.5rem;
  width: 21rem;
}
.HgfD8Q .mzlLY0 .pvfQQe .Zs7Y7r {
  width: 19.25rem;
}
.HgfD8Q .mzlLY0 .pvfQQe .GETong {
  width: 9.1875rem;
}
.HgfD8Q .mzlLY0 .EkxzYd {
  color: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.375rem;
  width: 49.4375rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd {
    width: auto;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .gX_vOH {
  background: #0d0d0d;
  display: flex;
  margin-bottom: 0.625rem;
}
body[data-rotate="1"] .HgfD8Q .mzlLY0 .EkxzYd .gX_vOH {
  align-items: center;
  width: 49.4375rem;
}
@media only screen and (orientation: landscape) {
  .HgfD8Q .mzlLY0 .EkxzYd .gX_vOH {
    align-items: center;
    width: 49.4375rem;
  }
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .gX_vOH {
    flex-direction: column;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .oX8Bos {
  padding: 0.75rem;
  position: relative;
}
.HgfD8Q .mzlLY0 .EkxzYd .oX8Bos:after {
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.2)
  );
  bottom: 0;
  content: "";
  height: 0.0625rem;
  left: 0.75rem;
  position: absolute;
  width: 21rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .oX8Bos .h1yWiG {
  color: #fff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .oX8Bos .feiJCc {
  color: #676767;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
body[data-rotate="1"] .HgfD8Q .mzlLY0 .EkxzYd .oX8Bos {
  display: none;
}
@media only screen and (orientation: landscape) {
  .HgfD8Q .mzlLY0 .EkxzYd .oX8Bos {
    display: none;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 21rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .ORrqqm {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO {
  align-items: center;
  display: flex;
  height: 3.5rem;
  position: relative;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .QnXVrG {
  background: #2295f1;
  color: #0d0d0d;
  font-family: Oswald-Bold;
  font-size: 0.875rem;
  height: 0.75rem;
  left: -2.5rem;
  line-height: 0.75rem;
  line-height: 12px;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
  top: 0.75rem;
  width: 2.1875rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .FREEQnXVrG {
  background: #2295f1;
  color: #0d0d0d;
  font-family: Oswald-Bold;
  font-size: 0.875rem;
  height: 0.75rem;
  left: -2.5rem;
  line-height: 0.75rem;
  line-height: 12px;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
  top: 2rem;
  width: 2.1875rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .QnXVrG {
    font-size: 0.6875rem;
    height: 0.625rem;
    left: -1.6875rem;
    line-height: 0.6875rem;
    width: 1.5625rem;
  }
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .FREEQnXVrG {
    font-size: 0.6875rem;
    height: 0.625rem;
    left: -1.6875rem;
    line-height: 0.6875rem;
    width: 1.5625rem;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO.xXeEb3:after {
  background: linear-gradient(
    270deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.2)
  );
  bottom: 0;
  content: "";
  height: 0.0625rem;
  left: 0;
  position: absolute;
  width: 17rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO.xXeEb3:after {
    width: 21rem;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO img {
  border-radius: 0.125rem;
  height: 2rem;
  margin-right: 0.5rem;
  width: 2rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO img.UN5Fou {
  border: 0.0625rem solid #f7ff00;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO img.A0qObD {
  border: 0.0625rem solid #cc7a00;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO img.spIT3K {
  border: 0.0625rem solid #a231ff;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .NgcapS {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 7.75rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY {
  height: 0.875rem;
  width: 8.625rem;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY.UN5Fou {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0ibTUyLjg2MS42MS0yLjY4IDQuNjgzLTUuMjA5LTEuNDEyIDMuNjI1IDMuOTk3LTIuOTUxIDQuNTE3IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4My01LjM2NCA1LjA0Mi0xLjkyTDUzLjEyNyA2eiIvPjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Im01Mi44NjEuNjEtMi42OCA0LjY4My01LjIwOS0xLjQxMiAzLjYyNSAzLjk5Ny0yLjk1MSA0LjUxNyA0LjkyLTIuMjEyIDMuMzg0IDQuMjAyLS41ODMtNS4zNjQgNS4wNDItMS45Mkw1My4xMjcgNnoiLz48cGF0aCBmaWxsPSJ1cmwoI2MpIiBkPSJNNDEuNzgyLjYxIDM5LjEgNS4yOTMgMzMuODkzIDMuODhsMy42MjQgMy45OTctMi45NSA0LjUxNyA0LjkyLTIuMjEyIDMuMzgzIDQuMjAyLS41ODMtNS4zNjRMNDcuMzMgNy4xIDQyLjA0NyA2eiIvPjxwYXRoIGZpbGw9InVybCgjZCkiIGQ9Ik0zMC43ODIuNjEgMjguMSA1LjI5MyAyMi44OTMgMy44OGwzLjYyNCAzLjk5Ny0yLjk1IDQuNTE3IDQuOTItMi4yMTIgMy4zODMgNC4yMDItLjU4My01LjM2NEwzNi4zMyA3LjEgMzEuMDQ3IDZ6Ii8+PHBhdGggZmlsbD0idXJsKCNlKSIgZD0iTTE5Ljc4Mi42MSAxNy4xIDUuMjkzIDExLjg5MyAzLjg4bDMuNjI0IDMuOTk3LTIuOTUgNC41MTcgNC45Mi0yLjIxMiAzLjM4MyA0LjIwMi0uNTgzLTUuMzY0TDI1LjMzIDcuMSAyMC4wNDcgNnoiLz48cGF0aCBmaWxsPSJ1cmwoI2YpIiBkPSJNOC43ODIuNjEgNi4xIDUuMjkzLjg5MyAzLjg4bDMuNjI0IDMuOTk3LTIuOTUgNC41MTcgNC45Mi0yLjIxMiAzLjM4MyA0LjIwMi0uNTgzLTUuMzY0IDUuMDQyLTEuOTJMOS4wNDcgNnoiLz48cGF0aCBmaWxsPSJ1cmwoI2cpIiBkPSJtNjQuMTYyLjYxLTIuNjggNC42ODMtNS4yMDktMS40MTIgMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0TDY5LjcxIDcuMSA2NC40MjggNnoiLz48cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS1vcGFjaXR5PSIuNCIgc3Ryb2tlLXdpZHRoPSIuMiIgZD0ibTUwLjE1NCA1LjM5LjA3NS4wMi4wMzgtLjA2OEw1Mi43NzguOTU2bC4yNDkgNS4wNDguMDA0LjA3Ny4wNzUuMDE2IDQuOTQ4IDEuMDMyLTQuNzIzIDEuNzk4LS4wNzIuMDI4LjAwOC4wNzYuNTQ2IDUuMDI1LTMuMTY5LTMuOTM2LS4wNDgtLjA2LS4wNy4wMzItNC42MSAyLjA3MiAyLjc2NS00LjIzMi4wNDItLjA2NC0uMDUyLS4wNTgtMy4zOTUtMy43NDN6TTMxLjE4OCA5LjAzbC41NDYgNS4wMjUtMy4xNy0zLjkzNi0uMDQ4LS4wNi0uMDcuMDMyLTQuNjEgMi4wNzIgMi43NjUtNC4yMzIuMDQyLS4wNjQtLjA1Mi0uMDU4LTMuMzk1LTMuNzQzIDQuODc4IDEuMzIyLjA3NS4wMi4wMzgtLjA2N0wzMC43Ljk1NmwuMjQ4IDUuMDQ4LjAwNC4wNzcuMDc2LjAxNiA0Ljk0NyAxLjAzMi00LjcyMiAxLjc5OC0uMDczLjAyOHptLTExIDAgLjU0NiA1LjAyNS0zLjE3LTMuOTM2LS4wNDgtLjA2LS4wNy4wMzItNC42MSAyLjA3MiAyLjc2NS00LjIzMi4wNDItLjA2NC0uMDUyLS4wNTgtMy4zOTUtMy43NDMgNC44NzkgMS4zMjIuMDc0LjAyLjAzOC0uMDY3TDE5LjY5OC45NTZsLjI1IDUuMDQ4LjAwMy4wNzcuMDc2LjAxNiA0Ljk0NyAxLjAzMi00LjcyMiAxLjc5OC0uMDczLjAyOHpNOS4wMjcgNi4wOTdsNC45NDcgMS4wMzItNC43MjMgMS43OTgtLjA3Mi4wMjguMDA5LjA3Ni41NDYgNS4wMjUtMy4xNy0zLjkzNi0uMDQ4LS4wNi0uMDcuMDMyLTQuNjEgMi4wNzIgMi43NjUtNC4yMzIuMDQyLS4wNjQtLjA1Mi0uMDU4LTMuMzk1LTMuNzQzTDYuMDc0IDUuMzlsLjA3NS4wMi4wMzgtLjA2N0w4LjY5OC45NTZsLjI1IDUuMDQ4LjAwMy4wNzd6bTMwLjA0OC0uNzA4LjA3NC4wMi4wMzgtLjA2N0w0MS43Ljk1NmwuMjQ4IDUuMDQ4LjAwNC4wNzcuMDc2LjAxNiA0Ljk0NyAxLjAzMi00LjcyMiAxLjc5OC0uMDczLjAyOC4wMDkuMDc2LjU0NiA1LjAyNS0zLjE3LTMuOTM2LS4wNDgtLjA2LS4wNy4wMzItNC42MSAyLjA3MiAyLjc2NS00LjIzMi4wNDItLjA2NC0uMDUyLS4wNTgtMy4zOTUtMy43NDN6bTIyLjM4IDAgLjA3NS4wMi4wMzgtLjA2N0w2NC4wNzkuOTU2bC4yNDkgNS4wNDguMDA0LjA3Ny4wNzUuMDE2IDQuOTQ4IDEuMDMyLTQuNzIzIDEuNzk4LS4wNzIuMDI4LjAwOC4wNzYuNTQ2IDUuMDI1LTMuMTY5LTMuOTM2LS4wNDgtLjA2LS4wNy4wMzItNC42MSAyLjA3MiAyLjc2NC00LjIzMi4wNDMtLjA2NC0uMDUyLS4wNTgtMy4zOTUtMy43NDN6IiBzdHlsZT0ibWl4LWJsZW5kLW1vZGU6Y29sb3ItZG9kZ2UiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIuODkzIiB4Mj0iNjkuNzEiIHkxPSI3LjQ5NyIgeTI9IjcuNDk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0VENkUwMSIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNGRUM5MDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBM0JBMDAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii44OTMiIHgyPSI2OS43MSIgeTE9IjcuNDk3IiB5Mj0iNy40OTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRUQ2RTAxIi8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI0ZFQzkwMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0EzQkEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iLjg5MyIgeDI9IjY5LjcxIiB5MT0iNy40OTciIHkyPSI3LjQ5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNFRDZFMDEiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjRkVDOTAyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQTNCQTAwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSIuODkzIiB4Mj0iNjkuNzEiIHkxPSI3LjQ5NyIgeTI9IjcuNDk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0VENkUwMSIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNGRUM5MDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBM0JBMDAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii44OTMiIHgyPSI2OS43MSIgeTE9IjcuNDk3IiB5Mj0iNy40OTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRUQ2RTAxIi8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI0ZFQzkwMiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0EzQkEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJmIiB4MT0iLjg5MyIgeDI9IjY5LjcxIiB5MT0iNy40OTciIHkyPSI3LjQ5NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNFRDZFMDEiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjRkVDOTAyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQTNCQTAwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImciIHgxPSIuODkzIiB4Mj0iNjkuNzEiIHkxPSI3LjQ5NyIgeTI9IjcuNDk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0VENkUwMSIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiNGRUM5MDIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBM0JBMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=)
    no-repeat 0;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY.A0qObD {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OCIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzY4Njg2OCI+PHBhdGggZD0ibTUxLjk2OS42MS0yLjY4MSA0LjY4M0w0NC4wOCAzLjg4bDMuNjI0IDMuOTk3LTIuOTUgNC41MTcgNC45Mi0yLjIxMiAzLjM4MyA0LjIwMi0uNTgzLTUuMzY0IDUuMDQyLTEuOTJMNTIuMjM0IDZ6Ii8+PHBhdGggZD0ibTUxLjk2OS42MS0yLjY4MSA0LjY4M0w0NC4wOCAzLjg4bDMuNjI0IDMuOTk3LTIuOTUgNC41MTcgNC45Mi0yLjIxMiAzLjM4MyA0LjIwMi0uNTgzLTUuMzY0IDUuMDQyLTEuOTJMNTIuMjM0IDZ6Ii8+PHBhdGggZD0ibTQwLjg4OS42MS0yLjY4IDQuNjgzTDMzIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMNDEuMTU1IDZ6Ii8+PHBhdGggZD0ibTI5Ljg4OS42MS0yLjY4IDQuNjgzTDIyIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMMzAuMTU1IDZ6Ii8+PHBhdGggZD0ibTE4Ljg4OS42MS0yLjY4MSA0LjY4M0wxMSAzLjg4bDMuNjI1IDMuOTk3LTIuOTUxIDQuNTE3IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4NC01LjM2NCA1LjA0My0xLjkyTDE5LjE1NSA2eiIvPjxwYXRoIGQ9Ik03Ljg4OS42MSA1LjIwOCA1LjI5MyAwIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMOC4xNTUgNnoiLz48L2c+PC9zdmc+)
    no-repeat 0;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY.spIT3K {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NyIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzY4Njg2OCI+PHBhdGggZD0ibTQwLjg4OS42MS0yLjY4IDQuNjgzTDMzIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMNDEuMTU1IDZ6Ii8+PHBhdGggZD0ibTI5Ljg4OS42MS0yLjY4IDQuNjgzTDIyIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMMzAuMTU1IDZ6Ii8+PHBhdGggZD0ibTE4Ljg4OS42MS0yLjY4MSA0LjY4M0wxMSAzLjg4bDMuNjI1IDMuOTk3LTIuOTUxIDQuNTE3IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4NC01LjM2NCA1LjA0My0xLjkyTDE5LjE1NSA2eiIvPjxwYXRoIGQ9Ik03Ljg4OS42MSA1LjIwOCA1LjI5MyAwIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMOC4xNTUgNnoiLz48L2c+PC9zdmc+)
    no-repeat 0;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY.Ff2rvO {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIxNSIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzY4Njg2OCI+PHBhdGggZD0ibTI5Ljg4OS42MS0yLjY4IDQuNjgzTDIyIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMMzAuMTU1IDZ6Ii8+PHBhdGggZD0ibTE4Ljg4OS42MS0yLjY4MSA0LjY4M0wxMSAzLjg4bDMuNjI1IDMuOTk3LTIuOTUxIDQuNTE3IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4NC01LjM2NCA1LjA0My0xLjkyTDE5LjE1NSA2eiIvPjxwYXRoIGQ9Ik03Ljg4OS42MSA1LjIwOCA1LjI5MyAwIDMuODhsMy42MjUgMy45OTctMi45NTEgNC41MTcgNC45Mi0yLjIxMiAzLjM4NCA0LjIwMi0uNTg0LTUuMzY0IDUuMDQzLTEuOTJMOC4xNTUgNnoiLz48L2c+PC9zdmc+)
    no-repeat 0;
}
.HgfD8Q .mzlLY0 .EkxzYd .ORrqqm .qcP3VO .rT1IyY.JCRvsx {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSI+PGcgZmlsbD0iIzY4Njg2OCI+PHBhdGggZD0ibTE4Ljg4OSAwLTIuNjgxIDQuNjgyTDExIDMuMjcybDMuNjI1IDMuOTk1LTIuOTUxIDQuNTE4IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4NC01LjM2NSA1LjA0My0xLjkxOS01LjI4Mi0xLjEwMnoiLz48cGF0aCBkPSJNNy44ODkgMCA1LjIwOCA0LjY4MiAwIDMuMjcybDMuNjI1IDMuOTk1LTIuOTUxIDQuNTE4IDQuOTItMi4yMTIgMy4zODQgNC4yMDItLjU4NC01LjM2NSA1LjA0My0xLjkxOS01LjI4Mi0xLjEwMnoiLz48L2c+PC9zdmc+)
    no-repeat 0;
}
.HgfD8Q .mzlLY0 .EkxzYd .xWZ6Cb {
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 19.25rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .xWZ6Cb {
    display: none;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .r9iEWS {
  width: 9.1875rem;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .mzlLY0 .EkxzYd .r9iEWS {
    display: none;
  }
}
.HgfD8Q .mzlLY0 .EkxzYd .NFb0yp {
  font-size: 0.875rem;
  margin: 3.125rem 0;
  text-align: center;
}
.HgfD8Q .lFG7e9 {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .lFG7e9 {
    justify-content: center;
  }
}
.HgfD8Q .lFG7e9 .irZnGY {
  color: #c4c2c2;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.375rem;
  text-transform: uppercase;
}
@media only screen and (orientation: portrait) {
  .HgfD8Q .lFG7e9 .irZnGY {
    display: none;
  }
}
.HgfD8Q .lFG7e9 .YoI_nC {
  align-items: center;
  display: flex;
}
.HgfD8Q .lFG7e9 .YoI_nC .gN144d {
  align-items: center;
  color: #c4c2c2;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  height: 1.125rem;
  margin-right: 1.75rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .gN144d div {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4wNDIgMy44MDhWLjk3OUw3Ljc3NSAyLjI0NyAzLjM3IDYuNjVsMS40MTUgMS40MTR6bTAgMTIuNDI2TDcuODU3IDE1LjA1IDIuMTIyIDkuMzE0bC0uMDEyLjAxMS0uNzA3LS43MDctLjY5Ni42OTZMMCAxMC4wMmwuNzA3LjcwNyA1LjczNiA1LjczNSAyLjU5OSAyLjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
  height: 1.125rem;
  margin-right: 0.5rem;
  width: 0.5625rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .gN144d.ExAbbj {
  color: #262626;
  cursor: not-allowed;
}
.HgfD8Q .lFG7e9 .YoI_nC .gN144d.ExAbbj div {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzI2MjYyNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4wNDIgMy44MDhWLjk3OUw3Ljc3NSAyLjI0NyAzLjM3IDYuNjVsMS40MTUgMS40MTR6bTAgMTIuNDI2TDcuODU3IDE1LjA1IDIuMTIyIDkuMzE0bC0uMDEyLjAxMS0uNzA3LS43MDctLjY5Ni42OTZMMCAxMC4wMmwuNzA3LjcwNyA1LjczNiA1LjczNSAyLjU5OSAyLjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .wFT2kR {
  align-items: center;
  background: #1bd1fe;
  color: #0d0d0d;
  display: flex;
  font-family: Oswald-Bold;
  font-size: 1rem;
  font-style: normal;
  height: 1.25rem;
  justify-content: center;
  line-height: 1.375rem;
  transform: rotate(45deg);
  width: 1.25rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .wFT2kR span {
  transform: rotate(-45deg);
}
.HgfD8Q .lFG7e9 .YoI_nC .wFT2kR:hover {
  color: #fff;
}
.HgfD8Q .lFG7e9 .YoI_nC .v8UsPN {
  align-items: center;
  color: #c4c2c2;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  height: 1.125rem;
  margin-left: 1.75rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .v8UsPN div {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNi4yMzR2Mi44MjhsMS4yNjctMS4yNjcgNC40MDQtNC40MDMtMS40MTUtMS40MTR6TTAgMy44MDhsMS4xODUgMS4xODUgNS43MzUgNS43MzUuMDEyLS4wMTEuNzA3LjcwNy42OTYtLjY5Ni43MDctLjcwNy0uNzA3LS43MDctNS43MzYtNS43MzVMMCAuOTc4eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
  height: 1.125rem;
  margin-left: 0.5rem;
  width: 0.5625rem;
}
.HgfD8Q .lFG7e9 .YoI_nC .v8UsPN.ExAbbj {
  color: #262626;
  cursor: not-allowed;
}
.HgfD8Q .lFG7e9 .YoI_nC .v8UsPN.ExAbbj div {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzI2MjYyNiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNi4yMzR2Mi44MjhsMS4yNjctMS4yNjcgNC40MDQtNC40MDMtMS40MTUtMS40MTR6TTAgMy44MDhsMS4xODUgMS4xODUgNS43MzUgNS43MzUuMDEyLS4wMTEuNzA3LjcwNy42OTYtLjY5Ni43MDctLjcwNy0uNzA3LS43MDctNS43MzYtNS43MzVMMCAuOTc4eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
}
.HgfD8Q .lFG7e9 .ant-pagination {
  align-items: center;
}
.HgfD8Q .lFG7e9 .ant-pagination-prev {
  margin-right: 1rem;
}
.HgfD8Q .lFG7e9 .ant-pagination-prev .ant-pagination-item-link {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4wNDIgMy44MDhWLjk3OUw3Ljc3NSAyLjI0NyAzLjM3IDYuNjVsMS40MTUgMS40MTR6bTAgMTIuNDI2TDcuODU3IDE1LjA1IDIuMTIyIDkuMzE0bC0uMDEyLjAxMS0uNzA3LS43MDctLjY5Ni42OTZMMCAxMC4wMmwuNzA3LjcwNyA1LjczNiA1LjczNSAyLjU5OSAyLjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
}
.HgfD8Q .lFG7e9 .ant-pagination-prev .ant-pagination-item-link .anticon-left {
  display: none;
}
.HgfD8Q .lFG7e9 .ant-pagination-next .ant-pagination-item-link {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxNi4yMzR2Mi44MjhsMS4yNjctMS4yNjcgNC40MDQtNC40MDMtMS40MTUtMS40MTR6TTAgMy44MDhsMS4xODUgMS4xODUgNS43MzUgNS43MzUuMDEyLS4wMTEuNzA3LjcwNy42OTYtLjY5Ni43MDctLjcwNy0uNzA3LS43MDctNS43MzYtNS43MzVMMCAuOTc4eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    50% no-repeat;
  background-size: 0.5625rem 1.125rem;
}
.HgfD8Q .lFG7e9 .ant-pagination-next .ant-pagination-item-link .anticon-right {
  display: none;
}
.HgfD8Q .lFG7e9 .ant-pagination-item,
.HgfD8Q .lFG7e9 .ant-pagination-item-container {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.2);
  border: none;
  border-radius: 0;
  color: #fff;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  height: 0.875rem !important;
  justify-content: center;
  line-height: 1.375rem;
  margin-right: 1.3125rem;
  min-width: auto;
  padding: 0;
  text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.8);
  transform: rotate(45deg);
  width: 0.875rem !important;
}
.HgfD8Q .lFG7e9 .ant-pagination-item .ant-pagination-item-ellipsis,
.HgfD8Q .lFG7e9 .ant-pagination-item .ant-pagination-item-link-icon,
.HgfD8Q .lFG7e9 .ant-pagination-item-container .ant-pagination-item-ellipsis,
.HgfD8Q .lFG7e9 .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #fff;
  letter-spacing: normal;
  text-indent: 0;
  transform: rotate(-45deg);
}
.HgfD8Q .lFG7e9 .ant-pagination-item-container.ant-pagination-item-active,
.HgfD8Q .lFG7e9 .ant-pagination-item-container:hover,
.HgfD8Q .lFG7e9 .ant-pagination-item.ant-pagination-item-active,
.HgfD8Q .lFG7e9 .ant-pagination-item:hover {
  background: #1bd1fe;
  text-shadow: none;
}
.HgfD8Q .lFG7e9 .ant-pagination-item-container.ant-pagination-item-active a,
.HgfD8Q .lFG7e9 .ant-pagination-item-container:hover a,
.HgfD8Q .lFG7e9 .ant-pagination-item.ant-pagination-item-active a,
.HgfD8Q .lFG7e9 .ant-pagination-item:hover a {
  color: #0d0d0d;
  font-size: 0.875rem;
}
.HgfD8Q .lFG7e9 .ant-pagination-item a,
.HgfD8Q .lFG7e9 .ant-pagination-item-container a {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  transform: rotate(-45deg);
}
.HgfD8Q .lFG7e9 .ant-pagination-jump-next,
.HgfD8Q .lFG7e9 .ant-pagination-jump-prev {
  align-items: center;
  display: flex;
}
.x82bAA {
  overflow: hidden;
  padding-bottom: 3rem;
}
.x82bAA .tshJ_L {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/reminders.918cc0.svg)
    no-repeat 50%;
  background-size: contain;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  height: 4.4375rem;
  line-height: 1.375rem;
  margin: 2rem auto;
  padding-top: 2.5rem;
  text-align: center;
  width: 14rem;
}
@media only screen and (orientation: portrait) {
  .x82bAA .tshJ_L {
    font-size: 1.25rem;
    height: 3.6875rem;
    margin-bottom: 3.0625rem;
    width: 11.6875rem;
  }
}
.x82bAA .ab1yWq {
  color: #ababab;
  font-size: 0.875rem;
  font-weight: 400;
  height: 6.75rem;
  line-height: 1.375rem;
  margin: 0 auto;
  position: relative;
  width: 49.4375rem;
}
@media only screen and (orientation: portrait) {
  .x82bAA .ab1yWq {
    font-size: 0.625rem;
    height: 5rem;
    margin: 0 1.5rem;
    width: auto;
  }
}
.x82bAA .ab1yWq .Xo6v7v {
  background: #020202;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 0rem 0 0rem 0rem;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media only screen and (orientation: portrait) {
  .x82bAA .ab1yWq .Xo6v7v {
    padding: 0.75rem;
  }
}
.x82bAA .wYL2n2 {
  background: hsla(0, 0%, 100%, 0.4);
  position: absolute;
  z-index: 1;
}
.x82bAA .wYL2n2.Q25EOd {
  height: 6.25rem;
  left: -0.3125rem;
  top: -1.5625rem;
  width: 0.0625rem;
}
.x82bAA .wYL2n2.xW0Sk9 {
  height: 6.25rem;
  left: -0.25rem;
  top: -1.5625rem;
  transform: rotate(-90deg);
  transform-origin: center 1.25rem;
  width: 0.0625rem;
}
.x82bAA .wYL2n2.m8kOmo {
  bottom: -1.5625rem;
  height: 6.25rem;
  right: -0.3125rem;
  width: 0.0625rem;
}
.x82bAA .wYL2n2.Mric6f {
  bottom: -5.3125rem;
  height: 6.25rem;
  right: -0.25rem;
  transform: rotate(90deg);
  transform-origin: center 1.25rem;
  width: 0.0625rem;
}
.n9kTOc {
  -webkit-backdrop-filter: blur(0.125rem);
  backdrop-filter: blur(0.125rem);
  background: linear-gradient(180deg, #020202 0, rgba(2, 2, 2, 0));
  display: flex;
  height: 8.75rem;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
@media only screen and (orientation: portrait) {
  .n9kTOc {
    height: 5.875rem;
  }
}
.n9kTOc:after {
  background: hsla(0, 0%, 100%, 0.4);
  bottom: 0;
  content: "";
  height: 0.0625rem;
  position: absolute;
  right: 0;
  width: 100%;
}
.n9kTOc .FOMU0R {
  flex: 0 0 19.1875rem;
  position: relative;
  width: 19.1875rem;
}
@media only screen and (orientation: portrait) {
  .n9kTOc .FOMU0R {
    flex: 1 1;
    width: auto;
  }
}
.n9kTOc .FOMU0R:after {
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.4),
    hsla(0, 0%, 100%, 0)
  );
  content: "";
  height: 8.75rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.0625rem;
}
@media only screen and (orientation: portrait) {
  .n9kTOc .FOMU0R:after {
    display: none;
  }
}
.n9kTOc .eWh4iw {
  height: 3.125rem;
  margin-left: 2.5rem;
  margin-top: 1.5rem;
  width: 6.625rem;
}
@media only screen and (orientation: portrait) {
  .n9kTOc .eWh4iw {
    height: 2rem;
    margin-left: 1rem;
    margin-top: 2.875rem;
    width: 4.25rem;
  }
}
.n9kTOc .zpp1t9 {
  flex: 1 1 auto;
}
@media only screen and (orientation: portrait) {
  .n9kTOc .zpp1t9 {
    display: none;
  }
}
.n9kTOc .uUPDec {
  align-items: center;
  color: #fff;
  display: flex;
  float: right;
  font-size: 0.875rem;
  margin-right: 2.5rem;
  margin-top: 2.3125rem;
}
.n9kTOc .uUPDec .Tftvxm span {
  color: #c4c2c2;
}
.n9kTOc .uUPDec .Ky40Kg {
  background-color: hsla(0, 0%, 100%, 0.4);
  height: 0.75rem;
  margin: 0 2rem;
  width: 0.125rem;
}
.n9kTOc .uUPDec .Uqsjld {
  display: flex;
  position: relative;
}
.n9kTOc .uUPDec .Uqsjld .QIHUZh {
  cursor: pointer;
  display: flex;
}
.n9kTOc .uUPDec .Uqsjld .j_bkxO {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi4zMTUgMTUuNjg2SDMuNDg3bDEuMjY3LTEuMjY3IDQuNDA0LTQuNDAzIDEuNDE0IDEuNDE0em0xMi40MjcgMC0xLjE4NS0xLjE4NS01LjczNS01LjczNS4wMS0uMDExLS43MDYtLjcwNy42OTYtLjY5Ni43MDctLjcwNy43MDcuNzA3IDUuNzM1IDUuNzM1IDIuNiAyLjZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
    no-repeat 50% / cover;
  cursor: pointer;
  height: 1.5rem;
  margin-left: 0.5rem;
  width: 1.5rem;
}
.n9kTOc .uUPDec .Uqsjld .j_bkxO.p6On2C {
  transform: rotate(180deg);
}
.n9kTOc .uUPDec .Uqsjld .MvFHTi {
  align-items: center;
  background: #1bd1ff;
  bottom: -5.625rem;
  display: flex;
  flex-direction: column;
  height: 7rem;
  justify-content: space-between;
  padding: 0.75rem;
  position: absolute;
  right: 0;
  width: 18.125rem;
  z-index: 2;
}
.n9kTOc .uUPDec .Uqsjld .MvFHTi > div {
  align-items: center;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2.5rem;
  justify-content: space-between;
  line-height: 2.5rem;
  padding: 0 0.5rem;
  width: 16.625rem;
}
.n9kTOc .uUPDec .Uqsjld .MvFHTi > div:hover {
  background: #000;
}
.n9kTOc .uUPDec .Uqsjld .MvFHTi > div .kR9c6i {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMTQgNi4zMTZWMy40ODhsMS4yNjggMS4yNjcgNC40MDMgNC40MDMtMS40MTQgMS40MTV6bTAgMTIuNDI3TDkuNSAxNy41NThsNS43MzYtNS43MzYuMDExLjAxMi43MDctLjcwNy42OTYuNjk1LjcwNy43MDctLjcwNy43MDctNS43MzUgNS43MzYtMi42IDIuNTk5eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    no-repeat 50% / cover;
  height: 1.5rem;
  width: 1.5rem;
}
.n9kTOc .MMIY1i {
  flex: 1 1;
  margin-top: 2.875rem;
}
body[data-rotate="1"] .n9kTOc .MMIY1i {
  display: none;
}
@media only screen and (orientation: landscape) {
  .n9kTOc .MMIY1i {
    display: none;
  }
}
.n9kTOc .MMIY1i .g2xLrB,
.n9kTOc .MMIY1i .uYZr59 {
  cursor: pointer;
  float: right;
  height: 2rem;
  width: 2rem;
}
.n9kTOc .MMIY1i .g2xLrB {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgzMnYzMkgweiIvPjxjaXJjbGUgY3g9IjE2IiBjeT0iMTAiIHI9IjQiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik04IDI2di01LjU1TDExLjg4IDE3aDguMjRMMjQgMjAuNDVWMjZ6Ii8+PC9zdmc+)
    no-repeat 50% / cover;
}
.n9kTOc .MMIY1i .uYZr59 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAgMGgzMnYzMkgweiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDdoMjB2Mkg2ek02IDE1aDIwdjJINnpNNiAyM2gyMHYySDZ6Ii8+PC9zdmc+)
    no-repeat 50% / cover;
  margin: 0 1rem 1rem 1.5rem;
  transition: background 0.6s ease;
}
.n9kTOc .MMIY1i .uYZr59.OH5OMA {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Im02LjY2NyA2LjY2NyAyMCAyME0yNi42NjcgNi42NjdsLTIwIDIwIi8+PC9nPjwvc3ZnPg==)
    no-repeat 50% / cover;
}
.n9kTOc .EiryXv {
  cursor: pointer;
}
.CAmS7u {
  background: rgba(2, 2, 2, 0.8)
    url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/side-bg.57fce4.png)
    no-repeat 50%;
  background-size: cover;
  margin-top: 8.8125rem;
  position: relative;
  transition: all 0.5s ease;
  width: 19.1875rem;
}
@media only screen and (orientation: portrait) {
  .CAmS7u {
    margin-top: 5.9375rem;
    opacity: 0;
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
  }
  .CAmS7u.bWI6VY {
    opacity: 1;
    width: 100vw;
  }
}
.CAmS7u:after {
  background: hsla(0, 0%, 100%, 0.4);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.0625rem;
}
@media only screen and (orientation: portrait) {
  .CAmS7u:after {
    background: linear-gradient(
      180deg,
      hsla(0, 0%, 100%, 0.04),
      hsla(0, 0%, 100%, 0.4) 12.93%
    );
    height: 20vh;
    right: 3.75rem;
    top: -5.875rem;
    z-index: 99999;
  }
}
.CAmS7u .uLuxH3 {
  position: relative;
}
.CAmS7u .uLuxH3 img {
  height: 5.5625rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 18.5625rem;
}
.CAmS7u .uLuxH3 .WetgH2 {
  font-family: Oswald-Bold;
  left: 0;
  position: absolute;
  top: 4.75rem;
  width: 11.0625rem;
}
.CAmS7u .uLuxH3 .WetgH2 div {
  background: #1bd1fe;
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 11.0625rem;
}
.CAmS7u .uLuxH3 .WetgH2 span {
  color: #fff;
  font-size: 1rem;
  line-height: 1rem;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0.125rem;
}
.CAmS7u .nEG21w {
  padding-left: 2.5rem;
  padding-top: 9.5rem;
}
@media only screen and (orientation: portrait) {
  .CAmS7u .nEG21w {
    padding-right: 3.8125rem;
  }
}
.CAmS7u .nEG21w .BTaaw9 {
  cursor: pointer;
  margin-bottom: 2rem;
  overflow: hidden;
  padding: 0.25rem 0;
  position: relative;
}
.CAmS7u .nEG21w .BTaaw9 .Ne4lLF {
  color: #fff;
  font-family: Oswald-Bold;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-transform: uppercase;
  transition: transform 0.3s, color 0.3s;
}
.CAmS7u .nEG21w .BTaaw9 .XeSSkK {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  transition: transform 0.3s, color 0.3s;
}
.CAmS7u .nEG21w .BTaaw9:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPgAAABqCAYAAACRf5xDAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMvSURBVHgB7d3LbRRLFIDhGtsje0kIhHKdwQ0BdizJADIgBMwOlmRACGSAyYDlLGam6UEMMtjz6tfUqfo+qaWzq9UvtY76MUtM7urq6m3TNG/SdO7n8/ntYrG4T1TlMjG59Xr95fLyctaO/6VpPGvP/P/6+vrzcrn8kaiGwM9E5ExB4GckcsYm8DMTOWMSeAZEzlgEngmRMwaBZ0TkDE3gmRE5QxJ4hkTOUASeKZEzBIFnTOT0JfDMiZw+BB6AyOlK4EGInC4EHojIOZXAgxE5pxB4QCLnWAIPSuQcQ+CBiZxDBB6cyNlH4AUQObsIvBDnirxpmg/tvEhkSeAFOUPkn9vAPyayJfDCTBj5h9Vq9SKRNYEXaILIxR2EwAs1YuTiDkTgBRshcnEHI/DCDRi5uAMSeAUGiFzcQQm8Ej0iF3dgAq9Ih8jFDdFs/k/eht4cuO4SENOByO8SENuOyO8SUIZ/Ir9LFMWSrXIPFm/fLdQAAAAAAADgLC4uLt7d3Nw8T0BZ2rjf/37g5pvIoSAP4m5EDgV5Im6RQwn2xC1yiOyIuEUOEZ0Qt8ghkg5xixwi6BG3yDuYJZjIJu7ZbPYi9Xc/n89vF4vFfWIvgTOJAePeEvkRBM7oRoh7S+QHCJxRjRj3lsj3EDijmSDuLZHv4KOLjGLzVlgb96s0jWfr9fp50zSfEn+5SDCwNu43bdyv00Tas76uVquXiUfcojOo33G/TRPZxL1cLm/b8UfiEYEzGHHnR+AMQtx5Eji9iTtfAqcXcedN4HQm7vwJnE7EHYPAOZm44xA4JxF3LALnaOKOR+AcRdwxCZyDxB2XwNlL3LEJnJ3EHZ/AeZK4yyBwHhF3OQTOX8RdFoHzh7jLI3B+EXeZBI64Cybwyom7bAKvmLjLJ/BKibsOAq+QuOsh8MqIuy4Cr4i46yPwSoi7TgKvgLjrJfDCibtuAi+YuBF4ocTNhsALJG62BF4YcfOQwAsibv4l8EKIm6cIvADiZheBBydu9hF4YOLmEIEHJW6OIfCAxM2xBB6MuDmFwAMRN6cSeBDipguBByBuuhJ45sRNHwLPmLjpS+CZEjdD+Al8wxH29BHY8gAAAABJRU5ErkJggg==)
      no-repeat 100% / contain,
    linear-gradient(90deg, rgba(27, 209, 254, 0), rgba(27, 209, 254, 0.3))
      no-repeat;
  border-right: 0.25rem solid #1bd1fe;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s, transform 0.3s;
  width: 100%;
}
.CAmS7u .nEG21w .BTaaw9.MleoCA:after,
.CAmS7u .nEG21w .BTaaw9:hover:after {
  opacity: 1;
  transform: translateX(-0.3125rem);
}
.CAmS7u .nEG21w .BTaaw9.MleoCA .Ne4lLF,
.CAmS7u .nEG21w .BTaaw9.MleoCA .XeSSkK,
.CAmS7u .nEG21w .BTaaw9:hover .Ne4lLF,
.CAmS7u .nEG21w .BTaaw9:hover .XeSSkK {
  color: #1bd1fe;
  transform: translateX(1.875rem);
}
.CAmS7u .kbR268 {
  background: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.1),
    hsla(0, 0%, 100%, 0)
  );
  bottom: 0;
  height: 5.625rem;
  position: absolute;
  width: 100%;
}
body[data-rotate="1"] .CAmS7u .kbR268 {
  display: none;
}
@media only screen and (orientation: landscape) {
  .CAmS7u .kbR268 {
    display: none;
  }
}
.CAmS7u .kbR268:after {
  background: hsla(0, 0%, 100%, 0.4);
  content: "";
  height: 0.0625rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.CAmS7u .kbR268 .WetgH2 {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  padding: 0.625rem 0 2.5rem 3.125rem;
}
.CAmS7u .kbR268 .WetgH2 span {
  color: #ababab;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
}
.CAmS7u .kbR268 .xLEvI3 {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M0QzJDMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4zMTMgNi4zMTZWMy40ODhsMS4yNjggMS4yNjcgNC40MDMgNC40MDMtMS40MTQgMS40MTV6bTAgMTIuNDI3TDkuNSAxNy41NThsNS43MzUtNS43MzYuMDExLjAxMi43MDctLjcwNy42OTYuNjk1LjcwNy43MDctLjcwNy43MDctNS43MzUgNS43MzYtMi42IDIuNTk5eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
    no-repeat 50% / cover;
  height: 1.5rem;
  position: absolute;
  right: 5.0625rem;
  top: 0.5rem;
  width: 1.5rem;
}
.wQb8hv {
  display: flex;
  flex-direction: column;
  height: 20vh;
  position: relative;
  width: 100%;
}
.RHyFR2 {
  display: flex;
  flex: 1 1;
}
.RHyFR2 .RNJ708 {
  flex: 1 1;
  overflow-y: scroll;
  padding-top: 8.75rem;
}
@media only screen and (orientation: portrait) {
  .RHyFR2 .RNJ708 {
    padding-top: 5.875rem;
  }
}
* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 1rem;
}
body[data-rotate="1"] html {
  min-width: 71.875rem;
}
@media only screen and (orientation: landscape) {
  html {
    min-width: 71.875rem;
  }
}
body {
  color: #999;
}
body[data-rotate="1"] body {
  background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/pc-bg.0a3825.png)
    no-repeat top;
  background-size: cover;
}
@media only screen and (orientation: landscape) {
  body {
    background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/pc-bg.0a3825.png)
      no-repeat top;
    background-size: cover;
  }
}
@media only screen and (orientation: portrait) {
  body {
    background: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/images/h5-bg.50d67d.png)
      no-repeat top;
    background-size: cover;
  }
}
::-webkit-scrollbar {
  display: none;
}
.pt2fh0 {
  height: 20vh;
}
body[data-rotate="1"] .pt2fh0 {
  flex: 1 1;
}
@media only screen and (orientation: landscape) {
  .pt2fh0 {
    flex: 1 1;
  }
}
@media only screen and (orientation: portrait) {
  .pt2fh0 {
    height: 20vh;
    width: 100%;
  }
}
.VWqFre {
  background: #fff;
  border-radius: 0.0625rem;
}
.VWqFre,
.mwq5If {
  width: 0.625rem !important;
}
.mwq5If {
  background-image: linear-gradient(
    90deg,
    transparent 0,
    transparent 30%,
    #ababab 0,
    #ababab 70%,
    transparent 0
  );
}
/*! Copyright (C) 2017 - 2024 HYPERGRYPH. All rights reserved. */
.scrollBar___MUDzO {
  border-radius: 0.1875rem;
  overflow: hidden;
  position: absolute;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.scrollBar___MUDzO .thumb___AIenX {
  background-color: #fff;
  border-radius: 0.1875rem;
  cursor: pointer;
  -webkit-transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s,
    opacity 0.3s linear, -webkit-transform 0.05s linear;
  transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s, opacity 0.3s linear,
    -webkit-transform 0.05s linear;
  transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s, opacity 0.3s linear,
    transform 0.05s linear;
  transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s, opacity 0.3s linear,
    transform 0.05s linear, -webkit-transform 0.05s linear;
  will-change: transform;
}
.scrollBar___MUDzO.autoHide___wi1el {
  opacity: 0;
}
.scrollBar___MUDzO.dragging___qTw89 {
  opacity: 1;
}
.scrollBar___MUDzO.dragging___qTw89 .thumb___AIenX {
  -webkit-transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s,
    opacity 0.3s linear;
  transition: height 0.3s ease 0.3s, width 0.3s ease 0.3s, opacity 0.3s linear;
}
.scrollBar___MUDzO.show___IfaJy {
  opacity: 1;
}
.scroll___FG4DS {
  position: relative;
}
.scroll___FG4DS .content___fxCya {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.scroll___FG4DS .content___fxCya .contentWrapper___UanRy {
  left: 0;
  position: absolute;
  top: 0;
}
.scroll___FG4DS .content___fxCya .contentWrapper___UanRy::-webkit-scrollbar {
  display: none;
}
.scroll___FG4DS .content___fxCya .inner___c_1NH {
  display: -webkit-box;
  display: flex;
  position: relative;
}
.scroll___FG4DS[data-direction="y"] .contentWrapper___UanRy {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% + 30px);
}
.scroll___FG4DS[data-direction="y"]
  .contentWrapper___UanRy:not(.noMask___IQmYq) {
  -webkit-mask: -webkit-linear-gradient(top, #fff 90%, transparent);
  mask: linear-gradient(180deg, #fff 90%, transparent);
}
.scroll___FG4DS[data-direction="y"] .inner___c_1NH {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.scroll___FG4DS[data-direction="y"] .scrollBar___MUDzO {
  height: calc(100% - 0.25rem);
  right: 0.125rem;
  top: 0.125rem;
  width: 0.375rem;
}
.scroll___FG4DS[data-direction="y"] .scrollBar___MUDzO.disabled___YJoH9 {
  opacity: 0;
  pointer-events: none;
}
.scroll___FG4DS[data-direction="y"] .scrollBar___MUDzO .thumb___AIenX {
  width: 100%;
}
.scroll___FG4DS[data-direction="x"] .contentWrapper___UanRy {
  height: calc(100% + 30px);
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.scroll___FG4DS[data-direction="x"]
  .contentWrapper___UanRy:not(.noMask___IQmYq) {
  -webkit-mask: -webkit-linear-gradient(left, #fff 90%, transparent);
  mask: linear-gradient(90deg, #fff 90%, transparent);
}
.scroll___FG4DS[data-direction="x"] .scrollBar___MUDzO {
  bottom: 0.125rem;
  height: 0.375rem;
  left: 0.125rem;
  width: calc(100% - 0.25rem);
}
.scroll___FG4DS[data-direction="x"] .scrollBar___MUDzO.disabled___YJoH9 {
  opacity: 0;
  pointer-events: none;
}
.scroll___FG4DS[data-direction="x"] .scrollBar___MUDzO .thumb___AIenX,
html {
  height: 100%;
}
html {
  overflow: hidden;
  touch-action: pan-x pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
@font-face {
  font-family: Oswald-Bold;
  font-style: normal;
  font-weight: 400;
  src: url(https://web-static.hg-cdn.com/arknights-tw/user/assets/fonts/Oswald-Bold.3c3420.ttf);
}
body,
html {
  width: 100%;
}
body {
  height: 100%;
  margin: 0;
  overflow: auto;
}
button {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
}
p {
  margin: 0;
}
ul {
  list-style: none;
}
ul,
ul li {
  margin: 0;
  padding: 0;
}
div {
  background-size: 100%;
}
#root {
  display: block;
  margin: auto;
}
.hg-login-dialog .hg-login-dialog-layer-title {
  background-color: #a79886;
  border-bottom-color: #483c31;
}
.hg-login-dialog .hg-login-dialog-layer-body {
  background-color: #f1e5cc;
}
/*# sourceMappingURL=index.1279f3.css.map*/