@charset "UTF-8";
@layer reset,foundation,navigation,feature,collection,chapters,adaptive;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 112px;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    cursor: pointer;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  [hidden] {
    display: none !important;
  }
  :focus-visible {
    outline: 3px solid #ad392c;
    outline-offset: 5px;
  }
  ::selection {
    background: #ffdbbf;
    color: #282624;
  }
}
@layer foundation {
  :root {
    --paper: #faf9f6;
    --ink: #282724;
    --muted: #6e6c65;
    --line: #e6e3da;
    --accent: #c44a32;
    --soft: #f1eee6;
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family:
      Segoe UI,
      Microsoft YaHei,
      PingFang SC,
      sans-serif;
    font-size: 15px;
    line-height: 1.7;
  }
  button {
    color: inherit;
  }
  h2,
  h3 {
    line-height: 1.35;
  }
  h2 {
    font-size: clamp(26px, 2.6vw, 36px);
    letter-spacing: -0.04em;
    font-weight: 750;
  }
  h3 {
    font-size: 19px;
  }
  .a7m2q9vx {
    width: min(1280px, calc(100% - 96px));
    margin-inline: auto;
  }
  .l3w9t5hz {
    margin-top: 94px;
  }
  .m6c1v8pr {
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.13em;
    line-height: 1.8;
    margin-bottom: 14px;
  }
  .p4u7e1ls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 13px 22px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: linear-gradient(110deg, #c94932, #e77643);
    color: #fff;
    font-weight: 650;
    font-size: 14px;
    box-shadow: 0 5px 14px #c949321a;
    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }
  .p4u7e1ls:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px #c9493230;
  }
  .p4u7e1ls span {
    font-size: 20px;
    line-height: 1;
  }
  .p4u7e1ls[data-tone="quiet"] {
    background: transparent;
    border-color: #d8d3c8;
    color: var(--ink);
    padding: 9px 15px;
    box-shadow: none;
  }
  .o5y1c8bn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 650;
    font-size: 13px;
    transition: color 0.2s;
  }
  .o5y1c8bn:hover {
    color: var(--accent);
  }
  .o5y1c8bn span {
    font-size: 19px;
  }
  .n9y4b2kt {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
  }
  .n9y4b2kt h2 span {
    display: inline-block;
    margin-left: 22px;
    color: var(--muted);
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: middle;
  }
  .y8m2s6dw {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.9;
  }
  .u1n5q8bz {
    color: var(--muted);
    font-size: 11px;
    margin-top: 18px;
    line-height: 1.8;
  }
  .u1n5q8bz > span {
    padding: 0 12px;
    color: #b9b1a2;
  }
  .z3q7l1hc {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .i8r5b3qm {
    position: fixed;
    top: -90px;
    left: 16px;
    z-index: 100;
    padding: 12px 20px;
    background: var(--ink);
    color: #fff;
    border-radius: 5px;
  }
  .i8r5b3qm:focus {
    top: 15px;
  }
  [data-reveal] {
    opacity: 1;
    transform: none;
  }
  [data-reveal="waiting"] {
    opacity: 0;
    transform: translateY(22px);
  }
  [data-reveal="visible"] {
    opacity: 1;
    transform: none;
    transition:
      opacity 0.65s ease,
      transform 0.65s ease;
  }
}
@layer navigation {
  .r8k4v2nc {
    background: #faf9f6f5;
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    z-index: 30;
  }
  .r8k4v2nc > .a7m2q9vx {
    display: flex;
    gap: 32px;
    align-items: center;
    min-height: 88px;
  }
  .b3n8w5qa {
    flex-shrink: 0;
    font-size: 23px;
    line-height: 1.15;
    letter-spacing: 0.03em;
  }
  .b3n8w5qa a {
    display: flex;
    gap: 11px;
    align-items: center;
  }
  .b3n8w5qa img {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #e5ded2;
  }
  .b3n8w5qa small {
    display: block;
    color: var(--muted);
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.12em;
    margin-top: 7px;
  }
  .d6y2h9xt {
    display: flex;
    margin-left: auto;
    gap: 29px;
    font-size: 13px;
  }
  .d6y2h9xt a {
    position: relative;
    padding-block: 32px;
    white-space: nowrap;
    transition: color 0.2s;
  }
  .d6y2h9xt a:hover,
  .d6y2h9xt a[aria-current] {
    color: var(--accent);
  }
  .d6y2h9xt a[aria-current]:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 3px;
    bottom: 21px;
    left: calc(50% - 7.5px);
    border-radius: 2px;
    background: var(--accent);
  }
  .j9k2d6we {
    display: none;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: transparent;
    padding: 7px 11px;
    font-size: 12px;
  }
  .k6r8w1ty {
    background: var(--paper);
    padding: 15px 24px 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    border-top: 1px solid var(--line);
  }
  .k6r8w1ty a {
    padding: 9px;
    border-radius: 6px;
    font-size: 13px;
    text-align: center;
    background: var(--soft);
  }
}
@layer feature {
  .f9t3k6az {
    padding-top: 47px;
    padding-bottom: 36px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
  }
  .f9t3k6az h2 {
    font-size: clamp(38px, 4.7vw, 67px);
    line-height: 1.18;
    letter-spacing: -0.05em;
  }
  .f9t3k6az h2 br {
    display: none;
  }
  .f9t3k6az h2 span {
    color: var(--accent);
  }
  .f9t3k6az .m6c1v8pr {
    color: var(--muted);
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-bottom: 13px;
  }
  .f9t3k6az .m6c1v8pr span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--accent);
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
  }
  .l8v2m7qd {
    flex-shrink: 0;
    max-width: 350px;
  }
  .l8v2m7qd > p {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 18px;
  }
  .n3s7k9ax {
    display: flex;
    gap: 25px;
    align-items: center;
  }
  .h2v8c4ry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 302px;
    border-radius: 16px;
    overflow: hidden;
    min-height: 425px;
    border: 1px solid #e2ddd3;
  }
  .p8h4v1cz {
    position: relative;
    min-width: 0;
    background: #333c3d;
    isolation: isolate;
  }
  .j5x1s7bn {
    position: relative;
    height: 100%;
    min-height: 425px;
    color: #fff;
    animation: dissolve 0.6s ease both;
    overflow: hidden;
  }
  .j5x1s7bn > img {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    object-position: 50% 36%;
  }
  .j5x1s7bn:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
      linear-gradient(90deg, #101a1cd9, #101a1c40 80%),
      linear-gradient(0deg, #101a1ca1, transparent 65%);
  }
  .q1w7m4dr {
    padding: 37px 40px 90px;
    position: relative;
    z-index: 1;
  }
  .s1d6w4xt {
    border: 1px solid #ffffff61;
    background: #ffffff14;
    color: #fff;
    backdrop-filter: blur(9px);
    display: inline-block;
    border-radius: 4px;
    font-size: 10px;
    padding: 3px 10px;
    letter-spacing: 0.04em;
  }
  .q1w7m4dr > p {
    font-size: clamp(28px, 3vw, 43px);
    font-weight: 650;
    letter-spacing: 0.01em;
    line-height: 1.45;
    margin-top: 31px;
    margin-bottom: 12px;
    text-shadow: 0 2px 10px #0003;
  }
  .q1w7m4dr h3 {
    font-size: 15px;
    font-weight: 450;
    opacity: 0.95;
    letter-spacing: 0.13em;
  }
  .q1w7m4dr a {
    display: inline-flex;
    align-items: center;
    gap: 28px;
    font-size: 12px;
    border-bottom: 1px solid #ffffff80;
    padding-bottom: 5px;
    margin-top: 26px;
  }
  .q1w7m4dr a:hover {
    color: #ffe4cb;
  }
  .r4a8x2ls {
    position: absolute;
    right: 25px;
    top: 37px;
    z-index: 1;
    font-size: 11px;
    color: #ffffffb8;
    letter-spacing: 0.18em;
  }
  .s5k1b9vp {
    position: absolute;
    bottom: 22px;
    left: 40px;
    right: 28px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
  }
  .s5k1b9vp > div {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-right: auto;
  }
  .s5k1b9vp button {
    background: #ffffff12;
    border: 1px solid #ffffff7a;
    color: #fff;
    padding: 4px 8px;
    font-size: 11px;
    min-height: 30px;
    border-radius: 4px;
    transition: background 0.2s;
  }
  .s5k1b9vp button:hover {
    background: #ffffff35;
  }
  .s5k1b9vp [data-page] {
    width: 31px;
    height: 30px;
    min-height: 30px;
    border: 0;
    background: transparent;
    padding: 0;
    position: relative;
  }
  .s5k1b9vp [data-page]:before {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    top: 14px;
    left: 0;
    background: #ffffff65;
    border-radius: 4px;
  }
  .s5k1b9vp [data-page][aria-pressed="true"]:before {
    background: #fff;
  }
  .k8q2m6df {
    background: #f0ede4;
    padding: 31px 27px 24px;
  }
  .k8q2m6df > .m6c1v8pr {
    font-size: 9px;
    letter-spacing: 0.16em;
    margin-bottom: 9px;
  }
  .k8q2m6df h3 {
    font-size: 21px;
    margin-bottom: 26px;
  }
  .k8q2m6df > a {
    display: flex;
    gap: 13px;
    align-items: center;
    border-top: 1px solid #dcd7cb;
    padding: 17px 0;
    transition: transform 0.25s;
  }
  .k8q2m6df > a:hover {
    transform: translate(4px);
  }
  .k8q2m6df > a > span {
    font-size: 11px;
    color: #9c8f7c;
    font-family: Georgia, serif;
  }
  .k8q2m6df strong {
    font-size: 13px;
    font-weight: 600;
  }
  .k8q2m6df small {
    display: block;
    color: var(--muted);
    font-size: 11px;
    margin-top: 2px;
  }
  .k8q2m6df b {
    font-weight: 400;
    font-size: 19px;
    margin-left: auto;
    color: #8c806a;
  }
  .t8c4r6yn {
    border-top: 1px solid #dcd7cb;
    margin-top: 6px;
    padding-top: 19px;
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .t8c4r6yn > span {
    color: var(--accent);
    font-size: 28px;
  }
  .t8c4r6yn p {
    font-size: 11px;
  }
  .t8c4r6yn small {
    font-size: 10px;
  }
  @keyframes dissolve {
    0% {
      opacity: 0.35;
      transform: scale(1.015);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
}
@layer collection {
  .p2f7d5wx {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
  }
  .q5h8s1vm {
    min-width: 0;
  }
  .r7b3n9ka {
    aspect-ratio: 4/5;
    position: relative;
    overflow: hidden;
    border-radius: 9px;
    background: #e5ded2;
  }
  .r7b3n9ka img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
  }
  .r7b3n9ka:after {
    content: "";
    position: absolute;
    inset: 60% 0 0;
    background: linear-gradient(transparent, #0006);
  }
  .r7b3n9ka .s1d6w4xt {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #25231e80;
    border-color: #ffffff38;
  }
  .v4c8x1mp {
    position: absolute;
    right: 17px;
    bottom: 17px;
    z-index: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid #fff9;
    color: #fff;
    font-size: 21px;
    transition:
      background 0.25s,
      color 0.25s;
  }
  .q5h8s1vm a:hover img {
    transform: scale(1.045);
  }
  .q5h8s1vm a:hover .v4c8x1mp {
    background: #fff;
    color: var(--ink);
  }
  .w8t2a6rn {
    display: flex;
    align-items: start;
    gap: 13px;
    padding-top: 17px;
  }
  .w8t2a6rn > span {
    color: #bcb4a5;
    font-family: Georgia, serif;
    font-size: 27px;
    line-height: 1.2;
  }
  .w8t2a6rn h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .w8t2a6rn p {
    font-size: 11px;
    color: var(--muted);
  }
  .t4p9c2zh {
    border-block: 1px solid var(--line);
    padding-block: 35px;
    display: grid;
    grid-template-columns: 0.75fr 1.7fr;
    gap: 60px;
  }
  .t4p9c2zh > div:first-child {
    padding-top: 10px;
  }
  .t4p9c2zh h2 {
    font-size: 30px;
    margin-bottom: 17px;
  }
  .t4p9c2zh > div > p:not(.m6c1v8pr) {
    color: var(--muted);
    font-size: 12px;
  }
  .x5v9b3kf {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .x5v9b3kf article {
    padding: 23px;
    border-radius: 9px;
    background: #f1eee7;
    position: relative;
    transition: background 0.25s;
  }
  .x5v9b3kf article:hover {
    background: #ece6da;
  }
  .x5v9b3kf article > span {
    display: block;
    color: var(--accent);
    font-size: 23px;
    margin-bottom: 10px;
    line-height: 1;
  }
  .x5v9b3kf h3 {
    font-size: 15px;
    margin-bottom: 9px;
  }
  .x5v9b3kf article p {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.8;
  }
  .v2x6r9fj {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 20px;
  }
  .v2x6r9fj > div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .v2x6r9fj button {
    background: transparent;
    border: 1px solid transparent;
    padding: 8px 17px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .v2x6r9fj button[aria-pressed="true"] {
    background: var(--ink);
    color: #fff;
  }
  .v2x6r9fj button:hover {
    background: #e9e3d8;
    color: var(--ink);
  }
  .v2x6r9fj form {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 6px;
    max-width: 310px;
    width: 100%;
  }
  .v2x6r9fj input {
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 11px 12px;
    font-size: 12px;
    background: transparent;
    color: var(--ink);
    border-radius: 6px;
  }
  .v2x6r9fj form button {
    color: var(--accent);
    padding: 9px 11px;
  }
  .u8m5k1bs {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .x9g3n6qy {
    display: flex;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 13px;
    min-width: 0;
    transition:
      border-color 0.25s,
      box-shadow 0.25s;
    scroll-margin-top: 120px;
  }
  .x9g3n6qy:target {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px #c44a3215;
  }
  .x9g3n6qy:hover {
    border-color: #c9bda9;
  }
  .x9g3n6qy > img {
    width: 36%;
    min-width: 0;
    align-self: stretch;
    border-radius: 5px;
    aspect-ratio: 5/7;
    background: #ddd7ce;
  }
  .x9g3n6qy > div {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-block: 6px;
  }
  .x9g3n6qy .m6c1v8pr {
    font-size: 9px;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
  }
  .x9g3n6qy h3 {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .x9g3n6qy p:not(.m6c1v8pr) {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.9;
  }
  .x9g3n6qy a {
    font-size: 10px;
    padding-top: 20px;
    color: var(--accent);
    margin-top: auto;
    font-weight: 600;
  }
  .x9g3n6qy a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .a4w8k2nx {
    padding: 45px 20px;
    background: var(--soft);
    text-align: center;
    border-radius: 10px;
    margin-top: 22px;
  }
  .a4w8k2nx p {
    font-size: 13px;
    color: var(--muted);
    margin: 10px 0 20px;
  }
  .y4e8p2lv {
    border-radius: 12px;
    background: #f0ede5;
    display: grid;
    grid-template-columns: 1fr 2fr;
    overflow: hidden;
  }
  .b7p1v5sc {
    padding: 39px;
    border-right: 1px solid #dfd9cd;
    position: relative;
  }
  .b7p1v5sc h2 {
    font-size: 36px;
    margin-bottom: 17px;
  }
  .b7p1v5sc > p:not(.m6c1v8pr) {
    color: var(--muted);
    font-size: 12px;
  }
  .c2q6m9xr {
    display: inline-block;
    background: #e3d9c7;
    color: #786245;
    font-size: 10px;
    padding: 4px 11px;
    border-radius: 3px;
    margin: 22px 0 4px;
  }
  .b7p1v5sc time {
    display: block;
    color: #7d786e;
    font-size: 10px;
    margin-top: 28px;
  }
  .z6b1h5sw {
    list-style: none;
    margin: 0;
    padding: 14px 30px;
  }
  .z6b1h5sw li + li {
    border-top: 1px solid #ddd7cc;
  }
  .z6b1h5sw a {
    display: flex;
    align-items: center;
    gap: 23px;
    padding: 17px 0;
    transition: transform 0.2s;
  }
  .z6b1h5sw a:hover {
    transform: translate(5px);
  }
  .z6b1h5sw a > span {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 27px;
    color: #a68861;
    min-width: 31px;
  }
  .z6b1h5sw li:first-child a > span {
    color: var(--accent);
  }
  .z6b1h5sw img {
    width: 47px;
    height: 60px;
    border-radius: 4px;
    background: #ded4c5;
    flex-shrink: 0;
  }
  .z6b1h5sw h3 {
    font-size: 16px;
  }
  .z6b1h5sw p {
    font-size: 11px;
    color: var(--muted);
    margin-top: 5px;
  }
  .z6b1h5sw b {
    font-size: 10px;
    font-weight: 400;
    color: #84765f;
    margin-left: auto;
    white-space: nowrap;
  }
  .z6b1h5sw i {
    font-size: 23px;
    font-style: normal;
    margin-left: 8px;
  }
}
@layer chapters {
  .a3t7v9mx {
    background: #ecefe9;
    padding-block: 62px;
    overflow: hidden;
  }
  .a3t7v9mx > .a7m2q9vx {
    display: grid;
    grid-template-columns: 0.85fr 1.3fr;
    align-items: center;
    gap: 60px;
  }
  .d8x3k7lm h2 {
    font-size: 40px;
    margin-bottom: 20px;
  }
  .d8x3k7lm > p:not(.m6c1v8pr) {
    color: #637063;
    font-size: 13px;
  }
  .d8x3k7lm ul {
    list-style: none;
    padding: 0;
    font-size: 12px;
    margin: 25px 0;
    color: #556252;
  }
  .d8x3k7lm li {
    margin-bottom: 10px;
  }
  .d8x3k7lm li:before {
    content: "↗";
    padding-right: 12px;
  }
  .b8w2k4pn {
    position: relative;
    padding: 30px 60px 36px 0;
    min-width: 0;
  }
  .e3b7r1qw {
    border: 8px solid #3a423c;
    border-bottom-width: 13px;
    border-radius: 13px;
    background: var(--paper);
    transform: rotate(-3deg);
    box-shadow: 0 25px 40px #3f554020;
  }
  .e3b7r1qw > div:first-child {
    height: 28px;
    background: #e4e7e1;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .e3b7r1qw > div:first-child span {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #a5afa1;
  }
  .e3b7r1qw small {
    font-size: 7px;
    margin-left: 20px;
    color: #71806c;
  }
  .f6t2n8vc {
    padding: 20px;
  }
  .f6t2n8vc > span {
    font-size: 8px;
    color: var(--accent);
  }
  .f6t2n8vc strong {
    display: block;
    font-size: 21px;
    margin: 6px 0 13px;
  }
  .f6t2n8vc img {
    width: 100%;
    height: 190px;
    border-radius: 4px;
    background: #c2cbb8;
  }
  .f6t2n8vc p {
    font-size: 8px;
    margin-top: 13px;
    color: var(--muted);
  }
  .g1h5x9ma {
    position: absolute;
    width: 170px;
    right: 0;
    bottom: 10px;
    background: var(--paper);
    border: 6px solid #303a32;
    border-radius: 25px;
    box-shadow: 0 15px 35px #243a3026;
    transform: rotate(6deg);
    padding: 25px 9px 14px;
  }
  .g1h5x9ma > span {
    position: absolute;
    top: 9px;
    left: 33%;
    width: 34%;
    height: 7px;
    background: #303a32;
    border-radius: 6px;
  }
  .g1h5x9ma small {
    font-size: 8px;
    color: var(--accent);
  }
  .g1h5x9ma strong {
    display: block;
    font-size: 12px;
    margin: 5px 0 10px;
  }
  .g1h5x9ma img {
    width: 100%;
    height: 156px;
    border-radius: 5px;
    background: #c6c4b4;
  }
  .g1h5x9ma b {
    display: block;
    font-size: 12px;
    margin-top: 10px;
  }
  .g1h5x9ma p {
    font-size: 8px;
    color: var(--muted);
    margin: 3px 0 10px;
  }
  .g1h5x9ma em {
    font-style: normal;
    display: block;
    color: #fff;
    background: #bf563d;
    border-radius: 3px;
    padding: 6px;
    font-size: 8px;
    text-align: center;
  }
  .h4c8p2sy {
    margin-top: 23px;
    font-size: 9px;
    color: #677362;
  }
  .c1r6s9dz {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
  }
  .c1r6s9dz li {
    border-top: 1px solid #cfc8b9;
    padding-top: 25px;
    display: flex;
    gap: 22px;
  }
  .c1r6s9dz li > span {
    font-family: Georgia, serif;
    color: #cbbfa9;
    font-size: 39px;
    line-height: 1.1;
  }
  .c1r6s9dz h3 {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .c1r6s9dz p {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.9;
  }
  .c1r6s9dz a {
    font-size: 11px;
    color: var(--accent);
    display: inline-block;
    margin-top: 17px;
  }
  .c1r6s9dz a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .d5m8x2qa {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
  .d5m8x2qa article {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 25px 28px;
    background: #fffdfa;
    display: flex;
    flex-direction: column;
  }
  .d5m8x2qa article > span {
    font-family: Georgia, serif;
    font-size: 52px;
    line-height: 0.9;
    color: #b2a185;
  }
  .d5m8x2qa blockquote {
    font-size: 13px;
    color: #5d5c54;
    line-height: 2;
    padding-block: 8px 27px;
  }
  .d5m8x2qa article > div {
    border-top: 1px solid var(--line);
    padding-top: 16px;
    margin-top: auto;
  }
  .d5m8x2qa b {
    font-size: 12px;
  }
  .d5m8x2qa small {
    display: block;
    color: var(--muted);
    font-size: 10px;
    margin-top: 5px;
  }
  .e9k3v7hb {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
    border-top: 1px solid var(--line);
    padding-top: 40px;
  }
  .e9k3v7hb h2 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  .e9k3v7hb > div:first-child > p:not(.m6c1v8pr) {
    font-size: 12px;
    color: var(--muted);
  }
  .e9k3v7hb details {
    border-bottom: 1px solid var(--line);
  }
  .e9k3v7hb summary {
    padding: 19px 1px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
  .e9k3v7hb summary::-webkit-details-marker {
    display: none;
  }
  .e9k3v7hb summary > span {
    font-size: 24px;
    font-weight: 300;
    color: var(--accent);
    transition: transform 0.2s;
    line-height: 1;
  }
  .e9k3v7hb [open] summary > span {
    transform: rotate(45deg);
  }
  .e9k3v7hb details p {
    color: var(--muted);
    font-size: 12px;
    line-height: 2;
    padding: 0 30px 22px 0;
  }
  .f2n6q1wt {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 39px;
    border: 1px solid #e6dbca;
    border-radius: 13px;
    background: linear-gradient(115deg, #f3e9d9, #faeddf 60%, #fae0cb);
  }
  .i7v3a9rk {
    width: 86px;
    height: 93px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ca5941;
    color: #fff;
    font-family: Georgia, serif;
    font-size: 31px;
    font-style: italic;
    border-radius: 22px;
    box-shadow: 0 8px 15px #c3614020;
    transform: rotate(-7deg);
    flex-shrink: 0;
  }
  .i7v3a9rk span {
    font-family:
      Microsoft YaHei,
      sans-serif;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 0.3em;
    margin-left: 4px;
  }
  .f2n6q1wt .m6c1v8pr {
    font-size: 9px;
    margin-bottom: 7px;
  }
  .f2n6q1wt h2 {
    font-size: 29px;
    margin-bottom: 9px;
  }
  .f2n6q1wt > div > p:not(.m6c1v8pr) {
    font-size: 13px;
    color: #74624f;
  }
  .j2m6q8wb {
    display: inline-block;
    font-size: 10px;
    border: 1px solid #d5bf9e;
    color: #715738;
    border-radius: 3px;
    padding: 2px 9px;
    margin-top: 13px;
  }
  .f2n6q1wt small {
    display: block;
    font-size: 10px;
    color: #7d6b58;
    margin-top: 9px;
  }
  .k5t9c1nz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 17px;
    margin-left: auto;
    flex-shrink: 0;
  }
  .k5t9c1nz .o5y1c8bn {
    font-size: 11px;
    color: #795d41;
  }
  .g7p4c8ls {
    margin-top: 90px;
    background: #eeece6;
    border-top: 1px solid #e3dfd6;
  }
  .l1q5w8xh {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 80px;
    padding-block: 55px 42px;
  }
  .l1q5w8xh .m6c1v8pr {
    font-size: 9px;
  }
  .l1q5w8xh h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  .l1q5w8xh > div:first-child > p:last-child {
    color: #777265;
    font-size: 12px;
  }
  .l1q5w8xh > div:last-child {
    padding-top: 8px;
  }
  .l1q5w8xh > div:last-child p {
    font-size: 12px;
    color: #68665d;
    line-height: 2.1;
  }
  .l1q5w8xh > div:last-child p + p {
    font-size: 10px;
    color: #7d796e;
    margin-top: 16px;
  }
  .h6j2k9vt {
    border-top: 1px solid #dcd7cb;
    padding-block: 24px;
    display: flex;
    align-items: start;
    gap: 42px;
  }
  .h6j2k9vt h3 {
    font-size: 13px;
    white-space: nowrap;
  }
  .h6j2k9vt h3 span {
    display: block;
    font-size: 9px;
    font-weight: 400;
    color: #817c70;
    margin-top: 7px;
  }
  .h6j2k9vt > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 25px;
  }
  .h6j2k9vt a {
    font-size: 11px;
    color: #706b60;
  }
  .h6j2k9vt a:hover {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  .m4b8p2wy {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #dcd7cb;
    padding-block: 20px;
    color: #827c70;
    font-size: 10px;
  }
  .m4b8p2wy a {
    color: #544f44;
  }
}
@layer adaptive {
  @media (min-width: 1500px) {
    .f9t3k6az h2 {
      font-size: 68px;
    }
  }
  @media (max-width: 1190px) {
    .a7m2q9vx {
      width: calc(100% - 64px);
    }
    .r8k4v2nc > .a7m2q9vx {
      gap: 20px;
    }
    .d6y2h9xt {
      gap: 18px;
      font-size: 12px;
    }
    .b3n8w5qa {
      font-size: 21px;
    }
    .b3n8w5qa small {
      font-size: 7px;
    }
    .r8k4v2nc .p4u7e1ls {
      font-size: 12px;
    }
    .f9t3k6az h2 br {
      display: block;
    }
    .h2v8c4ry {
      grid-template-columns: minmax(0, 1fr) 275px;
    }
    .u8m5k1bs {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .n9y4b2kt h2 span {
      display: block;
      margin: 11px 0 0;
    }
    .t4p9c2zh {
      gap: 35px;
    }
    .z6b1h5sw {
      padding-inline: 25px;
    }
    .z6b1h5sw a {
      gap: 16px;
    }
    .z6b1h5sw b {
      display: none;
    }
    .b7p1v5sc {
      padding: 32px;
    }
    .a3t7v9mx > .a7m2q9vx {
      gap: 35px;
    }
    .d8x3k7lm h2 {
      font-size: 34px;
    }
    .f6t2n8vc strong {
      font-size: 17px;
    }
    .c1r6s9dz {
      gap: 23px;
    }
    .c1r6s9dz li,
    .d5m8x2qa {
      gap: 15px;
    }
    .d5m8x2qa article {
      padding: 22px;
    }
    .e9k3v7hb,
    .l1q5w8xh {
      gap: 45px;
    }
    .f2n6q1wt {
      padding: 30px;
      gap: 23px;
    }
    .i7v3a9rk {
      display: none;
    }
  }
  @media (max-width: 930px) {
    html {
      scroll-padding-top: 90px;
    }
    .r8k4v2nc > .a7m2q9vx {
      min-height: 73px;
    }
    .d6y2h9xt {
      display: none;
    }
    .r8k4v2nc .p4u7e1ls {
      margin-left: auto;
    }
    .j9k2d6we {
      display: inline-block;
    }
    .f9t3k6az {
      padding-top: 36px;
    }
    .f9t3k6az h2 {
      font-size: 48px;
    }
    .l8v2m7qd {
      max-width: 310px;
    }
    .n3s7k9ax {
      gap: 16px;
    }
    .n3s7k9ax .p4u7e1ls {
      padding: 12px 15px;
      font-size: 12px;
      gap: 15px;
    }
    .h2v8c4ry {
      grid-template-columns: minmax(0, 1fr) 235px;
    }
    .k8q2m6df {
      padding-inline: 19px;
    }
    .k8q2m6df h3 {
      font-size: 18px;
    }
    .k8q2m6df > a {
      gap: 9px;
    }
    .q1w7m4dr {
      padding-left: 28px;
    }
    .q1w7m4dr > p {
      font-size: 31px;
    }
    .s5k1b9vp {
      left: 28px;
      right: 20px;
    }
    .p2f7d5wx {
      gap: 17px;
    }
    .w8t2a6rn {
      gap: 10px;
    }
    .w8t2a6rn > span {
      font-size: 23px;
    }
    .w8t2a6rn h3 {
      font-size: 16px;
    }
    .w8t2a6rn p {
      font-size: 10px;
    }
    .t4p9c2zh {
      grid-template-columns: 1fr;
    }
    .t4p9c2zh > div:first-child {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
    }
    .t4p9c2zh > div:first-child > .m6c1v8pr {
      grid-column: 1/-1;
    }
    .t4p9c2zh h2 {
      margin: 0;
    }
    .v2x6r9fj {
      align-items: stretch;
      flex-direction: column;
      gap: 17px;
    }
    .v2x6r9fj form {
      max-width: 100%;
    }
    .y4e8p2lv {
      grid-template-columns: 0.85fr 1.5fr;
    }
    .z6b1h5sw a {
      gap: 14px;
    }
    .z6b1h5sw a > span {
      font-size: 23px;
      min-width: 26px;
    }
    .z6b1h5sw h3 {
      font-size: 14px;
    }
    .z6b1h5sw p {
      font-size: 10px;
    }
    .a3t7v9mx > .a7m2q9vx {
      grid-template-columns: 0.9fr 1fr;
      gap: 25px;
    }
    .b8w2k4pn {
      padding-right: 20px;
    }
    .f6t2n8vc {
      padding: 12px;
    }
    .f6t2n8vc strong {
      font-size: 13px;
    }
    .f6t2n8vc img {
      height: 145px;
    }
    .g1h5x9ma {
      width: 126px;
      bottom: 6px;
      right: -14px;
      border-width: 5px;
    }
    .g1h5x9ma img {
      height: 122px;
    }
    .g1h5x9ma strong {
      font-size: 10px;
    }
    .h4c8p2sy {
      font-size: 8px;
    }
    .c1r6s9dz li {
      flex-direction: column;
    }
    .c1r6s9dz li > span {
      font-size: 31px;
    }
    .c1r6s9dz h3 {
      font-size: 16px;
    }
    .d5m8x2qa article {
      padding: 20px;
    }
    .e9k3v7hb {
      grid-template-columns: 0.8fr 1.6fr;
      gap: 35px;
    }
    .e9k3v7hb h2 {
      font-size: 30px;
    }
    .f2n6q1wt h2 {
      font-size: 24px;
    }
    .f2n6q1wt small {
      max-width: 290px;
    }
    .f2n6q1wt .p4u7e1ls {
      font-size: 12px;
      padding-inline: 14px;
      gap: 15px;
    }
  }
  @media (max-width: 680px) {
    .a7m2q9vx {
      width: calc(100% - 36px);
    }
    .l3w9t5hz {
      margin-top: 62px;
    }
    .r8k4v2nc > .a7m2q9vx {
      gap: 10px;
      min-height: 70px;
    }
    .b3n8w5qa {
      font-size: 19px;
    }
    .b3n8w5qa a {
      gap: 8px;
    }
    .b3n8w5qa img {
      width: 32px;
      height: 32px;
    }
    .b3n8w5qa small {
      font-size: 6px;
      letter-spacing: 0.04em;
    }
    .r8k4v2nc .p4u7e1ls {
      padding: 7px 10px;
      font-size: 10px;
      gap: 7px;
    }
    .r8k4v2nc .p4u7e1ls span {
      font-size: 14px;
    }
    .j9k2d6we {
      margin-left: auto;
      padding: 6px 9px;
      font-size: 11px;
    }
    .r8k4v2nc .p4u7e1ls {
      margin-left: auto;
    }
    .j9k2d6we {
      margin-left: 0;
    }
    .f9t3k6az {
      display: block;
      padding-top: 30px;
      padding-bottom: 27px;
    }
    .f9t3k6az .m6c1v8pr {
      font-size: 10px;
    }
    .f9t3k6az h2 {
      font-size: clamp(35px, 9.5vw, 49px);
      line-height: 1.25;
    }
    .f9t3k6az h2 br {
      display: none;
    }
    .f9t3k6az h2 span {
      display: block;
    }
    .l8v2m7qd {
      max-width: none;
      margin-top: 20px;
    }
    .l8v2m7qd > p {
      font-size: 12px;
      margin-bottom: 17px;
    }
    .n3s7k9ax {
      gap: 25px;
    }
    .n3s7k9ax .p4u7e1ls {
      font-size: 12px;
      padding: 12px 18px;
    }
    .h2v8c4ry {
      display: block;
      border-radius: 10px;
    }
    .j5x1s7bn {
      min-height: 360px;
    }
    .j5x1s7bn > img {
      object-position: 60% 40%;
    }
    .q1w7m4dr {
      padding: 27px 24px 92px;
    }
    .q1w7m4dr > p {
      font-size: 30px;
      margin-top: 29px;
    }
    .q1w7m4dr h3 {
      font-size: 13px;
    }
    .q1w7m4dr a {
      font-size: 11px;
      margin-top: 21px;
    }
    .r4a8x2ls {
      top: 29px;
      right: 18px;
      font-size: 9px;
    }
    .s5k1b9vp {
      left: 24px;
      right: 18px;
      bottom: 18px;
      gap: 7px;
    }
    .s5k1b9vp [data-page] {
      width: 23px;
    }
    .k8q2m6df {
      padding: 21px 21px 17px;
    }
    .k8q2m6df > .m6c1v8pr {
      display: none;
    }
    .k8q2m6df h3 {
      margin-bottom: 15px;
      font-size: 17px;
    }
    .k8q2m6df > a {
      padding-block: 11px;
      gap: 14px;
    }
    .k8q2m6df small {
      display: inline;
      font-size: 10px;
      margin-left: 10px;
    }
    .k8q2m6df strong {
      font-size: 12px;
    }
    .t8c4r6yn {
      display: none;
    }
    .u1n5q8bz {
      font-size: 10px;
      margin-top: 14px;
    }
    .u1n5q8bz > span {
      padding-inline: 6px;
    }
    .n9y4b2kt {
      gap: 15px;
      margin-bottom: 23px;
    }
    .n9y4b2kt h2 {
      font-size: 25px;
    }
    .n9y4b2kt h2 span {
      margin-top: 8px;
      font-size: 11px;
    }
    .n9y4b2kt > .o5y1c8bn {
      font-size: 10px;
      gap: 4px;
      white-space: nowrap;
    }
    .m6c1v8pr {
      font-size: 9px;
      margin-bottom: 10px;
    }
    .p2f7d5wx {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 14px;
      padding-bottom: 12px;
      scrollbar-width: thin;
      scrollbar-color: #b3a48c transparent;
    }
    .q5h8s1vm {
      flex: 0 0 57%;
      scroll-snap-align: start;
    }
    .r7b3n9ka {
      border-radius: 7px;
      aspect-ratio: 3/4;
    }
    .r7b3n9ka .s1d6w4xt {
      top: 11px;
      left: 11px;
      font-size: 9px;
      padding: 2px 7px;
    }
    .w8t2a6rn {
      padding-top: 12px;
    }
    .w8t2a6rn > span {
      font-size: 25px;
    }
    .w8t2a6rn h3 {
      font-size: 17px;
    }
    .w8t2a6rn p {
      font-size: 10px;
    }
    .t4p9c2zh {
      padding-block: 28px;
      gap: 25px;
    }
    .t4p9c2zh > div:first-child {
      display: block;
    }
    .t4p9c2zh h2 {
      font-size: 26px;
      margin-bottom: 15px;
    }
    .t4p9c2zh h2 br {
      display: none;
    }
    .x5v9b3kf {
      gap: 10px;
    }
    .x5v9b3kf article {
      padding: 18px 14px;
    }
    .x5v9b3kf h3 {
      font-size: 13px;
    }
    .x5v9b3kf article p {
      font-size: 11px;
    }
    #library .n9y4b2kt,
    #reviews .n9y4b2kt {
      display: block;
    }
    .y8m2s6dw {
      font-size: 11px;
      margin-top: 17px;
    }
    .y8m2s6dw br {
      display: none;
    }
    .v2x6r9fj > div {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 4px;
    }
    .v2x6r9fj button {
      font-size: 11px;
      padding: 8px 7px;
    }
    .v2x6r9fj form button {
      padding: 10px 12px;
    }
    .u8m5k1bs {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .x9g3n6qy {
      padding: 12px;
      gap: 19px;
    }
    .x9g3n6qy > img {
      width: 32%;
      max-height: 176px;
    }
    .x9g3n6qy > div {
      padding-block: 4px;
    }
    .x9g3n6qy .m6c1v8pr {
      font-size: 9px;
    }
    .x9g3n6qy h3 {
      font-size: 19px;
      margin-bottom: 8px;
    }
    .x9g3n6qy p:not(.m6c1v8pr) {
      font-size: 11px;
    }
    .x9g3n6qy a {
      font-size: 11px;
      padding-top: 13px;
    }
    .y4e8p2lv {
      grid-template-columns: 1fr;
    }
    .b7p1v5sc {
      border-right: none;
      padding: 27px 24px 18px;
    }
    .b7p1v5sc h2 {
      font-size: 29px;
      margin-bottom: 12px;
    }
    .b7p1v5sc .u1n5q8bz br {
      display: none;
    }
    .b7p1v5sc time {
      margin-top: 11px;
    }
    .c2q6m9xr {
      margin-top: 15px;
    }
    .z6b1h5sw {
      padding: 0 24px 12px;
    }
    .z6b1h5sw a {
      gap: 15px;
      padding-block: 15px;
    }
    .z6b1h5sw a > span {
      font-size: 27px;
    }
    .z6b1h5sw h3 {
      font-size: 16px;
    }
    .z6b1h5sw p {
      font-size: 10px;
    }
    .z6b1h5sw i {
      margin-left: auto;
      font-size: 20px;
    }
    .a3t7v9mx {
      padding-block: 40px;
    }
    .a3t7v9mx > .a7m2q9vx {
      grid-template-columns: 1fr;
      gap: 8px;
    }
    .d8x3k7lm h2 {
      font-size: 31px;
    }
    .d8x3k7lm > p:not(.m6c1v8pr) {
      font-size: 12px;
    }
    .d8x3k7lm ul {
      margin: 20px 0;
    }
    .b8w2k4pn {
      max-width: 490px;
      width: calc(100% - 12px);
      padding: 30px 40px 25px 0;
      margin-top: 15px;
    }
    .f6t2n8vc {
      padding: 15px;
    }
    .f6t2n8vc strong {
      font-size: 18px;
    }
    .f6t2n8vc img {
      height: 180px;
    }
    .g1h5x9ma {
      width: 135px;
      right: -10px;
      bottom: 5px;
    }
    .g1h5x9ma img {
      height: 130px;
    }
    .g1h5x9ma strong {
      font-size: 11px;
    }
    .h4c8p2sy {
      margin-top: 20px;
    }
    .c1r6s9dz {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .c1r6s9dz li {
      flex-direction: row;
      gap: 22px;
      padding-top: 20px;
    }
    .c1r6s9dz li > span {
      font-size: 36px;
    }
    .c1r6s9dz h3 {
      font-size: 18px;
      margin-bottom: 9px;
    }
    .c1r6s9dz a {
      margin-top: 10px;
    }
    .d5m8x2qa {
      grid-template-columns: 1fr;
      gap: 13px;
    }
    .d5m8x2qa article {
      padding: 23px;
    }
    .d5m8x2qa blockquote {
      font-size: 13px;
      padding-bottom: 20px;
    }
    .e9k3v7hb {
      grid-template-columns: 1fr;
      gap: 20px;
      padding-top: 30px;
    }
    .e9k3v7hb h2 {
      font-size: 29px;
      margin-bottom: 15px;
    }
    .e9k3v7hb h2 br {
      display: none;
    }
    .e9k3v7hb summary {
      font-size: 13px;
      padding-block: 18px;
    }
    .e9k3v7hb details p {
      font-size: 12px;
      padding-right: 10px;
    }
    .f2n6q1wt {
      padding: 28px 22px;
      display: block;
    }
    .f2n6q1wt h2 {
      font-size: 26px;
    }
    .f2n6q1wt small {
      max-width: 100%;
      line-height: 1.9;
    }
    .k5t9c1nz {
      align-items: start;
      margin-top: 25px;
      gap: 13px;
    }
    .f2n6q1wt .p4u7e1ls {
      padding: 13px 20px;
      font-size: 13px;
      gap: 26px;
    }
    .g7p4c8ls {
      margin-top: 60px;
    }
    .l1q5w8xh {
      grid-template-columns: 1fr;
      gap: 18px;
      padding-block: 35px 27px;
    }
    .l1q5w8xh > div:first-child > p:last-child br {
      display: none;
    }
    .l1q5w8xh > div:last-child {
      padding: 0;
    }
    .l1q5w8xh > div:last-child p {
      font-size: 11px;
    }
    .h6j2k9vt {
      display: block;
      padding-block: 23px;
    }
    .h6j2k9vt h3 {
      margin-bottom: 16px;
    }
    .h6j2k9vt h3 span {
      display: inline;
      margin-left: 11px;
    }
    .h6j2k9vt > div {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .m4b8p2wy {
      flex-wrap: wrap;
      gap: 8px 15px;
      font-size: 9px;
      padding-block: 18px 24px;
    }
    .m4b8p2wy > p:first-child {
      width: 100%;
    }
    .m4b8p2wy a {
      margin-left: auto;
    }
  }
  @media (max-width: 360px) {
    .a7m2q9vx {
      width: calc(100% - 28px);
    }
    .r8k4v2nc .p4u7e1ls {
      display: none;
    }
    .j9k2d6we {
      margin-left: auto;
    }
    .f9t3k6az h2 {
      font-size: 35px;
    }
    .k8q2m6df small {
      display: none;
    }
    .k8q2m6df strong {
      font-size: 13px;
    }
    .q1w7m4dr > p {
      font-size: 27px;
    }
    .s5k1b9vp {
      left: 19px;
      right: 15px;
    }
    .s5k1b9vp [data-page] {
      width: 19px;
    }
    .x9g3n6qy {
      gap: 13px;
    }
    .x9g3n6qy h3 {
      font-size: 17px;
    }
    .x5v9b3kf h3 {
      font-size: 12px;
    }
    .f6t2n8vc strong {
      font-size: 15px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    [data-reveal="waiting"] {
      opacity: 1;
      transform: none;
    }
  }
}