/* == main.css == */
a {
  color: unset;
  text-decoration: none;
}

.ca9ie7 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wss2wz {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dcbvdr {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fwfw61 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ratio-1x1 {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}

.xk4lcw {
  height: auto;
  aspect-ratio: 301 / 169;
}

.bx11wz {
  height: 500px;
}

.ccs3dh {
  height: 3rem;
}

.ehcbut {
  white-space: break-spaces;
}

.fbgw7f {
  font-size: 0.6rem;
}

.b85twm {
  font-size: 0.65rem;
}

.dp9v9h {
  font-size: 0.7rem;
}

.ebwynk {
  font-size: 0.75rem;
}

.ewxn8w {
  font-size: 0.8rem;
}

.g3we0v {
  font-size: 0.85rem;
}

.e6lual {
  font-size: 0.9rem;
}

.ci2mps {
  font-size: 0.95rem;
}

.e6c3eu {
  font-size: 1rem;
}

.cqj1uc {
  font-size: 1.25rem;
}

.bxq31q {
  font-size: 1.5rem;
}

@media (min-width: 576px) {
  .enuysk {
    font-size: 0.6rem;
  }

  .xytrgs {
    font-size: 0.65rem;
  }

  .f2pvp2 {
    font-size: 0.7rem;
  }

  .dp9prk {
    font-size: 0.75rem;
  }

  .exznq9 {
    font-size: 0.8rem;
  }

  .dznu28 {
    font-size: 0.85rem;
  }

  .fm1mn2 {
    font-size: 0.9rem;
  }

  .csi9ke {
    font-size: 0.95rem;
  }

  .bbavem {
    font-size: 1rem;
  }

  .c7erod {
    font-size: 1.25rem;
  }

  .b0f3a1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 768px) {
  .fvjj4s {
    font-size: 0.6rem;
  }

  .zvg4ss {
    font-size: 0.65rem;
  }

  .g9ewd1 {
    font-size: 0.7rem;
  }

  .bpdzx8 {
    font-size: 0.75rem;
  }

  .boefxh {
    font-size: 0.8rem;
  }

  .fmso3g {
    font-size: 0.85rem;
  }

  .dzx0o3 {
    font-size: 0.9rem;
  }

  .b5dohx {
    font-size: 0.95rem;
  }

  .b3kinp {
    font-size: 1rem;
  }

  .cfbw4u {
    font-size: 1.25rem;
  }

  .e09hil {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .c5evx1 {
    font-size: 0.6rem;
  }

  .c8bhhb {
    font-size: 0.65rem;
  }

  .dmoi0r {
    font-size: 0.7rem;
  }

  .v2rax9 {
    font-size: 0.75rem;
  }

  .ft3io7 {
    font-size: 0.8rem;
  }

  .b7hmiq {
    font-size: 0.85rem;
  }

  .g4w9yk {
    font-size: 0.9rem;
  }

  .e5ml15 {
    font-size: 0.95rem;
  }

  .gb27za {
    font-size: 1rem;
  }

  .cobvuk {
    font-size: 1.25rem;
  }

  .d09jk2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .by17kr {
    font-size: 0.6rem;
  }

  .evqix9 {
    font-size: 0.65rem;
  }

  .gc1lqz {
    font-size: 0.7rem;
  }

  .bkrxjv {
    font-size: 0.75rem;
  }

  .b3rqla {
    font-size: 0.8rem;
  }

  .e0ghgm {
    font-size: 0.85rem;
  }

  .e9opnd {
    font-size: 0.9rem;
  }

  .fpua68 {
    font-size: 0.95rem;
  }

  .c1rve6 {
    font-size: 1rem;
  }

  .coo2ip {
    font-size: 1.25rem;
  }

  .q9vevy {
    font-size: 1.5rem;
  }
}

@media (min-width: 1400px) {
  .dmn1e9 {
    font-size: 0.6rem;
  }

  .l2l0kf {
    font-size: 0.65rem;
  }

  .csm8kz {
    font-size: 0.7rem;
  }

  .d9g4ta {
    font-size: 0.75rem;
  }

  .bl0bv0 {
    font-size: 0.8rem;
  }

  .chhi4y {
    font-size: 0.85rem;
  }

  .cc6fih {
    font-size: 0.9rem;
  }

  .cxz1wg {
    font-size: 0.95rem;
  }

  .brijnc {
    font-size: 1rem;
  }

  .dvg14f {
    font-size: 1.25rem;
  }

  .c4xf9y {
    font-size: 1.5rem;
  }
}

/* == theme-A.css == */
:root {
  --toggler-icon: url('/res/m/img/theme/A/navbar-toggler.png');
  --bs-body-font-size: 14px;
  --bs-body-color: #ffffff;
  --bs-body-bg: #4a5fe1;
  --bg-nav: #2636A7;
  --bg-about: #3c63c0;
  --bg-copyright: #2636a7;
  --bg-option: linear-gradient(317.57deg, #342ebf 4.41%, #68d4e3 90.06%);
  --bg-option-shade: rgba(0, 0, 0, 0.3);
  --bg-chunk: linear-gradient(317.57deg, #342ebf 4.41%, #68d4e3 90.06%);
  --bg-download: linear-gradient(180deg, #de3ac4, #f76133);
  --bg-download-android: linear-gradient(45deg, #00E676, #81C784);
  --bg-download-apple: linear-gradient(45deg, #3DAEFC, #0078FF);
  --bg-swiper-nav: hsla(0, 0%, 100%, .1);
  --bg-swiper-dot: #c1c1c1;
  --bg-swiper-dot-selected: #00ddf4;
  --text-star: #ffea0f;
  --text-star-score: #ffea0f;
  --text-nav: var(--bs-body-color);
  --text-about: var(--bs-body-color);
  --text-copyright: var(--bs-body-color);
  --text-option: var(--bs-body-color);
  --text-chunk: var(--bs-body-color);
  --text-download: var(--bs-body-color);
  --text-download-android: var(--bs-body-color);
  --text-download-apple: var(--bs-body-color);
  --text-swiper-nav: #ffffff;

  .popover {
    --bs-popover-bg: #ffffff;
  }

  .offcanvas {
    --bs-offcanvas-bg: #ffffff;
    --bs-offcanvas-width: 260px;
  }
}

.navbar {
  color: var(--text-nav);
  background: var(--bg-nav);
}

.navbar-toggler-icon {
  background-image: var(--toggler-icon);
}

.ccs3dh {
  height: 4rem;
}

.b0f1nv {
  height: 4rem;
}

@media (max-width: 768px) {
  .ccs3dh {
    height: 3rem;
  }

  .b0f1nv {
    width: 100%;
  }
}

.dj5ztc {
  color: var(--text-about);
  background: var(--bg-about);
}

.cefxl1 {
  color: var(--text-copyright);
  background: var(--bg-copyright);
}

.f4sgvl {
  color: var(--text-star);
}

.star-score {
  color: var(--text-star-score);
}

.dwaam3 {
  color: var(--text-option);
  background: var(--bg-option);
}

.fj7pdn {
  background: var(--bg-option-shade);
}

.eu8u71 {
  color: var(--text-chunk);
  background: var(--bg-chunk);
}

@media (max-width: 768px) {
  .g08hzb {
    background: unset;
  }

  .cgab9p {
    background: var(--bg-chunk);
  }
}

.download {
  color: var(--text-download);
  background: var(--bg-download);
}

.eox07l {
  color: var(--text-download-android);
  background: var(--bg-download-android);
}

.g45j38 {
  color: var(--text-download-apple);
  background: var(--bg-download-apple);
}

.bgfqrq {
  max-width: 980px
}

.fmuvpp {
  width: 60px;
}

@media (max-width: 576px) {
  footer {
    font-size: 2.4vw;
    line-height: 3.8vw;
  }
}

.swiper-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: var(--text-swiper-nav);
  background: var(--bg-swiper-nav);
}

.swiper-dot-default {
  margin: auto 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bg-swiper-dot);
}

.swiper-dot-selected {
  width: 10px;
  height: 10px;
  border: 2px solid var(--bg-swiper-dot-selected);
  background: transparent;
}

.uptavg {
  left: -272px;
}

.rwozrr {
  left: 968px;
}

.ep13w0 {
  width: 260px;
}

.b2hhxj {
  aspect-ratio: 226/179;
  width: 100%;
  height: 100%;
}

.bpfdnx {
  aspect-ratio: 440/226;
  width: 100%;
  height: 100%;
}

.fhg9ng {
  aspect-ratio: 420/338;
  width: 100%;
  height: 100%;
}

.b00z6s {
  aspect-ratio: 282/160;
  width: 100%;
  height: 100%;
}

.xk4lcw {
  height: auto;
  aspect-ratio: 301 / 169;
}


.bf6kr7 {
  grid-template-areas:
      "d e f"
      "a a ."
      "a a ."
      "ad1 ad1 ad1"
      ". b b"
      ". b b"
      ". . ."
      "ad2 ad2 ad2"
      "c c ."
      "c c g";
}

@media (min-width: 768px) {
  .bf6kr7 {
    grid-template-areas:
      "a a d e"
      "a a f ."
      ". . . ."
      "ad1 ad1 ad1 ad1"
      ". . b b"
      ". . b b"
      "c c . ."
      "c c . g"
      "ad2 ad2 ad2 ad2";
  }
}

@media (min-width: 992px) {
  .bf6kr7 {
    grid-template-areas:
      "a a . . . ."
      "a a . . b b"
      ". . . . b b"
      "ad1 ad1 ad1 ad1 ad1 ad1"
      ". c c . . ."
      ". c c . . ."
      ". . . . d d"
      "e e . . d d"
      "e e . . . ."
      "ad2 ad2 ad2 ad2 ad2 ad2"
      ". g g . f f"
      ". g g . f f";
  }
}

@media (min-width: 1200px) {
  .bf6kr7 {
    grid-template-areas:
      "a a . . . b b . . . c c"
      "a a . . . b b . . . c c"
      ". . d d . . . e e . . ."
      ". . d d . . . e e . . ."
      ". . . . f f . . . g g ."
      ". . . . f f . . . g g ."
      "ad1 ad1 ad1 ad1 ad1 ad1 ad1 ad1 ad1 ad1 ad1 ad1"
      " . . . . . . . . . . . ."
      " . . . . . . . . . . . ."
      " . . . . . . . . . . . ."
      " . . . . . . . . . . . ."
      "ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2 ad2"
  }
}

/* == append/A-2.css == */
.cud641 {
  display: none !important;
}

.fu9okg {
  display: grid !important;
}