@charset "UTF-8";
:root {
  color-scheme: light;
  --ink: #352632;
  --muted: #7a6874;
  --pink: #d83c77;
  --line: #eadde3;
  --paper: #fffafc;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  margin: 0;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
button,
input {
  font: inherit;
}
button,
a,
summary {
  -webkit-tap-highlight-color: transparent;
}
button,
summary {
  cursor: pointer;
}
button {
  color: inherit;
}
button:disabled {
  cursor: default;
  opacity: 0.45;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
button,
a,
summary {
  touch-action: manipulation;
}
[hidden] {
  display: none !important;
}
:focus-visible {
  outline: 3px solid #9b2460;
  outline-offset: 5px;
}
::selection {
  background: #f6b1ce;
  color: #352632;
}
figure,
blockquote,
h1,
h2,
h3,
p {
  margin: 0;
}
ul,
ol {
  padding: 0;
  margin: 0;
}
h2 {
  font-size: clamp(29px, 3.1vw, 42px);
  line-height: 1.38;
  font-weight: 800;
  letter-spacing: -0.04em;
}
h2 em {
  font-style: normal;
  color: var(--pink);
}
h3 {
  font-size: 19px;
  line-height: 1.5;
}
section[id],
article[id],
nav[id] {
  scroll-margin-top: 110px;
}
.n6v4p2s8 {
  width: min(1240px, calc(100% - 80px));
  margin-inline: auto;
}
.k3r7b5n9 {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
a.k3r7b5n9:focus {
  z-index: 100;
  top: 12px;
  left: 12px;
  width: auto;
  height: auto;
  clip-path: none;
  padding: 12px 20px;
  background: white;
}
.a7m2q9x4 {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fffafcf5;
  border-bottom: 1px solid #eddce5;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
.b9y5k3t7 {
  display: flex;
  align-items: center;
  gap: 32px;
  min-height: 88px;
}
.f8u2c6r4 {
  font-size: 24px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -0.04em;
  flex-shrink: 0;
}
.f8u2c6r4 a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.f8u2c6r4 > span:first-child,
.f8u2c6r4 a > span:first-child {
  color: #e04c84;
  font-size: 44px;
}
.f8u2c6r4 small {
  display: block;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: 0.22em;
  margin-top: 7px;
}
.z4j7v2m8 {
  display: flex;
  justify-content: center;
  flex: 1;
  gap: 30px;
  font-size: 14px;
  font-weight: 650;
}
.z4j7v2m8 a {
  position: relative;
  padding: 29px 0;
}
.z4j7v2m8 a::after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 16px;
  inset-inline: 50%;
  border-radius: 8px;
  background: var(--pink);
  transition: inset-inline 0.2s;
}
.z4j7v2m8 a:hover::after,
.z4j7v2m8 a[aria-current]::after {
  inset-inline: 20%;
}
.q2c8m4w6 {
  display: flex;
  gap: 12px;
  align-items: center;
}
.p5k9s3v7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 12px 22px;
  border-radius: 9px;
  background: linear-gradient(115deg, #ec668d, #c44788);
  color: white;
  font-size: 14px;
  font-weight: 750;
  box-shadow: 0 8px 18px #c4478820;
  transition:
    transform 0.25s var(--ease),
    box-shadow 0.25s;
}
.p5k9s3v7:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px #c4478838;
}
.p5k9s3v7 span {
  font-size: 21px;
  line-height: 1;
}
.d6s2w8k4 {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: white;
  font-size: 13px;
}
.d6s2w8k4 span {
  margin-left: 7px;
}
.u7g3r9h5 {
  position: absolute;
  right: max(24px, calc((100vw - 1240px) / 2));
  top: 78px;
  width: min(440px, calc(100vw - 32px));
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  box-shadow: 0 20px 60px #50243c20;
}
.u7g3r9h5 a {
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
}
.u7g3r9h5 a:hover {
  color: var(--pink);
  background: #fff1f6;
}
.h9k3t7p5 {
  overflow: clip;
  background: radial-gradient(ellipse at 14% 27%, #fff7fc 0%, transparent 48%), #f9e3ed;
}
.x7b3m5q9 {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  align-items: center;
  gap: 50px;
  padding-block: 58px 42px;
}
.e5w9n3j7 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--pink);
  font-weight: 750;
  margin-bottom: 19px;
}
.e5w9n3j7 > span {
  font-size: 18px;
}
.c8r4u6g2 h2 {
  font-size: clamp(48px, 5.7vw, 80px);
  letter-spacing: -0.055em;
  line-height: 1.24;
}
.c8r4u6g2 h2 > span {
  position: relative;
  color: var(--pink);
}
.c8r4u6g2 h2 > span::after {
  content: "";
  display: block;
  position: absolute;
  height: 9px;
  border-top: 2px solid #da6091;
  border-radius: 50%;
  inset: auto 0 -8px;
  transform: rotate(-3deg);
}
.t4m8v2k6 {
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 700;
  margin-top: 26px;
}
.r7j3x9c5 {
  color: #775c6d;
  font-size: 14px;
  line-height: 2;
  margin-top: 14px;
}
.w2q6k8h4 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-top: 29px;
}
.l3v7n9r5 {
  padding: 16px 26px;
  font-size: 15px;
}
.m4t8j2s6 {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding-block: 6px;
  border-bottom: 1px solid #bb8a9f;
  transition:
    color 0.2s,
    border-color 0.2s;
}
.m4t8j2s6:hover {
  color: var(--pink);
  border-color: var(--pink);
}
.v9c5b3w7 {
  display: flex;
  gap: 13px;
  align-items: center;
  margin-top: 35px;
}
.v9c5b3w7 > span {
  width: 44px;
  height: 44px;
  border: 1px solid #dcb5c7;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 28px;
  color: #cf608f;
}
.v9c5b3w7 p {
  font-size: 12px;
  font-weight: 700;
}
.v9c5b3w7 small {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 400;
  margin-top: 3px;
  letter-spacing: 0.08em;
}
.s6p2g8n4 {
  position: relative;
  padding: 28px 25px 0;
  min-width: 0;
}
.j5m9x3r7 {
  position: absolute;
  right: -17px;
  top: -22px;
  font-size: 47px;
  line-height: 1.05;
  color: #dc7ea543;
  font-weight: 950;
  letter-spacing: -0.05em;
  transform: rotate(7deg);
}
.b4n8w2k6 {
  position: relative;
  aspect-ratio: 1/0.99;
  border: 9px solid #fff7fb;
  border-radius: 180px 180px 16px 16px;
  background: #ebbecf;
  box-shadow: 0 24px 55px #7c365c23;
  transform: rotate(3deg);
  overflow: hidden;
}
.y7r3h9c5 {
  position: absolute;
  inset: 0;
  opacity: 1;
  transition: opacity 0.45s var(--ease);
}
.y7r3h9c5[aria-hidden="true"] {
  opacity: 0;
  pointer-events: none;
}
.y7r3h9c5[aria-hidden="false"] {
  z-index: 1;
  animation: bloom-in 0.65s var(--ease);
}
.y7r3h9c5 a,
.y7r3h9c5 img {
  width: 100%;
  height: 100%;
}
.y7r3h9c5 a {
  display: block;
}
.y7r3h9c5 img {
  object-position: 50% 28%;
  transition: transform 0.8s;
}
.y7r3h9c5 a:hover img {
  transform: scale(1.04);
}
.y7r3h9c5 figcaption {
  position: absolute;
  inset: auto 0 0;
  padding: 70px 25px 24px;
  background: linear-gradient(transparent, #352135e8);
  color: white;
  transform: translateZ(0);
}
.y7r3h9c5 figcaption > span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.02em;
}
.y7r3h9c5 figcaption strong {
  display: block;
  font-size: 29px;
  margin-block: 3px;
}
.y7r3h9c5 figcaption b {
  float: right;
  font-size: 22px;
}
.o8k4v6m2 {
  position: absolute;
  left: -7px;
  top: 50px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  line-height: 1.3;
  font-weight: 850;
  font-size: 19px;
  background: #d64e86;
  color: white;
  transform: rotate(-13deg);
  box-shadow: 0 0 0 5px #f5d1e2;
}
.i3x7p9s5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-inline: 5px;
}
.i3x7p9s5 > span {
  font-size: 11px;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.i3x7p9s5 > div {
  display: flex;
  gap: 9px;
}
.i3x7p9s5 button,
.h4v8c2n6 {
  border: 1px solid #d9b9c9;
  background: #ffffff70;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  transition:
    background 0.2s,
    color 0.2s;
}
.i3x7p9s5 button[data-pause] {
  width: auto;
  border-radius: 30px;
  padding: 0 13px;
  font-size: 11px;
}
.i3x7p9s5 button:hover,
.h4v8c2n6:hover {
  background: var(--pink);
  color: white;
}
.f3q7b9u5 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 30px;
  border-top: 1px solid #dabbcb;
  padding: 15px 30px;
  color: #83536d;
  font-size: 11px;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
.f3q7b9u5 span:nth-child(even) {
  font-size: 20px;
}
.z9g5r3t7 {
  padding-block: 85px;
}
.a6x2m8p4 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 35px;
}
.a6x2m8p4 .e5w9n3j7 {
  margin-bottom: 12px;
}
.s9w5k3r7 {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.8;
}
.t9b5j3m7 {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: #e6c7d5 transparent;
  padding-bottom: 20px;
}
.r4k8x2p6 {
  flex: 0 0 calc((100% - 72px) / 4);
  min-width: 0;
  scroll-snap-align: start;
}
.p8m4s6g2 {
  position: relative;
  aspect-ratio: 3/3.65;
  overflow: hidden;
  border-radius: 12px;
  background: #eee0e6;
}
.p8m4s6g2 img {
  width: 100%;
  height: 100%;
  transition:
    transform 0.45s var(--ease),
    filter 0.45s;
}
.p8m4s6g2::after {
  content: "";
  position: absolute;
  inset: 40% 0 0;
  background: linear-gradient(transparent, #35263266);
  pointer-events: none;
}
.p8m4s6g2 > span {
  position: absolute;
  bottom: 14px;
  left: 14px;
  z-index: 1;
  background: #fffafceb;
  border-radius: 5px;
  padding: 3px 9px;
  font-size: 10px;
}
.p8m4s6g2 > b {
  position: absolute;
  top: 9px;
  left: 13px;
  font-size: 37px;
  line-height: 1;
  color: white;
  text-shadow: 0 1px 5px #35263244;
}
.r4k8x2p6 h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
  margin-top: 15px;
}
.r4k8x2p6 h3 > span {
  font-size: 19px;
  color: var(--pink);
}
.r4k8x2p6 p {
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}
.r4k8x2p6 a:hover img {
  transform: scale(1.055);
  filter: saturate(1.08);
}
.r4k8x2p6 a:hover h3 {
  color: var(--pink);
}
.k8w4r6n2 {
  background: #f3eaf0;
  padding-block: 66px;
  border-block: 1px solid #eadde3;
}
.c5m9t3x7 {
  display: grid;
  grid-template-columns: 0.75fr 1.5fr;
  gap: 70px;
  align-items: center;
}
.u2p6g8r4 > p:not(.e5w9n3j7) {
  color: var(--muted);
  font-size: 14px;
  margin-top: 20px;
}
.u2p6g8r4 > a {
  margin-top: 23px;
}
.l7c3s9v5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.l7c3s9v5 article {
  background: #fffafcd9;
  border-radius: 12px;
  padding: 25px;
  border: 1px solid #ffffff;
  transition:
    transform 0.25s,
    border-color 0.25s;
}
.l7c3s9v5 article:hover {
  transform: translateY(-4px);
  border-color: #dcb0c6;
}
.l7c3s9v5 article > span {
  font-size: 25px;
  color: var(--pink);
  display: inline-block;
  line-height: 1;
  margin-bottom: 12px;
}
.l7c3s9v5 h3 {
  font-size: 16px;
}
.l7c3s9v5 p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
}
.o3r7x9m5 {
  display: flex;
  gap: 9px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 19px;
  margin-bottom: 28px;
}
.o3r7x9m5 button {
  padding: 8px 18px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 30px;
  font-size: 13px;
  white-space: nowrap;
}
.o3r7x9m5 button[aria-pressed="true"] {
  background: #fbe3ee;
  border-color: #edc2d5;
  color: #a42c60;
  font-weight: 750;
}
.o3r7x9m5 button:hover {
  color: var(--pink);
}
.o3r7x9m5 button span {
  margin-left: 4px;
  font-size: 10px;
}
.o3r7x9m5 p {
  font-size: 11px;
  color: var(--muted);
  margin-left: auto;
}
.g6n2v8k4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 32px;
  margin-bottom: 24px;
}
.v3t7p9c5 {
  display: grid;
  grid-template-columns: 126px 1fr;
  gap: 22px;
  padding: 20px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 12px;
  align-items: start;
  transition: border-color 0.2s;
}
.v3t7p9c5:hover {
  border-color: #d5a9bd;
}
.v3t7p9c5 > img {
  width: 100%;
  aspect-ratio: 3/4;
  height: auto;
  border-radius: 7px;
  background: #f1e5eb;
}
.v3t7p9c5 h3 {
  margin-top: 8px;
  font-size: 19px;
}
.v3t7p9c5 > div > p {
  font-size: 12px;
  margin-top: 8px;
  color: var(--muted);
}
.v3t7p9c5 details {
  font-size: 12px;
  margin-top: 12px;
}
.v3t7p9c5 summary {
  list-style: none;
  color: #ac3867;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 15px;
  width: fit-content;
}
summary::-webkit-details-marker {
  display: none;
}
.v3t7p9c5 summary span {
  font-size: 16px;
  transition: transform 0.2s;
}
details[open] > summary span {
  transform: rotate(45deg);
}
.v3t7p9c5 details p {
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.9;
}
.v3t7p9c5 details a {
  display: inline-block;
  margin-top: 8px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.v3t7p9c5:target {
  border-color: var(--pink);
  box-shadow: 0 0 0 3px #f9e2ed;
}
.j8s4m6r2 {
  padding-block: 70px;
  background: #fceef4;
}
.b7x3p9w5 {
  display: grid;
  grid-template-columns: 0.9fr 1.4fr;
  gap: 48px;
}
.n4c8k2v6 {
  position: relative;
  padding: 32px;
  border-radius: 16px;
  background: #e7bdd1;
  overflow: hidden;
}
.n4c8k2v6 > span:first-child {
  font-size: 10px;
  letter-spacing: 0.2em;
}
.n4c8k2v6 > strong {
  display: block;
  font-size: 80px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #a34470;
  margin-top: 10px;
}
.n4c8k2v6 h3 {
  font-size: 27px;
  margin-top: 8px;
  position: relative;
  z-index: 1;
}
.n4c8k2v6 p {
  font-size: 13px;
  margin: 9px 0 23px;
  position: relative;
  z-index: 1;
}
.n4c8k2v6 a {
  position: relative;
  z-index: 1;
}
.e7g3m9t5 {
  position: absolute;
  color: #fff5fa70;
  font-size: 270px;
  line-height: 1;
  right: -45px;
  bottom: -30px;
  transform: rotate(-20deg);
}
.w6r2s8j4 {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.w6r2s8j4 li + li {
  border-top: 1px solid #e4ccd7;
}
.w6r2s8j4 a {
  display: flex;
  gap: 24px;
  align-items: center;
  padding: 26px 5px;
  transition: transform 0.2s;
}
.w6r2s8j4 a:hover {
  transform: translateX(5px);
}
.w6r2s8j4 a > span {
  font-size: 35px;
  font-weight: 850;
  letter-spacing: -0.05em;
  color: #b57b97;
}
.w6r2s8j4 h3 {
  font-size: 19px;
}
.w6r2s8j4 p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 5px;
}
.w6r2s8j4 b {
  font-size: 10px;
  font-weight: 400;
  border: 1px solid #e4c2d2;
  border-radius: 4px;
  padding: 3px 7px;
  margin-left: auto;
  white-space: nowrap;
}
.w6r2s8j4 i {
  font-style: normal;
  font-size: 24px;
}
.m9p5x3c7 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}
.h6t2r8w4 {
  position: relative;
  display: grid;
  justify-items: center;
  padding-block: 35px;
  border-radius: 48% 48% 20px 20px;
  background: repeating-linear-gradient(
    135deg,
    #f9e7ef 0px,
    #f9e7ef 10px,
    #fceff5 10px,
    #fceff5 11px
  );
}
.r9g5v3k7 {
  width: 256px;
  background: white;
  border: 8px solid #382d39;
  border-radius: 35px;
  box-shadow:
    15px 20px 0 #dec1d2,
    0 20px 45px #6d3f5c20;
  overflow: hidden;
  transform: rotate(-5deg);
}
.r9g5v3k7 > span {
  display: block;
  font-size: 9px;
  font-weight: 750;
  padding: 10px 16px 6px;
}
.r9g5v3k7 > span b {
  float: right;
  letter-spacing: 0.03em;
}
.r9g5v3k7 > div {
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 750;
}
.r9g5v3k7 > div > span:first-child {
  color: var(--pink);
}
.r9g5v3k7 img {
  width: 100%;
  height: 215px;
  object-position: center 30%;
}
.r9g5v3k7 > div:last-child {
  padding: 18px 18px 26px;
}
.r9g5v3k7 small {
  font-size: 9px;
  color: var(--pink);
}
.r9g5v3k7 h3 {
  font-size: 21px;
  margin-block: 5px;
}
.r9g5v3k7 p {
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
}
.x4m8n2s6 {
  display: block;
  border-top: 1px solid var(--line);
  padding-top: 10px;
  margin-top: 15px;
  font-size: 9px;
  color: var(--muted);
  font-weight: 400;
}
.t7k3b9p5 {
  position: absolute;
  right: -32px;
  bottom: 65px;
  background: white;
  border: 1px solid #eedce6;
  box-shadow: 0 12px 30px #75455f12;
  border-radius: 9px;
  padding: 16px 20px;
  transform: rotate(3deg);
}
.t7k3b9p5 > span {
  float: left;
  margin-right: 10px;
  font-size: 26px;
  color: var(--pink);
}
.t7k3b9p5 strong {
  font-size: 12px;
}
.t7k3b9p5 p {
  font-size: 10px;
  color: var(--muted);
}
.c3v7j9m5 {
  list-style: none;
  display: grid;
  gap: 21px;
  margin-block: 30px 12px;
}
.c3v7j9m5 li {
  display: flex;
  gap: 18px;
}
.c3v7j9m5 li > span {
  font-size: 11px;
  color: var(--pink);
  border-top: 1px solid #d6acbf;
  padding-top: 4px;
}
.c3v7j9m5 h3 {
  font-size: 15px;
}
.c3v7j9m5 p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 3px;
}
.u2p6g8r4 > p.s9w5k3r7 {
  font-size: 10px;
}
.q8n4k6s2 {
  padding-block: 60px;
  border-block: 1px solid var(--line);
  background: #fff5f0;
}
.q8n4k6s2 .a6x2m8p4 > p {
  font-size: 12px;
  color: var(--muted);
}
.q8n4k6s2 h2 {
  font-size: 34px;
}
.f9r5c3v7 {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.f9r5c3v7 li {
  position: relative;
  padding: 12px 40px 0 0;
}
.f9r5c3v7 li + li {
  border-left: 1px solid #e9d5ce;
  padding-left: 40px;
}
.f9r5c3v7 li > span {
  display: block;
  color: #c79c96;
  font-size: 33px;
  font-weight: 800;
  margin-bottom: 8px;
}
.f9r5c3v7 h3 {
  font-size: 19px;
}
.f9r5c3v7 p {
  font-size: 12px;
  color: var(--muted);
  margin-top: 10px;
}
.f9r5c3v7 a {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #ad3e68;
  margin-top: 16px;
}
.x6s2m8r4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
.x6s2m8r4 figure {
  padding: 27px;
  border: 1px solid var(--line);
  border-radius: 4px 24px 4px 24px;
  background: white;
}
.x6s2m8r4 figure > span {
  display: block;
  color: #dc8aac;
  font-family: Georgia, serif;
  font-size: 70px;
  line-height: 0.9;
}
.x6s2m8r4 blockquote {
  font-size: 13px;
  line-height: 2;
  color: #685362;
  min-height: 130px;
}
.x6s2m8r4 figcaption {
  border-top: 1px solid #f0e5eb;
  margin-top: 22px;
  padding-top: 16px;
}
.x6s2m8r4 figcaption b {
  display: block;
  font-size: 12px;
}
.x6s2m8r4 figcaption span {
  font-size: 10px;
  color: var(--muted);
}
#faq {
  padding-top: 5px;
}
.k7p3w9n5 {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 90px;
  border-top: 1px solid var(--line);
  padding-top: 70px;
}
.k7p3w9n5 > div:first-child > p:not(.e5w9n3j7) {
  font-size: 13px;
  color: var(--muted);
  margin-block: 20px;
}
.s4x8g2m6 details {
  padding: 21px 0;
  border-bottom: 1px solid var(--line);
}
.s4x8g2m6 details:first-child {
  padding-top: 0;
}
.s4x8g2m6 summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  font-size: 15px;
  font-weight: 700;
}
.s4x8g2m6 summary span {
  color: var(--pink);
  font-size: 21px;
  font-weight: 400;
  transition: transform 0.2s;
}
.s4x8g2m6 details p {
  color: var(--muted);
  font-size: 12px;
  margin-top: 15px;
  line-height: 2;
  padding-right: 30px;
}
.d9m5r3v7 {
  background: radial-gradient(ellipse at 60% 20%, #f8d9e9, transparent 65%), #edc0d6;
  padding-block: 72px;
}
.p6t2x8k4 {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 120px;
  align-items: center;
}
.p6t2x8k4 h2 {
  font-size: 39px;
}
.b3s7n9c5 {
  font-size: 21px;
  font-weight: 650;
  margin-top: 10px;
}
.p6t2x8k4 > div > p:not(.e5w9n3j7):last-of-type {
  color: #755269;
  font-size: 13px;
  margin-top: 18px;
}
.u8k4p6w2 {
  background: #fffafcbb;
  border: 1px solid #fff4f9;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 12px 12px 0 #c778a125;
  transform: rotate(2deg);
}
.u8k4p6w2 > div {
  padding: 28px 30px 25px;
}
.u8k4p6w2 > div > span {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  color: #bd4e7e;
  background: #f3d7e5;
  border: 1px solid #e9bad1;
  border-radius: 10px;
  font-size: 28px;
  margin-bottom: 16px;
}
.u8k4p6w2 h3 {
  font-size: 14px;
}
.u8k4p6w2 strong {
  font-size: 24px;
  display: block;
  margin-top: 3px;
}
.u8k4p6w2 p {
  font-size: 11px;
  color: var(--muted);
  margin-top: 8px;
}
.u8k4p6w2 > a {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 16px 30px;
  background: #fffafc;
  border-top: 1px solid #edd9e4;
}
.u8k4p6w2 > a span {
  color: #a13a67;
  font-size: 10px;
}
.u8k4p6w2 > a b {
  font-size: 13px;
  grid-row: 2;
}
.u8k4p6w2 > a i {
  font-style: normal;
  font-size: 24px;
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
}
.e8v4s6n2 {
  background: #342632;
  color: #f7eaf0;
  padding-top: 55px;
}
.m7c3r9p5 {
  display: grid;
  grid-template-columns: 0.65fr 1.35fr;
  gap: 70px;
  padding-bottom: 36px;
}
.m7c3r9p5 > div > p {
  font-size: 12px;
  color: #cbb9c4;
  line-height: 2;
  margin-top: 15px;
}
.m7c3r9p5 .f8u2c6r4 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.m7c3r9p5 h2 {
  font-size: 15px;
  margin-top: 9px;
}
.w9g5k3t7 {
  display: flex;
  gap: 45px;
  padding-block: 28px;
  border-block: 1px solid #705b6b66;
}
.w9g5k3t7 h2 {
  font-size: 12px;
  white-space: nowrap;
  line-height: 2;
}
.w9g5k3t7 > div {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 27px;
}
.w9g5k3t7 a {
  font-size: 11px;
  color: #cbb9c4;
}
.w9g5k3t7 a:hover,
.c9p5m3x7 a:hover {
  color: #f2a7c8;
}
.c9p5m3x7 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #bda7b5;
  font-size: 10px;
  padding-block: 23px;
}
[data-reveal][data-visible="false"] {
  opacity: 0;
  transform: translateY(22px);
}
[data-reveal] {
  transition:
    opacity 0.65s var(--ease),
    transform 0.65s var(--ease);
}
@keyframes bloom-in {
  from {
    opacity: 0.2;
    transform: scale(1.035);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (min-width: 1500px) {
  .x7b3m5q9 {
    padding-block: 75px 55px;
    gap: 70px;
  }
}
@media (max-width: 1120px) {
  .n6v4p2s8 {
    width: calc(100% - 56px);
  }
  .b9y5k3t7 {
    gap: 20px;
  }
  .z4j7v2m8 {
    gap: 20px;
    font-size: 12px;
  }
  .f8u2c6r4 {
    font-size: 21px;
  }
  .x7b3m5q9 {
    gap: 20px;
  }
  .s6p2g8n4 {
    padding-inline: 20px;
  }
  .c8r4u6g2 h2 {
    font-size: 62px;
  }
  .v3t7p9c5 {
    grid-template-columns: 100px 1fr;
    gap: 17px;
    padding: 17px;
  }
  .v3t7p9c5 h3 {
    font-size: 17px;
  }
  .c5m9t3x7 {
    gap: 40px;
  }
  .m9p5x3c7 {
    gap: 65px;
  }
  .p6t2x8k4 {
    gap: 60px;
  }
  .k7p3w9n5 {
    gap: 55px;
  }
  .w6r2s8j4 a {
    gap: 17px;
  }
}
@media (max-width: 900px) {
  .z4j7v2m8 {
    display: none;
  }
  .b9y5k3t7 {
    justify-content: space-between;
    min-height: 76px;
  }
  .u7g3r9h5 {
    top: 67px;
  }
  .x7b3m5q9 {
    gap: 10px;
    padding-top: 40px;
  }
  .c8r4u6g2 h2 {
    font-size: 51px;
  }
  .t4m8v2k6 {
    font-size: 16px;
  }
  .r7j3x9c5 {
    font-size: 12px;
  }
  .l3v7n9r5 {
    padding: 13px 18px;
    font-size: 13px;
  }
  .w2q6k8h4 {
    gap: 16px;
  }
  .w2q6k8h4 .m4t8j2s6 {
    font-size: 12px;
  }
  .j5m9x3r7 {
    font-size: 36px;
    right: 0;
  }
  .o8k4v6m2 {
    width: 62px;
    height: 62px;
    font-size: 15px;
  }
  .b4n8w2k6 {
    aspect-ratio: 1/1.25;
    border-width: 7px;
  }
  .y7r3h9c5 figcaption {
    padding: 60px 17px 20px;
  }
  .y7r3h9c5 figcaption strong {
    font-size: 23px;
  }
  .y7r3h9c5 figcaption > span {
    font-size: 10px;
  }
  .z9g5r3t7 {
    padding-block: 60px;
  }
  .a6x2m8p4 {
    align-items: flex-start;
  }
  .a6x2m8p4 > .q2c8m4w6 > .s9w5k3r7 {
    display: none;
  }
  .r4k8x2p6 {
    flex-basis: calc((100% - 48px) / 3);
  }
  .c5m9t3x7 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .u2p6g8r4 h2 br {
    display: none;
  }
  .g6n2v8k4 {
    gap: 16px;
  }
  .v3t7p9c5 {
    grid-template-columns: 85px 1fr;
    gap: 14px;
  }
  .v3t7p9c5 .s9w5k3r7 {
    font-size: 9px;
  }
  .b7x3p9w5 {
    gap: 25px;
    grid-template-columns: 0.85fr 1.15fr;
  }
  .n4c8k2v6 {
    padding: 25px;
  }
  .w6r2s8j4 b {
    display: none;
  }
  .w6r2s8j4 a i {
    margin-left: auto;
  }
  .w6r2s8j4 h3 {
    font-size: 17px;
  }
  .m9p5x3c7 {
    gap: 45px;
  }
  .t7k3b9p5 {
    right: -12px;
    padding: 13px;
  }
  .x6s2m8r4 {
    gap: 15px;
  }
  .x6s2m8r4 figure {
    padding: 21px;
  }
  .x6s2m8r4 blockquote {
    font-size: 12px;
    min-height: 170px;
  }
  .k7p3w9n5 {
    grid-template-columns: 0.65fr 1.35fr;
    gap: 40px;
  }
  .p6t2x8k4 {
    gap: 35px;
    grid-template-columns: 1.3fr 1fr;
  }
  .p6t2x8k4 h2 {
    font-size: 32px;
  }
  .b3s7n9c5 {
    font-size: 18px;
  }
  .u8k4p6w2 > div {
    padding: 23px;
  }
  .u8k4p6w2 strong {
    font-size: 21px;
  }
}
@media (max-width: 650px) {
  :root {
    scroll-padding-top: 90px;
  }
  section[id],
  article[id],
  nav[id] {
    scroll-margin-top: 90px;
  }
  .n6v4p2s8 {
    width: calc(100% - 40px);
  }
  .b9y5k3t7 {
    min-height: 70px;
    gap: 12px;
  }
  .f8u2c6r4 {
    font-size: 21px;
  }
  .f8u2c6r4 a {
    gap: 7px;
  }
  .f8u2c6r4 a > span:first-child {
    font-size: 36px;
  }
  .f8u2c6r4 small {
    font-size: 7px;
    letter-spacing: 0.18em;
    margin-top: 4px;
  }
  .b9y5k3t7 .q2c8m4w6 {
    gap: 8px;
  }
  .b9y5k3t7 .p5k9s3v7 {
    padding: 9px 12px;
    font-size: 11px;
    gap: 8px;
  }
  .b9y5k3t7 .p5k9s3v7 span {
    font-size: 16px;
  }
  .d6s2w8k4 {
    padding: 9px;
    font-size: 11px;
  }
  .d6s2w8k4 span {
    margin-left: 5px;
  }
  .u7g3r9h5 {
    right: 16px;
    top: 61px;
  }
  .x7b3m5q9 {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-block: 36px 24px;
  }
  .c8r4u6g2 {
    position: relative;
  }
  .c8r4u6g2 h2 {
    font-size: clamp(49px, 10.8vw, 68px);
    line-height: 1.2;
  }
  .c8r4u6g2 .e5w9n3j7 {
    font-size: 10px;
    margin-bottom: 16px;
  }
  .t4m8v2k6 {
    font-size: 16px;
    margin-top: 22px;
  }
  .r7j3x9c5 {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.9;
  }
  .w2q6k8h4 {
    margin-top: 23px;
    gap: 20px;
  }
  .v9c5b3w7 {
    display: none;
  }
  .s6p2g8n4 {
    width: min(100%, 425px);
    padding: 20px 14px 0;
    justify-self: center;
  }
  .b4n8w2k6 {
    aspect-ratio: 1/1.03;
    border-radius: 170px 170px 13px 13px;
  }
  .j5m9x3r7 {
    top: -3px;
    right: -2px;
    font-size: 34px;
  }
  .o8k4v6m2 {
    top: 43px;
    left: -2px;
  }
  .y7r3h9c5 figcaption strong {
    font-size: 26px;
  }
  .i3x7p9s5 {
    margin-top: 17px;
  }
  .i3x7p9s5 button {
    height: 34px;
  }
  .f3q7b9u5 {
    justify-content: center;
    gap: 19px;
    padding: 11px 20px;
    font-size: 10px;
  }
  .f3q7b9u5 span:nth-child(n + 7) {
    display: none;
  }
  .z9g5r3t7 {
    padding-block: 48px;
  }
  h2 {
    font-size: 27px;
    line-height: 1.4;
  }
  .a6x2m8p4 {
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 24px;
  }
  .a6x2m8p4 h2 em {
    display: block;
  }
  .a6x2m8p4 > .q2c8m4w6 {
    margin-left: auto;
    margin-top: -51px;
  }
  #popular h2 {
    font-size: 24px;
  }
  .h4v8c2n6 {
    width: 31px;
    height: 31px;
  }
  .t9b5j3m7 {
    gap: 16px;
  }
  .r4k8x2p6 {
    flex-basis: 66%;
  }
  .p8m4s6g2 {
    aspect-ratio: 3/3.6;
  }
  .r4k8x2p6 h3 {
    font-size: 17px;
  }
  .r4k8x2p6 p {
    font-size: 11px;
  }
  .k8w4r6n2 {
    padding-block: 40px;
  }
  .c5m9t3x7 {
    gap: 25px;
  }
  .u2p6g8r4 > p:not(.e5w9n3j7) {
    font-size: 12px;
    margin-top: 14px;
  }
  .l7c3s9v5 {
    gap: 11px;
  }
  .l7c3s9v5 article {
    padding: 18px 16px;
  }
  .l7c3s9v5 h3 {
    font-size: 14px;
  }
  .l7c3s9v5 p {
    font-size: 11px;
  }
  .o3r7x9m5 {
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
  .o3r7x9m5 button {
    padding: 7px 12px;
    font-size: 11px;
  }
  .o3r7x9m5 p {
    width: 100%;
    margin: 8px 0 0 4px;
    font-size: 10px;
  }
  .g6n2v8k4 {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .v3t7p9c5 {
    grid-template-columns: 98px 1fr;
    gap: 17px;
    padding: 16px;
  }
  .v3t7p9c5 h3 {
    font-size: 17px;
  }
  .v3t7p9c5 > div > p {
    font-size: 11px;
  }
  .v3t7p9c5 details p {
    font-size: 11px;
  }
  .j8s4m6r2 {
    padding-block: 45px;
  }
  .b7x3p9w5 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .n4c8k2v6 {
    padding: 25px;
  }
  .n4c8k2v6 > strong {
    float: left;
    margin-right: 20px;
    font-size: 78px;
  }
  .n4c8k2v6 h3 {
    font-size: 23px;
    margin-top: 14px;
  }
  .n4c8k2v6 p {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .n4c8k2v6 p br {
    display: none;
  }
  .n4c8k2v6 a {
    clear: both;
    padding: 10px 16px;
    font-size: 12px;
  }
  .e7g3m9t5 {
    font-size: 235px;
  }
  .w6r2s8j4 a {
    padding-block: 20px;
    gap: 20px;
  }
  .w6r2s8j4 p {
    font-size: 11px;
  }
  .w6r2s8j4 a > span {
    font-size: 29px;
  }
  .m9p5x3c7 {
    display: flex;
    flex-direction: column-reverse;
    gap: 34px;
    align-items: stretch;
  }
  .h6t2r8w4 {
    margin-inline: 8px;
    padding-block: 30px 37px;
  }
  .r9g5v3k7 {
    width: 240px;
  }
  .r9g5v3k7 img {
    height: 190px;
  }
  .t7k3b9p5 {
    right: -8px;
    bottom: 42px;
    padding: 12px;
  }
  .c3v7j9m5 {
    gap: 17px;
    margin-block: 24px 8px;
  }
  .q8n4k6s2 {
    padding-block: 42px;
  }
  .q8n4k6s2 h2 {
    font-size: 27px;
  }
  .f9r5c3v7 {
    grid-template-columns: 1fr;
  }
  .f9r5c3v7 li,
  .f9r5c3v7 li + li {
    padding: 20px 0 20px 58px;
    border-left: none;
  }
  .f9r5c3v7 li + li {
    border-top: 1px solid #e9d5ce;
  }
  .f9r5c3v7 li > span {
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 29px;
  }
  .f9r5c3v7 h3 {
    font-size: 18px;
  }
  .f9r5c3v7 p {
    margin-top: 8px;
  }
  .f9r5c3v7 a {
    margin-top: 9px;
  }
  .x6s2m8r4 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .x6s2m8r4 figure {
    padding: 24px;
  }
  .x6s2m8r4 blockquote {
    min-height: auto;
    font-size: 13px;
  }
  .x6s2m8r4 figure > span {
    font-size: 56px;
  }
  .x6s2m8r4 figcaption {
    margin-top: 17px;
    padding-top: 12px;
  }
  .k7p3w9n5 {
    grid-template-columns: 1fr;
    gap: 25px;
    padding-top: 40px;
  }
  .k7p3w9n5 h2 br {
    display: none;
  }
  .k7p3w9n5 > div:first-child > p:not(.e5w9n3j7) {
    margin-block: 14px;
    font-size: 12px;
  }
  .s4x8g2m6 summary {
    font-size: 14px;
  }
  .s4x8g2m6 details {
    padding-block: 18px;
  }
  .d9m5r3v7 {
    padding-block: 45px;
  }
  .p6t2x8k4 {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .p6t2x8k4 h2 {
    font-size: 30px;
  }
  .p6t2x8k4 > div > p:not(.e5w9n3j7):last-of-type {
    font-size: 12px;
  }
  .b3s7n9c5 {
    font-size: 17px;
  }
  .u8k4p6w2 {
    transform: rotate(0);
    margin-right: 9px;
  }
  .u8k4p6w2 > div {
    padding: 23px;
  }
  .u8k4p6w2 > div > span {
    float: right;
    margin: 0;
  }
  .u8k4p6w2 strong {
    font-size: 23px;
  }
  .u8k4p6w2 > a {
    padding: 14px 23px;
  }
  .e8v4s6n2 {
    padding-top: 36px;
  }
  .m7c3r9p5 {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 27px;
  }
  .m7c3r9p5 > div > p {
    font-size: 11px;
  }
  .m7c3r9p5 h2 {
    margin-top: 0;
  }
  .w9g5k3t7 {
    flex-direction: column;
    gap: 15px;
    padding-block: 24px;
  }
  .w9g5k3t7 > div {
    gap: 13px 21px;
  }
  .c9p5m3x7 {
    flex-direction: column;
    gap: 7px;
    font-size: 9px;
    padding-block: 20px;
  }
}
@media (max-width: 360px) {
  .n6v4p2s8 {
    width: calc(100% - 30px);
  }
  .f8u2c6r4 {
    font-size: 18px;
  }
  .b9y5k3t7 .p5k9s3v7 {
    padding-inline: 9px;
  }
  .b9y5k3t7 .p5k9s3v7 span {
    display: none;
  }
  .c8r4u6g2 h2 {
    font-size: 47px;
  }
  .a6x2m8p4 > .q2c8m4w6 {
    margin-top: 0;
  }
  .l7c3s9v5 {
    grid-template-columns: 1fr;
  }
  .v3t7p9c5 {
    grid-template-columns: 82px 1fr;
    gap: 13px;
    padding: 13px;
  }
  .v3t7p9c5 h3 {
    font-size: 16px;
  }
  .o3r7x9m5 button {
    padding-inline: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  [data-reveal][data-visible="false"] {
    opacity: 1;
    transform: none;
  }
}