.brand {
  position: relative;
  background: rgba(27, 27, 27, 0.25);
  z-index: 2;
}
.social__btn {
  position: absolute;
  top: 10px;
  right: 16px;
  display: flex;
  z-index: 2;
}
.l__footer {
  margin-bottom: 0;
  width: 100%;
  background: #1b1b1b;
}
.l__footer__inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.l__footer__legal-area {
  background: #1b1b1b;
}
.tooltip__text {
  padding: 8px;
  color: #333333;
  font-size: 12px;
  line-height: 1;
  border-radius: 4px;
  box-shadow:
    0px 2px 4px 0px rgba(0, 0, 0, 0.1),
    0px 4px 8px 0px rgba(0, 0, 0, 0.05),
    0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}
html:has(.fancybox-active) {
  overflow: hidden;
}
body {
  background: #000000;
  width: 100%;
  min-width: auto;
  overflow: hidden;
}
.pc_view {
  display: block;
}
.sp_view {
  display: none;
}
.hide {
  display: none;
}
.fancybox-bg {
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-slide {
  padding: 80px 72px !important;
  overflow: hidden;
}
.fancybox-content {
  max-width: 1920px !important;
}
.fancybox-caption {
  background: none;
  height: 80px;
  padding: 16px;
  bottom: -80px;
}
.fancybox-caption__body {
  font-family: "微软雅黑";
}
.ja .fancybox-caption__body {
  font-family: "微软雅黑";
}
.fancybox-caption__body {
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  pointer-events: none;
  overflow: hidden;
}
.loading {
  display: none;
  background: #18191a;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.loading img {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
html.is-modal-open,
html.is-modal-open body {
  overflow: hidden;
  overscroll-behavior: none;
}
.evercold {
  background: #18191a;
  font-family: "微软雅黑";
}
.ja .evercold {
  font-family: "微软雅黑";
}
.evercold {
  position: relative;
}
.evercold * {
  box-sizing: border-box;
}
.evercold img {
  width: 100%;
  max-width: inherit;
  height: auto;
}
.evercold img.on {
  pointer-events: none;
}
.evercold .menu {
  background:
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/fXKbaEZEj7LxLkzayDs4KAyOqQ.png) no-repeat left center,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/aL3jYURK1sqJOHhocK2nFoXqxk.png) no-repeat right center;
  background-size:
    28px 80px,
    28px 80px;
  width: 100%;
  max-width: 1296px;
  height: 80px;
  padding: 8px;
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
.evercold .menu:before {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/NYNcfVQzNK59Fh_QVJ6anmsu3k.png) repeat-x left
    center;
  background-size: 64px 80px;
  position: absolute;
  top: 0;
  right: 28px;
  bottom: 0;
  left: 28px;
  z-index: 0;
}
#evercold_home .evercold .menu {
  opacity: 0;
}
.evercold .menu.is-fixed {
  position: fixed;
}
.evercold .menu__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/UXCyN7RHtQh4b9rOgYM3ddsAPk.png) no-repeat left center,
    rgba(255, 255, 255, 0.2) url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/3LMZGCVQfayTvlVRTEGL9FxUdM.png)
      no-repeat right center;
  background-size:
    20px 64px,
    20px 64px;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-clip-path: polygon(
    16px 0,
    calc(100% - 16px) 0,
    100% 50%,
    calc(100% - 16px) 100%,
    16px 100%,
    0 50%
  );
  clip-path: polygon(
    16px 0,
    calc(100% - 16px) 0,
    100% 50%,
    calc(100% - 16px) 100%,
    16px 100%,
    0 50%
  );
  width: 100%;
  height: 64px;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}
.evercold .menu__inner:before,
.evercold .menu__inner:after {
  content: '';
  background: rgba(255, 255, 255, 0.25);
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  left: 20px;
  z-index: 0;
}
.evercold .menu__inner:before {
  top: 4px;
}
.evercold .menu__inner:after {
  bottom: 4px;
}
.evercold .menu__logo {
  width: 168px;
  height: 48px;
}
#evercold_home .evercold .menu__logo {
  width: 48px;
}
.evercold .menu__logo a {
  display: block;
}
.evercold .menu__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  width: 384px;
  max-width: 384px;
}
.ja .evercold .menu__list {
  width: 512px;
  max-width: 512px;
}
.evercold .menu__list > li {
  width: calc(100% / 4);
}
.ja .evercold .menu__list > li {
  width: calc(100% / 4);
}
.evercold .menu__list > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  padding: 0 12px;
  text-decoration: none;
  position: relative;
}
.evercold .menu__list > li > a > span {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 1;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 8px rgba(16, 36, 64, 0.5);
  white-space: nowrap;
  transition: text-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold .menu__list > li > a:hover > span {
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgba(16, 36, 64, 0.5);
}
.evercold .menu__list > li > a.selected {
  pointer-events: none;
}
.evercold .menu__list > li > a.selected:after {
  content: '';
  display: block;
  background: linear-gradient(
    90deg,
    rgba(32, 72, 128, 0) 0%,
    rgba(45, 100, 179, 0.5) 25%,
    rgba(0, 136, 204, 0.75) 48%,
    #40ffff 50%,
    rgba(0, 136, 204, 0.75) 52%,
    rgba(45, 100, 179, 0.5) 75%,
    rgba(32, 72, 128, 0) 100%
  );
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: 8px;
}
.evercold .menu__list > li > a .updated {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #66ff66;
  box-shadow:
    0px 0px 4px 0px #296629,
    0px 0px 4px 0px #6f6;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  top: 20px;
  right: 3.125%;
}
.evercold .menu__list > li.pre_order {
  width: 220px;
  padding: 0 4px 0 16px;
}
.evercold .menu__list > li.pre_order a {
  width: 100%;
  height: 48px;
  margin: 0 auto;
  padding: 4px;
  border-radius: 24px;
  box-shadow: 0px 2px 4px 0px rgba(204, 122, 41, 0.4);
  position: relative;
  overflow: hidden;
}
.evercold .menu__list > li.pre_order a:hover {
  text-decoration: none;
}
.evercold .menu__list > li.pre_order a:before,
.evercold .menu__list > li.pre_order a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold .menu__list > li.pre_order a:before {
  background: linear-gradient(180deg, #f2c961 0%, #bf7139 100%);
}
.evercold .menu__list > li.pre_order a:after {
  background: linear-gradient(180deg, #ffe066 0%, #cc853d 100%);
  opacity: 0;
}
.evercold .menu__list > li.pre_order a p {
  width: 100%;
  height: 100%;
  padding: 2px;
  position: relative;
  z-index: 1;
}
.evercold .menu__list > li.pre_order a p:before,
.evercold .menu__list > li.pre_order a p:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold .menu__list > li.pre_order a p:before {
  background: linear-gradient(90deg, #bf7139 0%, #f2b418 50%, #bf7139 100%);
  box-shadow: 0 8px 8px 0 rgba(89, 37, 0, 0.15) inset;
}
.evercold .menu__list > li.pre_order a p:after {
  background: linear-gradient(90deg, #cc7b29 0%, #ffcc00 50%, #cc7a29 100%);
  opacity: 0;
}
.evercold .menu__list > li.pre_order a p span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 0px 4px rgba(153, 77, 0, 0.8);
  position: relative;
  z-index: 2;
}
.evercold .menu__list > li.pre_order a p span:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 245, 204, 0.25);
  box-sizing: border-box;
  border-radius: 18px;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .evercold .menu__list > li.pre_order a:hover:after,
  .evercold .menu__list > li.pre_order a.press:after {
    opacity: 1;
  }
  .evercold .menu__list > li.pre_order a:hover p:after,
  .evercold .menu__list > li.pre_order a.press p:after {
    opacity: 1;
  }
}
@media print, screen and (max-width: 767px) {
  .evercold .menu__list > li.pre_order a {
    height: 32px;
    padding: 2px;
    border-radius: 20px;
  }
  .evercold .menu__list > li.pre_order a p {
    padding: 2px;
  }
  .evercold .menu__list > li.pre_order a p:before,
  .evercold .menu__list > li.pre_order a p:after {
    border-radius: 14px;
  }
  .evercold .menu__list > li.pre_order a p span {
    padding: 1px;
    font-size: 16px;
  }
  .evercold .menu__list > li.pre_order a p span:before {
    border-radius: 16px;
  }
  .evercold .menu__list > li.pre_order a.press:after {
    opacity: 1;
  }
}
.evercold .menu__list > li.pre_order a {
  height: 32px;
  padding: 2px;
  border-radius: 20px;
}
.evercold .menu__list > li.pre_order a p {
  padding: 2px;
}
.evercold .menu__list > li.pre_order a p:before,
.evercold .menu__list > li.pre_order a p:after {
  border-radius: 14px;
}
.evercold .menu__list > li.pre_order a p span {
  padding: 1px;
  font-size: 16px;
}
.evercold .menu__list > li.pre_order a p span:before {
  border-radius: 16px;
}
.evercold .menu__list > li.pre_order a.press:after {
  opacity: 1;
}
.evercold-bg {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.evercold-bg img {
  display: block;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center top;
}
.evercold-bg:after {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
.evercold .contents {
  padding-top: 128px;
  position: relative;
}
#evercold_home .evercold .contents {
  padding-top: 0;
}
.evercold-title {
  width: 640px;
  margin: 0 auto 24px;
  padding: 16px 0;
  position: relative;
}
.evercold-title img {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
.evercold-title:before,
.evercold-title:after {
  content: '';
  display: block;
  width: 320px;
  height: 128px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transition:
    transform 0.5s ease-in,
    opacity 0.5s ease-in;
  opacity: 0;
}
.evercold-title:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/dszExwEmH7MzjZ4NEC9bp5VHzc.png) no-repeat center
    center;
  background-size: contain;
  transform: translateX(64px);
  left: -320px;
}
.evercold-title::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/H7mvvvJQs0ESIyXsNivZepYvPU.png) no-repeat center
    center;
  background-size: contain;
  transform: translateX(-64px);
  right: -320px;
}
.evercold-title.show {
  opacity: 1;
}
.evercold-title.show img {
  transform: translateY(0);
  opacity: 1;
}
.evercold-title.show:before,
.evercold-title.show:after {
  transform: translateX(0);
  opacity: 1;
}
.evercold-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.evercold-btn:before {
  content: '';
  background: rgba(20, 22, 26, 0.75);
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #828f99;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.evercold-btn:after {
  content: '';
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(173, 188, 218, 0.8) 50%,
    rgba(255, 255, 255, 0.8) 100%
  );
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
@media print, screen and (min-width: 768px) {
  .evercold-btn:hover {
    text-decoration: none;
  }
  .evercold-btn:hover:after {
    opacity: 1;
  }
}
@media print, screen and (max-width: 767px) {
  .evercold-btn.press {
    text-decoration: none;
  }
  .evercold-btn.press:after {
    opacity: 1;
  }
}
.evercold-btn {
  width: 320px;
  height: 48px;
  margin: 0 auto;
}
.evercold-btn span {
  display: block;
  padding: 0 16px;
  color: #ffffff;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 8px rgba(16, 36, 64, 0.5);
  font-size: 20px;
  line-height: 1;
  position: relative;
  z-index: 2;
  pointer-events: none;
}
.evercold-btn img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.evercold-footer {
  padding: 64px 16px;
  position: relative;
  z-index: 2;
}
.evercold-footer__title {
  margin-bottom: 32px;
  color: #f0f0f0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-shadow:
    0px 0px 16px rgba(0, 26, 51, 0.5),
    0px 0px 4px rgba(0, 26, 51, 0.5);
  text-align: center;
}
.evercold-footer__xiv_link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: calc(100% + 40px);
  margin: 0 -20px 24px;
}
.evercold-footer__xiv_link li {
  width: 400px;
  margin: 0 20px 40px;
}
.evercold-footer__xiv_link li a {
  display: block;
  border-radius: 24px 8px 24px 8px;
  box-shadow:
    0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 4px 8px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(0, 0, 0, 0.2),
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.evercold-footer__xiv_link li a:hover {
  text-decoration: none;
  transform: scale(1.1);
}
.evercold-footer__xiv_link li a:hover::after {
  opacity: 1;
}
.evercold-footer__xiv_link li a::before,
.evercold-footer__xiv_link li a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -1;
  pointer-events: none;
}
.evercold-footer__xiv_link li a::before {
  opacity: 1;
}
.evercold-footer__xiv_link li a::after {
  opacity: 0;
}
.evercold-footer__xiv_link li a p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 73px;
  margin-top: 2px;
  padding: 0 16px;
  font-family: "微软雅黑";
}
.ja .evercold-footer__xiv_link li a p {
  font-family: "微软雅黑";
}
.evercold-footer__xiv_link li a p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  position: relative;
}
.evercold-footer__xiv_link li a p::before,
.evercold-footer__xiv_link li a p::after {
  content: '';
  display: block;
  position: absolute;
}
.evercold-footer__xiv_link li a p::before {
  background: rgba(255, 255, 255, 0.25);
  width: 100%;
  height: 1px;
  top: -1px;
  left: 0;
}
.evercold-footer__xiv_link li a p::after {
  width: 96px;
  height: 72px;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.evercold-footer__xiv_link li a.free p {
  text-shadow:
    0px 4px 8px rgba(68, 102, 0, 0.25),
    0px 2px 4px rgba(68, 102, 0, 0.5);
}
.evercold-footer__xiv_link li a.free p::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/J_DX5R-C85B8-3ZmPdGQMWSl9s.png) no-repeat center
    center;
  background-size: contain;
}
.evercold-footer__xiv_link li a.free::before {
  background: linear-gradient(180deg, #a3cc29 0%, #8cbf26 100%);
}
.evercold-footer__xiv_link li a.free::after {
  background: linear-gradient(180deg, #b8e52e 0%, #9fd92b 100%);
}
.evercold-footer__xiv_link li a.buynow p {
  text-shadow:
    0px 4px 8px rgba(0, 68, 102, 0.25),
    0px 2px 4px rgba(0, 68, 102, 0.5);
}
.evercold-footer__xiv_link li a.buynow p::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/A_AABDjQfOj9L7qgDZeJSVlqsc.png) no-repeat center
    center;
  background-size: contain;
}
.evercold-footer__xiv_link li a.buynow::before {
  background: linear-gradient(180deg, #5cc3e5 0%, #57add9 100%);
}
.evercold-footer__xiv_link li a.buynow::after {
  background: linear-gradient(180deg, #66d9ff 0%, #61c2f2 100%);
}
.evercold-footer__xiv_link li a.mogstation p {
  text-shadow:
    0 2px 4px rgba(102, 0, 0, 0.5),
    0 4px 8px rgba(102, 0, 0, 0.25);
}
.evercold-footer__xiv_link li a.mogstation p::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/Xi4V_QvR1xD5ynfUKm4wkwxE94.png) no-repeat center
    center;
  background-size: contain;
}
.evercold-footer__xiv_link li a.mogstation::before {
  background: linear-gradient(180deg, #d94c41 0%, #cc3d3d 100%);
}
.evercold-footer__xiv_link li a.mogstation::after {
  background: linear-gradient(180deg, #f25749 0%, #e54545 100%);
}
.evercold-footer__info {
  display: block;
  max-width: 624px;
  height: 104px;
  margin: 0 auto 32px;
  border-radius: 8px;
  box-shadow:
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px 8px 16px -4px rgba(0, 0, 0, 0.05),
    0px 4px 8px -2px rgba(0, 0, 0, 0.05),
    0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
.evercold-footer__info:hover {
  transform: translateY(-8px);
}
.evercold-footer__info img {
  display: block;
  width: 100%;
  height: auto;
}
.evercold-footer__sns_link {
  display: flex;
  justify-content: center;
}
.evercold-footer__sns_link li {
  margin: 0 16px;
}
.evercold-footer__sns_link li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  background: #ffffff;
  box-shadow:
    0px 0px 16px 0px rgba(23, 23, 26, 0.25),
    0px 0px 4px 0px rgba(23, 23, 26, 0.25);
  transform: scale(1);
  transition:
    all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold-footer__sns_link li a i {
  font-size: 32px;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold-footer__sns_link li a:hover {
  transform: scale(1.2);
}
.evercold-footer__sns_link li a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.twitter a i {
  color: #000000;
}
.evercold-footer__sns_link li.twitter a:hover {
  background: #000000;
}
.evercold-footer__sns_link li.twitter a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.facebook a i {
  color: #1877f2;
}
.evercold-footer__sns_link li.facebook a:hover {
  background: #1877f2;
}
.evercold-footer__sns_link li.facebook a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.youtube a i {
  color: #ff0000;
}
.evercold-footer__sns_link li.youtube a:hover {
  background: #ff0000;
}
.evercold-footer__sns_link li.youtube a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.instagram a i {
  color: #000000;
}
.evercold-footer__sns_link li.twitch a i {
  color: #9146ff;
}
.evercold-footer__sns_link li.twitch a:hover {
  background: #9146ff;
}
.evercold-footer__sns_link li.twitch a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.line a i {
  color: #00b900;
}
.evercold-footer__sns_link li.line a:hover {
  background: #00b900;
}
.evercold-footer__sns_link li.line a:hover i {
  color: #ffffff;
}
.evercold-footer__sns_link li.bluesky a i {
  color: #1185fe;
}
.evercold-footer__sns_link li.bluesky a:hover {
  background: #1185fe;
}
.evercold-footer__sns_link li.bluesky a:hover i {
  color: #ffffff;
}
.evercold .products__pre_order {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    90deg,
    rgba(173, 188, 218, 0.5) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(173, 188, 218, 0.5) 100%
  );
  width: 100%;
  height: 92px;
  margin-top: 32px;
  padding: 8px 48px;
}
.evercold .products__pre_order.link {
  height: 96px;
}
.evercold .products__pre_order__text {
  color: #333333;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
.evercold .products__pre_order__text span {
  display: block;
  font-family: "微软雅黑";
}
.ja .evercold .products__pre_order__text span {
  font-family: "微软雅黑";
}
.evercold .products__pre_order__text span {
  color: #cc2944;
  font-size: 16px;
  font-weight: 700;
}
.evercold .products__pre_order a {
  width: 100%;
  height: 64px;
  margin: 0 auto;
  padding: 4px;
  border-radius: 32px;
  box-shadow: 0px 2px 4px 0px rgba(204, 122, 41, 0.4);
  position: relative;
  overflow: hidden;
}
.evercold .products__pre_order a:hover {
  text-decoration: none;
}
.evercold .products__pre_order a:before,
.evercold .products__pre_order a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold .products__pre_order a:before {
  background: linear-gradient(180deg, #f2c961 0%, #bf7139 100%);
}
.evercold .products__pre_order a:after {
  background: linear-gradient(180deg, #ffe066 0%, #cc853d 100%);
  opacity: 0;
}
.evercold .products__pre_order a p {
  width: 100%;
  height: 100%;
  padding: 4px;
  position: relative;
  z-index: 1;
}
.evercold .products__pre_order a p:before,
.evercold .products__pre_order a p:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 28px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.evercold .products__pre_order a p:before {
  background: linear-gradient(90deg, #bf7139 0%, #f2b418 50%, #bf7139 100%);
  box-shadow: 0 8px 8px 0 rgba(89, 37, 0, 0.15) inset;
}
.evercold .products__pre_order a p:after {
  background: linear-gradient(90deg, #cc7b29 0%, #ffcc00 50%, #cc7a29 100%);
  opacity: 0;
}
.evercold .products__pre_order a p span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 0px 4px rgba(153, 77, 0, 0.8);
  position: relative;
  z-index: 2;
}
.evercold .products__pre_order a p span:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 245, 204, 0.25);
  box-sizing: border-box;
  border-radius: 24px;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .evercold .products__pre_order a:hover:after,
  .evercold .products__pre_order a.press:after {
    opacity: 1;
  }
  .evercold .products__pre_order a:hover p:after,
  .evercold .products__pre_order a.press p:after {
    opacity: 1;
  }
}
@media print, screen and (max-width: 767px) {
  .evercold .products__pre_order a {
    height: 40px;
    padding: 4px;
    border-radius: 20px;
  }
  .evercold .products__pre_order a p {
    padding: 2px;
  }
  .evercold .products__pre_order a p:before,
  .evercold .products__pre_order a p:after {
    border-radius: 18px;
  }
  .evercold .products__pre_order a p span {
    padding: 1px;
    font-size: 16px;
  }
  .evercold .products__pre_order a p span:before {
    border-radius: 16px;
  }
  .evercold .products__pre_order a.press:after {
    opacity: 1;
  }
}
.evercold .products__pre_order a {
  width: 480px;
}
.evercold .floating_link {
  display: none;
}
.order {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 99990;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: auto;
  font-size: 0;
  display: none;
}
.order:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.order__wrapper {
  position: absolute;
  top: -99999px;
}
.order__container {
  padding: 80px 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.order__container:before,
.order__container:after {
  content: '';
  display: block;
  width: 100%;
  height: 80px;
  position: absolute;
  left: 0;
}
.order__container:before {
  background: linear-gradient(360deg, #dde3f0 0%, rgba(235, 238, 245, 0) 100%);
  top: 0;
}
.order__container:after {
  background: linear-gradient(180deg, #dde3f0 0%, rgba(235, 238, 245, 0) 100%);
  bottom: 0;
}
.order__content {
  background: #f7f8fa;
  padding: 32px 0;
  width: 100%;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  bottom: 0;
  z-index: 99999;
}
.order__inner {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.order__title {
  margin-bottom: 32px;
  font-family: "微软雅黑";
}
.ja .order__title {
  font-family: "微软雅黑";
}
.order__title {
  color: #4c7ee8;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.order__box {
  width: calc((100% - 32px) / 2);
  margin: 0;
}
.order__box img {
  border-radius: 8px;
}
.order__box .order__notes {
  text-align: left;
}
.order__box--bottom {
  width: 100%;
  text-align: center;
}
.order__image {
  width: 100%;
  height: auto;
}
.order__product_name {
  margin-bottom: 16px;
  font-family: "微软雅黑";
}
.ja .order__product_name {
  font-family: "微软雅黑";
}
.order__product_name {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
.order__selected_platform {
  margin-bottom: 16px;
  color: #666666;
  font-size: 16px;
  line-height: 1.5;
}
.order__select {
  position: relative;
  width: 100%;
  max-width: 448px;
  height: 32px;
  margin: 8px 0 0;
  background: #ffffff;
  box-shadow: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.order__select.disabled {
  opacity: 0.25;
  pointer-events: none;
}
.order__select select {
  width: 100%;
  max-width: 448px;
  height: 32px;
  font-family: "微软雅黑";
}
.ja .order__select select {
  font-family: "微软雅黑";
}
.order__select select {
  font-size: 14px;
  color: #333333;
  padding: 0 43px 2px 7px;
  box-sizing: border-box;
  font-weight: 400;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-image: inherit;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.order__select select:disabled {
  opacity: 0.25;
}
.order__select select optgroup {
  display: none;
}
.order__select select option {
  width: 448px;
}
.order__select select::-ms-expand {
  display: none;
}
.order__select select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.order__select::after {
  content: '';
  display: block;
  background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M343.97 214.284L254.284 303.97C250.828 307.503 245.751 310 240 310C234.248 310 229.171 307.503 225.715 303.97L136.29 214.284C132.317 210.653 130 205.603 130 200C130 188.955 138.954 180 149.999 180C155.555 180 160.576 182.271 164.2 185.929L240 261.728L315.799 185.929C319.423 182.271 324.444 180 329.999 180C341.45 180 349.999 188.955 349.999 200C349.999 205.603 347.682 210.653 343.97 214.284Z" fill="%23666666"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  top: 4px;
  margin-top: 0;
  pointer-events: none;
}
.order__select__name {
  margin-top: 32px;
  font-family: "微软雅黑";
}
.ja .order__select__name {
  font-family: "微软雅黑";
}
.order__select__name {
  color: #333333;
  font-size: 14px;
  line-height: 1;
}
.order__select__name:first-of-type {
  margin-top: 0;
}
.order__select.press {
  box-shadow: none;
}
.order__radio__wrapper {
  margin: 16px 0;
  padding: 0;
}
.order__radio__wrapper li {
  margin-bottom: 16px;
}
.order__radio__wrapper li:last-of-type {
  margin-bottom: 0;
}
.order__radio__wrapper li.disabled {
  opacity: 1;
  pointer-events: none;
}
.order__radio__wrapper li.disabled label,
.order__radio__wrapper li.disabled input,
.order__radio__wrapper li.disabled span {
  cursor: default;
}
.order__radio__wrapper li.disabled span {
  color: #999999;
}
.order__radio__wrapper li.disabled span:before {
  background: #999999;
}
.order__radio__wrapper li.disabled span:after {
  display: none;
}
.order__radio span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  font-family: "微软雅黑";
}
.ja .order__radio span {
  font-family: "微软雅黑";
}
.order__radio span {
  position: relative;
  display: inline-block;
  padding-left: 24px;
}
.order__radio span:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: none;
  background: #ffffff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.75) inset;
}
.order__radio input[type='radio'] {
  display: none;
}
.order__radio input[type='radio']:checked + span {
  color: #e57e17;
}
.order__radio input[type='radio']:checked + span::after {
  position: absolute;
  content: '';
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #e57e17;
  border-radius: 16px;
}
.order__shop {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e52e6b;
  width: 320px;
  height: 48px;
  margin: 0 auto 16px;
  padding: 8px 16px;
  box-sizing: border-box;
  font-family: "微软雅黑";
}
.ja .order__shop {
  font-family: "微软雅黑";
}
.order__shop {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 54px;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  border-radius: 24px;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(229, 46, 107, 0.4);
  outline: none;
  cursor: pointer;
  position: relative;
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order__shop:before,
.order__shop:after {
  display: none;
}
.order__shop:hover {
  background: #ff3377;
  color: #ffffff;
  text-decoration: none;
}
.order__shop.press {
  background: #cc295f;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
    0px 2px 0px 0px rgba(255, 255, 255, 0.2);
}
.order__shop.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.order__close {
  position: absolute;
  top: -40px;
  right: 16px;
  width: 32px;
  height: 32px;
  display: block;
  overflow: hidden;
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  z-index: 99999;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order__close:hover {
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
}
.order__close__area {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  z-index: 99995;
  cursor: pointer;
}
.order__hidden {
  position: fixed;
  top: -99999px;
}
.order__freetrial {
  margin-top: 32px;
  padding-top: 0;
}
.order__freetrial a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #009900;
  width: 398px;
  min-height: 32px;
  margin: 0 auto;
  padding: 8px 48px;
  box-sizing: border-box;
  font-family: "微软雅黑";
}
.ja .order__freetrial a {
  font-family: "微软雅黑";
}
.order__freetrial a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  border-radius: 8px;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 153, 0, 0.4);
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.order__freetrial a:hover {
  background: #00cc00;
  text-decoration: none;
}
.order__freetrial a.press {
  background: #008000;
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
    0px 2px 0px 0px rgba(255, 255, 255, 0.2);
}
.order__notes {
  margin-top: 8px;
  font-family: "微软雅黑";
}
.ja .order__notes {
  font-family: "微软雅黑";
}
.order__notes {
  color: #cc2944;
  font-size: 14px;
  line-height: 1.75;
  text-align: center;
}
.order__notes:last-of-type {
  margin-bottom: 0;
}
.order__btn_notice {
  padding-top: 64px;
  text-align: center;
}
.order__btn_notice a {
  display: inline-block;
  box-sizing: border-box;
  min-width: 396px;
  padding: 0 48px;
  line-height: 32px;
  color: #ff66a6;
  font-size: 14px;
  background: rgba(255, 102, 166, 0.1);
  box-shadow: 0px 0px 0px 1px #cc5285 inset;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 8px;
  text-decoration: none;
  font-family: "微软雅黑";
}
.order__btn_notice a.jp {
  font-family: "微软雅黑";
}
.order__btn_notice a:hover,
.order__btn_notice a.press {
  background: rgba(255, 102, 166, 0.2);
}
.order__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  -js-display: flex;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-box-align: center;
  -o-box-align: center;
  box-align: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 48px;
  margin: 0 auto;
  text-decoration: none;
  text-align: center;
  border-radius: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  line-height: 1;
  background: #e5b522;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.order__btn:hover {
  color: #ffffff;
  text-decoration: none;
  background: #ffc926;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.order__btn.press {
  background: #e5b522;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset;
}
.order__btn span {
  display: block;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  font-family: "微软雅黑";
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  text-align: center;
}
.order__btn span.jp {
  font-family: "微软雅黑";
}
.order__btn__bace {
  height: 80px;
  background: #e5e5e5;
}
.order__btn__wrapper {
  width: 100%;
  padding: 16px 30px;
  background: #e5e5e5;
  box-sizing: border-box;
}
.order__btn__wrapper.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .order__container {
    padding: 0;
  }
  .order__container:before,
  .order__container:after {
    display: none;
  }
  .order__content {
    padding: 32px 0 64px;
  }
  .order__close {
    width: 16px;
    height: 16px;
    top: 16px;
    right: 16px;
  }
  .order__close:hover {
    background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
  }
  .order__title {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .order__inner {
    gap: 0;
    background: none;
    width: 100%;
    padding: 0 16px;
  }
  .order__box {
    width: 100%;
    padding: 0;
  }
  .order__select {
    max-width: none;
  }
  .order__select select {
    background: #ffffff;
    max-width: none;
  }
  .order__radio__wrapper li {
    line-height: 1.4;
  }
  .order__shop {
    width: 100%;
    height: 40px;
    padding: 0;
    font-size: 16px;
    line-height: 1.35;
    border-radius: 20px;
  }
  .order__selected {
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    margin: 32px -16px;
    padding: 16px;
  }
  .order__selected_title {
    margin-bottom: 16px;
    padding-bottom: 0;
    font-family: "微软雅黑";
  }
  .ja .order__selected_title {
    font-family: "微软雅黑";
  }
  .order__selected_title {
    color: #333333;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
  }
  .order__selected_product {
    margin-bottom: 16px;
    font-family: "微软雅黑";
  }
  .ja .order__selected_product {
    font-family: "微软雅黑";
  }
  .order__selected_product {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
  }
  .order__selected_platform {
    margin-bottom: 0;
    font-family: "微软雅黑";
  }
  .ja .order__selected_platform {
    font-family: "微软雅黑";
  }
  .order__selected_platform {
    color: #666666;
    font-size: 12px;
    line-height: 1.5;
  }
  .order__notes {
    padding: 0;
    text-align: left;
  }
  .ja .order__notes {
    font-size: 12px;
  }
  .order__freetrial {
    padding: 0;
    position: static;
  }
  .order__freetrial a {
    width: 100%;
    padding: 8px;
    font-size: 12px;
  }
}
#evercold_home #player-black {
  background: #18191a;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  opacity: 1;
}
#evercold_home #bg_movie {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
#evercold_home #bg_movie::after {
  content: '';
  background: #000000;
  opacity: 0.15;
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
#evercold_home #bg_movie video,
#evercold_home #bg_movie img {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center top;
}
#evercold_home #player-over {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: auto;
}
#evercold_home .visual {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: calc(100svh - 38px);
  margin-bottom: 64px;
  padding: 98px 0 136px;
  position: relative;
  z-index: 1;
  opacity: 0;
}
#evercold_home .visual__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  max-width: 1184px;
  margin: 0 auto;
}
#evercold_home .visual .catch_copy {
  width: 54.0540540541%;
  margin: 0 auto;
}
#evercold_home .visual .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 81.0810810811%;
  margin: 0 auto;
  min-height: 416px;
  max-height: 512px;
  position: relative;
}
#evercold_home .visual .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
}
#evercold_home .visual .release {
  width: 100%;
  text-align: center;
}
#evercold_home .visual .release img {
  width: 54.0540540541%;
}
#evercold_home .visual .release__text {
  margin-top: min(calc(4 / 1080 * 100vh), 4px);
  color: #f5d349;
  font-size: min(calc(14 / 1184 * 100vw), 14px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 8px rgb(64, 54, 16),
    0px 0px 16px rgb(64, 54, 16);
}
#evercold_home .visual .pre_order {
  width: 100%;
  margin-top: min(calc(24 / 1080 * 100vh), 24px);
  text-align: center;
}
#evercold_home .visual .pre_order img {
  width: 54.0540540541%;
}
#evercold_home .visual .pre_order a {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0 auto;
  padding: 4px;
  border-radius: 24px;
  box-shadow: 0px 2px 4px 0px rgba(204, 122, 41, 0.4);
  position: relative;
  overflow: hidden;
}
#evercold_home .visual .pre_order a:hover {
  text-decoration: none;
}
#evercold_home .visual .pre_order a:before,
#evercold_home .visual .pre_order a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .visual .pre_order a:before {
  background: linear-gradient(180deg, #f2c961 0%, #bf7139 100%);
}
#evercold_home .visual .pre_order a:after {
  background: linear-gradient(180deg, #ffe066 0%, #cc853d 100%);
  opacity: 0;
}
#evercold_home .visual .pre_order a p {
  width: 100%;
  height: 100%;
  padding: 2px;
  position: relative;
  z-index: 1;
}
#evercold_home .visual .pre_order a p:before,
#evercold_home .visual .pre_order a p:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .visual .pre_order a p:before {
  background: linear-gradient(90deg, #bf7139 0%, #f2b418 50%, #bf7139 100%);
  box-shadow: 0 8px 8px 0 rgba(89, 37, 0, 0.15) inset;
}
#evercold_home .visual .pre_order a p:after {
  background: linear-gradient(90deg, #cc7b29 0%, #ffcc00 50%, #cc7a29 100%);
  opacity: 0;
}
#evercold_home .visual .pre_order a p span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 0px 4px rgba(153, 77, 0, 0.8);
  position: relative;
  z-index: 2;
}
#evercold_home .visual .pre_order a p span:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 245, 204, 0.25);
  box-sizing: border-box;
  border-radius: 18px;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #evercold_home .visual .pre_order a:hover:after,
  #evercold_home .visual .pre_order a.press:after {
    opacity: 1;
  }
  #evercold_home .visual .pre_order a:hover p:after,
  #evercold_home .visual .pre_order a.press p:after {
    opacity: 1;
  }
}
@media print, screen and (max-width: 767px) {
  #evercold_home .visual .pre_order a {
    height: 32px;
    padding: 2px;
    border-radius: 20px;
  }
  #evercold_home .visual .pre_order a p {
    padding: 2px;
  }
  #evercold_home .visual .pre_order a p:before,
  #evercold_home .visual .pre_order a p:after {
    border-radius: 14px;
  }
  #evercold_home .visual .pre_order a p span {
    padding: 1px;
    font-size: 16px;
  }
  #evercold_home .visual .pre_order a p span:before {
    border-radius: 16px;
  }
  #evercold_home .visual .pre_order a.press:after {
    opacity: 1;
  }
}
#evercold_home .visual .pre_order a {
  width: 320px;
}
#evercold_home .visual .pre_order__text {
  margin-top: min(calc(8 / 1080 * 100vh), 8px);
  color: #f5d349;
  font-size: min(calc(14 / 1184 * 100vw), 14px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 8px rgb(64, 54, 16),
    0px 0px 16px rgb(64, 54, 16);
}
#evercold_home .visual .platform {
  display: flex;
  justify-content: center;
  gap: 0 2.7027027027%;
  width: 100%;
  max-width: 914px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
}
#evercold_home .visual .platform li img {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1))
    drop-shadow(0 0 12px rgba(0, 0, 0, 0.1));
}
#evercold_home .visual .platform-ps {
  max-width: 252px;
}
#evercold_home .visual .platform-xbox {
  max-width: 234px;
}
#evercold_home .visual .platform-sw {
  max-width: 40px;
}
#evercold_home .visual .platform-win {
  max-width: 106px;
}
#evercold_home .visual .platform-mac {
  max-width: 30px;
}
#evercold_home .visual .platform-steam {
  max-width: 92px;
}
#evercold_home .visual .link {
  width: min(calc(240 / 960 * 100%), 100%);
  max-width: 240px;
  position: absolute;
  left: 0;
  bottom: min(calc(152 / 960 * 100%), 152px);
}
#evercold_home .visual .link li {
  width: 100%;
  margin-bottom: 16px;
}
#evercold_home .visual .link li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .visual .link li a {
  display: block;
  border-radius: 0 24px 8px 0;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1019607843) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.3019607843),
    0px 4px 8px 0px rgba(0, 0, 0, 0.2509803922),
    0px 8px 24px 0px rgba(0, 0, 0, 0.2509803922);
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
#evercold_home .visual .link li a::before,
#evercold_home .visual .link li a::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 0;
  pointer-events: none;
}
#evercold_home .visual .link li a::before {
  opacity: 1;
}
#evercold_home .visual .link li a::after {
  opacity: 0;
}
#evercold_home .visual .link li a i {
  display: block;
  width: 33.3333333333%;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 1;
  pointer-events: none;
}
#evercold_home .visual .link li a img {
  pointer-events: none;
  position: relative;
  z-index: 2;
}
#evercold_home .visual .link li a:hover::after {
  opacity: 1;
}
#evercold_home .visual .link li a.newplayer::before {
  background: linear-gradient(180deg, #c3d957 0%, #79a621 100%);
}
#evercold_home .visual .link li a.newplayer::after {
  background: linear-gradient(180deg, #daf261 0%, #8cbf26 100%);
}
#evercold_home .visual .link li a.newplayer i {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/9gynZua_3LgFXSzCapKUsPDFrc.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .visual .link li a.mogstation::before {
  background: linear-gradient(180deg, #f2f2f2 0%, #bfbfbf 100%);
}
#evercold_home .visual .link li a.mogstation::after {
  background: linear-gradient(180deg, #ffffff 0%, #d9d9d9 100%);
}
#evercold_home .visual .link li a.mogstation i {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/eiCKB9szF54hND7FzBV1O1pfRI.png) no-repeat center
    center;
  background-size: contain;
}
@keyframes scroll_aetheryte {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
#evercold_home .visual .scroll {
  width: 48px;
  height: 48px;
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1))
    drop-shadow(0 0 12px rgba(0, 0, 0, 0.1));
  position: absolute;
  left: 50%;
  bottom: 16px;
  translate: -50% 0;
  animation: scroll_aetheryte 1s ease-in-out infinite;
}
#evercold_home .visual .scroll svg {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  fill: #ffffff;
  fill-rule: evenodd;
  clip-rule: evenodd;
  pointer-events: none;
}
#evercold_home .contents {
  opacity: 0;
}
#evercold_home .section-media {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/oa40zdpg0-tL305xMAbHh3T_j0.jpg) no-repeat center
    center fixed;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#evercold_home .section-media:after {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#evercold_home .section-features {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/Fjxx5lIfu-Oq2uHPkFNqT1ujgY.jpg) no-repeat center
    center fixed;
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#evercold_home .section-features:after {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#evercold_home .bg-white {
  background: rgba(255, 255, 255, 0.25);
  position: relative;
}
#evercold_home .bg-white:before,
#evercold_home .bg-white:after {
  content: '';
  width: 100%;
  height: 144px;
  position: absolute;
  left: 0;
}
#evercold_home .bg-white:before {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  top: 0;
}
#evercold_home .bg-white:after {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 100%
  );
  bottom: 0;
}
#evercold_home .bg-white__inner {
  background:
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/RyJcokJ808-yl7JQ7mbA3zz_3k.png) no-repeat left top,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/RX-JrFowUIyS92bSMMyNRf33-s.png) no-repeat right top;
  background-size:
    512px 512px,
    512px 512px;
  padding: 24px 0 64px;
  position: relative;
  z-index: 1;
}
#evercold_home .bg-white__inner:before,
#evercold_home .bg-white__inner:after {
  content: '';
  display: block;
  width: 100%;
  height: 9px;
  position: absolute;
  left: 0;
  z-index: 1;
}
#evercold_home .bg-white__inner:before {
  background: linear-gradient(
      to bottom,
      transparent 0px,
      transparent 2px,
      rgba(255, 255, 255, 0.75) 2px,
      rgba(255, 255, 255, 0.75) 3px,
      transparent 3px,
      transparent 5px,
      rgba(255, 255, 255, 0.5) 5px,
      rgba(255, 255, 255, 0.5) 6px,
      transparent 6px,
      transparent 8px,
      rgba(255, 255, 255, 0.25) 8px,
      rgba(255, 255, 255, 0.25) 9px
    )
    no-repeat center top;
  background-size: 100% 100%;
  top: 0;
}
#evercold_home .bg-white__inner:after {
  background: linear-gradient(
      to top,
      transparent 0px,
      transparent 2px,
      rgba(255, 255, 255, 0.75) 2px,
      rgba(255, 255, 255, 0.75) 3px,
      transparent 3px,
      transparent 5px,
      rgba(255, 255, 255, 0.5) 5px,
      rgba(255, 255, 255, 0.5) 6px,
      transparent 6px,
      transparent 8px,
      rgba(255, 255, 255, 0.25) 8px,
      rgba(255, 255, 255, 0.25) 9px
    )
    no-repeat center top;
  background-size: 100% 100%;
  bottom: 0;
}
#evercold_home .bg-black {
  background: rgba(0, 0, 0, 0.25);
  position: relative;
}
#evercold_home .bg-black:before,
#evercold_home .bg-black:after {
  content: '';
  width: 100%;
  height: 144px;
  position: absolute;
  left: 0;
}
#evercold_home .bg-black:before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  top: 0;
}
#evercold_home .bg-black:after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  bottom: 0;
}
#evercold_home .bg-black__inner {
  padding: 24px 0 64px;
  position: relative;
  z-index: 1;
}
#evercold_home .bg-black__inner:before,
#evercold_home .bg-black__inner:after {
  content: '';
  display: block;
  width: 100%;
  height: 9px;
  position: absolute;
  left: 0;
  z-index: 1;
}
#evercold_home .bg-black__inner:before {
  background: linear-gradient(
      to bottom,
      transparent 0px,
      transparent 2px,
      rgba(128, 128, 128, 0.75) 2px,
      rgba(128, 128, 128, 0.75) 3px,
      transparent 3px,
      transparent 5px,
      rgba(128, 128, 128, 0.5) 5px,
      rgba(128, 128, 128, 0.5) 6px,
      transparent 6px,
      transparent 8px,
      rgba(128, 128, 128, 0.25) 8px,
      rgba(128, 128, 128, 0.25) 9px
    )
    no-repeat center top;
  background-size: 100% 100%;
  top: 0;
}
#evercold_home .bg-black__inner:after {
  background: linear-gradient(
      to top,
      transparent 0px,
      transparent 2px,
      rgba(128, 128, 128, 0.75) 2px,
      rgba(128, 128, 128, 0.75) 3px,
      transparent 3px,
      transparent 5px,
      rgba(128, 128, 128, 0.5) 5px,
      rgba(128, 128, 128, 0.5) 6px,
      transparent 6px,
      transparent 8px,
      rgba(128, 128, 128, 0.25) 8px,
      rgba(128, 128, 128, 0.25) 9px
    )
    no-repeat center top;
  background-size: 100% 100%;
  bottom: 0;
}
#evercold_home .catch-phrese__img {
  display: flex;
  justify-content: space-between;
}
#evercold_home .catch-phrese__img:before,
#evercold_home .catch-phrese__img:after {
  content: '';
  flex: 1;
}
#evercold_home .catch-phrese__img:before {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 100%
  );
}
#evercold_home .catch-phrese__img::after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
#evercold_home .catch-phrese__img__inner {
  max-width: 1280px;
  position: relative;
}
#evercold_home .catch-phrese__img__inner:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/lFkJBiJq9Tsk9hAEem8k5t4ymk.png) no-repeat center
    center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#evercold_home .catch-phrese__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 32px 48px 64px;
}
#evercold_home .catch-phrese p {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold_home .catch-phrese__text {
  margin-bottom: 64px;
  font-size: 20px;
  line-height: 1.75;
}
.ja #evercold_home .catch-phrese__text {
  line-height: 2.2;
}
#evercold_home .catch-phrese__catch-copy {
  font-size: 32px;
  line-height: 1.75;
}
#evercold_home .trailer {
  position: relative;
  z-index: 1;
}
#evercold_home .trailer__viewer {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 64px;
}
#evercold_home .trailer__viewer .image {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  position: relative;
  z-index: 1;
}
#evercold_home .trailer__viewer .image li {
  grid-area: 1/1;
  width: 100%;
  position: relative;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#evercold_home .trailer__viewer .image li.active {
  opacity: 1;
  position: relative;
  z-index: 1;
  pointer-events: all;
}
#evercold_home .trailer__viewer .image li img {
  display: block;
  width: 100%;
  height: auto;
}
#evercold_home .trailer__viewer .image li a {
  display: block;
  background: #000000;
  margin-bottom: 24px;
  box-shadow:
    0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 4px 8px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .trailer__viewer .image li a:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/lFkJBiJq9Tsk9hAEem8k5t4ymk.png) no-repeat center
    center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
#evercold_home .trailer__viewer .image li a .play {
  display: block;
  width: 10%;
  height: 17.7777777778%;
  right: 1.6666666667%;
  bottom: 2.962962963%;
  position: absolute;
}
#evercold_home .trailer__viewer .image li a .play:before,
#evercold_home .trailer__viewer .image li a .play:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .trailer__viewer .image li a .play:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/MOXVJSxYWbEN4riu0PWq6qFDNo.png) no-repeat center
    center;
  background-size: contain;
  opacity: 1;
}
#evercold_home .trailer__viewer .image li a:hover {
  transform: scale(1.05);
}
#evercold_home .trailer__viewer .image li p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 8px rgba(16, 36, 64, 0.5019607843);
}
#evercold_home .trailer__viewer .thumbnail {
  display: flex;
  justify-content: center;
  gap: 0 8px;
  margin-top: 32px;
}
#evercold_home .trailer__viewer .thumbnail li {
  background: #999999;
  max-width: 128px;
  position: relative;
  cursor: pointer;
}
#evercold_home .trailer__viewer .thumbnail li:before,
#evercold_home .trailer__viewer .thumbnail li:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .trailer__viewer .thumbnail li:before {
  box-shadow: 0px 0px 0px 2px #ffe066 inset;
}
#evercold_home .trailer__viewer .thumbnail li:after {
  box-shadow: 0px 0px 0px 2px #ffffff inset;
}
#evercold_home .trailer__viewer .thumbnail li:hover:after {
  opacity: 1;
}
#evercold_home .trailer__viewer .thumbnail li i {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
#evercold_home .trailer__viewer .thumbnail li i:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffe066 transparent;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .trailer__viewer .thumbnail li img {
  width: 100%;
  height: auto;
}
#evercold_home .trailer__viewer .thumbnail li.active::before {
  opacity: 1;
}
#evercold_home .trailer__viewer .thumbnail li.active:hover:after {
  opacity: 0;
}
#evercold_home .trailer__viewer .thumbnail li.active i::before {
  opacity: 1;
}
#evercold_home .news {
  position: relative;
  z-index: 1;
}
#evercold_home .news__slide {
  width: calc(100% - 192px);
  height: 100%;
  margin: 0 96px 64px;
  padding-top: 307px;
  position: relative;
}
#evercold_home .news__slide__wrapper {
  visibility: hidden;
}
#evercold_home .news__slide__wrapper.is-ready {
  visibility: visible;
}
#evercold_home .news__slide__btn {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
}
#evercold_home .news__slide__prev,
#evercold_home .news__slide__next {
  display: none;
  width: 96px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}
#evercold_home .news__slide__prev::before,
#evercold_home .news__slide__prev::after,
#evercold_home .news__slide__next::before,
#evercold_home .news__slide__next::after {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .news__slide__prev::after,
#evercold_home .news__slide__next::after {
  opacity: 0;
}
#evercold_home .news__slide__prev:hover::after,
#evercold_home .news__slide__next:hover::after {
  opacity: 1;
}
#evercold_home .news__slide__prev.disabled,
#evercold_home .news__slide__next.disabled {
  pointer-events: none;
}
#evercold_home .news__slide__prev.disabled::before,
#evercold_home .news__slide__next.disabled::before {
  opacity: 0.25;
}
#evercold_home .news__slide__prev.disabled::after,
#evercold_home .news__slide__next.disabled::after {
  opacity: 0;
}
#evercold_home .news__slide__prev {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  left: 0;
}
#evercold_home .news__slide__prev::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/-xZDslALd2IHIVWiznwmjTpUZk.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .news__slide__prev::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/CmgPeh8Y3Yg6Lv3umHQwIyauiY.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .news__slide__next {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  right: 0;
}
#evercold_home .news__slide__next::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/99uX1C2AQ2Rbbz4NmN3MQUb_Vg.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .news__slide__next::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/1goLtIHpkwVFN9JuDLt2TPwOOA.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .news__slide .news-wrapper.center {
  display: flex;
  justify-content: center;
}
#evercold_home .news__slide .news-wrapper.center .news-list {
  justify-content: center;
}
#evercold_home .news__slide .news-list {
  display: flex;
  width: auto;
  min-height: auto;
  position: absolute;
  top: 0;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .news__slide .news-list li {
  position: relative;
  margin-left: 20px;
}
#evercold_home .news__slide .news-list li:first-of-type {
  margin-left: 0;
}
#evercold_home .news__slide .news-more {
  display: none;
}
#evercold_home .features {
  position: relative;
  z-index: 1;
}
#evercold_home .features__slide {
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
  position: relative;
}
#evercold_home .features__slide__wrapper {
  visibility: hidden;
}
#evercold_home .features__slide__wrapper.is-ready {
  visibility: visible;
}
#evercold_home .features__slide__prev,
#evercold_home .features__slide__next {
  display: none;
  width: 5%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
}
#evercold_home .features__slide__prev::before,
#evercold_home .features__slide__prev::after,
#evercold_home .features__slide__next::before,
#evercold_home .features__slide__next::after {
  content: '';
  display: block;
  width: 66.6666666667%;
  height: 15.5555555556%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .features__slide__prev::after,
#evercold_home .features__slide__next::after {
  opacity: 0;
}
#evercold_home .features__slide__prev:hover::after,
#evercold_home .features__slide__next:hover::after {
  opacity: 1;
}
#evercold_home .features__slide__prev {
  left: 0;
}
#evercold_home .features__slide__prev::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/b-i89_Dk1oJQywd10Mpv78UbAo.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .features__slide__prev::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/uZ5c6Bmtb1PlCDY62S7qvrDf_8.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .features__slide__next {
  right: 0;
}
#evercold_home .features__slide__next::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/aRHhlqbvFisPrhOHsFXzIB2zmY.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .features__slide__next::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/n79dpEQuvvKST7NWO6-V3QEk3g.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .features__list {
  display: flex;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.25);
  height: 100%;
  box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
}
#evercold_home .features__list li {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
}
#evercold_home .features__list li .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#evercold_home .features__list li .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#evercold_home .features__list li .detail {
  background: linear-gradient(
    90deg,
    rgba(10, 22, 38, 0.8) 0%,
    rgba(16, 43, 64, 0) 100%
  );
  width: 66.6666666667%;
  padding: 2.5% 5%;
  position: absolute;
  left: 0;
  bottom: 0;
}
#evercold_home .features__list li .detail__title {
  margin-bottom: 4.4444444444%;
  color: #ffffff;
  font-size: 2.0833333333vw;
  font-weight: 700;
  line-height: 1.5;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 8px rgb(16, 36, 64),
    0px 0px 16px rgb(16, 36, 64);
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 4px #102440,
    0px 0px 8px #102440,
    0px 0px 16px #102440;
}
#evercold_home .features__list li .detail__text {
  font-family: "微软雅黑";
}
.ja #evercold_home .features__list li .detail__text {
  font-family: "微软雅黑";
}
#evercold_home .features__list li .detail__text {
  color: #ffffff;
  font-size: 1.0416666667vw;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 4px #102440,
    0px 0px 8px #102440,
    0px 0px 16px #102440;
}
#evercold_home .features__list li .link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20.8333333333%;
  height: 7.4074074074%;
  position: absolute;
  right: 5%;
  bottom: 5.9259259259%;
}
#evercold_home .features__list li .link::before,
#evercold_home .features__list li .link:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#evercold_home .features__list li .link::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/ijHbOpsVO_mzoVyRIbCl7uxn_A.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .features__list li .link:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/haN_vFjjsl8bxOkmo5Piwdm9I8.png) no-repeat center
    center;
  background-size: contain;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}
#evercold_home .features__list li .link:hover {
  text-decoration: none;
}
#evercold_home .features__list li .link:hover::after {
  opacity: 1;
}
#evercold_home .features__list li .link p {
  color: #ffffff;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1;
  text-shadow:
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5);
  position: relative;
  z-index: 2;
  pointer-events: none;
}
#evercold_home .features__thm {
  display: flex;
  justify-content: center;
  margin-top: 1.25%;
  position: relative;
  z-index: 1;
}
#evercold_home .features__thm li {
  width: 8.3333333333%;
  margin: 0 0.625%;
  box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.35);
  position: relative;
  cursor: pointer;
}
#evercold_home .features__thm li:before,
#evercold_home .features__thm li:after {
  content: '';
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .features__thm li:before {
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 2px #ffffff inset;
  top: 0;
  left: 0;
  opacity: 0;
}
#evercold_home .features__thm li::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/tYuzrqpqXxS2FGChUiYFpFH4Ac.png) no-repeat center
    center;
  background-size: contain;
  width: 115%;
  height: 142.2222222222%;
  top: -30%;
  left: -7.7777777778%;
}
#evercold_home .features__thm li:hover::before {
  opacity: 1;
}
#evercold_home .features__thm li.current {
  box-shadow: none;
}
#evercold_home .features__thm li.current::before {
  display: none;
}
#evercold_home .features__thm li.current::after {
  opacity: 1;
}
#evercold_home .jobs {
  padding-top: 64px;
  position: relative;
  z-index: 1;
}
#evercold_home .jobs h3 {
  margin-bottom: 32px;
  padding: 0 48px;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold_home .jobs__list {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(220, 228, 245, 0.9) 100%
  );
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 0px 4px 0px rgb(255, 255, 255),
    0px 0px 32px 0px rgba(255, 255, 255, 0.5);
}
#evercold_home .jobs__list ul {
  display: flex;
  gap: 0 32px;
  margin-bottom: 32px;
}
#evercold_home .jobs__list ul li {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
#evercold_home .jobs__list ul li img {
  border-radius: 8px;
}
#evercold_home .jobs__list ul li h4 {
  color: #6b83b3;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.35;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgb(255, 255, 255),
    0px 0px 32px rgb(255, 255, 255);
}
#evercold_home .information {
  padding-top: 64px;
  position: relative;
  z-index: 1;
}
#evercold_home .information h3 {
  margin-bottom: 32px;
  padding: 0 48px;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold_home .information__list {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 64px;
}
#evercold_home .information__list:last-of-type {
  margin-bottom: 0;
}
#evercold_home .information__list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 32px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(220, 228, 245, 0.9) 100%
  );
  margin-top: 32px;
  padding: 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 0px 4px 0px rgb(255, 255, 255),
    0px 0px 32px 0px rgba(255, 255, 255, 0.5);
}
#evercold_home .information__list > li:first-of-type {
  margin-top: 0;
}
#evercold_home .information__list > li > div {
  min-width: 0;
}
#evercold_home .information__list > li h4 {
  margin-bottom: 16px;
  padding-bottom: 16px;
  color: #6b83b3;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.35;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgb(255, 255, 255),
    0px 0px 32px rgb(255, 255, 255);
  border-bottom: 2px solid #99b6cc;
}
#evercold_home .information__list > li p {
  font-family: "微软雅黑";
}
.ja #evercold_home .information__list > li p {
  font-family: "微软雅黑";
}
#evercold_home .information__list > li p {
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 32px rgba(255, 255, 255, 0.5);
}
#evercold_home .information__list > li img {
  border-radius: 8px;
}
#evercold_home .information__list__text {
  margin-top: 16px;
}
#evercold_home .information__list__text li {
  margin-bottom: 8px;
  padding-left: 28px;
  font-family: "微软雅黑";
}
.ja #evercold_home .information__list__text li {
  font-family: "微软雅黑";
}
#evercold_home .information__list__text li {
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 32px rgba(255, 255, 255, 0.5);
  position: relative;
}
#evercold_home .information__list__text li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .information__list__text li svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 0;
}
#evercold_home .update {
  width: 100%;
  max-width: 1280px;
  margin: 64px auto 0;
}
#evercold_home .update__content {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(220, 228, 245, 0.9) 100%
  );
  padding-bottom: 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 0px 4px 0px rgb(255, 255, 255),
    0px 0px 32px 0px rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
#evercold_home .update__content__head {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #ffffff 0%, #dce4f5 100%);
  min-height: 80px;
  padding: 16px 72px 16px 24px;
  border-radius: 24px 8px;
  box-shadow: 0px 0px 32px 0px rgba(102, 189, 255, 0.25);
  position: relative;
  cursor: pointer;
}
#evercold_home .update__content__head svg {
  fill: #6b83b3;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto 0;
}
#evercold_home .update__content__head h3 {
  color: #6b83b3;
  font-size: 24px;
  line-height: 1.35;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgb(255, 255, 255),
    0px 0px 32px rgb(255, 255, 255);
}
#evercold_home .update__content__body {
  display: none;
  padding: 24px 48px 0;
}
#evercold_home .update__content__body ul {
  margin-bottom: 16px;
}
#evercold_home .update__content__body ul li {
  margin-bottom: 16px;
  padding-left: 28px;
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  position: relative;
}
#evercold_home .update__content__body ul li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .update__content__body ul li svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 0;
}
#evercold_home .update__content__body ul li i {
  font-size: 20px;
}
#evercold_home .update__content__body p {
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
}
#evercold_home .update__content.active .update__content__head svg {
  transform: rotate(180deg);
}
#evercold_home .update__notes {
  margin: 32px auto 0;
  padding: 0 48px;
}
#evercold_home .update__notes li {
  color: #f5d349;
  font-size: 16px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px #403610,
    0px 0px 4px #403610,
    0px 0px 8px #403610,
    0px 0px 16px #403610;
}
#evercold_home .update__notes > li {
  margin-bottom: 32px;
}
#evercold_home .update__notes > li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .update__notes > li > ol {
  margin-top: 8px;
}
#evercold_home .update__notes > li > ol > li {
  margin-bottom: 8px;
}
#evercold_home .update__notes > li > ol > li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .products {
  margin-top: 64px;
}
#evercold_home .products__content {
  background: linear-gradient(
    319.2deg,
    rgba(220, 228, 245, 0.9) 3.8%,
    rgba(255, 255, 255, 0.9) 96.49%
  );
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 0px 4px 0px rgb(255, 255, 255),
    0px 0px 32px 0px rgba(255, 255, 255, 0.5);
}
#evercold_home .products__img img {
  border-radius: 8px;
}
#evercold_home .products__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, auto);
  gap: 16px;
  align-items: stretch;
  margin-top: 32px;
  padding: 0;
  box-shadow: none;
}
#evercold_home .products__list h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold_home .products__list ul {
  height: 100%;
}
#evercold_home .products__list ul li {
  margin-top: 4px;
  padding: 0 8px 0 24px;
  font-family: "微软雅黑";
}
.ja #evercold_home .products__list ul li {
  font-family: "微软雅黑";
}
#evercold_home .products__list ul li {
  color: #333333;
  font-size: 12px;
  line-height: 1.5;
  position: relative;
}
#evercold_home .products__list ul li:first-of-type {
  margin-top: 0;
}
#evercold_home .products__list ul li svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 8px;
}
#evercold_home .products__list__item {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  min-width: 0;
  box-sizing: border-box;
  background: #ffffff;
  padding: 16px 0;
  border-radius: 16px;
}
#evercold_home .products__list__item *,
#evercold_home .products__list__item *:before,
#evercold_home .products__list__item *:after {
  box-sizing: border-box;
}
#evercold_home .products__list__item > * {
  min-width: 0;
}
#evercold_home .products__list__item.fixed {
  display: none;
}
#evercold_home .products__list__img {
  padding: 0 22px;
}
#evercold_home .products__list__img img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
#evercold_home .products__list__content {
  padding: 0 16px;
}
#evercold_home .products__list__content ul {
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset;
}
#evercold_home .products__list__btn {
  margin: 0 16px;
}
#evercold_home .products__list__btn a {
  background: #6b83b3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 8px 16px;
  font-family: "微软雅黑";
}
.ja #evercold_home .products__list__btn a {
  font-family: "微软雅黑";
}
#evercold_home .products__list__btn a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 8px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(107, 131, 179, 0.4);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold_home .products__list__btn a:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  #evercold_home .products__list__btn a:hover {
    background: #7a95cc;
  }
  #evercold_home .products__list__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
@media print, screen and (max-width: 767px) {
  #evercold_home .products__list__btn a {
    padding: 8px;
    font-size: 14px;
  }
  #evercold_home .products__list__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
#evercold_home .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .anim.show {
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .news__slide.anim .news-list li {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(1) {
  transition-delay: 0s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(2) {
  transition-delay: 0.1s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(3) {
  transition-delay: 0.2s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(4) {
  transition-delay: 0.3s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(5) {
  transition-delay: 0.4s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(6) {
  transition-delay: 0.5s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(7) {
  transition-delay: 0.6s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(8) {
  transition-delay: 0.7s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(9) {
  transition-delay: 0.8s;
}
#evercold_home .news__slide.anim .news-list li:nth-of-type(10) {
  transition-delay: 0.9s;
}
#evercold_home .news__slide.anim.show .news-list li {
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .features__slide.anim {
  transition: none;
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .features__slide.anim li.anim {
  transition: opacity 0.5s ease-in;
  transform: translateY(0);
  opacity: 0;
}
#evercold_home .features__slide.anim li.anim.show {
  opacity: 1;
}
#evercold_home .features__slide.anim + .features__thm li {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(1) {
  transition-delay: 0s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(3) {
  transition-delay: 0.4s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(4) {
  transition-delay: 0.6s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(5) {
  transition-delay: 0.8s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(6) {
  transition-delay: 1s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(7) {
  transition-delay: 1.2s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(8) {
  transition-delay: 1.4s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(9) {
  transition-delay: 1.6s;
}
#evercold_home .features__slide.anim + .features__thm li:nth-of-type(10) {
  transition-delay: 1.8s;
}
#evercold_home .features__slide.anim.show + .features__thm li {
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .information__list.anim {
  transition: none;
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .information__list.anim > li {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .information__list.anim > li:nth-of-type(1) {
  transition-delay: 0s;
}
#evercold_home .information__list.anim > li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#evercold_home .information__list.anim > li:nth-of-type(3) {
  transition-delay: 0.4s;
}
#evercold_home .information__list.anim > li:nth-of-type(4) {
  transition-delay: 0.6s;
}
#evercold_home .information__list.anim > li:nth-of-type(5) {
  transition-delay: 0.8s;
}
#evercold_home .information__list.anim > li:nth-of-type(6) {
  transition-delay: 1s;
}
#evercold_home .information__list.anim > li:nth-of-type(7) {
  transition-delay: 1.2s;
}
#evercold_home .information__list.anim > li:nth-of-type(8) {
  transition-delay: 1.4s;
}
#evercold_home .information__list.anim > li:nth-of-type(9) {
  transition-delay: 1.6s;
}
#evercold_home .information__list.anim > li:nth-of-type(10) {
  transition-delay: 1.8s;
}
#evercold_home .information__list.anim.show > li {
  transform: translateY(0);
  opacity: 1;
}
#evercold .products__wrapper {
  max-width: 1280px;
  margin: 0 auto;
}
#evercold .products__read {
  color: #f0f0f0;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold .products__platform {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 1216px;
  margin: 32px auto 0;
}
#evercold .products__platform li {
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 16px) / 3);
  min-height: 80px;
  padding: 8px;
  position: relative;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
#evercold .products__platform li:hover {
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
#evercold .products__platform li:before,
#evercold .products__platform li:after {
  content: '';
  display: block;
  position: absolute;
  margin: 0 auto;
  opacity: 0;
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
#evercold .products__platform li:before {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(173, 188, 218, 0.75) 50%,
    rgba(255, 255, 255, 0.75) 100%
  );
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#evercold .products__platform li.ps:before {
  background: linear-gradient(
    90deg,
    rgba(102, 152, 255, 0.75) 0%,
    rgba(27, 77, 179, 0.75) 50%,
    rgba(102, 152, 255, 0.75) 100%
  );
}
#evercold .products__platform li.xbox:before {
  background: linear-gradient(
    90deg,
    rgba(103, 178, 103, 0.75) 0%,
    rgba(16, 124, 16, 0.75) 50%,
    rgba(103, 178, 103, 0.75) 100%
  );
}
#evercold .products__platform li.sw:before {
  background: linear-gradient(
    90deg,
    rgba(255, 89, 102, 0.75) 0%,
    rgba(230, 0, 18, 0.75) 50%,
    rgba(255, 89, 102, 0.75) 100%
  );
}
#evercold .products__platform li:after {
  background: linear-gradient(
    90deg,
    rgba(32, 72, 128, 0) 0%,
    rgba(45, 100, 179, 0.5) 25%,
    rgba(0, 136, 204, 0.75) 48%,
    #40ffff 50%,
    rgba(0, 136, 204, 0.75) 52%,
    rgba(45, 100, 179, 0.5) 75%,
    rgba(32, 72, 128, 0) 100%
  );
  width: calc(100% - 4px);
  height: 4px;
  left: 0;
  right: 0;
  bottom: 2px;
}
#evercold .products__platform li.selected {
  pointer-events: none;
}
#evercold .products__platform li.selected:before,
#evercold .products__platform li.selected:after {
  opacity: 1;
}
#evercold .products__platform li p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 8px rgba(16, 36, 64, 0.5);
  position: relative;
}
#evercold .products__platform li span {
  display: block;
  margin-top: 2px;
  color: #f5d349;
  font-size: 14px;
  font-weight: 700;
  text-shadow:
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 4px rgb(64, 54, 16),
    0px 0px 8px rgb(64, 54, 16),
    0px 0px 16px rgb(64, 54, 16);
}
#evercold .products__select {
  background: #f7f8fa;
  margin-top: 32px;
  border-radius: 8px 8px 24px 8px;
  box-shadow:
    0px 2px 4px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 0px rgba(0, 0, 0, 0.25),
    0px 8px 24px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
}
#evercold .products__select:after {
  content: '';
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
#evercold .products__select__tab {
  display: flex;
}
#evercold .products__select__tab li {
  background: #5e6166;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-height: 80px;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset;
  transition:
    background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    box-shadow 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
#evercold .products__select__tab li:hover {
  background: #767980;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
}
#evercold .products__select__tab li.selected {
  background: #f7f8fa;
  color: #6b83b3;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  pointer-events: none;
}
#evercold .products__select__tab.platform_other li {
  width: 33.3333333333%;
}
#evercold .products__select__tab.platform_other li:first-of-type {
  display: none;
}
#evercold .products__select__toggle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 32px 48px;
  border-bottom: 2px solid #e5e5e5;
}
#evercold .products__select__toggle input {
  display: none;
}
#evercold .products__select__toggle input:checked + label {
  background: #6b83b3;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35) inset;
}
#evercold .products__select__toggle input:checked + label:after {
  transform: translateX(32px);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    -2px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
#evercold .products__select__toggle label {
  background: #edeef0;
  display: block;
  width: 64px;
  height: 32px;
  padding: 2px;
  border-radius: 32px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.35) inset;
  outline: 0;
  user-select: none;
  position: relative;
  cursor: pointer;
  transition: background 0.4s ease;
}
#evercold .products__select__toggle label:after {
  content: '';
  background: #ffffff;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 16px;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    2px 0px 4px 0px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#evercold .products__select__toggle p {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
#evercold .products__select__content {
  display: none;
  padding: 32px 0 48px;
}
#evercold .products__select__content.active {
  display: block;
}
#evercold .products__inner {
  padding: 0 48px;
}
#evercold .products__column {
  display: flex;
  align-items: center;
  gap: 48px;
}
#evercold .products__column > div {
  width: calc((100% - 48px) / 2);
}
#evercold .products__column .products__name {
  margin-top: 0;
  text-align: left;
}
#evercold .products__column .products__price {
  text-align: right;
}
#evercold .products__content {
  background: #f7f8fa;
  width: 100%;
  max-width: 1280px;
  margin: 32px auto 0;
  padding: 16px 0 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 0px rgba(0, 0, 0, 0.25),
    0px 8px 24px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
#evercold .products__img img {
  border-radius: 8px;
}
#evercold .products__img--center {
  max-width: 640px;
  margin: 32px auto 0;
}
#evercold .products__img--center img {
  border-radius: 8px;
}
#evercold .products__name {
  margin-top: 32px;
  margin-bottom: 16px;
  color: #333333;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__price {
  margin-bottom: 32px;
  font-family: "微软雅黑";
}
.ja #evercold .products__price {
  font-family: "微软雅黑";
}
#evercold .products__price {
  color: #6b83b3;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
#evercold .products__price span {
  font-size: 24px;
}
#evercold .products__title {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, #adbcda 0%, #6b83b3 50%, #adbcda 100%);
  height: 96px;
  margin-top: 32px;
  position: relative;
}
#evercold .products__title:before {
  content: '';
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  position: absolute;
  top: 4px;
  left: 4px;
}
#evercold .products__title h3 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0px 0px 4px rgba(16, 36, 64, 0.25);
  position: relative;
}
#evercold .products__title h3 span {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
}
#evercold .products__title--sub {
  display: flex;
  align-items: center;
  gap: 4px;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  height: 56px;
  margin-top: 32px;
  padding: 0 48px;
}
#evercold .products__title--sub svg {
  fill: #6b83b3;
  width: 32px;
  height: 32px;
}
#evercold .products__title--sub h4 {
  font-family: "微软雅黑";
}
.ja #evercold .products__title--sub h4 {
  font-family: "微软雅黑";
}
#evercold .products__title--sub h4 {
  color: #6b83b3;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
#evercold .products__title--sub2 {
  margin-bottom: 16px;
  color: #6b83b3;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__text {
  margin-top: 32px;
  font-family: "微软雅黑";
}
.ja #evercold .products__text {
  font-family: "微软雅黑";
}
#evercold .products__text {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__text span {
  color: #e57e17;
  font-weight: 700;
}
#evercold .products__text--sub {
  margin-top: 32px;
  padding: 0 80px;
  font-family: "微软雅黑";
}
.ja #evercold .products__text--sub {
  font-family: "微软雅黑";
}
#evercold .products__text--sub {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__text--sub span {
  color: #e57e17;
  font-size: 16px;
  font-weight: 700;
}
#evercold .products__text--center {
  margin-top: 32px;
  font-family: "微软雅黑";
}
.ja #evercold .products__text--center {
  font-family: "微软雅黑";
}
#evercold .products__text--center {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}
#evercold .products__catch_copy {
  background: #fffaeb;
  margin-top: 32px;
  padding: 32px 48px;
  border-radius: 8px;
  font-family: "微软雅黑";
}
.ja #evercold .products__catch_copy {
  font-family: "微软雅黑";
}
#evercold .products__catch_copy {
  color: #e57e17;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.75;
  text-align: center;
  box-shadow: 0px 0px 4px 0px rgba(102, 77, 0, 0.25) inset;
}
#evercold .products__attention {
  background: #fff5f6;
  margin-top: 32px;
  padding: 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__attention {
  font-family: "微软雅黑";
}
#evercold .products__attention {
  color: #cc2944;
  font-size: 16px;
  line-height: 1.75;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(204, 41, 68, 0.25) inset;
}
#evercold .products__notes {
  margin-top: 32px;
  font-family: "微软雅黑";
}
.ja #evercold .products__notes {
  font-family: "微软雅黑";
}
#evercold .products__notes {
  color: #cc2944;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__list {
  background: #ffffff;
  margin-top: 16px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset;
}
#evercold .products__list li {
  margin-top: 8px;
  padding-left: 28px;
  font-family: "微软雅黑";
}
.ja #evercold .products__list li {
  font-family: "微软雅黑";
}
#evercold .products__list li {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
  position: relative;
}
#evercold .products__list li:first-of-type {
  margin-top: 0;
}
#evercold .products__list li svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 4px;
  left: 0;
}
#evercold .products__item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
  max-width: 1144px;
  margin: 32px auto 0;
  padding-bottom: 32px;
}
#evercold .products__item li {
  width: calc((100% - 64px) / 3);
}
#evercold .products__item li a {
  display: block;
  position: relative;
}
#evercold .products__item li a img {
  border-radius: 8px;
}
#evercold .products__item li a svg {
  fill: #6b83b3;
  width: 48px;
  height: 48px;
  position: absolute;
  right: 7px;
  bottom: 7px;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  pointer-events: none;
}
#evercold .products__item li a.trailer {
  margin-top: 16px;
}
#evercold .products__item li a.trailer .play {
  display: block;
  width: 26.6666666667%;
  height: 47.5247524752%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#evercold .products__item li a.trailer .play:before,
#evercold .products__item li a.trailer .play:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__item li a.trailer .play:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/MOXVJSxYWbEN4riu0PWq6qFDNo.png) no-repeat center
    center;
  background-size: contain;
  opacity: 1;
}
#evercold .products__item li a.trailer .play:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/2-BP8hvH4lKp_mX9rXlV0Ui9yY.png) no-repeat center
    center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#evercold .products__item li a.trailer:hover .play:after {
  opacity: 1;
}
#evercold .products__item li h4 {
  margin-top: 8px;
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__item li p {
  margin-top: 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__item li p {
  font-family: "微软雅黑";
}
#evercold .products__item li p {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__item li p.notes {
  color: #cc2944;
}
#evercold .products__dot {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
#evercold .products__dot svg {
  fill: #adbcda;
  width: 32px;
  height: 32px;
}
#evercold .products__link {
  max-width: 960px;
  margin: 0 auto;
  margin-top: 32px;
}
#evercold .products__link ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 32px;
}
#evercold .products__link ul li {
  width: calc((100% - 32px) / 2);
  padding: 16px 0;
}
#evercold .products__link ul li a {
  background: #6b83b3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 64px;
  margin: 0 auto;
  padding: 8px 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__link ul li a {
  font-family: "微软雅黑";
}
#evercold .products__link ul li a {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 8px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(107, 131, 179, 0.4);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__link ul li a:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  #evercold .products__link ul li a:hover {
    background: #7a95cc;
  }
  #evercold .products__link ul li a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
@media print, screen and (max-width: 767px) {
  #evercold .products__link ul li a {
    min-height: 40px;
    font-size: 16px;
    border-radius: 4px;
  }
  #evercold .products__link ul li a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
#evercold .products__btn {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #e5e5e5;
}
#evercold .products__btn a {
  background: #6b83b3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 64px;
  margin: 0 auto;
  padding: 8px 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__btn a {
  font-family: "微软雅黑";
}
#evercold .products__btn a {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 8px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(107, 131, 179, 0.4);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__btn a:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  #evercold .products__btn a:hover {
    background: #7a95cc;
  }
  #evercold .products__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
@media print, screen and (max-width: 767px) {
  #evercold .products__btn a {
    min-height: 40px;
    font-size: 16px;
    border-radius: 4px;
  }
  #evercold .products__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
#evercold .products__btn a {
  max-width: 768px;
}
#evercold .products__comparison {
  padding: 0 48px;
}
#evercold .products__comparison h2 {
  color: #6b83b3;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__comparison h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__comparison h4 {
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison h4 {
  font-family: "微软雅黑";
}
#evercold .products__comparison h4 {
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
#evercold .products__comparison ul {
  height: 100%;
}
#evercold .products__comparison ul li {
  margin-top: 4px;
  padding: 0 8px 0 0;
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison ul li {
  font-family: "微软雅黑";
}
#evercold .products__comparison ul li {
  color: #333333;
  font-size: 12px;
  line-height: 1.5;
  position: relative;
}
#evercold .products__comparison ul li:first-of-type {
  margin-top: 0;
}
#evercold .products__comparison ul li svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 8px;
}
#evercold .products__comparison ul li:has(svg) {
  padding: 0 8px 0 24px;
}
#evercold .products__comparison__operation {
  display: none;
}
#evercold .products__comparison__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(9, auto);
  gap: 16px;
  align-items: stretch;
  margin-top: 32px;
}
#evercold .products__comparison__item {
  display: grid;
  grid-row: span 9;
  grid-template-rows: subgrid;
  min-width: 0;
  box-sizing: border-box;
  background: #ffffff;
  padding: 16px 0;
  border-radius: 16px;
}
#evercold .products__comparison__item *,
#evercold .products__comparison__item *:before,
#evercold .products__comparison__item *:after {
  box-sizing: border-box;
}
#evercold .products__comparison__item > * {
  min-width: 0;
}
#evercold .products__comparison__item.fixed {
  display: none;
}
#evercold .products__comparison__img {
  padding: 0 22px;
}
#evercold .products__comparison__img img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
#evercold .products__comparison__content {
  padding: 0 16px;
}
#evercold .products__comparison__content ul {
  padding: 8px 0;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset;
}
#evercold .products__comparison__pre_order_bonus {
  padding: 0 16px;
}
#evercold .products__comparison__pre_order_bonus ul {
  margin-top: 8px;
}
#evercold .products__comparison__btn {
  margin: 0 16px;
  padding-bottom: 16px;
  border-bottom: 2px solid #e5e5e5;
}
#evercold .products__comparison__btn a {
  background: #6b83b3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 8px 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison__btn a {
  font-family: "微软雅黑";
}
#evercold .products__comparison__btn a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 8px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(107, 131, 179, 0.4);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__comparison__btn a:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  #evercold .products__comparison__btn a:hover {
    background: #7a95cc;
  }
  #evercold .products__comparison__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
@media print, screen and (max-width: 767px) {
  #evercold .products__comparison__btn a {
    padding: 8px;
    font-size: 14px;
  }
  #evercold .products__comparison__btn a.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
#evercold .products__comparison__shop_bonus {
  padding: 0 16px;
}
#evercold .products__comparison__price {
  padding: 0 16px;
}
#evercold .products__comparison__price p {
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison__price p {
  font-family: "微软雅黑";
}
#evercold .products__comparison__price p {
  color: #6b83b3;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__comparison__price p span {
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison__price p span {
  font-family: "微软雅黑";
}
#evercold .products__comparison__price p span {
  font-size: 20px;
  font-weight: 700;
}
#evercold .products__comparison__info {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
}
#evercold .products__comparison__info__pre_order {
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(
    90deg,
    rgba(173, 188, 218, 0.5) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(173, 188, 218, 0.5) 100%
  );
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2) inset;
}
#evercold .products__comparison__info__pre_order__text {
  width: 100%;
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
#evercold .products__comparison__info__pre_order__text span {
  display: block;
  font-family: "微软雅黑";
}
.ja #evercold .products__comparison__info__pre_order__text span {
  font-family: "微软雅黑";
}
#evercold .products__comparison__info__pre_order__text span {
  color: #cc2944;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
#evercold .products__comparison__info a {
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 4px;
  border-radius: 20px;
  box-shadow: 0px 2px 4px 0px rgba(204, 122, 41, 0.4);
  position: relative;
  overflow: hidden;
}
#evercold .products__comparison__info a:before,
#evercold .products__comparison__info a:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__comparison__info a:hover {
  text-decoration: none;
}
#evercold .products__comparison__info a:before {
  background: linear-gradient(180deg, #f2c961 0%, #bf7139 100%);
}
#evercold .products__comparison__info a:after {
  background: linear-gradient(180deg, #ffe066 0%, #cc853d 100%);
  opacity: 0;
}
#evercold .products__comparison__info a p {
  width: 100%;
  height: 100%;
  padding: 2px;
  position: relative;
  z-index: 1;
}
#evercold .products__comparison__info a p:before,
#evercold .products__comparison__info a p:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 18px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__comparison__info a p:before {
  background: linear-gradient(90deg, #bf7139 0%, #f2b418 50%, #bf7139 100%);
  box-shadow: 0 8px 8px 0 rgba(89, 37, 0, 0.15) inset;
}
#evercold .products__comparison__info a p:after {
  background: linear-gradient(90deg, #cc7b29 0%, #ffcc00 50%, #cc7a29 100%);
  opacity: 0;
}
#evercold .products__comparison__info a p span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0px 0px 4px rgba(153, 77, 0, 0.8);
  position: relative;
  z-index: 2;
}
#evercold .products__comparison__info a p span:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 245, 204, 0.25);
  box-sizing: border-box;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  #evercold .products__comparison__info a:hover:after,
  #evercold .products__comparison__info a.press:after {
    opacity: 1;
  }
  #evercold .products__comparison__info a:hover p:after,
  #evercold .products__comparison__info a.press p:after {
    opacity: 1;
  }
}
@media print, screen and (max-width: 767px) {
  #evercold .products__comparison__info a p span {
    font-size: 14px;
  }
  #evercold .products__comparison__info a.press:after {
    opacity: 1;
  }
}
#evercold .products__comparison__info a {
  width: 252px;
}
#evercold .products__pre_order_bonus__item {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 48px;
  max-width: 1232px;
  margin: 32px auto 0;
  padding: 0 48px;
}
#evercold .products__pre_order_bonus__item li {
  width: calc((100% - 48px) / 2);
}
#evercold .products__pre_order_bonus__item li h4 {
  color: #6b83b3;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
#evercold .products__pre_order_bonus__item li a {
  display: block;
  max-width: 360px;
  margin: 16px auto 0;
  position: relative;
}
#evercold .products__pre_order_bonus__item li a img {
  border-radius: 8px;
}
#evercold .products__pre_order_bonus__item li a svg {
  fill: #6b83b3;
  width: 48px;
  height: 48px;
  position: absolute;
  right: 7px;
  bottom: 7px;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  pointer-events: none;
}
#evercold .products__pre_order_bonus__item li p {
  margin-top: 32px;
  font-family: "微软雅黑";
}
.ja #evercold .products__pre_order_bonus__item li p {
  font-family: "微软雅黑";
}
#evercold .products__pre_order_bonus__item li p {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__pre_order_bonus__item li p.bonus {
  margin-top: 16px;
  color: #cc2944;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
#evercold .products__pre_order_bonus__item li p.notes {
  color: #cc2944;
}
#evercold .products__bonus_obtain {
  margin-bottom: 32px;
}
#evercold .products__bonus_obtain:last-of-type {
  margin-bottom: 0;
}
#evercold .products__bonus_obtain li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  background: #ffffff;
  margin-top: 16px;
  padding: 32px;
  border-radius: 16px;
}
#evercold .products__bonus_obtain li:first-of-type {
  margin-top: 0;
}
#evercold .products__bonus_obtain li a {
  color: #4c7ee8;
  font-weight: 700;
}
#evercold .products__bonus_obtain li a:hover {
  color: #548aff;
  text-decoration: underline;
}
#evercold .products__bonus_obtain__icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  width: 128px;
}
#evercold .products__bonus_obtain__icon p {
  color: #6b83b3;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
#evercold .products__bonus_obtain__detail {
  flex: 1;
}
#evercold .products__bonus_obtain__title {
  font-family: "微软雅黑";
}
.ja #evercold .products__bonus_obtain__title {
  font-family: "微软雅黑";
}
#evercold .products__bonus_obtain__title {
  color: #333333;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
#evercold .products__bonus_obtain__text {
  margin-top: 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__bonus_obtain__text {
  font-family: "微软雅黑";
}
#evercold .products__bonus_obtain__text {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__bonus_obtain__notes {
  margin-top: 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__bonus_obtain__notes {
  font-family: "微软雅黑";
}
#evercold .products__bonus_obtain__notes {
  color: #cc2944;
  font-size: 16px;
  line-height: 1.75;
}
#evercold .products__bonus_obtain__close {
  background: #6b83b3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  margin: 32px auto 0;
  padding: 8px 16px;
  font-family: "微软雅黑";
}
.ja #evercold .products__bonus_obtain__close {
  font-family: "微软雅黑";
}
#evercold .products__bonus_obtain__close {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  border-radius: 24px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(107, 131, 179, 0.4);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .products__bonus_obtain__close:hover {
  text-decoration: none;
}
@media print, screen and (min-width: 768px) {
  #evercold .products__bonus_obtain__close:hover {
    background: #7a95cc;
    color: #ffffff;
  }
  #evercold .products__bonus_obtain__close.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
@media print, screen and (max-width: 767px) {
  #evercold .products__bonus_obtain__close {
    min-height: 40px;
    margin: 16px auto 0;
    font-size: 16px;
    border-radius: 20px;
  }
  #evercold .products__bonus_obtain__close.press {
    background: #5b7099;
    box-shadow:
      0px 1px 2px 0px rgba(0, 0, 0, 0.2) inset,
      0px 2px 0px 0px rgba(255, 255, 255, 0.2);
  }
}
#evercold .products__bonus_obtain__close {
  width: 320px;
}
#evercold .products__pulldown {
  max-width: 640px;
  margin: 32px auto 0;
  position: relative;
}
#evercold .products__pulldown select {
  display: flex;
  align-items: center;
  background: #fff;
  width: 100%;
  height: 32px;
  margin-bottom: 32px;
  padding: 4px 44px 4px 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
  -webkit-appearance: none;
  font-size: 14px;
  line-height: 1;
}
#evercold .products__pulldown svg {
  content: '';
  fill: #666666;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  margin: auto 0;
  pointer-events: none;
}
#evercold .products__pulldown__content {
  display: none;
}
#evercold .products__pulldown__content.active {
  display: block;
}
#evercold .products__modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10001;
}
#evercold .products__modal__bg {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
#evercold .products__modal__wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
#evercold .products__modal__inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 48px;
  overflow: auto;
  overscroll-behavior: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#evercold .products__modal__inner::-webkit-scrollbar {
  display: none;
}
#evercold .products__modal__inner.is-top {
  align-items: flex-start;
}
#evercold .products__modal__inner.is-center {
  align-items: center;
}
#evercold .products__modal .products__content {
  margin-top: 0;
}
#evercold .products .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold .products .anim.show {
  transform: translateY(0);
  opacity: 1;
}
#evercold .media .evercold-title,
#evercold_home .media .evercold-title {
  margin-bottom: 32px;
}
#evercold .media-navi,
#evercold_home .media-navi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 24px;
  font-family: "微软雅黑";
}
.ja #evercold .media-navi,
.ja #evercold_home .media-navi {
  font-family: "微软雅黑";
}
#evercold .media-navi li,
#evercold_home .media-navi li {
  margin: 0 4px 8px;
  font-family: "微软雅黑";
}
#evercold .media-navi li a,
#evercold_home .media-navi li a {
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 40px;
  position: relative;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 16px;
  color: #6b83b3;
  text-align: center;
  font-family: "微软雅黑";
  text-decoration: none;
}
#evercold .media-navi li a:hover,
#evercold_home .media-navi li a:hover {
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
#evercold .media-navi li a::after,
#evercold_home .media-navi li a::after {
  content: '';
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(173, 188, 218, 0.75) 50%,
    rgba(255, 255, 255, 0.75) 100%
  );
  display: block;
  width: calc(100% - 4px);
  height: 2px;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .media-navi li a.active,
#evercold_home .media-navi li a.active {
  background: rgba(255, 255, 255, 0.35);
  pointer-events: none;
}
#evercold .media-navi li a.active::after,
#evercold_home .media-navi li a.active::after {
  opacity: 1;
}
#evercold .media-navi li a i,
#evercold_home .media-navi li a i {
  display: block;
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: #66ff66;
  box-shadow: 0px 0px 4px #66ff66;
  pointer-events: none;
  border-radius: 4px;
}
#evercold .media__wrapper,
#evercold_home .media__wrapper {
  background: linear-gradient(180deg, #e3e4e6 0%, #fcfeff 100%);
  max-width: 1264px;
  height: 1%;
  margin: 0 auto;
  padding: 24px;
  box-sizing: border-box;
  box-shadow:
    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset,
    0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
    0px 2px 4px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 0px rgba(0, 0, 0, 0.25),
    0px 8px 24px 0px rgba(0, 0, 0, 0.25);
  border-radius: 24px 8px;
}
#evercold .media__wrapper + .media__notes,
#evercold_home .media__wrapper + .media__notes {
  max-width: 1264px;
}
@media screen and (max-width: 1312px) {
  #evercold .media__wrapper,
  #evercold_home .media__wrapper {
    max-width: 1112px;
  }
  #evercold .media__wrapper + .media__notes,
  #evercold_home .media__wrapper + .media__notes {
    max-width: 1112px;
  }
}
@media screen and (max-width: 1160px) {
  #evercold .media__wrapper,
  #evercold_home .media__wrapper {
    max-width: 960px;
  }
  #evercold .media__wrapper + .media__notes,
  #evercold_home .media__wrapper + .media__notes {
    max-width: 960px;
  }
}
@media screen and (max-width: 1008px) {
  #evercold .media__wrapper,
  #evercold_home .media__wrapper {
    max-width: 808px;
  }
  #evercold .media__wrapper + .media__notes,
  #evercold_home .media__wrapper + .media__notes {
    max-width: 808px;
  }
}
@media screen and (max-width: 856px) {
  #evercold .media__wrapper,
  #evercold_home .media__wrapper {
    max-width: 656px;
  }
  #evercold .media__wrapper + .media__notes,
  #evercold_home .media__wrapper + .media__notes {
    max-width: 656px;
  }
}
#evercold .media__tab,
#evercold_home .media__tab {
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  margin: 0 auto 32px;
  overflow: hidden;
}
#evercold .media__tab li,
#evercold_home .media__tab li {
  width: 33.3333333333%;
}
#evercold .media__tab li a,
#evercold_home .media__tab li a {
  background: #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: "微软雅黑";
}
.ja #evercold .media__tab li a,
.ja #evercold_home .media__tab li a {
  font-family: "微软雅黑";
}
#evercold .media__tab li a,
#evercold_home .media__tab li a {
  color: #333333;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .media__tab li a:hover,
#evercold_home .media__tab li a:hover {
  background: #ffffff;
  color: #333333;
}
#evercold .media__tab li a.selected,
#evercold_home .media__tab li a.selected {
  background: linear-gradient(90deg, #ffffff 0%, #adbcda 100%);
  color: #6b83b3;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgb(255, 255, 255),
    0px 0px 32px rgb(255, 255, 255);
  pointer-events: none;
}
#evercold .media__content,
#evercold_home .media__content {
  display: none;
  width: 100%;
  margin: 0 auto;
  height: 1%;
}
#evercold .media__content.active,
#evercold_home .media__content.active {
  display: block;
}
#evercold .media__content.trailer,
#evercold_home .media__content.trailer {
  padding: 0 4px;
}
#evercold .media__content.trailer .media__list li,
#evercold_home .media__content.trailer .media__list li {
  width: calc((100% - 24px) / 2);
  margin-top: 32px;
}
#evercold .media__content.trailer .media__list li:nth-of-type(-n + 2),
#evercold_home .media__content.trailer .media__list li:nth-of-type(-n + 2) {
  margin-top: 0;
}
#evercold .media__content.trailer .media__list li:nth-of-type(even),
#evercold_home .media__content.trailer .media__list li:nth-of-type(even) {
  margin-left: 24px;
}
#evercold .media__title,
#evercold_home .media__title {
  margin-bottom: 8px;
  font-family: "微软雅黑";
}
.ja #evercold .media__title,
.ja #evercold_home .media__title {
  font-family: "微软雅黑";
}
#evercold .media__title,
#evercold_home .media__title {
  font-size: 20px;
  color: #999999;
  font-weight: 400;
  text-align: left;
}
#evercold .media__title-trailer,
#evercold_home .media__title-trailer {
  text-align: center;
}
#evercold .media__trailers,
#evercold_home .media__trailers {
  display: block;
  max-width: 960px;
  margin: 0 auto 32px;
}
#evercold .media__trailers img,
#evercold_home .media__trailers img {
  display: block;
  width: 100%;
  height: auto;
}
#evercold .media__trailers a,
#evercold_home .media__trailers a {
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  display: block;
}
#evercold .media__trailers a:hover,
#evercold_home .media__trailers a:hover {
  opacity: 0.8;
}
#evercold .media__trailers a .ic_new,
#evercold_home .media__trailers a .ic_new {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #66ff66;
  box-shadow:
    0px 0px 4px 0px #296629,
    0px 0px 4px 0px #6f6;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  top: 4px;
  right: 4px;
}
#evercold .media__trailers p,
#evercold_home .media__trailers p {
  margin-top: 8px;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
}
#evercold .media__trailers.last,
#evercold_home .media__trailers.last {
  margin-bottom: 0;
}
#evercold .media__list,
#evercold_home .media__list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 32px;
}
#evercold .media__list.last,
#evercold_home .media__list.last {
  margin-bottom: 0;
}
#evercold .media__list li,
#evercold_home .media__list li {
  position: relative;
  width: 152px;
  height: auto;
}
#evercold .media__list li a,
#evercold_home .media__list li a {
  display: block;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .media__list li a:hover,
#evercold_home .media__list li a:hover {
  opacity: 0.8;
}
#evercold .media__list li img,
#evercold_home .media__list li img {
  width: 100%;
  height: auto;
  display: block;
}
#evercold .media__list li .ic_new,
#evercold_home .media__list li .ic_new {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #66ff66;
  box-shadow:
    0px 0px 4px 0px #296629,
    0px 0px 4px 0px #6f6;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  top: 4px;
  right: 4px;
}
#evercold .media__list li p,
#evercold_home .media__list li p {
  margin-top: 8px;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
}
#evercold .media__notes,
#evercold_home .media__notes {
  width: 100%;
  margin: 16px auto 0;
  padding: 0 24px;
}
#evercold .media__notes li,
#evercold_home .media__notes li {
  margin-bottom: 8px;
  color: #f5d349;
  font-size: 16px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px #403610,
    0px 0px 4px #403610,
    0px 0px 8px #403610,
    0px 0px 16px #403610;
}
#evercold .media__notes li:last-of-type,
#evercold_home .media__notes li:last-of-type {
  margin-bottom: 0;
}
#evercold .media__header,
#evercold .media__footer,
#evercold_home .media__header,
#evercold_home .media__footer {
  display: block;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 2;
}
#evercold .media__header,
#evercold_home .media__header {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgb(0, 0, 0) 100%
  );
  top: -80px;
  padding: 0 80px 16px 16px;
}
#evercold .media__footer,
#evercold_home .media__footer {
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  bottom: -80px;
}
#evercold .media__prev,
#evercold .media__next,
#evercold_home .media__prev,
#evercold_home .media__next {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
}
#evercold .media__prev,
#evercold_home .media__prev {
  background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23666666"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  left: -72px;
}
#evercold .media__prev:hover,
#evercold_home .media__prev:hover {
  background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
}
#evercold .media__next,
#evercold_home .media__next {
  right: -72px;
  background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23666666"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
}
#evercold .media__next:hover,
#evercold_home .media__next:hover {
  background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
}
#evercold .media__close,
#evercold_home .media__close {
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: -40px;
  right: 16px;
  z-index: 2;
  cursor: pointer;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .media__close:hover,
#evercold_home .media__close:hover {
  background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23FFFFFF"/></svg>')
    no-repeat 50% 50%;
  background-size: contain;
}
#evercold .media .anim,
#evercold_home .media .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold .media .anim.show,
#evercold_home .media .anim.show {
  transform: translateY(0);
  opacity: 1;
}
#evercold .media .media__wrapper.anim + .media__notes,
#evercold_home .media .media__wrapper.anim + .media__notes {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold .media .media__wrapper.anim.show + .media__notes,
#evercold_home .media .media__wrapper.anim.show + .media__notes {
  transform: translateY(0);
  opacity: 1;
}
#evercold .news-read,
#evercold_home .news-read {
  max-width: 960px;
  margin: 0 auto 32px;
  color: #f0f0f0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold .news .tags-list,
#evercold_home .news .tags-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 24px;
  font-family: "微软雅黑";
}
.ja #evercold .news .tags-list,
.ja #evercold_home .news .tags-list {
  font-family: "微软雅黑";
}
@media screen and (max-width: 980px) {
  #evercold .news .tags-list,
  #evercold_home .news .tags-list {
    width: 768px;
  }
}
@media screen and (max-width: 802px) {
  #evercold .news .tags-list,
  #evercold_home .news .tags-list {
    width: 576px;
  }
}
#evercold .news .tags-list li,
#evercold_home .news .tags-list li {
  margin: 0 4px 8px;
  font-family: "微软雅黑";
}
#evercold .news .tags-list li a,
#evercold_home .news .tags-list li a {
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 184px;
  height: 40px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 0px 8px rgba(16, 36, 64, 0.5);
}
#evercold .news .tags-list li a:hover,
#evercold_home .news .tags-list li a:hover {
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
#evercold .news .tags-list li a::after,
#evercold_home .news .tags-list li a::after {
  content: '';
  background: linear-gradient(
    90deg,
    rgba(32, 72, 128, 0) 0%,
    rgba(45, 100, 179, 0.5) 25%,
    rgba(0, 136, 204, 0.75) 48%,
    #40ffff 50%,
    rgba(0, 136, 204, 0.75) 52%,
    rgba(45, 100, 179, 0.5) 75%,
    rgba(32, 72, 128, 0) 100%
  );
  display: block;
  width: calc(100% - 4px);
  height: 4px;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .news .tags-list li a.active,
#evercold_home .news .tags-list li a.active {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.75) 0%,
    rgba(173, 188, 218, 0.75) 50%,
    rgba(255, 255, 255, 0.75) 100%
  );
  pointer-events: none;
}
#evercold .news .tags-list li a.active::after,
#evercold_home .news .tags-list li a.active::after {
  opacity: 1;
}
#evercold .news-list,
#evercold_home .news-list {
  display: block;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  min-height: 596px;
}
@media screen and (max-width: 1620px) {
  #evercold .news-list,
  #evercold_home .news-list {
    width: 1280px;
  }
}
@media screen and (max-width: 1300px) {
  #evercold .news-list,
  #evercold_home .news-list {
    width: 960px;
  }
}
@media screen and (max-width: 980px) {
  #evercold .news-list,
  #evercold_home .news-list {
    width: 640px;
  }
}
#evercold .news-list li,
#evercold_home .news-list li {
  width: 300px;
  height: 307px;
  margin-left: 10px;
  position: absolute;
  transition:
    transform 0.5s ease-in,
    opacity 0.5s ease-in,
    top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(16px);
  opacity: 0;
}
#evercold .news-list li.show,
#evercold_home .news-list li.show {
  transform: translateY(0px);
  opacity: 1;
}
#evercold .news-list li a,
#evercold_home .news-list li a {
  display: block;
  width: 300px;
  height: 307px;
  text-decoration: none;
  border-radius: 8px;
  box-shadow:
    0px 2px 4px 0px rgba(0, 0, 0, 0.3),
    0px 4px 8px 0px rgba(0, 0, 0, 0.25),
    0px 8px 24px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(0);
}
#evercold .news-list li a svg,
#evercold_home .news-list li a svg {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0.15;
  fill: #ffffff;
}
#evercold .news-list li a:hover,
#evercold_home .news-list li a:hover {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateY(-10px);
}
#evercold .news-list li a .updated,
#evercold_home .news-list li a .updated {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #66ff66;
  box-shadow:
    0px 0px 4px 0px #296629,
    0px 0px 4px 0px #6f6;
  position: absolute;
  pointer-events: none;
  z-index: 3;
  top: 40px;
  right: 8px;
}
#evercold .news-header,
#evercold_home .news-header {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #15171a 0%, #292c33 100%);
  height: 32px;
  padding: 0 36px 0 8px;
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset;
  z-index: 1;
}
#evercold .news-header span,
#evercold_home .news-header span {
  font-family: "微软雅黑";
}
.ja #evercold .news-header span,
.ja #evercold_home .news-header span {
  font-family: "微软雅黑";
}
#evercold .news-header span,
#evercold_home .news-header span {
  color: #adbcda;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
#evercold .news-image,
#evercold_home .news-image {
  width: 100%;
  padding-top: 56.3333333333%;
}
#evercold .news-text,
#evercold_home .news-text {
  background: linear-gradient(180deg, #e3e4e5 0%, #fcfeff 100%);
  height: 106px;
  padding: 16px;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.25) inset;
}
#evercold .news-text span,
#evercold_home .news-text span {
  display: block;
  margin-bottom: 8px;
  font-family: "微软雅黑";
}
.ja #evercold .news-text span,
.ja #evercold_home .news-text span {
  font-family: "微软雅黑";
}
#evercold .news-text span,
#evercold_home .news-text span {
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  line-height: 1;
}
#evercold .news-text p,
#evercold_home .news-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "微软雅黑";
}
.ja #evercold .news-text p,
.ja #evercold_home .news-text p {
  font-family: "微软雅黑";
}
#evercold .news-text p,
#evercold_home .news-text p {
  color: #333333;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
}
#evercold .news-more,
#evercold_home .news-more {
  display: block;
  width: 320px;
  height: 48px;
  position: relative;
  margin: 32px auto 0;
}
#evercold .news-more.on::before,
#evercold_home .news-more.on::before {
  content: '';
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/rOy6ZhSOlozowTZRUEjeFdn8NE.gif);
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
#evercold .news .anim,
#evercold_home .news .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold .news .anim.show,
#evercold_home .news .anim.show {
  transform: translateY(0);
  opacity: 1;
}
#evercold .jobs .evercold-title {
  margin-bottom: 32px;
}
#evercold .jobs-read {
  max-width: 960px;
  margin: 0 auto 64px;
  color: #f0f0f0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold .jobs__wrapper {
  max-width: 1280px;
  margin: 0 auto;
}
#evercold .jobs__box {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  gap: min(calc(32 / 1280 * 100vw), 32px) 0;
  margin-bottom: 5%;
}
#evercold .jobs__box.bastion {
  grid-template-columns: minmax(0, 1fr) 50%;
  grid-template-areas: 'art label' 'art trailer' 'art img' 'art text';
}
#evercold .jobs__box.bastion .jobs__art {
  margin-left: -12.5%;
  margin-right: -37.5%;
}
#evercold .jobs__box.bastion .jobs__label,
#evercold .jobs__box.bastion .jobs__trailer {
  margin-left: 7.5%;
}
#evercold .jobs__box.bastion .jobs__img {
  margin-left: 22.5%;
}
#evercold .jobs__box.zephyr {
  justify-items: end;
  grid-template-columns: 50% minmax(0, 1fr);
  grid-template-areas: 'label art' 'trailer art' 'img art' 'text art';
}
#evercold .jobs__box.zephyr .jobs__art {
  margin-left: -50%;
}
#evercold .jobs__box.zephyr .jobs__label,
#evercold .jobs__box.zephyr .jobs__trailer {
  margin-right: 7.5%;
}
#evercold .jobs__box.zephyr .jobs__img {
  margin-right: 22.5%;
}
#evercold .jobs__label {
  grid-area: label;
  width: 90%;
  margin-top: 15%;
}
#evercold .jobs__art {
  grid-area: art;
  width: 150%;
}
#evercold .jobs__trailer {
  grid-area: trailer;
  width: 75%;
}
#evercold .jobs__trailer a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
#evercold .jobs__trailer a:after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/vREyEE5LvhRvD1tBEHxqHC26vI.png) no-repeat center
    center;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}
#evercold .jobs__trailer a img,
#evercold .jobs__trailer a video {
  display: block;
  width: 100%;
  height: 100%;
}
#evercold .jobs__trailer a img.thumb_trailer,
#evercold .jobs__trailer a video.thumb_trailer {
  display: none;
}
#evercold .jobs__trailer a img.thumb_trailer.show,
#evercold .jobs__trailer a video.thumb_trailer.show {
  display: block;
}
#evercold .jobs__trailer a .play {
  display: block;
  width: 20%;
  height: 35.5555555556%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#evercold .jobs__trailer a .play:before,
#evercold .jobs__trailer a .play:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#evercold .jobs__trailer a .play:before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/MOXVJSxYWbEN4riu0PWq6qFDNo.png) no-repeat center
    center;
  background-size: contain;
  opacity: 1;
}
#evercold .jobs__trailer a .play:after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/2-BP8hvH4lKp_mX9rXlV0Ui9yY.png) no-repeat center
    center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#evercold .jobs__trailer a:hover .play:after {
  opacity: 1;
}
#evercold .jobs__img {
  grid-area: img;
  width: 75%;
}
#evercold .jobs__img a {
  display: block;
  position: relative;
}
#evercold .jobs__img a img {
  border-radius: min(calc(8 / 1280 * 100vw), 8px);
}
#evercold .jobs__img a svg {
  fill: #6b83b3;
  width: 10%;
  height: 10%;
  position: absolute;
  right: 0;
  bottom: 0;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.35));
  pointer-events: none;
}
#evercold .jobs__text {
  grid-area: text;
  align-self: start;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  padding: 2.5%;
  border-radius: min(calc(8 / 1280 * 100vw), 8px) 0 0
    min(calc(8 / 1280 * 100vw), 8px);
}
#evercold .jobs__text p {
  color: #ffffff;
  font-size: min(calc(16 / 1280 * 100vw), 16px);
  line-height: 1.75;
  text-shadow:
    0px 0px 4px rgb(16, 36, 64),
    0px 2px 4px rgb(16, 36, 64),
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold .jobs__system {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(220, 228, 245, 0.9) 100%
  );
  padding: 48px;
  border-radius: 24px 8px;
  box-shadow:
    0px 0px 4px 0px rgb(255, 255, 255),
    0px 0px 32px 0px rgba(255, 255, 255, 0.5);
}
#evercold .jobs__system h3 {
  margin-bottom: 32px;
  padding-bottom: 32px;
  color: #6b83b3;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.35;
  text-align: center;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 8px rgb(255, 255, 255),
    0px 0px 32px rgb(255, 255, 255);
  border-bottom: 2px solid #99b6cc;
}
#evercold .jobs__system p {
  font-family: "微软雅黑";
}
.ja #evercold .jobs__system p {
  font-family: "微软雅黑";
}
#evercold .jobs__system p {
  color: #333333;
  font-size: 16px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px rgb(255, 255, 255),
    0px 0px 32px rgba(255, 255, 255, 0.5);
}
#evercold .jobs__system img {
  margin: 32px auto;
  border-radius: 8px;
}
#evercold .jobs__system__read {
  text-align: center;
}
#evercold .jobs__system__notes {
  margin-top: 32px;
  color: #cc2944 !important;
}
#evercold .jobs .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold .jobs .anim.show {
  transform: translateY(0);
  opacity: 1;
}
#evercold .jobs .jobs__box.bastion .anim,
#evercold .jobs .jobs__box.zephyr .anim {
  transition: none;
  transform: translateY(0);
}
#evercold .jobs .jobs__box.anim {
  transition: none;
  transform: translateY(0);
}
#evercold .jobs .jobs__box.anim.show .jobs__art,
#evercold .jobs .jobs__box.anim.show .jobs__label {
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
#evercold .jobs .jobs__box.anim.show .jobs__trailer {
  animation: jobs_trailer 2s ease-in both;
}
#evercold .jobs .jobs__box.anim.show .jobs__img {
  animation: jobs_img 2s ease-in both;
}
#evercold .jobs .jobs__box.anim.show .jobs__text {
  animation: jobs_text 2s ease-out both;
}
@keyframes jobs_trailer {
  0%,
  50% {
    opacity: 0;
    transform: translateY(16px);
  }
  65%,
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes jobs_img {
  0%,
  65% {
    opacity: 0;
    transform: translateY(16px);
  }
  80%,
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes jobs_text {
  0%,
  80% {
    opacity: 0;
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
#evercold .jobs .jobs__box.bastion.anim.show .jobs__art {
  animation-name: jobs_bastion_art;
}
#evercold .jobs .jobs__box.bastion.anim.show .jobs__label {
  animation-name: jobs_bastion_label;
}
@keyframes jobs_bastion_art {
  0% {
    opacity: 0;
    filter: blur(8px) brightness(2);
    transform: translateX(96px);
  }
  50%,
  100% {
    opacity: 1;
    filter: blur(0px) brightness(1);
    transform: translateX(0px);
  }
}
@keyframes jobs_bastion_label {
  0%,
  35% {
    opacity: 0;
    transform: translateX(-64px);
  }
  50%,
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
#evercold .jobs .jobs__box.zephyr.anim.show .jobs__art {
  animation-name: jobs_zephyr_art;
}
#evercold .jobs .jobs__box.zephyr.anim.show .jobs__label {
  animation-name: jobs_zephyr_label;
}
@keyframes jobs_zephyr_art {
  0% {
    opacity: 0;
    filter: blur(8px) brightness(2);
    transform: translateX(-96px);
  }
  50%,
  100% {
    opacity: 1;
    filter: blur(0px) brightness(1);
    transform: translateX(0px);
  }
}
@keyframes jobs_zephyr_label {
  0%,
  35% {
    opacity: 0;
    transform: translateX(64px);
  }
  50%,
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@media print, screen and (max-width: 767px) {
  #brand {
    position: relative;
    z-index: 2;
  }
  .brand {
    background: #1b1b1b;
  }
  .social__btn {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    top: auto;
    right: auto;
  }
  .social__btn li {
    margin: 0 4px;
  }
  .social__btn a.press {
    transform: scale(1.125);
  }
  .social__btn a.press i {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    opacity: 1;
  }
  .social__btn a.press i.xiv-lds-facebook {
    background: rgb(24, 119, 242);
  }
  .social__btn a.press i.xiv-lds-x {
    background: rgb(0, 0, 0);
  }
  .social__btn a.press i.xiv-lds-bluesky {
    background: #1185fe;
  }
  .l__page-top__base-position {
    background: #18181a;
    height: 60px;
  }
  .l__footer__inner {
    border-bottom: none;
  }
  .l__footer__copyright {
    background: #1b1b1b;
  }
  .l__footer__legal__area__inner {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .tooltip__text {
    display: none !important;
  }
  body {
    min-width: auto;
  }
  body * {
    line-height: 1.4;
  }
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  a img {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: none;
  }
  .pc_view {
    display: none;
  }
  .sp_view {
    display: block;
  }
  .fancybox-slide {
    padding: 48px 0 !important;
  }
  .fancybox-caption {
    height: 48px;
    padding: 8px 16px;
    bottom: -48px;
  }
  .fancybox-caption__body {
    font-size: 12px;
  }
  .loading img {
    width: 38px;
    height: 38px;
  }
  .evercold .sp_menu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  #evercold_home .evercold .sp_menu {
    opacity: 0;
  }
  .evercold .sp_menu.is-fixed {
    position: fixed;
  }
  .evercold .sp_menu.is-fixed .sp_menu__wrapper {
    top: 0;
  }
  .evercold .sp_menu__wrapper {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: -38px;
    left: 100%;
    transition: left 0.3s ease-out;
  }
  .evercold .sp_menu__wrapper.open {
    left: 0;
  }
  .evercold .sp_menu__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.2);
    width: 40px;
    height: 40px;
    box-shadow: 0px 2px 8px 0px rgba(16, 36, 64, 0.25);
    backdrop-filter: blur(10px);
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .evercold .sp_menu__btn:before {
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    position: absolute;
    top: 2px;
    left: 2px;
  }
  .evercold .sp_menu__btn svg {
    width: 20px;
    height: 20px;
    fill: #ffffff;
    pointer-events: none;
  }
  .evercold .sp_menu__btn.close {
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    top: 0;
    left: auto;
    right: 0;
  }
  .evercold .sp_menu__btn.close:before {
    display: none;
  }
  .evercold .sp_menu__btn.close svg {
    fill: #333333;
  }
  .evercold .sp_menu__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 40px;
    padding: 0 40px;
  }
  .evercold .sp_menu__logo img {
    width: 120px;
  }
  #evercold_home .evercold .sp_menu__logo {
    width: 100%;
  }
  .evercold .sp_menu__list > li:after {
    content: '';
    background: linear-gradient(
      90deg,
      rgba(153, 182, 204, 0) 0%,
      rgba(153, 182, 204, 0.5) 50%,
      rgba(153, 182, 204, 0) 100%
    );
    display: block;
    width: 100%;
    height: 1px;
  }
  .evercold .sp_menu__list > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    text-decoration: none;
    position: relative;
  }
  .evercold .sp_menu__list > li > a > span {
    display: block;
    color: #333333;
    font-size: 14px !important;
    line-height: 1;
    text-shadow:
      0px 0px 4px #ffffff,
      0px 0px 8px #ffffff,
      0px 0px 32px #ffffff;
    white-space: nowrap;
    transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  .evercold .sp_menu__list > li > a.press > span {
    color: #adbcda;
  }
  .evercold .sp_menu__list > li > a.selected {
    pointer-events: none;
  }
  .evercold .sp_menu__list > li > a.selected > span {
    color: #6b83b3;
  }
  .evercold .sp_menu__list > li > a.selected::after {
    content: '';
    display: block;
    background: linear-gradient(
      90deg,
      rgba(32, 72, 128, 0) 0%,
      rgba(45, 100, 179, 0.5) 25%,
      rgba(0, 136, 204, 0.75) 48%,
      #40ffff 50%,
      rgba(0, 136, 204, 0.75) 52%,
      rgba(45, 100, 179, 0.5) 75%,
      rgba(32, 72, 128, 0) 100%
    );
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .evercold .sp_menu__list > li > a .updated {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #66ff66;
    box-shadow:
      0px 0px 4px 0px #296629,
      0px 0px 4px 0px #6f6;
    position: absolute;
    pointer-events: none;
    z-index: 3;
    top: 4px;
    right: 4px;
  }
  .evercold .contents {
    padding-top: 12px;
  }
  #evercold_home .evercold .contents {
    padding-top: 0;
  }
  .evercold-title {
    width: 320px;
    margin: 0 auto 12px;
    padding: 8px 0;
  }
  .evercold-title img {
    transform: translateY(8px);
  }
  .evercold-title:before,
  .evercold-title:after {
    width: 160px;
    height: 64px;
  }
  .evercold-title:before {
    transform: translateX(32px);
    left: -128px;
  }
  .evercold-title::after {
    transform: translateX(-32px);
    right: -128px;
  }
  .evercold-btn {
    width: 100%;
    height: auto;
    padding-top: 13.1944444444%;
  }
  .evercold-btn span {
    width: 100%;
    padding: 0 5.5555555556%;
    font-size: 16px;
    font-size: 5vw;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .evercold-footer {
    padding: 32px 16px 16px;
  }
  .evercold-footer__title {
    margin-bottom: 16px;
    font-size: 14px;
  }
  .evercold-footer__xiv_link {
    width: 100%;
    margin: 0 0 32px;
  }
  .evercold-footer__xiv_link li {
    width: 100%;
    margin: 0 0 16px;
  }
  .evercold-footer__xiv_link li a {
    border-radius: 12px 4px 12px 4px;
  }
  .evercold-footer__xiv_link li a:hover {
    transform: scale(1);
  }
  .evercold-footer__xiv_link li a:hover::after {
    opacity: 0;
  }
  .evercold-footer__xiv_link li a.press::after {
    opacity: 1;
  }
  .evercold-footer__xiv_link li a p {
    height: auto;
    padding: 6.25% 5.5555555556%;
    font-size: 5vw;
  }
  .evercold-footer__xiv_link li a p::after {
    width: 23.9583333333%;
    height: 100%;
  }
  .evercold-footer__info {
    height: auto;
    margin: 0 auto 16px;
  }
  .evercold-footer__info:hover {
    transform: none;
  }
  .evercold-footer__sns_link {
    flex-wrap: wrap;
    width: 192px;
    margin: 0 auto;
  }
  .evercold-footer__sns_link li {
    margin: 0 8px 16px;
  }
  .evercold-footer__sns_link li a {
    width: 48px;
    height: 48px;
    border-radius: 24px;
  }
  .evercold-footer__sns_link li a i {
    font-size: 25px;
  }
  .evercold-footer__sns_link li a.press {
    transform: scale(1.2);
  }
  .evercold-footer__sns_link li a.press i {
    color: #ffffff;
  }
  .evercold .products__pre_order {
    flex-direction: column;
    background: none;
    height: 57px;
    margin-top: 0;
    padding: 8px 16px;
    position: relative;
  }
  .evercold .products__pre_order:before,
  .evercold .products__pre_order:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .evercold .products__pre_order:before {
    background: linear-gradient(
      90deg,
      rgba(173, 188, 218, 0.5) 0%,
      rgba(255, 255, 255, 0.5) 50%,
      rgba(173, 188, 218, 0.5) 100%
    );
    z-index: 2;
  }
  .evercold .products__pre_order:after {
    background: #f7f8fa;
    z-index: 1;
  }
  .evercold .products__pre_order.link {
    height: 75px;
  }
  .evercold .products__pre_order__text {
    font-size: 16px;
    position: relative;
    z-index: 3;
  }
  .evercold .products__pre_order__text span {
    font-size: 10px;
  }
  .evercold .products__pre_order a {
    width: 100%;
    z-index: 3;
  }
  .evercold .products__pre_order a + .products__pre_order__text {
    margin-top: 4px;
  }
  .evercold .floating_link {
    display: block;
  }
  .evercold .floating_link__wrapper {
    display: block;
    width: 100%;
    position: relative;
    z-index: 100;
    transition:
      transform 0.5s ease-in-out,
      opacity 0.3s 0.5s ease-in-out;
    transform: translateY(0);
    opacity: 1;
  }
  .evercold .floating_link__wrapper.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    opacity: 0;
  }
  #evercold_home .evercold .floating_link__wrapper {
    transform: translateY(100%);
    opacity: 0;
  }
  #evercold_home .evercold .floating_link__wrapper.fixed {
    transform: translateY(100%);
    opacity: 0;
  }
  #evercold .evercold .floating_link__wrapper {
    transform: translateY(100%);
    opacity: 0;
  }
  #evercold .evercold .floating_link__wrapper.fixed {
    transform: translateY(100%);
    opacity: 0;
  }
  #evercold_home
    .evercold
    .floating_link.show
    .floating_link__wrapper:not(.fixed) {
    transition: none;
    transform: translateY(0);
    opacity: 1;
  }
  #evercold_home .evercold .floating_link.show .floating_link__wrapper.fixed {
    transition:
      transform 0.5s ease-in-out,
      opacity 0s 0s ease-in-out;
    transform: translateY(0);
    opacity: 1;
  }
  #evercold .evercold .floating_link.show .floating_link__wrapper:not(.fixed) {
    transition: none;
    transform: translateY(0);
    opacity: 1;
  }
  #evercold .evercold .floating_link.show .floating_link__wrapper.fixed {
    transition:
      transform 0.5s ease-in-out,
      opacity 0s 0s ease-in-out;
    transform: translateY(0);
    opacity: 1;
  }
  .evercold .floating_link.show .floating_link__wrapper.fixed {
    transition:
      transform 0.5s ease-in-out,
      opacity 0s 0s ease-in-out;
    transform: translateY(0);
    opacity: 1;
  }
  #evercold_home .visual {
    margin-bottom: 32px;
    padding: 4.875vw 0 47.5vw;
  }
  #evercold_home .visual__inner {
    align-self: auto;
  }
  #evercold_home .visual .catch_copy {
    width: 90%;
  }
  #evercold_home .visual .logo {
    width: 120%;
    margin: 0 -10%;
    min-height: 0;
    max-height: none;
  }
  #evercold_home .visual .logo img {
    height: auto;
    max-height: none;
    position: static;
  }
  #evercold_home .visual .release img {
    width: 100%;
  }
  #evercold_home .visual .release__text {
    margin-top: 0;
    font-size: 3.125vw;
    line-height: 1.35;
  }
  #evercold_home .visual .pre_order {
    margin-top: 3.75vw;
    text-align: center;
  }
  #evercold_home .visual .pre_order img {
    width: 100%;
  }
  #evercold_home .visual .pre_order a {
    width: 80vw;
    height: 10vw;
    padding: 0.625vw;
    border-radius: 7.5vw;
  }
  #evercold_home .visual .pre_order a p {
    padding: 0.625vw;
  }
  #evercold_home .visual .pre_order a p:before,
  #evercold_home .visual .pre_order a p:after {
    border-radius: 6.25vw;
  }
  #evercold_home .visual .pre_order a p span {
    padding: 0.3125vw;
    font-size: 5vw;
  }
  #evercold_home .visual .pre_order a p span:before {
    border: 0.3125vw solid rgba(255, 245, 204, 0.25);
    border-radius: 5.625vw;
  }
  #evercold_home .visual .pre_order__text {
    margin-top: 1.25vw;
    font-size: 3.125vw;
  }
  #evercold_home .visual .platform {
    flex-wrap: wrap;
    width: 90vw;
    max-width: 90vw;
    bottom: 27.5vw;
  }
  #evercold_home .visual .platform li {
    margin: 0 1.25vw;
  }
  #evercold_home .visual .platform li:nth-of-type(-n + 3) {
    margin-bottom: 2.5vw;
  }
  #evercold_home .visual .platform-ps {
    width: 39.375vw;
    max-width: inherit;
  }
  #evercold_home .visual .platform-xbox {
    width: 36.5625vw;
    max-width: inherit;
  }
  #evercold_home .visual .platform-sw {
    width: 6.25vw;
    max-width: inherit;
  }
  #evercold_home .visual .platform-win {
    width: 16.5625vw;
    max-width: inherit;
  }
  #evercold_home .visual .platform-mac {
    width: 4.6875vw;
    max-width: inherit;
  }
  #evercold_home .visual .platform-steam {
    width: 14.375vw;
    max-width: inherit;
  }
  #evercold_home .visual .link {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    max-width: inherit;
    left: 0;
    right: 0;
    bottom: 12.5vw;
    margin: auto;
  }
  #evercold_home .visual .link li {
    width: 37.5vw;
    margin-bottom: 0;
  }
  #evercold_home .visual .link li a {
    border-radius: 4px 12px;
  }
  #evercold_home .visual .link li a i {
    width: 12.5vw;
  }
  #evercold_home .visual .link li a:hover::after {
    opacity: 0;
  }
  #evercold_home .visual .link li a.press::after {
    opacity: 1;
  }
  @keyframes scroll_aetheryte {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(4px);
    }
    100% {
      transform: translateY(0);
    }
  }
  #evercold_home .visual .scroll {
    width: 7.5vw;
    height: 7.5vw;
    bottom: 2.5vw;
  }
  #evercold_home .section-media {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/oa40zdpg0-tL305xMAbHh3T_j0.jpg) no-repeat center
      center;
    background-size: cover;
  }
  #evercold_home .section-features {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/Fjxx5lIfu-Oq2uHPkFNqT1ujgY.jpg) no-repeat center
      center;
    background-size: cover;
  }
  #evercold_home .bg-white__inner {
    background:
      url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/RyJcokJ808-yl7JQ7mbA3zz_3k.png) no-repeat left top,
      url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/RX-JrFowUIyS92bSMMyNRf33-s.png) no-repeat right top;
    background-size:
      256px 256px,
      256px 256px;
    padding: 12px 0 32px;
  }
  #evercold_home .bg-black:before,
  #evercold_home .bg-black:after {
    height: 144px;
  }
  #evercold_home .bg-black__inner {
    padding: 12px 0 32px;
  }
  #evercold_home .catch-phrese__inner {
    padding: 16px 16px 32px;
  }
  #evercold_home .catch-phrese p {
    text-align: left;
  }
  #evercold_home .catch-phrese__text {
    margin-bottom: 32px;
    font-size: 12px;
  }
  #evercold_home .catch-phrese__catch-copy {
    font-size: 16px;
  }
  #evercold_home .trailer__inner {
    padding: 0 16px;
  }
  #evercold_home .trailer__viewer {
    margin-bottom: 32px;
    padding: 0 16px;
  }
  #evercold_home .trailer__viewer .image li a {
    margin-bottom: 12px;
  }
  #evercold_home .trailer__viewer .image li a:after {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/6s1rHOVOOe6Z-vGWU9A0MgfYHw.png) no-repeat center
      center;
    background-size: contain;
  }
  #evercold_home .trailer__viewer .image li a .play {
    width: 18.75%;
    height: 33.3333333333%;
    right: 2.7777777778%;
    bottom: 4.9382716049%;
  }
  #evercold_home .trailer__viewer .image li a .play:after {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/2-BP8hvH4lKp_mX9rXlV0Ui9yY.png) no-repeat center
      center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  #evercold_home .trailer__viewer .image li a:hover {
    transform: scale(1);
  }
  #evercold_home .trailer__viewer .image li a:hover .play:after {
    opacity: 0;
  }
  #evercold_home .trailer__viewer .image li a.press {
    transform: scale(1);
  }
  #evercold_home .trailer__viewer .image li a.press .play:after {
    opacity: 1;
  }
  #evercold_home .trailer__viewer .image li p {
    font-size: 12px;
  }
  #evercold_home .trailer__viewer .thumbnail {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 12px;
  }
  #evercold_home .trailer__viewer .thumbnail li {
    max-width: 25%;
    -webkit-tap-highlight-color: transparent;
  }
  #evercold_home .trailer__viewer .thumbnail li:hover:after {
    opacity: 0;
  }
  #evercold_home .trailer__viewer .thumbnail li.press:after {
    opacity: 1;
  }
  #evercold_home .trailer__viewer .thumbnail li i:before {
    bottom: 0;
  }
  #evercold_home .trailer__viewer .thumbnail li.active:hover:after,
  #evercold_home .trailer__viewer .thumbnail li.active.press:after {
    opacity: 0;
  }
  #evercold_home .news__inner {
    padding: 0 16px;
  }
  #evercold_home .news__slide {
    width: calc(100% - 32px);
    height: 100%;
    margin: 0 16px 32px;
    padding-top: min(calc(162 / 320 * 100vw + 138px), 552px);
  }
  #evercold_home .news__slide__prev,
  #evercold_home .news__slide__next {
    background: none;
    width: 32px;
  }
  #evercold_home .news__slide__prev::before,
  #evercold_home .news__slide__prev::after,
  #evercold_home .news__slide__next::before,
  #evercold_home .news__slide__next::after {
    width: 32px;
    height: 32px;
    top: 69.375vw;
    bottom: auto;
    margin: 0;
  }
  #evercold_home .news__slide__prev:hover::after,
  #evercold_home .news__slide__next:hover::after {
    opacity: 0;
  }
  #evercold_home .news__slide .news-list {
    min-width: 100%;
    padding: 0;
  }
  #evercold_home .news__slide .news-list li {
    flex: 0 0 100%;
    width: 100%;
    max-width: calc(100vw - 32px);
    margin-left: 32px;
    margin-bottom: 0;
  }
  #evercold_home .news__slide .news-list li:first-of-type {
    margin-left: 0;
  }
  #evercold_home .news__slide .news-list li a {
    transform: translateY(0px);
    opacity: 1;
  }
  #evercold_home .news__slide .news-list li a:hover {
    transform: translateY(0);
  }
  #evercold_home .features__slide {
    padding-top: 0;
    position: inherit;
    top: auto;
    left: auto;
  }
  #evercold_home .features__slide__btn {
    display: none;
  }
  #evercold_home .features__list {
    display: block;
    background: none;
    box-shadow: none;
    position: static;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #evercold_home .features__list li {
    display: block;
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.35);
    margin-bottom: 16px;
  }
  #evercold_home .features__list li:last-of-type {
    margin-bottom: 0;
  }
  #evercold_home .features__list li .detail {
    width: 100%;
    padding: 16px 16px 32px;
    position: static;
  }
  #evercold_home .features__list li .detail__title {
    margin-bottom: 16px;
    font-size: 16px;
  }
  #evercold_home .features__list li .detail__text {
    font-size: 12px;
  }
  #evercold_home .features__list li .link {
    width: 100%;
    height: 18vw;
    margin: 16px auto 0;
    position: relative;
    right: auto;
    bottom: auto;
  }
  #evercold_home .features__list li .link:hover::after {
    opacity: 0;
  }
  #evercold_home .features__list li .link.press {
    text-decoration: none;
  }
  #evercold_home .features__list li .link.press::after {
    opacity: 1;
  }
  #evercold_home .features__list li .link p {
    font-size: 5.625vw;
  }
  #evercold_home .features__thm {
    display: none;
  }
  #evercold_home .jobs {
    padding-top: 32px;
  }
  #evercold_home .jobs h3 {
    margin-bottom: 16px;
    padding: 0 16px;
    font-size: 16px;
  }
  #evercold_home .jobs__list {
    padding: 16px;
    border-radius: 0;
  }
  #evercold_home .jobs__list ul {
    flex-direction: column;
    gap: 16px 0;
    margin-bottom: 16px;
  }
  #evercold_home .jobs__list ul li img {
    order: 2;
  }
  #evercold_home .jobs__list ul li h4 {
    order: 1;
    font-size: 16px;
  }
  #evercold_home .information {
    padding-top: 32px;
  }
  #evercold_home .information h3 {
    margin-bottom: 16px;
    padding: 0 16px;
    font-size: 16px;
  }
  #evercold_home .information__list {
    margin: 0 auto 32px;
  }
  #evercold_home .information__list > li {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'title' 'image' 'text' 'list';
    gap: 0;
    margin-top: 16px;
    padding: 16px;
    border-radius: 0;
  }
  #evercold_home .information__list > li > div {
    display: contents;
  }
  #evercold_home .information__list > li h4 {
    grid-area: title;
    margin-bottom: 16px;
    padding-bottom: 0;
    font-size: 16px;
    text-align: center;
    border-bottom: none;
  }
  #evercold_home .information__list > li p {
    grid-area: text;
    font-size: 12px;
  }
  #evercold_home .information__list > li img {
    grid-area: image;
    margin-bottom: 16px;
  }
  #evercold_home .information__list__text {
    grid-area: list;
  }
  #evercold_home .information__list__text li {
    margin-bottom: 4px;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.75;
  }
  #evercold_home .information__list__text li:last-of-type {
    margin-bottom: 0;
  }
  #evercold_home .information__list__text li svg {
    width: 16px;
    height: 16px;
    top: 2px;
  }
  #evercold_home .update {
    margin: 32px auto 0;
  }
  #evercold_home .update__content {
    padding-bottom: 16px;
    border-radius: 0;
  }
  #evercold_home .update__content__head {
    min-height: 40px;
    padding: 8px 40px 8px 16px;
    border-radius: 0 0 16px 4px;
    -webkit-tap-highlight-color: transparent;
  }
  #evercold_home .update__content__head svg {
    width: 24px;
    height: 24px;
    right: 8px;
  }
  #evercold_home .update__content__head h3 {
    font-size: 14px;
  }
  #evercold_home .update__content__body {
    padding: 12px 16px 0;
  }
  #evercold_home .update__content__body ul {
    margin-bottom: 12px;
  }
  #evercold_home .update__content__body ul li {
    margin-bottom: 4px;
    padding-left: 20px;
    font-size: 12px;
  }
  #evercold_home .update__content__body ul li svg {
    width: 16px;
    height: 16px;
    top: 4px;
  }
  #evercold_home .update__content__body ul li i {
    font-size: 12px;
  }
  #evercold_home .update__content__body p {
    font-size: 12px;
  }
  #evercold_home .update__notes {
    margin: 16px auto 0;
    padding: 0 16px;
  }
  #evercold_home .update__notes li {
    font-size: 12px;
  }
  #evercold_home .update__notes > li {
    margin-bottom: 16px;
  }
  #evercold_home .update__notes > li > ol {
    margin-top: 4px;
  }
  #evercold_home .update__notes > li > ol > li {
    margin-bottom: 4px;
  }
  #evercold_home .products {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  #evercold_home .products__content {
    margin-top: 24px;
    padding: 16px;
    border-radius: 0;
  }
  #evercold_home .products__list {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    gap: 16px;
    margin-top: 16px;
  }
  #evercold_home .products__list h3 {
    font-size: 16px;
  }
  #evercold_home .products__list ul li {
    margin-top: 4px;
  }
  #evercold_home .products__list__item {
    grid-row: auto;
    grid-template-rows: none;
    gap: 16px;
    border-radius: 8px;
  }
  #evercold_home .products__list__btn {
    display: flex;
    align-items: center;
  }
  #evercold_home .anim {
    transform: translateY(8px);
  }
  #evercold_home .news__slide.anim .news-list li {
    transform: translateY(8px);
  }
  #evercold_home .information__list.anim > li {
    transform: translateY(8px);
  }
  #evercold .products {
    position: relative;
  }
  #evercold .products .evercold-title {
    margin-bottom: 12px;
  }
  #evercold .products__read {
    font-size: 16px;
  }
  #evercold .products__platform {
    gap: 2px;
    margin: 16px auto 0;
    padding: 0 2px;
  }
  #evercold .products__platform li {
    width: calc((100% - 2px) / 2);
    min-height: 48px;
    -webkit-tap-highlight-color: transparent;
  }
  #evercold .products__platform li:hover {
    background: rgba(255, 255, 255, 0.15);
  }
  #evercold .products__platform li:after {
    width: 100%;
    height: 2px;
  }
  #evercold .products__platform li p {
    font-size: 12px;
  }
  #evercold .products__platform li span {
    font-size: 10px;
  }
  #evercold .products__select {
    margin-top: 16px;
    border-radius: 0;
  }
  #evercold .products__select__tab {
    flex-wrap: wrap;
  }
  #evercold .products__select__tab li {
    width: 50%;
    min-height: 64px;
    padding: 16px 8px;
    font-size: 12px;
    box-shadow:
      0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
      -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
      1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
    -webkit-tap-highlight-color: transparent;
  }
  #evercold .products__select__tab li:hover {
    background: #5e6166;
    box-shadow:
      0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
      -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
      1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  }
  #evercold .products__select__tab li.selected {
    background: #f7f8fa;
    box-shadow:
      0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset,
      -1px 0px 0px 0px rgba(0, 0, 0, 0.1) inset,
      1px 0px 4px 0px rgba(255, 255, 255, 0.2) inset,
      0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset;
  }
  #evercold .products__select__tab.platform_other li {
    width: 33.3333333333%;
  }
  #evercold .products__select__toggle {
    gap: 4px;
    padding: 16px;
  }
  #evercold .products__select__toggle input:checked + label:after {
    transform: translateX(20px);
  }
  #evercold .products__select__toggle label {
    width: 40px;
    height: 20px;
    border-radius: 20px;
    -webkit-tap-highlight-color: transparent;
  }
  #evercold .products__select__toggle label:after {
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
  #evercold .products__select__toggle p {
    font-size: 14px;
  }
  #evercold .products__select__content {
    padding: 16px 0 24px;
  }
  #evercold .products__inner {
    padding: 0 16px;
  }
  #evercold .products__column {
    display: block;
  }
  #evercold .products__column > div {
    width: 100%;
  }
  #evercold .products__column .products__name {
    margin-top: 16px;
  }
  #evercold .products__column .products__price {
    text-align: center;
  }
  #evercold .products__content {
    margin-top: 16px;
    margin: 16px auto 0;
    padding: 8px 0 24px;
    border-radius: 0;
  }
  #evercold .products__content:last-of-type {
    margin-bottom: 34px;
  }
  #evercold .products__img--center {
    max-width: 100%;
    margin: 16px auto 0;
  }
  #evercold .products__name {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    text-align: left;
  }
  #evercold .products__price {
    margin-bottom: 16px;
    font-size: 12px;
  }
  #evercold .products__price span {
    font-size: 24px;
  }
  #evercold .products__title {
    height: 64px;
    margin-top: 16px;
    padding: 2px;
  }
  #evercold .products__title:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 2px;
    left: 2px;
  }
  #evercold .products__title h3 {
    font-size: 20px;
    line-height: 1.35;
  }
  #evercold .products__title h3 span {
    margin-top: 2px;
    font-size: 12px;
  }
  #evercold .products__title--sub {
    gap: 2px;
    height: 56px;
    margin-top: 16px;
    padding: 4px 16px;
  }
  #evercold .products__title--sub svg {
    width: 20px;
    height: 20px;
    margin-top: 2px;
  }
  #evercold .products__title--sub h4 {
    font-size: 16px;
    line-height: 1.5;
  }
  #evercold .products__title--sub2 {
    margin-bottom: 8px;
    font-size: 16px;
  }
  #evercold .products__text {
    margin-top: 16px;
    font-size: 12px;
  }
  #evercold .products__text--sub {
    margin-top: 16px;
    padding: 0 16px;
    font-size: 12px;
  }
  #evercold .products__text--sub span {
    font-size: 12px;
  }
  #evercold .products__text--center {
    margin-top: 16px;
    font-size: 12px;
    text-align: left;
  }
  #evercold .products__catch_copy {
    margin-top: 16px;
    padding: 16px;
    font-size: 14px;
    text-align: left;
  }
  #evercold .products__attention {
    margin-top: 16px;
    padding: 8px;
    font-size: 12px;
    line-height: 1.75;
  }
  #evercold .products__notes {
    margin-top: 16px;
    font-size: 12px;
  }
  #evercold .products__list {
    margin-top: 8px;
    padding: 8px;
  }
  #evercold .products__list li {
    margin-top: 4px;
    padding-left: 18px;
    font-size: 12px;
  }
  #evercold .products__list li svg {
    width: 16px;
    height: 16px;
    top: 2px;
  }
  #evercold .products__item {
    display: block;
    margin: 0 auto;
    padding-bottom: 16px;
  }
  #evercold .products__item li {
    width: 100%;
    margin-top: 16px;
  }
  #evercold .products__item li a {
    pointer-events: none;
  }
  #evercold .products__item li a svg {
    display: none;
  }
  #evercold .products__item li a.trailer {
    margin-top: 8px;
    pointer-events: auto;
  }
  #evercold .products__item li a.trailer .play {
    width: 22.2222222222%;
    height: 39.5061728395%;
  }
  #evercold .products__item li a.trailer:hover .play:after {
    opacity: 0;
  }
  #evercold .products__item li a.trailer.press .play:after {
    opacity: 1;
  }
  #evercold .products__item li h4 {
    margin-top: 4px;
    font-size: 14px;
  }
  #evercold .products__item li p {
    margin-top: 8px;
    font-size: 12px;
  }
  #evercold .products__dot {
    margin-top: 16px;
  }
  #evercold .products__dot svg {
    width: 16px;
    height: 16px;
  }
  #evercold .products__link {
    margin-top: 16px;
  }
  #evercold .products__link ul {
    display: block;
    padding: 0 16px;
  }
  #evercold .products__link ul li {
    width: 100%;
    padding: 8px 0;
  }
  #evercold .products__btn {
    margin-top: 16px;
    padding: 16px 16px 0;
  }
  #evercold .products__btn a {
    max-width: 100%;
  }
  #evercold .products__comparison {
    padding: 0;
  }
  #evercold .products__comparison h2 {
    font-size: 20px;
  }
  #evercold .products__comparison h3 {
    padding: 0;
    font-size: 12px;
  }
  #evercold .products__comparison h4 {
    display: none;
    font-size: 12px;
  }
  #evercold .products__comparison ul li {
    margin-top: 4px;
  }
  #evercold .products__comparison__operation {
    display: block;
    width: 100%;
    padding: 16px 32px 8px;
    border-bottom: 2px solid #e5e5e5;
    position: relative;
  }
  #evercold .products__comparison__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    height: 32px;
    padding: 8px 0;
  }
  #evercold .products__comparison__nav li {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    padding: 0 !important;
    transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #evercold .products__comparison__nav li i {
    background: #cccccc;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 24px;
  }
  #evercold .products__comparison__nav li.current i {
    background: #e57e17;
  }
  #evercold .products__comparison__control {
    width: 100%;
    height: 32px !important;
    position: absolute;
    top: 16px;
    left: 0;
  }
  #evercold .products__comparison__control li {
    width: 32px;
    height: 32px;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0;
    transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
    visibility: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #evercold .products__comparison__control li i {
    display: block;
    width: 100%;
    height: 100%;
  }
  #evercold .products__comparison__control li.prev {
    left: 0;
  }
  #evercold .products__comparison__control li.prev i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M265.716 343.97L176.03 254.284C172.497 250.828 170 245.751 170 240C170 234.248 172.497 229.171 176.03 225.715L265.716 136.29C269.347 132.317 274.397 130 280 130C291.045 130 300 138.954 300 149.999C300 155.555 297.729 160.576 294.071 164.2L218.272 240L294.071 315.799C297.729 319.423 300 324.444 300 329.999C300 341.45 291.045 349.999 280 349.999C274.397 349.999 269.347 347.682 265.716 343.97Z" fill="%23939599"/></svg>')
      no-repeat 50% 50% !important;
    background-size: contain !important;
    display: block;
  }
  #evercold .products__comparison__control li.next {
    right: 0;
  }
  #evercold .products__comparison__control li.next i {
    background: url('data:image/svg+xml;utf8,<svg width="480" height="480" viewBox="0 0 480 480" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M214.284 343.97L303.97 254.284C307.503 250.828 310 245.751 310 240C310 234.248 307.503 229.171 303.97 225.715L214.284 136.29C210.653 132.317 205.603 130 200 130C188.955 130 180 138.954 180 149.999C180 155.555 182.271 160.576 185.929 164.2L261.728 240L185.929 315.799C182.271 319.423 180 324.444 180 329.999C180 341.45 188.955 349.999 200 349.999C205.603 349.999 210.653 347.682 214.284 343.97Z" fill="%23939599"/></svg>')
      no-repeat 50% 50% !important;
    background-size: contain !important;
    display: block;
  }
  #evercold .products__comparison__control li.active {
    opacity: 1;
    visibility: visible;
  }
  #evercold .products__comparison__list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(8, auto);
    gap: 16px 8px;
    margin-top: 16px;
    padding-right: 8px;
    overflow: hidden;
  }
  #evercold .products__comparison__item {
    grid-row: span 8;
    background: none;
    padding: 8px 0;
    border-radius: 0;
    transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #evercold .products__comparison__item.fixed {
    display: grid;
    background: #f7f8fa;
    padding: 0 8px;
    position: relative;
    z-index: 1;
  }
  #evercold .products__comparison__item.fixed:after {
    content: '';
    background: #f7f8fa;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -4px;
  }
  #evercold .products__comparison__item.fixed h4 {
    display: block;
  }
  #evercold .products__comparison__item.fixed .products__comparison__img,
  #evercold
    .products__comparison__item.fixed
    .products__comparison__pre_order_bonus,
  #evercold .products__comparison__item.fixed .products__comparison__btn,
  #evercold .products__comparison__item.fixed .products__comparison__price,
  #evercold .products__comparison__item.fixed .products__comparison__info {
    display: flex;
    align-items: center;
  }
  #evercold .products__comparison__item.fixed .products__comparison__btn {
    border-bottom: none;
  }
  #evercold .products__comparison__img {
    padding: 0;
  }
  #evercold .products__comparison__content {
    padding: 0;
  }
  #evercold .products__comparison__pre_order_bonus {
    padding: 0;
  }
  #evercold .products__comparison__pre_order_bonus ul {
    margin-top: 0;
  }
  #evercold .products__comparison__btn {
    display: flex;
    align-items: center;
    margin: 0;
  }
  #evercold .products__comparison__shop_bonus {
    display: none;
    padding: 0;
  }
  #evercold .products__comparison__price {
    padding: 0;
  }
  #evercold .products__comparison__price p {
    font-size: 12px;
  }
  #evercold .products__comparison__price p span {
    display: block;
    font-size: 20px;
  }
  #evercold .products__comparison__info {
    padding: 0;
  }
  #evercold .products__comparison__info__pre_order__text {
    font-size: 14px;
  }
  #evercold .products__comparison__info__pre_order__text span {
    font-size: 12px;
  }
  #evercold .products__comparison__info a {
    width: 100%;
  }
  #evercold .products__pre_order_bonus__item {
    display: block;
    margin: 0 auto;
    padding: 0 16px;
  }
  #evercold .products__pre_order_bonus__item li {
    width: 100%;
    margin-top: 16px;
  }
  #evercold .products__pre_order_bonus__item li h4 {
    font-size: 16px;
  }
  #evercold .products__pre_order_bonus__item li a {
    max-width: 100%;
    margin: 8px auto 0;
    pointer-events: none;
  }
  #evercold .products__pre_order_bonus__item li a svg {
    display: none;
  }
  #evercold .products__pre_order_bonus__item li p {
    margin-top: 16px;
    font-size: 12px;
  }
  #evercold .products__pre_order_bonus__item li p.bonus {
    margin-top: 8px;
    font-size: 14px;
  }
  #evercold .products__bonus_obtain {
    margin-bottom: 32px;
  }
  #evercold .products__bonus_obtain:last-of-type {
    margin-bottom: 0;
  }
  #evercold .products__bonus_obtain li {
    display: block;
    margin-top: 8px;
    padding: 16px;
    border-radius: 8px;
  }
  #evercold .products__bonus_obtain__icon {
    gap: 4px;
    width: 80px;
    margin: 0 auto 16px;
  }
  #evercold .products__bonus_obtain__icon p {
    font-size: 14px;
  }
  #evercold .products__bonus_obtain__title {
    font-size: 14px;
  }
  #evercold .products__bonus_obtain__text {
    margin-top: 8px;
    font-size: 12px;
  }
  #evercold .products__bonus_obtain__notes {
    margin-top: 8px;
    font-size: 12px;
  }
  #evercold .products__bonus_obtain__close {
    width: 100%;
  }
  #evercold .products__pulldown {
    max-width: 100%;
    margin: 16px auto 0;
  }
  #evercold .products__pulldown select {
    margin-bottom: 16px;
  }
  #evercold .products__modal__inner {
    padding: 8px;
  }
  #evercold .products__modal .products__content {
    border-radius: 12px 4px;
  }
  #evercold .products .anim {
    transform: translateY(8px);
  }
  #evercold .media .evercold-title,
  #evercold_home .media .evercold-title {
    margin-bottom: 12px;
  }
  #evercold .media-navi_sp,
  #evercold_home .media-navi_sp {
    position: relative;
    height: 32px;
    margin-bottom: 32px;
    z-index: 4;
  }
  #evercold .media-navi_sp .selected,
  #evercold_home .media-navi_sp .selected {
    background: linear-gradient(90deg, #ffffff 0%, #adbcda 100%);
    width: 100%;
    height: 32px;
    padding: 0 32px 0 8px;
    font-size: 14px;
    color: #6b83b3;
    line-height: 32px;
    text-shadow:
      0px 0px 4px rgb(255, 255, 255),
      0px 0px 8px rgb(255, 255, 255),
      0px 0px 32px rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow:
      0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
      0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
    position: relative;
    z-index: 2;
  }
  #evercold .media-navi_sp .selected svg,
  #evercold_home .media-navi_sp .selected svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: #ffffff;
    filter:
      drop-shadow(0px 0px 4px 0px rgba(0, 0, 0, 0.1)),
      drop-shadow(0px 0px 12px 0px rgba(0, 0, 0, 0.1));
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    pointer-events: none;
  }
  #evercold .media-navi_sp .selected i,
  #evercold_home .media-navi_sp .selected i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #66ff66;
    box-shadow: 0px 0px 4px #66ff66;
    pointer-events: none;
    border-radius: 4px;
    transform: translateY(-100%);
  }
  #evercold .media-navi_sp .list,
  #evercold_home .media-navi_sp .list {
    background: rgba(0, 0, 0, 0.9);
    display: none;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
  }
  #evercold .media-navi_sp .list li,
  #evercold_home .media-navi_sp .list li {
    margin-bottom: 16px;
  }
  #evercold .media-navi_sp .list li:last-of-type,
  #evercold_home .media-navi_sp .list li:last-of-type {
    margin-bottom: 0;
  }
  #evercold .media-navi_sp .list li a,
  #evercold .media-navi_sp .list li span,
  #evercold_home .media-navi_sp .list li a,
  #evercold_home .media-navi_sp .list li span {
    display: block;
    font-family: "微软雅黑";
  }
  .ja #evercold .media-navi_sp .list li a,
  .ja #evercold .media-navi_sp .list li span,
  .ja #evercold_home .media-navi_sp .list li a,
  .ja #evercold_home .media-navi_sp .list li span {
    font-family: "微软雅黑";
  }
  #evercold .media-navi_sp .list li a,
  #evercold .media-navi_sp .list li span,
  #evercold_home .media-navi_sp .list li a,
  #evercold_home .media-navi_sp .list li span {
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
  }
  #evercold .media-navi_sp .list li a i,
  #evercold .media-navi_sp .list li span i,
  #evercold_home .media-navi_sp .list li a i,
  #evercold_home .media-navi_sp .list li span i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #66ff66;
    box-shadow: 0px 0px 4px #66ff66;
    pointer-events: none;
    border-radius: 4px;
    transform: translateY(-100%);
  }
  #evercold .media-navi_sp .list li a:hover,
  #evercold .media-navi_sp .list li span:hover,
  #evercold_home .media-navi_sp .list li a:hover,
  #evercold_home .media-navi_sp .list li span:hover {
    text-decoration: underline;
  }
  #evercold .media__wrapper,
  #evercold_home .media__wrapper {
    width: 100%;
    max-width: calc(100% + 32px);
    padding: 16px;
    border-radius: 0;
  }
  #evercold .media__wrapper.all_view .media__content,
  #evercold_home .media__wrapper.all_view .media__content {
    min-height: auto;
  }
  #evercold .media__title,
  #evercold_home .media__title {
    font-size: 14px;
  }
  #evercold .media__content,
  #evercold_home .media__content {
    width: 100%;
    min-height: 162px;
    display: none;
    padding-bottom: 1px;
  }
  #evercold .media__content.active,
  #evercold_home .media__content.active {
    display: block;
  }
  #evercold .media__content.trailer,
  #evercold_home .media__content.trailer {
    padding: 0;
  }
  #evercold .media__content.trailer .media__list li,
  #evercold_home .media__content.trailer .media__list li {
    width: 100%;
    margin-top: 16px;
  }
  #evercold .media__content.trailer .media__list li:nth-of-type(-n + 2),
  #evercold_home .media__content.trailer .media__list li:nth-of-type(-n + 2) {
    margin-top: 16px;
  }
  #evercold .media__content.trailer .media__list li:nth-of-type(even),
  #evercold_home .media__content.trailer .media__list li:nth-of-type(even) {
    margin-left: 0;
  }
  #evercold .media__content.trailer .media__list li:first-of-type,
  #evercold_home .media__content.trailer .media__list li:first-of-type {
    margin-top: 0;
  }
  #evercold .media__trailers,
  #evercold_home .media__trailers {
    margin: 0 auto 16px;
  }
  #evercold .media__trailers a:hover,
  #evercold_home .media__trailers a:hover {
    opacity: 1;
  }
  #evercold .media__trailers a .ic_new,
  #evercold_home .media__trailers a .ic_new {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #66ff66;
    box-shadow:
      0px 0px 4px 0px #296629,
      0px 0px 4px 0px #6f6;
    position: absolute;
    pointer-events: none;
    z-index: 3;
    top: 4px;
    right: 4px;
  }
  #evercold .media__trailers p,
  #evercold_home .media__trailers p {
    margin-top: 4px;
    font-size: 12px;
  }
  #evercold .media__list,
  #evercold_home .media__list {
    margin: 0 auto 16px;
  }
  #evercold .media__list li,
  #evercold_home .media__list li {
    display: block;
    width: 33.3333333333%;
  }
  #evercold .media__list li a:hover,
  #evercold_home .media__list li a:hover {
    opacity: 1;
  }
  #evercold .media__list li .ic_new,
  #evercold_home .media__list li .ic_new {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #66ff66;
    box-shadow:
      0px 0px 4px 0px #296629,
      0px 0px 4px 0px #6f6;
    position: absolute;
    pointer-events: none;
    z-index: 3;
    top: 4px;
    right: 4px;
  }
  #evercold .media__list li p,
  #evercold_home .media__list li p {
    margin-top: 4px;
    font-size: 12px;
  }
  #evercold .media__notes,
  #evercold_home .media__notes {
    margin: 8px auto 0;
    padding: 0 16px;
  }
  #evercold .media__notes li,
  #evercold_home .media__notes li {
    margin-bottom: 4px;
    font-size: 12px;
  }
  #evercold .media__prev,
  #evercold .media__next,
  #evercold_home .media__prev,
  #evercold_home .media__next {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
  }
  #evercold .media__prev,
  #evercold_home .media__prev {
    background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M200 346.383L185.957 360L0 179.714L185.957 0L200 13.0369L28.0903 179.711L200 346.383Z" fill="%23FFFFFF"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    left: 0;
  }
  #evercold .media__next,
  #evercold_home .media__next {
    background: url('data:image/svg+xml;utf8,<svg width="200" height="360" viewBox="0 0 200 360" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.0454 360L0 346.383L171.91 179.711L0 13.0369L14.0454 0L200 179.714L14.0454 360Z" fill="%23FFFFFF"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    right: 0;
  }
  #evercold .media__close,
  #evercold_home .media__close {
    background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
    background-size: 24px 24px;
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -28px;
    right: 4px;
    overflow: hidden;
    z-index: 2;
  }
  #evercold .media__close:hover,
  #evercold_home .media__close:hover {
    background: url('data:image/svg+xml;utf8,<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M217.365 199.996L217.021 200.34L400 382.966L382.936 400L199.955 217.372L17.7376 400L0 382.966L182.89 200.34L182.546 199.996L182.887 199.656L0 17.025L17.7376 0L199.955 182.621L382.936 0L400 17.025L217.024 199.656L217.365 199.996Z" fill="%23666666"/></svg>')
      no-repeat 50% 50%;
    background-size: contain;
  }
  #evercold .media .anim,
  #evercold_home .media .anim {
    transform: translateY(8px);
  }
  #evercold .media .media__wrapper.anim + .media__notes,
  #evercold_home .media .media__wrapper.anim + .media__notes {
    transform: translateY(8px);
  }
  #evercold .news-read,
  #evercold_home .news-read {
    padding: 0 16px;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }
  #evercold .news .tags-list-wrapper,
  #evercold_home .news .tags-list-wrapper {
    padding: 0 16px;
    position: relative;
    z-index: 4;
  }
  #evercold .news .tags-list_sp,
  #evercold_home .news .tags-list_sp {
    position: relative;
    height: 32px;
    margin-bottom: 32px;
    z-index: 4;
  }
  #evercold .news .tags-list_sp .selected,
  #evercold_home .news .tags-list_sp .selected {
    background: linear-gradient(90deg, #ffffff 0%, #adbcda 100%);
    width: 100%;
    height: 32px;
    padding: 0 32px 0 8px;
    font-size: 14px;
    color: #6b83b3;
    line-height: 32px;
    text-shadow:
      0px 0px 4px rgb(255, 255, 255),
      0px 0px 8px rgb(255, 255, 255),
      0px 0px 32px rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow:
      0px 1px 0px 0px rgba(255, 255, 255, 0.25) inset,
      0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
    position: relative;
    z-index: 2;
  }
  #evercold .news .tags-list_sp .selected svg,
  #evercold_home .news .tags-list_sp .selected svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: #ffffff;
    filter:
      drop-shadow(0px 0px 4px 0px rgba(0, 0, 0, 0.1)),
      drop-shadow(0px 0px 12px 0px rgba(0, 0, 0, 0.1));
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    pointer-events: none;
  }
  #evercold .news .tags-list_sp .selected i,
  #evercold_home .news .tags-list_sp .selected i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #66ff66;
    box-shadow: 0px 0px 4px #66ff66;
    pointer-events: none;
    border-radius: 4px;
    transform: translateY(-100%);
  }
  #evercold .news .tags-list_sp .list,
  #evercold_home .news .tags-list_sp .list {
    background: rgba(0, 0, 0, 0.9);
    display: none;
    width: 100%;
    padding: 16px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 100%;
    left: 0;
  }
  #evercold .news .tags-list_sp .list li,
  #evercold_home .news .tags-list_sp .list li {
    margin-bottom: 16px;
  }
  #evercold .news .tags-list_sp .list li:last-of-type,
  #evercold_home .news .tags-list_sp .list li:last-of-type {
    margin-bottom: 0;
  }
  #evercold .news .tags-list_sp .list li a,
  #evercold .news .tags-list_sp .list li span,
  #evercold_home .news .tags-list_sp .list li a,
  #evercold_home .news .tags-list_sp .list li span {
    display: block;
    font-family: "微软雅黑";
  }
  .ja #evercold .news .tags-list_sp .list li a,
  .ja #evercold .news .tags-list_sp .list li span,
  .ja #evercold_home .news .tags-list_sp .list li a,
  .ja #evercold_home .news .tags-list_sp .list li span {
    font-family: "微软雅黑";
  }
  #evercold .news .tags-list_sp .list li a,
  #evercold .news .tags-list_sp .list li span,
  #evercold_home .news .tags-list_sp .list li a,
  #evercold_home .news .tags-list_sp .list li span {
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
  }
  #evercold .news .tags-list_sp .list li a i,
  #evercold .news .tags-list_sp .list li span i,
  #evercold_home .news .tags-list_sp .list li a i,
  #evercold_home .news .tags-list_sp .list li span i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #66ff66;
    box-shadow: 0px 0px 4px #66ff66;
    pointer-events: none;
    border-radius: 4px;
    transform: translateY(-100%);
  }
  #evercold .news-list,
  #evercold_home .news-list {
    width: 100%;
    margin: 0 auto;
    height: auto !important;
    padding: 0 16px;
    min-height: auto;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #evercold .news-list li,
  #evercold_home .news-list li {
    width: 100%;
    height: auto;
    margin: 0 auto 16px;
    position: static;
    transition:
      transform 0.5s ease-in,
      opacity 0.5s ease-in;
    transform: translateY(8px);
  }
  #evercold .news-list li:last-of-type,
  #evercold_home .news-list li:last-of-type {
    margin-bottom: 0;
  }
  #evercold .news-list li a,
  #evercold_home .news-list li a {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-decoration: none;
    transition: none;
  }
  #evercold .news-list li a:hover,
  #evercold_home .news-list li a:hover {
    transform: translateY(0);
  }
  #evercold .news-more,
  #evercold_home .news-more {
    height: auto;
    padding: 0 16px;
  }
  #evercold .news-more.on::before,
  #evercold_home .news-more.on::before {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20261031evercold/images/rOy6ZhSOlozowTZRUEjeFdn8NE.gif);
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
  }
  #evercold .news .anim,
  #evercold_home .news .anim {
    transform: translateY(8px);
  }
  #evercold .jobs .evercold-title {
    margin-bottom: 12px;
  }
  #evercold .jobs-read {
    margin-bottom: 32px;
    padding: 0 16px;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }
  #evercold .jobs__box {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin-bottom: 32px;
  }
  #evercold .jobs__label {
    order: 1;
    width: 100%;
    margin-bottom: -16px !important;
    padding: 0 16px;
  }
  #evercold .jobs__art {
    order: 2;
    width: 100%;
    padding: 0 16px;
  }
  #evercold .jobs__trailer {
    order: 3;
    width: 100%;
    padding: 0 16px;
  }
  #evercold .jobs__trailer a .play {
    width: 20%;
    height: 35.5555555556%;
  }
  #evercold .jobs__trailer a:hover .play:after {
    opacity: 0;
  }
  #evercold .jobs__trailer a.press .play:after {
    opacity: 1;
  }
  #evercold .jobs__img {
    order: 4;
    width: 100%;
    padding: 0 16px;
  }
  #evercold .jobs__img a img {
    border-radius: 8px;
  }
  #evercold .jobs__img a svg {
    width: 32px;
    height: 32px;
  }
  #evercold .jobs__text {
    order: 5;
    width: 100%;
    align-self: start;
    border-radius: 0;
  }
  #evercold .jobs__text p {
    font-size: 12px;
  }
  #evercold .jobs__system {
    padding: 16px;
    border-radius: 0;
  }
  #evercold .jobs__system h3 {
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }
  #evercold .jobs__system p {
    font-size: 12px;
  }
  #evercold .jobs__system img {
    margin: 16px auto;
  }
  #evercold .jobs__system__read {
    text-align: left;
  }
  #evercold .jobs__system__notes {
    margin-top: 16px;
  }
  #evercold .jobs .anim {
    transform: translateY(8px);
  }
  #evercold .jobs .jobs__box.bastion .anim,
  #evercold .jobs .jobs__box.zephyr .anim {
    transition:
      opacity 0.5s ease-in,
      transform 0.5s ease-in;
    transform: translateY(8px);
  }
  #evercold .jobs .jobs__box.bastion .anim.show,
  #evercold .jobs .jobs__box.zephyr .anim.show {
    transform: translateY(0);
  }
  #evercold .jobs .jobs__box.bastion .jobs__label,
  #evercold .jobs .jobs__box.bastion .jobs__art,
  #evercold .jobs .jobs__box.bastion .jobs__trailer,
  #evercold .jobs .jobs__box.bastion .jobs__img,
  #evercold .jobs .jobs__box.zephyr .jobs__label,
  #evercold .jobs .jobs__box.zephyr .jobs__art,
  #evercold .jobs .jobs__box.zephyr .jobs__trailer,
  #evercold .jobs .jobs__box.zephyr .jobs__img {
    margin: 0;
  }
  #evercold .jobs .jobs__box.anim.show .jobs__art,
  #evercold .jobs .jobs__box.anim.show .jobs__label,
  #evercold .jobs .jobs__box.anim.show .jobs__trailer,
  #evercold .jobs .jobs__box.anim.show .jobs__img,
  #evercold .jobs .jobs__box.anim.show .jobs__text {
    animation: none;
  }
}
