@charset "UTF-8";

/* source/afterglow.css */
:root {
  color-scheme: dark;
  --page: #101014;
  --panel: #19191f;
  --panel-hi: #22222b;
  --line: #ffffff12;
  --muted: #a3a2ad;
  --white: #f7f5fa;
  --orange: #ff705f;
  --pink: #ef54a4;
  --purple: #b18df4;
  --gradient: linear-gradient(110deg, #ff785e, #f25596 62%, #ba6ae6);
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  font-synthesis: none;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--page);
  color: var(--white);
  font-size: 14px;
  line-height: 1.75;
}
button,
input {
  font: inherit;
}
button,
a,
input,
summary {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  color: inherit;
  cursor: pointer;
  border: 0;
  background: none;
}
button:disabled {
  cursor: default;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
h1,
h2,
h3,
p,
ol,
blockquote {
  margin: 0;
}
h2 {
  font-size: 31px;
  line-height: 1.45;
  letter-spacing: 0.01em;
  font-weight: 700;
}
h3 {
  line-height: 1.5;
}
em {
  font-style: normal;
}
[hidden] {
  display: none !important;
}
section[id],
nav[id] {
  scroll-margin-top: 95px;
}
:focus-visible {
  outline: 2px solid #ffd09b;
  outline-offset: 5px;
}
::selection {
  background: #aa486f;
  color: #fff;
}
.owgcr27qlat {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}
.rx7936mnnr8 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.ilgjlpabb5r {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1000;
  padding: 12px 20px;
  background: #fff;
  color: #111;
  transform: translateY(-160%);
}
.ilgjlpabb5r:focus {
  transform: translateY(0);
}
.kyzwqu2qnqm {
  padding-block: 76px;
}
.rafibiec52v {
  font-size: 10px;
  letter-spacing: 0.2em;
  color: var(--muted);
  font-weight: 600;
  margin-bottom: 12px;
}
.ulxws9e7dnu {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 30px;
}
.h0qfq2aanzn {
  color: var(--orange);
  padding-left: 3px;
}
.sfeux180daq {
  font-size: 12px;
  color: var(--muted);
}
.ai1fgod49ut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  padding: 6px 0;
  color: #c9c7d1;
  transition: color 0.2s;
}
.ai1fgod49ut:hover {
  color: var(--orange);
}
.ai1fgod49ut span {
  font-size: 20px;
}
.jpwo99tgppk {
  font-size: 11px;
  color: var(--muted);
  margin-top: 18px;
  display: block;
  line-height: 1.8;
}
.gmebxsbqp4i,
.fkbxkxc2gik {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 11px 24px;
  border-radius: 7px;
  line-height: 1.6;
  font-size: 13px;
  font-weight: 600;
  transition:
    transform 0.2s,
    box-shadow 0.2s,
    background 0.2s;
}
.gmebxsbqp4i {
  background: var(--gradient);
  color: white;
  box-shadow: 0 8px 28px #e3547b20;
}
.gmebxsbqp4i:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px #f2559640;
}
.fkbxkxc2gik {
  border: 1px solid #ffffff28;
  background: #20202740;
}
.fkbxkxc2gik:hover {
  background: #ffffff12;
  transform: translateY(-2px);
}
.momfgjt3u4d {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid var(--line);
  background: #101014ee;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.ty4oq56y90w {
  display: flex;
  align-items: center;
  gap: 42px;
  height: 86px;
}
.ad7q0aen6aa {
  font-size: 21px;
  line-height: 1.2;
  flex-shrink: 0;
}
.ad7q0aen6aa a {
  display: flex;
  align-items: center;
  gap: 11px;
}
.ucx81o8lbkm {
  position: relative;
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
  letter-spacing: -4px;
  font-style: italic;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.15;
  color: #ff7a6a;
  padding-right: 11px;
}
.ucx81o8lbkm > span {
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0;
  position: absolute;
  right: 0;
  bottom: 4px;
  color: #f15399;
}
.ad7q0aen6aa small {
  display: block;
  font-size: 9px;
  letter-spacing: 0.1em;
  font-weight: 400;
  color: var(--muted);
  margin-top: 6px;
}
.ehlbgpqj40y {
  display: flex;
  gap: 29px;
  align-self: stretch;
  align-items: center;
  flex: 1;
}
.ehlbgpqj40y a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #b6b4bf;
  height: 100%;
  white-space: nowrap;
  transition: color 0.2s;
}
.ehlbgpqj40y a:hover,
.ehlbgpqj40y a[aria-current] {
  color: #fff;
}
.ehlbgpqj40y a[aria-current]:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--gradient);
}
.mozugb3hcrb {
  font-size: 8px;
  line-height: 1.5;
  background: #f55e8220;
  color: #ff8ba1;
  border-radius: 3px;
  padding: 1px 3px;
}
.bq0uomgag6j {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--muted);
  padding: 5px 16px;
  background: #ffffff05;
  border: 1px solid var(--line);
  border-radius: 24px;
  white-space: nowrap;
}
.bq0uomgag6j > span {
  font-size: 25px;
  line-height: 1;
}
.bq0uomgag6j:hover {
  border-color: #fb786e77;
  color: #fff;
}
.xt6os3qtn6i {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 5px;
}
.xt6os3qtn6i span {
  display: block;
  width: 18px;
  height: 1px;
  background: #fff;
  margin: 5px auto;
}
.qxizsd7x9mq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #15151a;
  min-height: 628px;
}
.jss1j3igdp2 {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.dos8iexmf6e {
  position: absolute;
  inset: 0;
  overflow: hidden;
  animation: scene-enter 0.7s ease both;
}
.dos8iexmf6e > img {
  position: absolute;
  right: 0;
  width: 79%;
  height: 100%;
  object-position: center 29%;
  filter: brightness(0.7) saturate(0.72);
}
.dos8iexmf6e:after {
  position: absolute;
  content: "";
  inset: 0;
  background:
    linear-gradient(
      90deg,
      #121216 3%,
      #121216f0 27%,
      #12121660 61%,
      #12121612 86%
    ),
    linear-gradient(0deg, #101014 0%, #10101415 37%, #10101425 100%);
}
.e2qyzau7nzx {
  min-height: 628px;
  position: relative;
  padding-top: 70px;
  padding-bottom: 124px;
}
.dm49tfpdtog {
  width: 62%;
  max-width: 670px;
}
.dm49tfpdtog .rafibiec52v {
  font-size: 12px;
  color: #d4a68d;
  letter-spacing: 0.15em;
  margin-bottom: 19px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.a5ja5ou10ss {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f39075;
  box-shadow: 0 0 0 4px #ed827015;
}
.dm49tfpdtog h2 {
  font-size: clamp(38px, 4.3vw, 62px);
  line-height: 1.32;
  letter-spacing: 0.035em;
  font-weight: 800;
}
.dm49tfpdtog h2 em {
  background: linear-gradient(110deg, #ff9e7a, #f7adc7);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.h16qdcij7hp {
  font-size: 14px;
  color: #d2c1ca;
  letter-spacing: 0.13em;
  margin-top: 21px;
}
.ix9xqsxwdre {
  font-size: 13px;
  color: #a7a4af;
  line-height: 1.9;
  margin-top: 13px;
}
.j2w3wi1h8zp {
  display: flex;
  gap: 14px;
  margin-top: 29px;
}
.in1yensengb {
  color: #92909d;
  font-size: 10px;
  margin-top: 16px;
}
.fyqqzqt89g8 {
  position: absolute;
  right: 0;
  top: 35px;
  writing-mode: vertical-rl;
  color: #dad2d76b;
  font-size: 9px;
  letter-spacing: 0.2em;
  display: flex;
  gap: 45px;
}
.fyqqzqt89g8 span {
  color: #ffffff33;
}
.ezvpvbc9wns {
  position: absolute;
  right: max(7vw, calc((100vw - 1280px) / 2));
  bottom: 148px;
  z-index: 1;
  text-align: right;
  color: #fff;
  text-shadow: 0 2px 20px #0009;
}
.ezvpvbc9wns > p {
  font-size: 9px;
  letter-spacing: 0.3em;
  margin-bottom: 4px;
  color: #d5c8c7;
}
.ezvpvbc9wns h3 {
  font-family: "Songti SC", "SimSun", serif;
  font-size: 66px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  font-weight: 500;
}
.ezvpvbc9wns > span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.08em;
  margin: 10px 0 7px;
}
.ezvpvbc9wns .ai1fgod49ut {
  font-size: 11px;
  color: #fff;
}
.z32kuu6jf19 {
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.f9rt1jxzu4c {
  display: flex;
  gap: 11px;
}
.wmk7ykgwkpe {
  display: flex;
  align-items: center;
  gap: 11px;
  text-align: left;
  width: 160px;
  padding: 7px;
  border-radius: 7px;
  background: #24222975;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid #ffffff0d;
  transition:
    border-color 0.2s,
    background 0.2s;
}
.wmk7ykgwkpe[aria-pressed="true"] {
  border-color: #f58a7988;
  background: #ff826d0c;
}
.wmk7ykgwkpe:hover {
  background: #ffffff12;
}
.wmk7ykgwkpe img {
  width: 39px;
  height: 47px;
  border-radius: 3px;
  object-position: top;
}
.wmk7ykgwkpe small {
  display: block;
  font-size: 8px;
  color: #a29aab;
  letter-spacing: 0.05em;
}
.wmk7ykgwkpe strong {
  display: block;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 3px;
}
.wo2i44u2ezw {
  display: flex;
  gap: 8px;
  align-items: center;
}
.wo2i44u2ezw > span {
  margin-right: 14px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
}
.wo2i44u2ezw i {
  font-style: normal;
  font-size: 11px;
  color: #76727f;
  margin-left: 5px;
}
.wo2i44u2ezw button {
  width: 31px;
  height: 31px;
  border: 1px solid #ffffff20;
  border-radius: 50%;
  font-size: 12px;
  background: #10101480;
}
.wo2i44u2ezw button:hover {
  background: #ffffff18;
  color: var(--orange);
}
.vged28gzocd {
  border-block: 1px solid var(--line);
  background: #17161b;
}
.vged28gzocd > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 65px;
}
.vged28gzocd > div > span {
  font-size: 11px;
  color: #8a8495;
  letter-spacing: 0.06em;
}
.vged28gzocd a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  max-width: 160px;
  font-size: 12px;
  color: #c9c4d0;
}
.vged28gzocd a span {
  font-size: 17px;
  color: #655d70;
}
.vged28gzocd a:hover {
  color: var(--orange);
}
.yuev34mg55y {
  display: grid;
  grid-template-columns: 1.13fr 1fr 1fr;
  gap: 20px;
}
.x8ey2xb1r3m {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 9px;
  aspect-ratio: 1.58;
  background: #26222b;
}
.x8ey2xb1r3m > img {
  transition:
    transform 0.7s,
    filter 0.7s;
  filter: brightness(0.82);
  object-position: center 30%;
}
.x8ey2xb1r3m:hover > img {
  transform: scale(1.055);
  filter: brightness(1);
}
.x8ey2xb1r3m:after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(0deg, #121014ed, #12101418 80%);
  pointer-events: none;
}
.yg37p1yya1u {
  position: absolute;
  inset: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.pjpne3hvjfs {
  border: 1px solid #ffffff40;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  font-size: 10px;
  padding: 2px 9px;
  border-radius: 3px;
  background: #16121635;
}
.yg37p1yya1u > div {
  margin-top: auto;
}
.yg37p1yya1u p {
  font-size: 10px;
  color: #c7b9c5;
  margin-bottom: 3px;
}
.yg37p1yya1u h3 {
  font-size: 25px;
  letter-spacing: 0.08em;
}
.b7zcy8rm6r1 {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  color: #e8dce4;
}
.b7zcy8rm6r1 span {
  font-size: 24px;
  width: 35px;
  height: 35px;
  display: grid;
  place-content: center;
  border: 1px solid #ffffff40;
  border-radius: 50%;
}
.b7zcy8rm6r1:hover {
  color: #ffa18e;
}
.b7zcy8rm6r1:hover span {
  background: #fb786e20;
}
.d9sgegapm7r {
  border-block: 1px solid var(--line);
  background: #17171d;
  padding-block: 38px;
}
.ls1b9tnde8y {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 45px;
  align-items: center;
}
.ls1b9tnde8y > div > h2 {
  font-size: 25px;
  line-height: 1.6;
}
.ls1b9tnde8y > div > .rafibiec52v {
  font-size: 8px;
}
.k74nodkt6by {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}
.k74nodkt6by article {
  border-left: 1px solid #ffffff12;
  padding-left: 23px;
}
.k74nodkt6by article > span {
  font-size: 8px;
  letter-spacing: 0.13em;
  color: #987f88;
}
.k74nodkt6by h3 {
  font-size: 13px;
  margin: 11px 0 7px;
}
.k74nodkt6by p {
  font-size: 11px;
  line-height: 1.9;
  color: #9793a2;
}
.qtokphkfsuf {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.vbb58jc8qlj {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.vbb58jc8qlj button {
  font-size: 12px;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 6px 16px;
  color: #b2adbb;
  background: #1a191f;
  transition:
    color 0.2s,
    background 0.2s;
}
.vbb58jc8qlj button[aria-pressed="true"] {
  color: #ffad99;
  background: #ff876918;
  border-color: #ff87694d;
}
.vbb58jc8qlj button:hover {
  background: #ffffff0c;
  color: #fff;
}
.v338exm8x8z {
  display: flex;
  align-items: center;
  background: #1a191f;
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.v338exm8x8z input {
  width: 175px;
  border: 0;
  min-height: 37px;
  background: transparent;
  padding: 8px 0 8px 14px;
  color: #fff;
  outline-offset: -3px;
  font-size: 11px;
}
.v338exm8x8z input::placeholder {
  color: #8b8798;
}
.v338exm8x8z button {
  width: 39px;
  height: 37px;
  font-size: 25px;
  color: #b6adbd;
}
.bvr4zcf85t3 {
  display: flex;
  gap: 20px;
  align-items: center;
  min-height: 52px;
  font-size: 10px;
  color: #8f899b;
}
.bvr4zcf85t3 > p {
  margin-right: auto;
}
.sbafosrd1nc {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 11px;
  color: #b1a8bb;
}
.sbafosrd1nc[aria-pressed="true"] {
  color: #ffac93;
}
.sbafosrd1nc > span {
  background: #ffffff09;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
}
.jl0iil123lj {
  font-size: 10px;
  color: #e7a990;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.qxirhd5ya4y {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 20px;
}
.jnmvfubh20x {
  min-width: 0;
  animation: card-enter 0.3s ease both;
}
.kf6fvuz6jy1 {
  position: relative;
  aspect-ratio: 0.705;
  overflow: hidden;
  border-radius: 7px;
  background: #28212e;
}
.kf6fvuz6jy1:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #0007, transparent 50%);
  pointer-events: none;
}
.kf6fvuz6jy1 > img {
  object-position: top;
  transition:
    transform 0.6s,
    filter 0.6s;
  filter: brightness(0.9);
}
.jnmvfubh20x:hover img {
  transform: scale(1.05);
  filter: brightness(1.05);
}
.ofklbqrw1r5 {
  position: absolute;
  left: 12px;
  bottom: 9px;
  z-index: 1;
  font-size: 11px;
  color: #fff7;
  font-family: Arial, sans-serif;
  letter-spacing: 0.1em;
}
.tcvqnoeeax6 {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 29px;
  height: 29px;
  display: grid;
  place-content: center;
  border-radius: 50%;
  border: 1px solid #ffffff40;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #12101470;
  font-size: 20px;
  line-height: 1;
  z-index: 2;
  transition: background 0.2s;
}
.tcvqnoeeax6:hover,
.tcvqnoeeax6[aria-pressed="true"] {
  background: #f36f76;
  color: #fff;
  border-color: #ffa999;
}
.tcvqnoeeax6[aria-pressed="true"] {
  font-size: 14px;
}
.tqhkc1ig3p6 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  padding: 35px 12px 12px;
  font-size: 10px;
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  background: linear-gradient(0deg, #0c0915a0, transparent);
  color: #fff;
  transition: background 0.2s;
}
.tqhkc1ig3p6:hover {
  color: #ffc2ad;
}
.hyz2sptgay0 {
  padding-top: 12px;
}
.hyz2sptgay0 h3 {
  font-size: 15px;
  letter-spacing: 0.03em;
}
.hyz2sptgay0 p {
  font-size: 10px;
  color: #e2a18d;
  margin-top: 2px;
}
.hyz2sptgay0 > span {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  color: #8a8495;
  line-height: 1.7;
}
.em660c94m7i {
  text-align: center;
  padding: 45px 20px;
  border: 1px dashed #ffffff20;
  border-radius: 8px;
}
.em660c94m7i > span {
  font-size: 40px;
  color: #8c6e94;
}
.em660c94m7i h3 {
  font-size: 17px;
}
.em660c94m7i p {
  font-size: 12px;
  color: var(--muted);
  margin: 8px 0 18px;
}
.fsfwacej6gl {
  background:
    radial-gradient(ellipse at 15% 70%, #30243240, transparent 60%), #16151b;
  border-block: 1px solid var(--line);
  padding-block: 60px;
}
.sfjntm9ykuh {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 90px;
}
.kbxfxuj682k h2 {
  font-size: 30px;
}
.kbxfxuj682k h2 em {
  font-size: 23px;
  color: #d6bac8;
}
.kbxfxuj682k > p:not(.rafibiec52v) {
  font-size: 12px;
  color: #a599ac;
  margin-top: 14px;
}
.axjtnsdvzi2 {
  margin-top: 25px;
  position: relative;
  width: 100%;
  height: 202px;
  overflow: hidden;
  border-radius: 7px;
  background: #24212d;
}
.axjtnsdvzi2 > img {
  width: 53%;
  margin-left: auto;
  object-position: center 23%;
  filter: brightness(0.7);
}
.axjtnsdvzi2:after {
  position: absolute;
  content: "";
  inset: 0;
  background: linear-gradient(90deg, #27202f 5%, #27202f90 55%, transparent);
}
.axjtnsdvzi2 > span {
  position: absolute;
  z-index: 1;
  left: 5px;
  top: -16px;
  font-family: Georgia, serif;
  font-size: 164px;
  font-style: italic;
  line-height: 1.2;
  color: #c68f9b18;
}
.axjtnsdvzi2 > div {
  position: absolute;
  z-index: 2;
  left: 24px;
  bottom: 55px;
}
.axjtnsdvzi2 small {
  display: block;
  color: #c796a2;
  font-size: 9px;
  letter-spacing: 0.15em;
}
.axjtnsdvzi2 strong {
  display: block;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-top: 3px;
}
.axjtnsdvzi2 > button {
  position: absolute;
  z-index: 2;
  bottom: 16px;
  left: 24px;
  font-size: 10px;
}
.ilifgyh4rtu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ffffff13;
  padding-bottom: 17px;
  font-size: 13px;
}
.ilifgyh4rtu > span:last-child {
  font-size: 10px;
  color: #8e8399;
}
.pez1bbkm3v2 {
  list-style: none;
  padding: 0;
}
.pez1bbkm3v2 > li {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid #ffffff0b;
}
.ptkzftlqeu2 {
  width: 34px;
  font-size: 26px;
  font-family: Georgia, serif;
  font-style: italic;
  color: #6e5f7d;
}
.pez1bbkm3v2 > li:first-child .ptkzftlqeu2 {
  color: #ff9a78;
}
.pez1bbkm3v2 > li:nth-child(2) .ptkzftlqeu2 {
  color: #d2a4ca;
}
.pez1bbkm3v2 > li > img {
  width: 43px;
  height: 56px;
  border-radius: 3px;
  object-position: top;
}
.pez1bbkm3v2 > li > div {
  flex: 1;
}
.pez1bbkm3v2 h3 {
  font-size: 14px;
}
.pez1bbkm3v2 p {
  font-size: 10px;
  color: #968b9f;
  margin-top: 4px;
}
.trzg1a9kfhs {
  font-size: 10px;
  color: #af95b7;
  padding: 2px 8px;
  border: 1px solid #b48bc01c;
  border-radius: 3px;
}
.pez1bbkm3v2 button {
  font-size: 10px;
}
.pez1bbkm3v2 button span {
  font-size: 17px;
}
.sjg2nyh246w {
  display: flex;
  gap: 9px;
  align-items: center;
  color: #817589;
  margin-top: 17px;
  font-size: 10px;
  line-height: 1.8;
}
.hsu8h4u1ssp {
  display: grid;
  grid-template-columns: 43% 57%;
  min-height: 575px;
  align-items: center;
  overflow: hidden;
}
.rgtjexgs7pi {
  position: relative;
  z-index: 2;
}
.rgtjexgs7pi h2 {
  font-size: 34px;
  line-height: 1.6;
}
.rgtjexgs7pi > p:not(.rafibiec52v):not(.pu704qg48u5) {
  color: #aaa0b3;
  font-size: 13px;
  line-height: 2;
  margin: 18px 0 22px;
}
.k94j3v33zmh {
  display: inline-flex;
  padding: 4px;
  border: 1px solid #ffffff12;
  border-radius: 6px;
  background: #17151d;
}
.k94j3v33zmh button {
  font-size: 11px;
  padding: 7px 20px;
  border-radius: 4px;
  color: #9c90a6;
}
.k94j3v33zmh button[aria-pressed="true"] {
  background: #e997a322;
  color: #ffb8a7;
}
.pu704qg48u5 {
  margin: 15px 0 6px;
  font-size: 11px;
  max-width: 310px;
  min-height: 42px;
  color: #8f829c;
}
.rgtjexgs7pi .jpwo99tgppk {
  font-size: 9px;
  margin-top: 13px;
}
.zp6j5d1vzby {
  position: relative;
  width: 100%;
  height: 425px;
  perspective: 1200px;
}
.vf831cruln3 {
  position: absolute;
  left: 15%;
  top: 0;
  width: 400px;
  height: 400px;
  border: 1px solid #a37bc620;
  border-radius: 50%;
  box-shadow:
    0 0 90px #9b5ab509,
    inset 0 0 90px #9b5ab509;
}
.vf831cruln3:after {
  content: "";
  position: absolute;
  inset: 35px;
  border: 1px solid #a37bc612;
  border-radius: 50%;
}
.mktq3m34pqf {
  position: absolute;
  width: 85%;
  height: 280px;
  top: 61px;
  left: 0;
  border: 5px solid #343039;
  border-bottom-width: 15px;
  border-radius: 10px;
  background: #141117;
  box-shadow: 0 30px 55px #0005;
  transform: rotateY(-7deg) rotateZ(-3deg);
  transition:
    transform 0.6s,
    opacity 0.6s;
}
.mktq3m34pqf:after {
  content: "";
  position: absolute;
  bottom: -23px;
  left: -6%;
  right: -6%;
  height: 9px;
  border-radius: 1px 1px 15px 15px;
  background: linear-gradient(#625866, #312a37);
}
.gbxybgt5yqq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 7px;
  line-height: 2.4;
  background: #211b28;
  color: #826e8b;
  padding: 0 12px;
  border-bottom: 1px solid #ffffff08;
}
.gbxybgt5yqq > span:first-child {
  font-size: 5px;
  letter-spacing: 2px;
}
.gbxybgt5yqq small {
  font-size: 7px;
  letter-spacing: 0.04em;
}
.ehp6sjra50p {
  padding: 15px;
}
.ehp6sjra50p > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.ehp6sjra50p strong {
  font-size: 13px;
  color: #f68f8b;
}
.ehp6sjra50p > div > span {
  font-size: 8px;
  color: #9e8ba8;
}
.iji7obp6nt1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
.iji7obp6nt1 img {
  height: 148px;
  border-radius: 3px;
  object-position: top;
}
.iji7obp6nt1 span {
  font-size: 9px;
  display: block;
  margin-top: 5px;
  color: #b9a9c4;
}
.f6983ntb4fn {
  position: absolute;
  right: 2%;
  top: 2px;
  width: 176px;
  height: 362px;
  border: 5px solid #58505c;
  border-radius: 26px;
  background: #141117;
  box-shadow: 0 25px 50px #0007;
  transform: rotate(7deg);
  transition:
    transform 0.6s,
    opacity 0.6s;
  overflow: hidden;
}
.hyaca4hwwnz {
  position: absolute;
  z-index: 2;
  width: 47px;
  height: 12px;
  background: #08070a;
  border-radius: 0 0 9px 9px;
  top: 0;
  left: calc(50% - 23px);
}
.gk9yfwo7avs {
  overflow: hidden;
  height: 100%;
  border-radius: 20px;
  padding: 17px 9px 0;
}
.ftzkpu5eqqa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ef9b90;
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 10px;
}
.ftzkpu5eqqa > span {
  font-size: 18px;
  line-height: 1;
}
.n360p0gpa7j {
  height: 141px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background: #302335;
}
.n360p0gpa7j img {
  object-position: center 20%;
  filter: brightness(0.7);
}
.n360p0gpa7j > div {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 12px;
  background: linear-gradient(0deg, #100b16df, transparent 80%);
}
.n360p0gpa7j small {
  font-size: 7px;
  color: #f8c6a0;
}
.n360p0gpa7j strong {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.13em;
}
.n360p0gpa7j span {
  font-size: 7px;
  color: #c5a4be;
}
.x821zoyg949 {
  font-size: 9px;
  margin: 10px 0 7px;
}
.f5db8povhta {
  display: flex;
  gap: 7px;
  margin-bottom: 7px;
}
.f5db8povhta span {
  background: #392834;
  color: #ca9dba;
  font-size: 7px;
  padding: 1px 8px;
  border-radius: 2px;
}
.wc5qbvc6dkd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.wc5qbvc6dkd img {
  height: 81px;
  object-position: top;
  border-radius: 3px;
}
.fdyle7qav8r {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #19131e;
  display: flex;
  justify-content: space-around;
  padding: 7px 0;
  color: #eda498;
  font-size: 7px;
}
.fdyle7qav8r > span {
  color: #927d9a;
}
.d5fj7ozznq9 {
  position: absolute;
  bottom: 13px;
  left: 22%;
  font-size: 8px;
  letter-spacing: 0.24em;
  color: #6f5d7e;
}
.zp6j5d1vzby[data-mode="desktop"] .mktq3m34pqf {
  transform: rotateY(0) rotateZ(0) translateX(15px);
  z-index: 2;
}
.zp6j5d1vzby[data-mode="desktop"] .f6983ntb4fn {
  transform: rotate(2deg) translate(15px, 20px) scale(0.86);
  opacity: 0.5;
}
.mzbzuyiv4a7 {
  padding-block: 44px;
  border-block: 1px solid var(--line);
  background: #16151b;
}
.mzbzuyiv4a7 h2 {
  font-size: 25px;
}
.d0hzvqzx5q4 {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px;
  margin-top: 32px;
}
.d0hzvqzx5q4 li {
  position: relative;
  display: flex;
  gap: 17px;
}
.d0hzvqzx5q4 li:not(:last-child):after {
  position: absolute;
  content: "→";
  right: -29px;
  top: 12px;
  color: #5a475e;
}
.d0hzvqzx5q4 li > span {
  font-size: 35px;
  font-weight: 300;
  color: #9e6f8b;
  font-family: Arial, sans-serif;
  line-height: 1.25;
}
.d0hzvqzx5q4 h3 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 7px;
}
.d0hzvqzx5q4 p {
  font-size: 11px;
  color: #9e8fa7;
  line-height: 1.9;
}
.sr4zdcwhkku {
  font-size: 10px;
  color: #ac99b5;
  background: #211c28;
  border: 1px solid #ffffff09;
  border-radius: 4px;
  padding: 3px 10px;
}
.s0sxoqwddvb {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.s0sxoqwddvb article {
  padding: 25px 26px;
  background: linear-gradient(140deg, #211c28, #19161e);
  border: 1px solid #ffffff08;
  border-radius: 7px;
  transition:
    transform 0.25s,
    border-color 0.25s;
}
.s0sxoqwddvb article:hover {
  transform: translateY(-4px);
  border-color: #b27ba330;
}
.lnyh37vw3l6 {
  display: block;
  font-family: Georgia, serif;
  font-size: 48px;
  line-height: 0.8;
  color: #f49e953d;
}
.s0sxoqwddvb blockquote {
  font-size: 12px;
  color: #c6bace;
  line-height: 2.1;
  min-height: 100px;
  margin-top: 10px;
}
.s0sxoqwddvb article > div {
  display: flex;
  align-items: center;
  gap: 11px;
  border-top: 1px solid #ffffff08;
  padding-top: 18px;
  margin-top: 14px;
}
.r0xczfq80xe {
  display: grid;
  place-content: center;
  border: 1px solid #e5a19a33;
  background: #784a611c;
  color: #d0a9b2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 11px;
}
.s0sxoqwddvb article > div > p {
  font-size: 11px;
  color: #bcaac7;
}
.s0sxoqwddvb small {
  display: block;
  font-size: 9px;
  color: #75647f;
  margin-top: 3px;
}
.ievgv18c486 {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 85px;
  padding-bottom: 85px;
}
.zoze4x488k4 h2 {
  font-size: 27px;
  margin-bottom: 22px;
}
.frxxo6u5ld7 details {
  border-bottom: 1px solid var(--line);
}
.frxxo6u5ld7 summary {
  list-style: none;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 18px 0;
  font-size: 12px;
  color: #cfc2d7;
}
.frxxo6u5ld7 summary::-webkit-details-marker {
  display: none;
}
.up36eti2s2r {
  font-size: 21px;
  font-weight: 300;
  line-height: 1;
  color: #8f6d9d;
  transition: transform 0.25s;
}
.frxxo6u5ld7 details[open] .up36eti2s2r {
  transform: rotate(45deg);
  color: #ffa18e;
}
.frxxo6u5ld7 details[open] summary {
  color: #f1af9e;
}
.frxxo6u5ld7 details > p {
  font-size: 11px;
  line-height: 2;
  color: #9f8bab;
  padding: 0 25px 20px 0;
}
.am06gsdkthq {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #c57eac28;
  border-radius: 10px;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 80% 25%, #6c335144, transparent 68%),
    linear-gradient(150deg, #2a1c2c, #19151f);
  padding: 32px 34px;
}
.am06gsdkthq:after {
  position: absolute;
  pointer-events: none;
  content: "98";
  font-family: Arial, sans-serif;
  font-size: 230px;
  font-weight: 800;
  font-style: italic;
  color: #ef979b04;
  right: -12px;
  bottom: 4px;
  line-height: 1;
}
.am06gsdkthq .rafibiec52v {
  font-size: 8px;
  letter-spacing: 0.15em;
}
.x71ko7coqd8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  float: right;
  width: 59px;
  height: 59px;
  line-height: 1.1;
  border: 1px solid #ffa39260;
  border-radius: 13px;
  background: var(--gradient);
  font:
    italic 800 31px Arial,
    sans-serif;
  box-shadow: 0 10px 35px #b94d5e20;
  margin-top: 10px;
}
.x71ko7coqd8 > span {
  font:
    8px "Microsoft YaHei",
    sans-serif;
  letter-spacing: 0.28em;
  padding-left: 3px;
}
.am06gsdkthq h2 {
  font-size: 35px;
  line-height: 1.4;
  margin-top: 20px;
}
.am06gsdkthq h2 + p {
  font-size: 12px;
  color: #d0a2be;
  margin-top: 15px;
}
.w2ubfga9vkm {
  display: inline-block;
  color: #eab69b;
  background: #ef927a10;
  border: 1px solid #e9a68b25;
  border-radius: 3px;
  padding: 2px 7px;
  font-size: 9px;
  margin-top: 10px;
}
.yp92am75eec {
  font-size: 11px;
  color: #a88fab;
  line-height: 2;
  margin-top: 12px;
  max-width: 280px;
}
.am06gsdkthq .gmebxsbqp4i {
  display: flex;
  margin-top: 24px;
  width: 100%;
}
.am06gsdkthq .ai1fgod49ut {
  display: flex;
  margin-top: 7px;
  font-size: 10px;
}
.am06gsdkthq > small {
  display: block;
  font-size: 9px;
  color: #8f709b;
  text-align: center;
  margin-top: 20px;
  letter-spacing: 0.12em;
}
.k8au916m5yv {
  border-top: 1px solid var(--line);
  background: #0d0c11;
  padding-top: 43px;
}
.w7o84lc333o {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 50px;
  padding-bottom: 33px;
  border-bottom: 1px solid var(--line);
}
.txb2li6s7u6 {
  font-family: Arial, sans-serif;
  font-style: italic;
  font-size: 36px;
  font-weight: 800;
  color: #ec877d;
  line-height: 1.2;
}
.txb2li6s7u6 > span {
  font-family: "Microsoft YaHei", sans-serif;
  font-style: normal;
  font-size: 18px;
  margin-left: 8px;
  color: #d7c6de;
}
.w7o84lc333o > div:first-child > p {
  font-size: 11px;
  color: #82708d;
  margin-top: 11px;
  letter-spacing: 0.09em;
}
.w7o84lc333o h2 {
  font-size: 12px;
  color: #b4a3c1;
  margin-bottom: 12px;
  font-weight: 500;
}
.w7o84lc333o > div:last-child > p {
  font-size: 10px;
  line-height: 2.1;
  color: #80708c;
}
.ffdzoqulm51 {
  display: grid;
  grid-template-columns: 270px 1fr;
  gap: 50px;
  padding: 27px 0;
  border-bottom: 1px solid var(--line);
}
.ffdzoqulm51 h2 {
  font-size: 12px;
  font-weight: 500;
  color: #c3b2cf;
}
.ffdzoqulm51 > div:first-child > a {
  font-size: 9px;
  color: #7b6989;
  display: inline-block;
  margin-top: 7px;
}
.ffdzoqulm51 > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  column-gap: 25px;
  row-gap: 10px;
}
.ffdzoqulm51 > div:last-child > a {
  font-size: 10px;
  color: #9d8eaa;
}
.ffdzoqulm51 a:hover {
  color: var(--orange);
}
.lr1011fe10s {
  padding: 22px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 9px;
  color: #665c72;
}
.lr1011fe10s a {
  color: #a385b0;
}
.h8nxzvzxwjr {
  position: fixed;
  max-width: 750px;
  width: calc(100% - 36px);
  max-height: 90dvh;
  overflow: auto;
  padding: 0;
  border: 1px solid #81658b55;
  border-radius: 12px;
  background: #201a28;
  color: var(--white);
  box-shadow: 0 25px 100px #0009;
}
.h8nxzvzxwjr::backdrop {
  background: #08060ed9;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
body:has(.h8nxzvzxwjr[open]) {
  overflow: hidden;
}
.cttvzlyqhm7 {
  position: absolute;
  right: 13px;
  top: 12px;
  z-index: 3;
  width: 34px;
  height: 34px;
  border: 1px solid #ffffff30;
  background: #211625aa;
  border-radius: 50%;
  font-size: 24px;
  color: #f3d3ed;
  line-height: 1;
}
.op3wgiedw63 {
  display: grid;
  grid-template-columns: 40% 60%;
}
.belzhpkktab {
  min-height: 420px;
  overflow: hidden;
  background: #282030;
}
.belzhpkktab img {
  object-position: top;
}
.am889bl8mr2 {
  padding: 42px 30px 28px;
}
.am889bl8mr2 h2 {
  font-size: 31px;
}
.ycnqdhqcwvy {
  font-size: 10px;
  color: #d19dbd;
  margin: 7px 0 18px;
}
.am889bl8mr2 #detail-synopsis {
  font-size: 12px;
  line-height: 2;
  color: #bcacc8;
}
.lwqgitnvy7f {
  font-size: 10px;
  color: #c197a7;
  padding: 10px;
  border: 1px solid #af718b23;
  background: #a0607b09;
  border-radius: 4px;
  margin-top: 18px;
}
.am889bl8mr2 .ai1fgod49ut {
  font-size: 10px;
  margin-top: 8px;
}
.am889bl8mr2 .gmebxsbqp4i {
  margin-top: 16px;
  min-height: 40px;
  font-size: 11px;
}
.am889bl8mr2 small {
  display: block;
  font-size: 9px;
  color: #85708f;
  margin-top: 10px;
}
.j9ce8p95nz7 {
  position: fixed;
  left: 50%;
  bottom: 32px;
  z-index: 150;
  transform: translateX(-50%);
  max-width: calc(100% - 32px);
  padding: 12px 22px;
  border-radius: 7px;
  background: #362a40f5;
  border: 1px solid #da98c245;
  box-shadow: 0 10px 40px #0008;
  color: #f0d8e8;
  font-size: 12px;
  text-align: center;
  pointer-events: none;
}
.fhaf2zyeb5t {
  padding: 20px;
  color: #efbaa3;
  text-align: center;
  font-size: 12px;
  background: #251c29;
}
[data-reveal] {
  opacity: 1;
}
[data-reveal][data-waiting] {
  opacity: 0;
  transform: translateY(18px);
}
[data-reveal][data-shown] {
  animation: section-enter 0.6s ease both;
}
@keyframes scene-enter {
  from {
    opacity: 0.15;
    transform: scale(1.025);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes card-enter {
  from {
    opacity: 0.4;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes section-enter {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (min-width: 1600px) {
  .qxizsd7x9mq .dos8iexmf6e > img {
    width: 74%;
  }
  .dm49tfpdtog h2 {
    font-size: 62px;
  }
}
@media (max-width: 1200px) {
  .owgcr27qlat {
    width: calc(100% - 64px);
  }
  .ty4oq56y90w {
    gap: 30px;
  }
  .ehlbgpqj40y {
    gap: 23px;
  }
  .bq0uomgag6j {
    padding-inline: 11px;
  }
  .ls1b9tnde8y {
    grid-template-columns: 170px 1fr;
    gap: 22px;
  }
  .k74nodkt6by {
    gap: 17px;
  }
  .k74nodkt6by article {
    padding-left: 16px;
  }
  .sfjntm9ykuh {
    grid-template-columns: 300px 1fr;
    gap: 55px;
  }
  .qxirhd5ya4y {
    gap: 16px;
  }
  .ezvpvbc9wns {
    right: 6vw;
  }
  .ievgv18c486 {
    gap: 55px;
  }
  .tqhkc1ig3p6 {
    padding-right: 8px;
  }
  .wmk7ykgwkpe {
    width: 145px;
  }
  .w7o84lc333o,
  .ffdzoqulm51 {
    grid-template-columns: 220px 1fr;
    gap: 32px;
  }
  .v338exm8x8z input {
    width: 150px;
  }
}
@media (max-width: 980px) {
  .ty4oq56y90w {
    gap: 22px;
    height: 76px;
  }
  .ad7q0aen6aa {
    font-size: 19px;
  }
  .ehlbgpqj40y {
    gap: 18px;
  }
  .ehlbgpqj40y a {
    font-size: 12px;
  }
  .bq0uomgag6j {
    font-size: 0;
    padding: 7px 10px;
  }
  .bq0uomgag6j > span {
    font-size: 23px;
  }
  .qxizsd7x9mq,
  .e2qyzau7nzx {
    min-height: 600px;
  }
  .e2qyzau7nzx {
    padding-top: 70px;
  }
  .dm49tfpdtog {
    width: 66%;
  }
  .dm49tfpdtog h2 {
    font-size: 44px;
  }
  .ezvpvbc9wns h3 {
    font-size: 50px;
  }
  .ezvpvbc9wns > span {
    font-size: 10px;
  }
  .wmk7ykgwkpe {
    width: 136px;
  }
  .f9rt1jxzu4c {
    gap: 7px;
  }
  .wmk7ykgwkpe img {
    width: 32px;
    height: 42px;
  }
  .wo2i44u2ezw {
    gap: 5px;
  }
  .wo2i44u2ezw > span {
    margin-right: 4px;
    font-size: 12px;
  }
  .wo2i44u2ezw button {
    width: 28px;
    height: 28px;
  }
  .vged28gzocd > div {
    gap: 20px;
  }
  .vged28gzocd > div > span {
    display: none;
  }
  .kyzwqu2qnqm {
    padding-block: 60px;
  }
  h2 {
    font-size: 27px;
  }
  .yuev34mg55y {
    gap: 14px;
  }
  .yg37p1yya1u {
    inset: 14px;
  }
  .yg37p1yya1u h3 {
    font-size: 22px;
  }
  .b7zcy8rm6r1 {
    font-size: 0;
  }
  .b7zcy8rm6r1 span {
    font-size: 20px;
    width: 29px;
    height: 29px;
  }
  .ls1b9tnde8y {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .ls1b9tnde8y > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ls1b9tnde8y > div:first-child br {
    display: none;
  }
  .ls1b9tnde8y > div > h2 {
    font-size: 23px;
  }
  .ls1b9tnde8y > div > .rafibiec52v {
    margin: 0;
  }
  .k74nodkt6by {
    gap: 28px;
  }
  .qtokphkfsuf {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .v338exm8x8z {
    max-width: 280px;
  }
  .v338exm8x8z input {
    width: 100%;
    flex: 1;
  }
  .qxirhd5ya4y {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 27px 22px;
  }
  .sfjntm9ykuh {
    grid-template-columns: 240px 1fr;
    gap: 35px;
  }
  .trzg1a9kfhs {
    display: none;
  }
  .pez1bbkm3v2 > li {
    gap: 13px;
  }
  .kbxfxuj682k h2 {
    font-size: 27px;
  }
  .kbxfxuj682k h2 em {
    font-size: 20px;
  }
  .hsu8h4u1ssp {
    grid-template-columns: 41% 59%;
  }
  .rgtjexgs7pi h2 {
    font-size: 28px;
  }
  .zp6j5d1vzby {
    height: 370px;
  }
  .mktq3m34pqf {
    height: 237px;
    top: 80px;
  }
  .iji7obp6nt1 img {
    height: 117px;
  }
  .f6983ntb4fn {
    width: 155px;
    height: 330px;
    top: 10px;
  }
  .n360p0gpa7j {
    height: 120px;
  }
  .wc5qbvc6dkd img {
    height: 75px;
  }
  .vf831cruln3 {
    width: 330px;
    height: 330px;
    left: 5%;
  }
  .d5fj7ozznq9 {
    font-size: 6px;
    left: 7%;
    bottom: 0;
  }
  .d0hzvqzx5q4 {
    gap: 28px;
  }
  .d0hzvqzx5q4 li {
    gap: 12px;
  }
  .d0hzvqzx5q4 li:not(:last-child):after {
    right: -20px;
  }
  .d0hzvqzx5q4 li > span {
    font-size: 28px;
  }
  .s0sxoqwddvb {
    gap: 14px;
  }
  .s0sxoqwddvb article {
    padding: 22px 20px;
  }
  .s0sxoqwddvb blockquote {
    font-size: 11px;
    min-height: 120px;
  }
  .ievgv18c486 {
    gap: 32px;
    grid-template-columns: 1.35fr 1fr;
  }
  .am06gsdkthq {
    padding: 27px 25px;
  }
  .am06gsdkthq h2 {
    font-size: 29px;
  }
  .x71ko7coqd8 {
    width: 46px;
    height: 46px;
    font-size: 25px;
  }
  .x71ko7coqd8 > span {
    font-size: 7px;
  }
  .w7o84lc333o,
  .ffdzoqulm51 {
    grid-template-columns: 180px 1fr;
    gap: 25px;
  }
}
@media (max-width: 760px) {
  :root {
    scroll-padding-top: 80px;
  }
  .owgcr27qlat {
    width: calc(100% - 40px);
  }
  .ty4oq56y90w {
    height: 68px;
    gap: 16px;
  }
  .ad7q0aen6aa {
    font-size: 18px;
    flex: 1;
  }
  .ucx81o8lbkm {
    font-size: 34px;
  }
  .ad7q0aen6aa small {
    font-size: 8px;
    letter-spacing: 0.06em;
  }
  .ad7q0aen6aa a {
    gap: 9px;
  }
  .bq0uomgag6j {
    border: 0;
    background: none;
    padding: 0 3px;
  }
  .xt6os3qtn6i {
    display: block;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
  }
  .ehlbgpqj40y {
    position: absolute;
    top: 68px;
    left: 0;
    right: 0;
    background: #18141eef;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #ffffff16;
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 12px 20px;
    align-items: stretch;
  }
  .ehlbgpqj40y[data-expanded] {
    display: flex;
  }
  .ehlbgpqj40y a {
    padding: 13px 12px;
    height: auto;
  }
  .ehlbgpqj40y a[aria-current]:after {
    left: 0;
    top: 15px;
    bottom: auto;
    width: 2px;
    height: 17px;
  }
  .ehlbgpqj40y .mozugb3hcrb {
    margin-left: 6px;
  }
  .qxizsd7x9mq,
  .e2qyzau7nzx {
    min-height: 700px;
  }
  .qxizsd7x9mq .dos8iexmf6e > img {
    width: 100%;
    height: 60%;
    object-position: center 22%;
  }
  .dos8iexmf6e:after {
    background:
      linear-gradient(0deg, #101014 5%, #101014d9 44%, #10101420 86%),
      linear-gradient(90deg, #10101470, transparent 80%);
  }
  .e2qyzau7nzx {
    padding-top: 255px;
    padding-bottom: 115px;
  }
  .dm49tfpdtog {
    width: 100%;
    max-width: none;
  }
  .dm49tfpdtog .rafibiec52v {
    font-size: 9px;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
  }
  .dm49tfpdtog h2 {
    font-size: 38px;
    line-height: 1.35;
    letter-spacing: 0.01em;
  }
  .h16qdcij7hp {
    font-size: 11px;
    margin-top: 14px;
  }
  .ix9xqsxwdre {
    font-size: 11px;
    margin-top: 8px;
  }
  .ix9xqsxwdre br {
    display: none;
  }
  .j2w3wi1h8zp {
    gap: 10px;
    margin-top: 21px;
  }
  .gmebxsbqp4i,
  .fkbxkxc2gik {
    min-height: 44px;
    font-size: 11px;
    padding: 10px 18px;
    gap: 9px;
  }
  .in1yensengb {
    font-size: 9px;
    margin-top: 12px;
  }
  .fyqqzqt89g8 {
    top: 22px;
    font-size: 7px;
    writing-mode: horizontal-tb;
    left: 0;
    right: auto;
    gap: 0;
  }
  .fyqqzqt89g8 > span {
    display: none;
  }
  .ezvpvbc9wns {
    top: 150px;
    right: 26px;
    bottom: auto;
  }
  .ezvpvbc9wns > p {
    font-size: 7px;
  }
  .ezvpvbc9wns h3 {
    font-size: 37px;
  }
  .ezvpvbc9wns > span {
    font-size: 9px;
    margin: 7px 0;
  }
  .ezvpvbc9wns .ai1fgod49ut {
    font-size: 9px;
    padding: 0;
  }
  .z32kuu6jf19 {
    bottom: 23px;
    gap: 10px;
  }
  .f9rt1jxzu4c {
    gap: 7px;
    flex: 1;
  }
  .wmk7ykgwkpe {
    width: auto;
    flex: 1;
    max-width: 110px;
    padding: 5px;
    gap: 7px;
  }
  .wmk7ykgwkpe img {
    width: 26px;
    height: 33px;
  }
  .wmk7ykgwkpe small {
    font-size: 6px;
  }
  .wmk7ykgwkpe strong {
    font-size: 9px;
    margin-top: 2px;
    letter-spacing: 0.02em;
  }
  .wo2i44u2ezw {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    width: 68px;
  }
  .wo2i44u2ezw > span {
    display: none;
  }
  .wo2i44u2ezw button {
    width: 27px;
    height: 25px;
    font-size: 11px;
  }
  .wo2i44u2ezw button[data-scene-toggle] {
    order: 3;
    width: 58px;
    height: 16px;
    border: 0;
    font-size: 9px;
    background: transparent;
  }
  .vged28gzocd > div {
    min-height: 53px;
    gap: 12px;
  }
  .vged28gzocd a {
    font-size: 10px;
  }
  .vged28gzocd a span {
    font-size: 13px;
  }
  .kyzwqu2qnqm {
    padding-block: 45px;
  }
  .ulxws9e7dnu {
    gap: 16px;
    margin-bottom: 22px;
    align-items: flex-start;
  }
  h2 {
    font-size: 25px;
    line-height: 1.5;
  }
  .ulxws9e7dnu > .ai1fgod49ut {
    font-size: 0;
    padding-top: 30px;
    gap: 0;
  }
  .ulxws9e7dnu > .ai1fgod49ut > span {
    font-size: 22px;
  }
  .rafibiec52v {
    font-size: 8px;
    letter-spacing: 0.15em;
    margin-bottom: 8px;
  }
  .yuev34mg55y {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 13px;
    padding: 1px 1px 13px;
    scrollbar-width: thin;
    scrollbar-color: #574052 #17131d;
  }
  .x8ey2xb1r3m {
    flex: 0 0 82%;
    aspect-ratio: 1.55;
    scroll-snap-align: start;
  }
  .yg37p1yya1u {
    inset: 17px;
  }
  .yg37p1yya1u h3 {
    font-size: 26px;
  }
  .pjpne3hvjfs {
    font-size: 9px;
  }
  .yg37p1yya1u p {
    font-size: 9px;
  }
  .b7zcy8rm6r1 {
    font-size: 9px;
  }
  .jpwo99tgppk {
    font-size: 9px;
    margin-top: 12px;
  }
  .d9sgegapm7r {
    padding-block: 29px;
  }
  .ls1b9tnde8y {
    gap: 23px;
  }
  .ls1b9tnde8y > div:first-child {
    display: block;
  }
  .ls1b9tnde8y > div > .rafibiec52v {
    margin-bottom: 8px;
  }
  .ls1b9tnde8y > div > h2 {
    font-size: 23px;
  }
  .k74nodkt6by {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 19px;
  }
  .k74nodkt6by article {
    padding-left: 14px;
  }
  .k74nodkt6by article > span {
    font-size: 7px;
  }
  .k74nodkt6by h3 {
    font-size: 12px;
    margin: 7px 0 5px;
  }
  .k74nodkt6by p {
    font-size: 10px;
  }
  .qtokphkfsuf {
    gap: 13px;
  }
  .vbb58jc8qlj {
    gap: 7px;
  }
  .vbb58jc8qlj button {
    font-size: 10px;
    padding: 5px 11px;
  }
  .ulxws9e7dnu > .sfeux180daq {
    display: none;
  }
  .v338exm8x8z {
    max-width: none;
  }
  .v338exm8x8z input {
    font-size: 12px;
    min-height: 39px;
  }
  .v338exm8x8z button {
    height: 39px;
  }
  .bvr4zcf85t3 {
    font-size: 9px;
    gap: 11px;
    min-height: 48px;
    flex-wrap: wrap;
  }
  .sbafosrd1nc {
    font-size: 10px;
  }
  .qxirhd5ya4y {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 15px;
  }
  .hyz2sptgay0 h3 {
    font-size: 14px;
  }
  .hyz2sptgay0 > span {
    font-size: 9px;
  }
  .tcvqnoeeax6 {
    width: 29px;
    height: 29px;
  }
  .tqhkc1ig3p6 {
    font-size: 10px;
    padding-right: 10px;
  }
  .fsfwacej6gl {
    padding-block: 37px;
  }
  .sfjntm9ykuh {
    grid-template-columns: 1fr;
    gap: 27px;
  }
  .kbxfxuj682k {
    position: relative;
    min-height: 170px;
    padding-right: 155px;
  }
  .kbxfxuj682k .rafibiec52v {
    font-size: 7px;
    max-width: 170px;
  }
  .kbxfxuj682k h2 {
    font-size: 25px;
    line-height: 1.45;
  }
  .kbxfxuj682k h2 em {
    font-size: 19px;
  }
  .kbxfxuj682k > p:not(.rafibiec52v) {
    font-size: 10px;
    margin-top: 10px;
  }
  .axjtnsdvzi2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 133px;
    height: 172px;
    margin: 0;
  }
  .axjtnsdvzi2 > img {
    width: 100%;
    filter: brightness(0.7);
  }
  .axjtnsdvzi2:after {
    background: linear-gradient(0deg, #211727dc, transparent 80%);
  }
  .axjtnsdvzi2 > span {
    font-size: 85px;
    top: auto;
    bottom: 28px;
    left: 5px;
  }
  .axjtnsdvzi2 > div {
    left: 13px;
    bottom: 40px;
  }
  .axjtnsdvzi2 strong {
    font-size: 22px;
  }
  .axjtnsdvzi2 small {
    font-size: 7px;
  }
  .axjtnsdvzi2 > button {
    left: 13px;
    bottom: 10px;
    font-size: 9px;
  }
  .ilifgyh4rtu {
    font-size: 12px;
    padding-bottom: 12px;
  }
  .ilifgyh4rtu > span:last-child {
    font-size: 8px;
  }
  .pez1bbkm3v2 > li {
    gap: 13px;
    padding: 12px 0;
  }
  .ptkzftlqeu2 {
    font-size: 25px;
    width: 27px;
  }
  .pez1bbkm3v2 > li > img {
    width: 39px;
    height: 52px;
  }
  .pez1bbkm3v2 h3 {
    font-size: 13px;
  }
  .pez1bbkm3v2 p {
    font-size: 9px;
  }
  .pez1bbkm3v2 button {
    font-size: 9px;
  }
  .sjg2nyh246w {
    font-size: 9px;
  }
  .hsu8h4u1ssp {
    grid-template-columns: 1fr;
    padding-bottom: 31px;
    gap: 20px;
  }
  .rgtjexgs7pi h2 {
    font-size: 28px;
    line-height: 1.5;
  }
  .rgtjexgs7pi > p:not(.rafibiec52v):not(.pu704qg48u5) {
    font-size: 11px;
    margin: 12px 0 16px;
  }
  .rgtjexgs7pi > p br {
    display: none;
  }
  .k94j3v33zmh button {
    font-size: 10px;
    padding: 6px 18px;
  }
  .pu704qg48u5 {
    font-size: 10px;
    min-height: 0;
    margin-top: 13px;
    max-width: none;
  }
  .rgtjexgs7pi .ai1fgod49ut {
    font-size: 10px;
  }
  .rgtjexgs7pi .jpwo99tgppk {
    font-size: 8px;
    margin-top: 8px;
  }
  .zp6j5d1vzby {
    height: 355px;
    max-width: 430px;
    margin: 0 auto;
  }
  .vf831cruln3 {
    left: 9%;
  }
  .f6983ntb4fn {
    right: 5%;
    top: 8px;
    width: 147px;
    height: 313px;
  }
  .n360p0gpa7j {
    height: 110px;
  }
  .wc5qbvc6dkd img {
    height: 68px;
  }
  .mktq3m34pqf {
    width: 83%;
    height: 224px;
    top: 65px;
  }
  .ehp6sjra50p {
    padding: 12px;
  }
  .iji7obp6nt1 {
    gap: 7px;
  }
  .iji7obp6nt1 img {
    height: 111px;
  }
  .ehp6sjra50p > div:first-child > span {
    font-size: 6px;
  }
  .d5fj7ozznq9 {
    left: 13%;
    font-size: 6px;
    bottom: 7px;
  }
  .mzbzuyiv4a7 {
    padding-block: 33px;
  }
  .mzbzuyiv4a7 h2 {
    font-size: 23px;
    max-width: 270px;
  }
  .d0hzvqzx5q4 {
    grid-template-columns: 1fr;
    gap: 23px;
    margin-top: 26px;
  }
  .d0hzvqzx5q4 li {
    gap: 18px;
    padding-bottom: 21px;
    border-bottom: 1px solid #ffffff08;
  }
  .d0hzvqzx5q4 li:last-child {
    border: 0;
    padding-bottom: 0;
  }
  .d0hzvqzx5q4 li:not(:last-child):after {
    display: none;
  }
  .d0hzvqzx5q4 li > span {
    font-size: 30px;
    min-width: 36px;
  }
  .d0hzvqzx5q4 h3 {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .d0hzvqzx5q4 p {
    font-size: 10px;
  }
  .sr4zdcwhkku {
    font-size: 8px;
    padding: 3px 7px;
  }
  .s0sxoqwddvb {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .s0sxoqwddvb article {
    padding: 23px 24px;
  }
  .s0sxoqwddvb blockquote {
    font-size: 11px;
    min-height: 0;
    margin-top: 5px;
  }
  .s0sxoqwddvb article > div {
    margin-top: 17px;
    padding-top: 14px;
  }
  .lnyh37vw3l6 {
    font-size: 42px;
  }
  .s0sxoqwddvb article > div > p {
    font-size: 10px;
  }
  .s0sxoqwddvb small {
    font-size: 8px;
  }
  .ievgv18c486 {
    grid-template-columns: 1fr;
    gap: 36px;
    padding-bottom: 44px;
  }
  .zoze4x488k4 h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  .frxxo6u5ld7 summary {
    font-size: 11px;
    padding: 16px 0;
  }
  .frxxo6u5ld7 details > p {
    font-size: 10px;
    padding-right: 15px;
  }
  .am06gsdkthq {
    padding: 28px;
    min-height: 420px;
  }
  .am06gsdkthq h2 {
    font-size: 34px;
    margin-top: 22px;
  }
  .x71ko7coqd8 {
    width: 63px;
    height: 63px;
    font-size: 34px;
  }
  .x71ko7coqd8 > span {
    font-size: 9px;
  }
  .yp92am75eec {
    max-width: none;
  }
  .am06gsdkthq .gmebxsbqp4i {
    font-size: 12px;
    margin-top: 21px;
  }
  .am06gsdkthq .rafibiec52v {
    font-size: 8px;
  }
  .am06gsdkthq > small {
    font-size: 8px;
    margin-top: 10px;
  }
  .k8au916m5yv {
    padding-top: 29px;
  }
  .w7o84lc333o,
  .ffdzoqulm51 {
    grid-template-columns: 1fr;
    gap: 23px;
    padding-bottom: 25px;
  }
  .txb2li6s7u6 {
    font-size: 32px;
  }
  .txb2li6s7u6 > span {
    font-size: 17px;
  }
  .w7o84lc333o > div:first-child > p {
    font-size: 10px;
    margin-top: 7px;
  }
  .w7o84lc333o > div:last-child > p {
    font-size: 10px;
    line-height: 2;
  }
  .w7o84lc333o h2 {
    margin-bottom: 9px;
  }
  .ffdzoqulm51 {
    padding-top: 22px;
    gap: 16px;
  }
  .ffdzoqulm51 > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ffdzoqulm51 > div:first-child > a {
    margin: 0;
  }
  .ffdzoqulm51 > div:last-child {
    column-gap: 22px;
    row-gap: 10px;
  }
  .ffdzoqulm51 > div:last-child > a {
    font-size: 9px;
  }
  .lr1011fe10s {
    font-size: 8px;
    flex-wrap: wrap;
    gap: 6px 10px;
    padding: 17px 0;
  }
  .lr1011fe10s > p:first-child {
    width: 100%;
  }
  .lr1011fe10s > p:nth-child(2) {
    margin-right: auto;
  }
  .op3wgiedw63 {
    grid-template-columns: 1fr;
  }
  .belzhpkktab {
    min-height: 0;
    height: 185px;
  }
  .belzhpkktab img {
    object-position: center 25%;
  }
  .am889bl8mr2 {
    padding: 26px 24px;
  }
  .am889bl8mr2 h2 {
    font-size: 28px;
  }
  .am889bl8mr2 #detail-synopsis {
    font-size: 12px;
  }
  .h8nxzvzxwjr {
    max-width: 440px;
  }
  .ycnqdhqcwvy {
    margin-bottom: 13px;
  }
  .j9ce8p95nz7 {
    font-size: 11px;
    width: max-content;
    bottom: 22px;
    max-width: calc(100% - 30px);
  }
}
@media (max-width: 360px) {
  .owgcr27qlat {
    width: calc(100% - 32px);
  }
  .dm49tfpdtog h2 {
    font-size: 33px;
  }
  .wmk7ykgwkpe {
    gap: 4px;
    padding: 4px;
  }
  .wmk7ykgwkpe img {
    width: 22px;
    height: 30px;
  }
  .wmk7ykgwkpe strong {
    font-size: 8px;
  }
  .wmk7ykgwkpe small {
    font-size: 5px;
  }
  .f9rt1jxzu4c {
    gap: 4px;
  }
  .z32kuu6jf19 {
    gap: 7px;
  }
  .wo2i44u2ezw {
    width: 58px;
    gap: 2px;
  }
  .wo2i44u2ezw button {
    width: 25px;
  }
  .j2w3wi1h8zp {
    gap: 8px;
  }
  .gmebxsbqp4i,
  .fkbxkxc2gik {
    padding-inline: 12px;
    font-size: 10px;
  }
  .vged28gzocd > div {
    gap: 9px;
  }
  .vged28gzocd a {
    font-size: 9px;
  }
  .kbxfxuj682k {
    padding-right: 130px;
  }
  .axjtnsdvzi2 {
    width: 115px;
  }
  .kbxfxuj682k h2 em {
    font-size: 17px;
  }
  .sr4zdcwhkku {
    font-size: 7px;
  }
  .vf831cruln3 {
    width: 280px;
    height: 280px;
  }
  .zp6j5d1vzby {
    height: 330px;
  }
  .mktq3m34pqf {
    top: 66px;
    height: 205px;
  }
  .iji7obp6nt1 img {
    height: 100px;
  }
  .f6983ntb4fn {
    right: 1%;
    width: 137px;
    height: 299px;
  }
  .n360p0gpa7j {
    height: 104px;
  }
  .wc5qbvc6dkd img {
    height: 60px;
  }
  .x821zoyg949 {
    font-size: 8px;
  }
  .d5fj7ozznq9 {
    font-size: 5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
  [data-reveal][data-waiting] {
    opacity: 1;
    transform: none;
  }
}