.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: #18191a;
  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 0;
  bottom: -80px;
}
.fancybox-caption__body {
  font-family: "微软雅黑";
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  pointer-events: none;
  overflow: hidden;
}
.ja .fancybox-caption__body {
  font-family: "微软雅黑";
}
.loading {
  display: none;
  background: #18191a;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.loading img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.evercold {
  font-family: "微软雅黑";
  position: relative;
}
.ja .evercold {
  font-family: "微软雅黑";
}
.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/20260425evercold/media/images/fXKbaEZEj7LxLkzayDs4KAyOqQ.png) no-repeat left center,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/images/UXCyN7RHtQh4b9rOgYM3ddsAPk.png) no-repeat left center,
    rgba(255, 255, 255, 0.2) url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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__list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  width: 384px;
  max-width: 384px;
}
.evercold .menu__list > li {
  width: calc(100% / 3);
}
.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 #102440,
    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 #fff,
    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: calc(4 / 128 * 100%);
}
.evercold .contents {
  padding-top: 128px;
  position: relative;
  z-index: 1;
}
#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/20260425evercold/media/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/20260425evercold/media/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;
  width: 320px;
  height: 48px;
  margin: 0 auto;
}
.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 span {
  display: block;
  padding: 0 16px;
  color: #ffffff;
  text-shadow:
    0px 0px 4px #102440,
    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: "微软雅黑";
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  position: relative;
}
.ja .evercold-footer__xiv_link li a p {
  font-family: "微软雅黑";
}
.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/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/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);
}
.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: #000;
}
.evercold-footer__sns_link li.twitter a:hover {
  background: #000;
}
.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: red;
}
.evercold-footer__sns_link li.youtube a:hover {
  background: red;
}
.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_home #player-black {
  background: #18191a;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 0;
  overflow: hidden;
}
#evercold_home #bg_movie {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -1;
  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;
}
#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: calc(182px - 38px - 40px) 0 182px;
  position: relative;
  opacity: 0;
}
#evercold_home .visual__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 960px;
  height: clamp(620px, calc(80vh - 148px), 716px);
  margin: clamp(16px, calc(20vh - 176px), 40px) auto 0;
}
#evercold_home .visual .catch_copy {
  width: calc(640 / 960 * 100%);
  margin: 0 auto;
}
#evercold_home .visual .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 100%;
  min-height: 0;
  margin-bottom: min(calc((24 / 1080) * 100vh), 24px);
}
#evercold_home .visual .logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
#evercold_home .visual .release {
  width: calc(640 / 960 * 100%);
  margin: 0 auto min(calc((4 / 1080) * 100vh), 4px);
}
#evercold_home .visual .platform {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: calc(842px + 32px);
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 96px;
}
#evercold_home .visual .platform li {
  margin: 0 calc(16 / (842 + 32) * 100%);
}
#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 #ffffff33 inset,
    0px -1px 0px 0px #0000001a inset,
    0px 2px 4px 0px #0000004d,
    0px 4px 8px 0px #00000040,
    0px 8px 24px 0px #00000040;
  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: calc(80 / 240 * 100%);
  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/20260425evercold/media/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, #fff 0%, #d9d9d9 100%);
}
#evercold_home .visual .link li a.mogstation i {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/eiCKB9szF54hND7FzBV1O1pfRI.png) no-repeat center
    center;
  background-size: contain;
}
#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;
}
@keyframes scroll_aetheryte {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
#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 .section-media {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/images/RyJcokJ808-yl7JQ7mbA3zz_3k.png) no-repeat left top,
    url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/RX-JrFowUIyS92bSMMyNRf33-s.png) no-repeat right top;
  background-size:
    512px 512px,
    512px 512px;
  padding: 24px 0 64px;
  position: relative;
}
#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%, transparent 100%);
  top: 0;
}
#evercold_home .bg-black:after {
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  bottom: 0;
}
#evercold_home .bg-black__inner {
  padding: 24px 0 64px;
  position: relative;
}
#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 .trailer {
  position: relative;
  z-index: 1;
}
#evercold_home .trailer__list {
  display: flex;
  justify-content: center;
  margin: 0 auto 64px;
}
#evercold_home .trailer__list li {
  width: 512px;
  text-align: center;
}
#evercold_home .trailer__list li a {
  display: block;
  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__list li a::after {
  content: '';
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/6s1rHOVOOe6Z-vGWU9A0MgfYHw.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__list li a .play {
  display: block;
  width: calc(96 / 512 * 100%);
  height: calc(96 / 288 * 100%);
  right: calc(16 / 512 * 100%);
  bottom: calc(16 / 288 * 100%);
  position: absolute;
}
#evercold_home .trailer__list li a .play::before,
#evercold_home .trailer__list 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__list li a .play::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/MOXVJSxYWbEN4riu0PWq6qFDNo.png) no-repeat center
    center;
  background-size: contain;
  opacity: 1;
}
#evercold_home .trailer__list li a .play::after {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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__list li a:hover {
  transform: scale(1.1);
}
#evercold_home .trailer__list li a:hover .play::after {
  opacity: 1;
}
#evercold_home .trailer__list li p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 8px #10244080;
}
#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: calc(100% + 192px);
  position: absolute;
  top: 0;
  left: -96px;
  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 {
  opacity: 0.25;
  pointer-events: none;
}
#evercold_home .news__slide__prev {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  left: 0;
}
#evercold_home .news__slide__prev::before {
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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/20260425evercold/media/images/CmgPeh8Y3Yg6Lv3umHQwIyauiY.png) no-repeat center
    center;
  background-size: contain;
}
#evercold_home .news__slide__next {
  background: linear-gradient(90deg, transparent 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/20260425evercold/media/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/20260425evercold/media/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: calc(1080 / 1920 * 100%);
  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: calc(96 / 1920 * 100%);
  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: calc(64 / 96 * 100%);
  height: calc(168 / 1080 * 100%);
  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/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/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;
  width: 100%;
  height: 100%;
  position: relative;
}
#evercold_home .features__list li .img {
  width: 100%;
}
#evercold_home .features__list li .img img {
  height: 100%;
}
#evercold_home .features__list li .detail {
  background: linear-gradient(
    90deg,
    rgba(10, 22, 38, 0.8) 0%,
    rgba(16, 43, 64, 0) 100%
  );
  width: calc(1280 / 1920 * 100%);
  padding: calc(48 / 1920 * 100%) calc(96 / 1920 * 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
#evercold_home .features__list li .detail__title {
  margin-bottom: calc(48 / 1080 * 100%);
  color: #ffffff;
  font-size: calc(40 / 1920 * 100vw);
  font-weight: 700;
  line-height: 1.5;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 4px #102440,
    0px 0px 8px #102440,
    0px 0px 16px #102440;
  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: "微软雅黑";
  color: #ffffff;
  font-size: calc(20 / 1920 * 100vw);
  line-height: 1.75;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 4px #102440,
    0px 0px 8px #102440,
    0px 0px 16px #102440;
}
.ja #evercold_home .features__list li .detail__text {
  font-family: "微软雅黑";
}
#evercold_home .features__list li .link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(400 / 1920 * 100%);
  height: calc(80 / 1080 * 100%);
  position: absolute;
  right: calc(96 / 1920 * 100%);
  bottom: calc(64 / 1080 * 100%);
}
#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 {
  font-family: "微软雅黑";
  color: #ffffff;
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  line-height: 1;
  text-shadow:
    0px 2px 4px #102440,
    0px 4px 8px rgba(16, 36, 64, 0.5);
  position: relative;
  z-index: 2;
}
.ja #evercold_home .features__list li .link p {
  font-family: "微软雅黑";
}
#evercold_home .features__thm {
  display: flex;
  justify-content: center;
  margin-top: calc(24 / 1920 * 100%);
}
#evercold_home .features__thm li {
  width: calc(160 / 1920 * 100%);
  margin: 0 calc(12 / 1920 * 100%);
  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: calc(184 / 160 * 100%);
  height: calc(128 / 90 * 100%);
  top: calc(-48 / 160 * 100%);
  left: calc(-7 / 90 * 100%);
}
#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 .information {
  position: relative;
  z-index: 1;
}
#evercold_home .information h3 {
  padding: 64px 0;
  color: #ffffff;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  text-shadow:
    0px 0px 4px #102440,
    0px 2px 4px #102440,
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
#evercold_home .information__img {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
#evercold_home .information__img img {
  max-width: 1280px;
}
#evercold_home .information__img:before,
#evercold_home .information__img:after {
  content: '';
  flex: 1;
}
#evercold_home .information__img:before {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.35) 100%
  );
}
#evercold_home .information__img::after {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.35) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}
#evercold_home .information__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 64px;
}
#evercold_home .information__list li {
  display: flex;
  align-items: center;
  width: calc((100% - 32px) / 2);
  min-height: 320px;
  padding: 32px;
  border-radius: 48px 16px;
  box-shadow: 0px 0px 32px 0px rgba(102, 189, 255, 0.25);
}
#evercold_home .information__list li:nth-of-type(1) {
  background: linear-gradient(
    135deg,
    rgba(220, 228, 245, 0.9) 16.1%,
    rgba(255, 255, 255, 0.9) 83.9%
  );
}
#evercold_home .information__list li:nth-of-type(2) {
  background: linear-gradient(
    225deg,
    rgba(220, 228, 245, 0.9) 16.1%,
    rgba(255, 255, 255, 0.9) 83.9%
  );
}
#evercold_home .information__list li:nth-of-type(3) {
  background: linear-gradient(
    45deg,
    rgba(220, 228, 245, 0.9) 16.1%,
    rgba(255, 255, 255, 0.9) 83.9%
  );
}
#evercold_home .information__list li:nth-of-type(4) {
  background: linear-gradient(
    315deg,
    rgba(220, 228, 245, 0.9) 16.1%,
    rgba(255, 255, 255, 0.9) 83.9%
  );
}
#evercold_home .information__list li div {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
#evercold_home .information__list li h4 {
  width: 100%;
  margin-bottom: 32px;
  padding-bottom: 34px;
  color: #6b83b3;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2;
  text-shadow:
    0px 0px 4px #fff,
    0px 0px 8px #fff,
    0px 0px 32px #fff;
  text-align: center;
  border-bottom: 2px solid #99b6cc;
}
.ja #evercold_home .information__list li h4.fs-32 {
  font-size: 32px;
}
#evercold_home .information__list li p {
  width: 100%;
  font-family: "微软雅黑";
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  text-shadow:
    0px 0px 4px #fff,
    0px 0px 32px rgba(255, 255, 255, 0.5);
}
.ja #evercold_home .information__list li p {
  font-family: "微软雅黑";
}
#evercold_home .information__update {
  background: linear-gradient(
    315deg,
    rgba(220, 228, 245, 0.9) 16.1%,
    rgba(255, 255, 255, 0.9) 83.9%
  );
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 48px;
  border-radius: 24px 8px;
  box-shadow: 0px 0px 32px 0px rgba(102, 189, 255, 0.25);
}
#evercold_home .information__update ul {
  margin-bottom: 16px;
}
#evercold_home .information__update ul li {
  margin-bottom: 8px;
  padding-left: 28px;
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  position: relative;
}
#evercold_home .information__update ul li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .information__update ul li svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 8px;
  left: 0;
}
#evercold_home .information__update p {
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
}
#evercold_home .information__notes {
  width: 100%;
  max-width: 960px;
  margin: 32px auto 0;
  padding: 0 48px;
}
#evercold_home .information__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 .information__notes > li {
  margin-bottom: 32px;
}
#evercold_home .information__notes > li:last-of-type {
  margin-bottom: 0;
}
#evercold_home .information__notes > li > ol {
  margin-top: 8px;
}
#evercold_home .information__notes > li > ol > li {
  margin-bottom: 8px;
}
#evercold_home .information__notes > li > ol > li:last-of-type {
  margin-bottom: 0;
}
#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 .anim .news-list li {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .anim .news-list li:nth-of-type(1) {
  transition-delay: 0s;
}
#evercold_home .anim .news-list li:nth-of-type(2) {
  transition-delay: 0.1s;
}
#evercold_home .anim .news-list li:nth-of-type(3) {
  transition-delay: 0.2s;
}
#evercold_home .anim .news-list li:nth-of-type(4) {
  transition-delay: 0.3s;
}
#evercold_home .anim .news-list li:nth-of-type(5) {
  transition-delay: 0.4s;
}
#evercold_home .anim .news-list li:nth-of-type(6) {
  transition-delay: 0.5s;
}
#evercold_home .anim .news-list li:nth-of-type(7) {
  transition-delay: 0.6s;
}
#evercold_home .anim .news-list li:nth-of-type(8) {
  transition-delay: 0.7s;
}
#evercold_home .anim .news-list li:nth-of-type(9) {
  transition-delay: 0.8s;
}
#evercold_home .anim .news-list li:nth-of-type(10) {
  transition-delay: 0.9s;
}
#evercold_home .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 .anim.information__list {
  transition: none;
  transform: translateY(0);
  opacity: 1;
}
#evercold_home .anim.information__list li {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
#evercold_home .anim.information__list li:nth-of-type(1) {
  transition-delay: 0s;
}
#evercold_home .anim.information__list li:nth-of-type(2) {
  transition-delay: 0.2s;
}
#evercold_home .anim.information__list li:nth-of-type(3) {
  transition-delay: 0.4s;
}
#evercold_home .anim.information__list li:nth-of-type(4) {
  transition-delay: 0.6s;
}
#evercold_home .anim.information__list li:nth-of-type(5) {
  transition-delay: 0.8s;
}
#evercold_home .anim.information__list li:nth-of-type(6) {
  transition-delay: 1s;
}
#evercold_home .anim.information__list li:nth-of-type(7) {
  transition-delay: 1.2s;
}
#evercold_home .anim.information__list li:nth-of-type(8) {
  transition-delay: 1.4s;
}
#evercold_home .anim.information__list li:nth-of-type(9) {
  transition-delay: 1.6s;
}
#evercold_home .anim.information__list li:nth-of-type(10) {
  transition-delay: 1.8s;
}
#evercold_home .anim.information__list.show li {
  transform: translateY(0);
  opacity: 1;
}
.media-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.media-bg img {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center top;
}
.media-bg:after {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
.media .evercold-title {
  margin-bottom: 32px;
}
.media-navi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 24px;
  font-family: "微软雅黑";
}
.ja .media-navi {
  font-family: "微软雅黑";
}
.media-navi li {
  margin: 0 4px 8px;
  font-family: "微软雅黑";
}
.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: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 16px;
  color: #6b83b3;
  text-align: center;
  font-family: "微软雅黑";
  text-decoration: none;
}
.media-navi li a:hover {
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
.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: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.media-navi li a.active {
  background: rgba(255, 255, 255, 0.35);
  pointer-events: none;
}
.media-navi li a.active::after {
  opacity: 1;
}
.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;
}
.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;
}
.media__wrapper + .media__notes {
  max-width: 1264px;
}
@media screen and (max-width: 1312px) {
  .media__wrapper {
    max-width: 1112px;
  }
  .media__wrapper + .media__notes {
    max-width: 1112px;
  }
}
@media screen and (max-width: 1160px) {
  .media__wrapper {
    max-width: 960px;
  }
  .media__wrapper + .media__notes {
    max-width: 960px;
  }
}
@media screen and (max-width: 1008px) {
  .media__wrapper {
    max-width: 808px;
  }
  .media__wrapper + .media__notes {
    max-width: 808px;
  }
}
@media screen and (max-width: 856px) {
  .media__wrapper {
    max-width: 656px;
  }
  .media__wrapper + .media__notes {
    max-width: 656px;
  }
}
.media__tab {
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  margin: 0 auto 32px;
  overflow: hidden;
}
.media__tab li {
  width: calc(100% / 3);
}
.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: "微软雅黑";
  color: #333333;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ja .media__tab li a {
  font-family: "微软雅黑";
}
.media__tab li a:hover {
  background: #ffffff;
  color: #333333;
}
.media__tab li a.selected {
  background: linear-gradient(90deg, #fff 0%, #adbcda 100%);
  color: #6b83b3;
  text-shadow:
    0px 0px 4px #fff,
    0px 0px 8px #fff,
    0px 0px 32px #fff;
  pointer-events: none;
}
.media__content {
  display: none;
  width: 100%;
  margin: 0 auto;
  height: 1%;
}
.media__content.active {
  display: block;
}
.media__content.trailer {
  padding: 0 4px;
}
.media__content.trailer .media__list li {
  width: calc((100% - 24px) / 2);
  margin-top: 32px;
}
.media__content.trailer .media__list li:nth-of-type(-n + 2) {
  margin-top: 0;
}
.media__content.trailer .media__list li:nth-of-type(even) {
  margin-left: 24px;
}
.media__title {
  margin-bottom: 8px;
  font-family: "微软雅黑";
  font-size: 20px;
  color: #999999;
  font-weight: 400;
  text-align: left;
}
.ja .media__title {
  font-family: "微软雅黑";
}
.media__title-trailer {
  text-align: center;
}
.media__trailers {
  display: block;
  max-width: 912px;
  margin: 0 auto 32px;
}
.media__trailers img {
  display: block;
  width: 100%;
  height: auto;
}
.media__trailers a {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
}
.media__trailers a:hover {
  opacity: 0.8;
}
.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;
}
.media__trailers p {
  margin-top: 8px;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
}
.media__trailers.last {
  margin-bottom: 0;
}
.media__list {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 32px;
}
.media__list.last {
  margin-bottom: 0;
}
.media__list li {
  position: relative;
  width: 152px;
  height: auto;
}
.media__list li a {
  display: block;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.media__list li a:hover {
  opacity: 0.8;
}
.media__list li img {
  width: 100%;
  height: auto;
  display: block;
}
.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;
}
.media__list li p {
  margin-top: 8px;
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  text-align: center;
}
.media__notes {
  width: 100%;
  margin: 16px auto 0;
  padding: 0 24px;
}
.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;
}
.media__notes li:last-of-type {
  margin-bottom: 0;
}
.media__header,
.media__footer {
  display: block;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  z-index: 2;
}
.media__header {
  background: linear-gradient(to bottom, transparent 0%, #000 100%);
  top: -80px;
  padding: 0 80px 16px 16px;
}
.media__footer {
  background: linear-gradient(to top, transparent 0%, #000 100%);
  bottom: -80px;
}
.media__prev,
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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);
}
.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;
}
.media .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
.media .anim.show {
  transform: translateY(0);
  opacity: 1;
}
.media .media__wrapper.anim + .media__notes {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
.media .media__wrapper.anim.show + .media__notes {
  transform: translateY(0);
  opacity: 1;
}
.news-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.news-bg img {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: center top;
}
.news-bg:after {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}
.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 #102440,
    0px 2px 4px #102440,
    0px 4px 8px rgba(16, 36, 64, 0.5),
    0px 8px 24px rgba(16, 36, 64, 0.5);
}
.news .tags-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  margin: 0 auto 24px;
  font-family: "微软雅黑";
}
.ja .news .tags-list {
  font-family: "微软雅黑";
}
@media screen and (max-width: 980px) {
  .news .tags-list {
    width: 768px;
  }
}
@media screen and (max-width: 802px) {
  .news .tags-list {
    width: 576px;
  }
}
.news .tags-list li {
  margin: 0 4px 8px;
  font-family: "微软雅黑";
}
.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;
  font-family: "微软雅黑";
  text-decoration: none;
  text-shadow:
    0px 0px 4px #102440,
    0px 0px 8px rgba(16, 36, 64, 0.5);
}
.news .tags-list li a:hover {
  background: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}
.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);
}
.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;
}
.news .tags-list li a.active::after {
  opacity: 1;
}
.news-list {
  display: block;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  min-height: 596px;
}
@media screen and (max-width: 1620px) {
  .news-list {
    width: 1280px;
  }
}
@media screen and (max-width: 1300px) {
  .news-list {
    width: 960px;
  }
}
@media screen and (max-width: 980px) {
  .news-list {
    width: 640px;
  }
}
.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;
}
.news-list li.show {
  transform: translateY(0px);
  opacity: 1;
}
.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);
}
.news-list li a svg {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0.15;
  fill: #ffffff;
}
.news-list li a:hover {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateY(-10px);
}
.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;
}
.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;
}
.news-header span {
  font-family: "微软雅黑";
  color: #adbcda;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.ja .news-header span {
  font-family: "微软雅黑";
}
.news-image {
  width: 100%;
  padding-top: 56.33333%;
}
.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;
}
.news-text span {
  display: block;
  margin-bottom: 8px;
  font-family: "微软雅黑";
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  line-height: 1;
}
.ja .news-text span {
  font-family: "微软雅黑";
}
.news-text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: "微软雅黑";
  color: #333333;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
}
.ja .news-text p {
  font-family: "微软雅黑";
}
.news-more {
  display: block;
  width: 320px;
  height: 48px;
  position: relative;
  margin: 32px auto 0;
}
.news-more.on::before {
  content: '';
  display: block;
  background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/rOy6ZhSOlozowTZRUEjeFdn8NE.gif);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.news .anim {
  transition:
    opacity 0.5s ease-in,
    transform 0.5s ease-in;
  transform: translateY(16px);
  opacity: 0;
}
.news .anim.show {
  transform: translateY(0);
  opacity: 1;
}
@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: #1877f2;
  }
  .social__btn a.press i.xiv-lds-x {
    background: #000;
  }
  .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: transparent;
  }
  a img {
    background: none;
    -webkit-tap-highlight-color: transparent;
    border: none;
  }
  .pc_view {
    display: none;
  }
  .sp_view {
    display: block;
  }
  .fancybox-slide {
    padding: 48px 0 !important;
  }
  .fancybox-caption {
    height: 48px;
    padding: 8px 0;
    bottom: -48px;
  }
  .fancybox-caption__body {
    font-size: 12px;
  }
  .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: 0px;
    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 > 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: calc(38 / 288 * 100%);
  }
  .evercold-btn span {
    width: 100%;
    padding: 0 calc(16 / 288 * 100%);
    font-size: 16px;
    font-size: calc(16 / 320 * 100vw);
    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: calc(18 / 288 * 100%) calc(16 / 288 * 100%);
    font-size: calc(16 / 320 * 100vw);
  }
  .evercold-footer__xiv_link li a p::after {
    width: calc(69 / 288 * 100%);
    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_home .visual {
    margin-bottom: 32px;
    padding: calc(70 / 320 * 100vw) 0 calc(164.4 / 320 * 100vw);
  }
  #evercold_home .visual__inner {
    display: block;
    margin: 0 auto;
    height: auto;
    padding: 0;
  }
  #evercold_home .visual .catch_copy {
    width: 90%;
  }
  #evercold_home .visual .logo {
    width: 120%;
    margin: 0 -10% calc(8.4 / 320 * 100vw);
  }
  #evercold_home .visual .release {
    width: 100%;
    max-width: 0 auto;
  }
  #evercold_home .visual .platform {
    flex-wrap: wrap;
    width: calc(288 / 320 * 100vw);
    max-width: calc(288 / 320 * 100vw);
    bottom: calc(88 / 320 * 100vw);
  }
  #evercold_home .visual .platform li {
    margin: 0 calc(4 / 320 * 100vw);
  }
  #evercold_home .visual .platform li:nth-of-type(-n + 3) {
    margin-bottom: calc(8 / 320 * 100vw);
  }
  #evercold_home .visual .platform-ps {
    width: calc(126 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .platform-xbox {
    width: calc(117 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .platform-sw {
    width: calc(20 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .platform-win {
    width: calc(53 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .platform-mac {
    width: calc(15 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .platform-steam {
    width: calc(46 / 320 * 100vw);
    max-width: inherit;
  }
  #evercold_home .visual .link {
    display: flex;
    justify-content: space-between;
    width: calc(256 / 320 * 100vw);
    max-width: inherit;
    left: 0;
    right: 0;
    bottom: calc(40 / 320 * 100vw);
    margin: auto;
  }
  #evercold_home .visual .link li {
    width: calc(120 / 320 * 100vw);
    margin-bottom: 0;
  }
  #evercold_home .visual .link li a {
    border-radius: 4px 12px;
  }
  #evercold_home .visual .link li a i {
    width: calc(40 / 320 * 100vw);
  }
  #evercold_home .visual .link li a:hover::after {
    opacity: 0;
  }
  #evercold_home .visual .link li a.press::after {
    opacity: 1;
  }
  #evercold_home .visual .scroll {
    width: calc(24 / 320 * 100vw);
    height: calc(24 / 320 * 100vw);
    bottom: calc(8 / 320 * 100vw);
  }
  @keyframes scroll_aetheryte {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(4px);
    }
    100% {
      transform: translateY(0);
    }
  }
  #evercold_home .section-media {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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/20260425evercold/media/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/20260425evercold/media/images/RyJcokJ808-yl7JQ7mbA3zz_3k.png) no-repeat left top,
      url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/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 .trailer__inner {
    padding: 0 16px;
  }
  #evercold_home .trailer__list {
    margin: 0 auto 32px;
  }
  #evercold_home .trailer__list li {
    width: 100%;
  }
  #evercold_home .trailer__list li a {
    margin-bottom: 12px;
  }
  #evercold_home .trailer__list li a .play {
    display: block;
    width: calc(54 / 288 * 100%);
    height: calc(54 / 162 * 100%);
    right: calc(8 / 288 * 100%);
    bottom: calc(9 / 162 * 100%);
  }
  #evercold_home .trailer__list li a:hover {
    transform: scale(1);
  }
  #evercold_home .trailer__list li a:hover .play::after {
    opacity: 0;
  }
  #evercold_home .trailer__list li a.press .play::after {
    opacity: 1;
  }
  #evercold_home .trailer__list li p {
    font-size: 12px;
  }
  #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__btn {
    width: calc(100% + 32px);
    left: -16px;
  }
  #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;
  }
  #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%;
  }
  #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;
  }
  #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;
    transition: transform 0s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  #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: calc(57.6 / 320 * 100vw);
    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: calc(18 / 320 * 100vw);
  }
  #evercold_home .features__thm {
    display: none;
  }
  #evercold_home .information h3 {
    padding: 32px 16px;
    font-size: 20px;
  }
  #evercold_home .information__img {
    margin-bottom: 32px;
  }
  #evercold_home .information__list {
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 auto 32px;
    padding: 0 16px;
  }
  #evercold_home .information__list li {
    width: 100%;
    min-height: auto;
    padding: 16px;
    border-radius: 24px 8px;
  }
  #evercold_home .information__list li:nth-of-type(1),
  #evercold_home .information__list li:nth-of-type(2),
  #evercold_home .information__list li:nth-of-type(3),
  #evercold_home .information__list li:nth-of-type(4) {
    background: linear-gradient(
      315deg,
      rgba(220, 228, 245, 0.9) 16.1%,
      rgba(255, 255, 255, 0.9) 83.9%
    );
  }
  #evercold_home .information__list li h4 {
    margin-bottom: 16px;
    padding-bottom: 18px;
    font-size: 20px;
    line-height: 1.2;
    text-shadow:
      0px 0px 4px #fff,
      0px 0px 8px #fff,
      0px 0px 32px #fff;
  }
  .ja #evercold_home .information__list li h4.fs-32 {
    font-size: 20px;
  }
  #evercold_home .information__list li p {
    font-size: 12px;
  }
  #evercold_home .information__update {
    padding: 16px;
    border-radius: 0px;
  }
  #evercold_home .information__update ul {
    margin-bottom: 12px;
  }
  #evercold_home .information__update ul li {
    margin-bottom: 4px;
    padding-left: 20px;
    font-size: 12px;
  }
  #evercold_home .information__update ul li svg {
    width: 16px;
    height: 16px;
    top: 4px;
  }
  #evercold_home .information__update p {
    font-size: 12px;
  }
  #evercold_home .information__notes {
    margin: 16px auto 0;
    padding: 0 16px;
  }
  #evercold_home .information__notes li {
    margin-bottom: 16px;
    font-size: 12px;
  }
  #evercold_home .information__notes {
    margin: 16px auto 0;
    padding: 0 16px;
  }
  #evercold_home .information__notes li {
    font-size: 12px;
  }
  #evercold_home .information__notes > li {
    margin-bottom: 16px;
  }
  #evercold_home .information__notes > li > ol {
    margin-top: 4px;
  }
  #evercold_home .information__notes > li > ol > li {
    margin-bottom: 4px;
  }
  #evercold_home .anim {
    transform: translateY(8px);
  }
  #evercold_home .anim .news-list li {
    transform: translateY(8px);
  }
  #evercold_home .anim.information__list li {
    transform: translateY(8px);
  }
  .media .evercold-title {
    margin-bottom: 12px;
  }
  .media-navi_sp {
    position: relative;
    height: 32px;
    margin-bottom: 32px;
    z-index: 4;
  }
  .media-navi_sp .selected {
    background: linear-gradient(90deg, #fff 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 #fff,
      0px 0px 8px #fff,
      0px 0px 32px #fff;
    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;
  }
  .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;
  }
  .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%);
  }
  .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;
  }
  .media-navi_sp .list li {
    margin-bottom: 16px;
  }
  .media-navi_sp .list li:last-of-type {
    margin-bottom: 0;
  }
  .media-navi_sp .list li a,
  .media-navi_sp .list li span {
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
  }
  .ja .media-navi_sp .list li a,
  .ja .media-navi_sp .list li span {
    font-family: "微软雅黑";
  }
  .media-navi_sp .list li a i,
  .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%);
  }
  .media-navi_sp .list li a:hover,
  .media-navi_sp .list li span:hover {
    text-decoration: underline;
  }
  .media__wrapper {
    width: 100%;
    max-width: calc(100% + 32px);
    padding: 16px;
    border-radius: 0;
  }
  .media__wrapper.all_view .media__content {
    min-height: auto;
  }
  .media__title {
    margin-bottom: 8px;
    font-size: 14px;
    color: #999999;
    text-align: left;
    font-weight: normal;
    font-family: "微软雅黑";
  }
  .ja .media__title {
    font-family: "微软雅黑";
  }
  .media__content {
    width: 100%;
    min-height: 162px;
    display: none;
    padding-bottom: 1px;
  }
  .media__content.active {
    display: block;
  }
  .media__content.trailer {
    padding: 0;
  }
  .media__content.trailer .media__list li {
    width: 100%;
    margin-top: 16px;
  }
  .media__content.trailer .media__list li:nth-of-type(-n + 2) {
    margin-top: 16px;
  }
  .media__content.trailer .media__list li:nth-of-type(even) {
    margin-left: 0;
  }
  .media__content.trailer .media__list li:first-of-type {
    margin-top: 0;
  }
  .media__trailers {
    margin: 0 auto 16px;
  }
  .media__trailers a:hover {
    opacity: 1;
  }
  .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;
  }
  .media__trailers p {
    margin-top: 4px;
    font-size: 12px;
  }
  .media__list {
    margin: 0 auto 16px;
  }
  .media__list li {
    display: block;
    width: calc(100% / 3);
  }
  .media__list li a:hover {
    opacity: 1;
  }
  .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;
  }
  .media__list li p {
    margin-top: 4px;
    font-size: 12px;
  }
  .media__notes {
    margin: 8px auto 0;
    padding: 0 16px;
  }
  .media__notes li {
    margin-bottom: 4px;
    font-size: 12px;
  }
  .media__prev,
  .media__next {
    width: 20px;
    height: 20px;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .media .anim {
    transform: translateY(8px);
  }
  .media .media__wrapper.anim + .media__notes {
    transform: translateY(8px);
  }
  .news-read {
    padding: 0 16px;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
  }
  .news .tags-list-wrapper {
    padding: 0 16px;
    position: relative;
    z-index: 4;
  }
  .news .tags-list_sp {
    position: relative;
    height: 32px;
    margin-bottom: 32px;
    z-index: 4;
  }
  .news .tags-list_sp .selected {
    background: linear-gradient(90deg, #fff 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 #fff,
      0px 0px 8px #fff,
      0px 0px 32px #fff;
    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;
  }
  .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;
  }
  .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%);
  }
  .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;
  }
  .news .tags-list_sp .list li {
    margin-bottom: 16px;
  }
  .news .tags-list_sp .list li:last-of-type {
    margin-bottom: 0;
  }
  .news .tags-list_sp .list li a,
  .news .tags-list_sp .list li span {
    display: block;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
  }
  .ja .news .tags-list_sp .list li a,
  .ja .news .tags-list_sp .list li span {
    font-family: "微软雅黑";
  }
  .news .tags-list_sp .list li a i,
  .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%);
  }
  .news-list {
    width: 100%;
    margin: 0 auto;
    height: auto !important;
    padding: 0 16px;
    min-height: auto;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #evercold_home .news-list {
    padding: 0;
  }
  .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);
  }
  .news-list li:last-of-type {
    margin-bottom: 0;
  }
  .news-list li a {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-decoration: none;
    transition: none;
  }
  .news-list li a:hover {
    transform: translateY(0);
  }
  .news-more {
    height: auto;
    padding: 0 16px;
  }
  .news-more.on::before {
    background: url(https://static.web.sdo.com/jijiamobile/pic/ff14/20260425evercold/media/images/rOy6ZhSOlozowTZRUEjeFdn8NE.gif);
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
  }
  .news .anim {
    transform: translateY(8px);
  }
}