@layer reset,base,composition,components,responsive,motion;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  ol,
  ul {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
    color: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    border: 0;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    --ink: #292d29;
    --muted: #72766e;
    --orange: #e75e24;
    --pale: #fff0df;
    --line: #e8e9e1;
    --paper: #fffefb;
    --radius: 18px;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 104px;
  }
  body {
    font-family:
      Segoe UI,
      PingFang SC,
      Microsoft YaHei,
      sans-serif;
    background: var(--paper);
    color: var(--ink);
    font-size: 14px;
    line-height: 1.7;
  }
  h2,
  h3 {
    line-height: 1.35;
  }
  p {
    text-wrap: pretty;
  }
  :focus-visible {
    outline: 3px solid #b84617;
    outline-offset: 5px;
  }
  ::selection {
    color: #37271b;
    background: #ffdbc0;
  }
  button:disabled {
    cursor: default;
    opacity: 0.55;
  }
  section,
  aside {
    scroll-margin-top: 104px;
  }
}
@layer composition {
  .q5spl9vr98e {
    width: min(1280px, calc(100% - 88px));
    margin-inline: auto;
  }
  .ecjkzbkg2p1 {
    width: min(1360px, calc(100% - 72px));
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 88px;
  }
  .x6b9lm9ah7b {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    align-items: center;
    gap: 46px;
  }
  .b6jboa0n6qp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
  }
  .ze4xfllim9q {
    padding-block: 76px;
  }
  .gnlrsih3kzj {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 30px;
  }
  .gnlrsih3kzj h2 {
    font-size: clamp(25px, 2.5vw, 34px);
    font-weight: 750;
    letter-spacing: -0.8px;
  }
  .gnlrsih3kzj p:not(.c4onhez3kum) {
    color: var(--muted);
    margin-top: 10px;
  }
  .tjir9ktk4gx {
    display: grid;
    grid-template-columns: 1.45fr 1fr 1fr 1fr;
    gap: 24px;
  }
  .v0angcl0iih {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 336px;
    align-items: start;
    gap: 40px;
    padding-block: 68px;
  }
  .xler89vv039 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
  .qmn6tsot5nx {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
    padding-block: 88px;
  }
  .hhwzy2b9yhs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 26px;
  }
  .wg05ul9eqni {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 80px;
    padding-block: 42px 84px;
  }
  .hri80nzkc6w {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 100px;
    padding-block: 64px 40px;
  }
}
@layer components {
  .khudeoodwe7 {
    position: fixed;
    z-index: 100;
    left: 24px;
    top: 12px;
    background: #fff;
    padding: 10px 20px;
    transform: translateY(-150%);
    border-radius: 8px;
  }
  .khudeoodwe7:focus {
    transform: translateY(0);
  }
  .kjrqhv6gawv {
    position: sticky;
    top: 0;
    z-index: 20;
    border-bottom: 1px solid #efeee8;
    background: #fffefbf2;
    backdrop-filter: blur(16px);
  }
  .e40nr35sude {
    font-size: 23px;
    line-height: 1.2;
    font-weight: 750;
    flex: none;
  }
  .e40nr35sude a {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .e40nr35sude small {
    display: block;
    font-size: 8px;
    letter-spacing: 1.6px;
    font-weight: 550;
    margin-top: 7px;
  }
  .vvo9xyyv3lb {
    width: 43px;
    height: 43px;
    border-radius: 13px;
    overflow: hidden;
    background: #ffe8cb;
    transform: rotate(-6deg);
    border: 1px solid #f5d8b7;
  }
  .vvo9xyyv3lb img {
    width: 100%;
    height: 100%;
  }
  .bghcg4d02pw {
    display: flex;
    gap: 32px;
    align-items: center;
    font-size: 14px;
  }
  .bghcg4d02pw a {
    position: relative;
    padding: 30px 0;
  }
  .bghcg4d02pw [aria-current],
  .bghcg4d02pw a:hover {
    color: var(--orange);
  }
  .bghcg4d02pw [aria-current]:after {
    content: "";
    width: 16px;
    height: 3px;
    background: var(--orange);
    position: absolute;
    bottom: 18px;
    left: calc(50% - 8px);
    border-radius: 9px;
  }
  .qi1qrcwmunx {
    display: flex;
    gap: 22px;
    align-items: center;
  }
  .hedov0m9448 {
    background: #fff0e2;
    color: #af451c;
    padding: 10px 18px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 650;
  }
  .hedov0m9448 span {
    margin-right: 6px;
    font-size: 17px;
  }
  .iyzkzyqn5nl {
    position: relative;
    font-size: 12px;
  }
  .iyzkzyqn5nl summary {
    cursor: pointer;
    list-style: none;
    padding-block: 12px;
  }
  .iyzkzyqn5nl summary::-webkit-details-marker {
    display: none;
  }
  .iyzkzyqn5nl summary span {
    font-size: 18px;
    margin-left: 7px;
  }
  .iyzkzyqn5nl nav {
    position: absolute;
    right: 0;
    top: 50px;
    width: 430px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #fff;
    box-shadow: 0 18px 60px #39291b19;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 16px;
    gap: 2px;
    z-index: 25;
  }
  .iyzkzyqn5nl nav a {
    padding: 12px;
    border-radius: 7px;
  }
  .iyzkzyqn5nl nav a:hover {
    background: #fff1e6;
    color: #a74419;
  }
  .c1jtbgbe5uy {
    background:
      radial-gradient(ellipse at 5% 12%, #fff2e5 0, transparent 42%),
      linear-gradient(#fffdf8, #fffefb);
    padding-top: 42px;
  }
  .bpr1ca3gjht {
    padding-block: 16px 40px;
  }
  .cdd0vl4a952 {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff0df;
    color: #ad4b22;
    border: 1px solid #f7dfc7;
    border-radius: 99px;
    padding: 5px 13px;
    font-size: 12px;
  }
  .cdd0vl4a952 i {
    width: 6px;
    height: 6px;
    background: #e56b2e;
    border-radius: 50%;
  }
  .ak3ab4pqpe3 {
    margin-block: 27px 15px;
    color: #838278;
    font-size: 12px;
    letter-spacing: 2px;
  }
  .bpr1ca3gjht h2 {
    font-size: clamp(40px, 4.1vw, 60px);
    font-weight: 800;
    letter-spacing: -2.8px;
    line-height: 1.3;
  }
  .bpr1ca3gjht h2 span {
    color: var(--orange);
    position: relative;
    display: inline-block;
  }
  .bpr1ca3gjht h2 span:after {
    content: "";
    height: 7px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: #ffc785;
    border-radius: 50%;
    transform: rotate(-2deg);
  }
  .gc5xkl4396y {
    font-size: 18px;
    line-height: 1.9;
    margin-top: 25px;
  }
  .tx9ljqc4vg5 {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.9;
    margin-top: 17px;
  }
  .a3ucmuaba5z {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
    margin-top: 30px;
  }
  .nqb1rmhf8by {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    border-radius: 9px;
    color: #fff;
    padding: 13px 23px;
    background: linear-gradient(110deg, #e85b26, #ef7d35);
    box-shadow: 0 7px 16px #df6f2521;
    font-weight: 650;
    font-size: 14px;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .nqb1rmhf8by span {
    font-size: 20px;
    line-height: 1;
  }
  .nqb1rmhf8by:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 22px #df6f2536;
  }
  .b7jp2kjk6wx {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-size: 12px;
    font-weight: 600;
    padding-block: 5px;
  }
  .b7jp2kjk6wx:hover {
    color: #bf4a1d;
  }
  .krk0hwdjbf7 {
    font-size: 11px;
    color: #87877d;
    margin-top: 23px;
  }
  .krk0hwdjbf7 span {
    color: #b57845;
    margin-right: 7px;
  }
  .ql4ei37iilz {
    min-width: 0;
    position: relative;
    padding-bottom: 20px;
  }
  .fmdec5t14pa {
    overflow: hidden;
    border-radius: 24px 24px 7px;
    position: relative;
    background: #d3c7af;
    box-shadow: 0 20px 35px #665d4511;
  }
  .mvh5msr57za {
    display: flex;
    transition: transform 0.72s cubic-bezier(0.22, 0.7, 0.22, 1);
  }
  .cid60bjczjo {
    position: relative;
    width: 100%;
    flex: 0 0 100%;
    aspect-ratio: 1.14;
    overflow: hidden;
    background: #706a5c;
    color: #fff;
  }
  .lr6w0gu9d52 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 7.2s linear;
  }
  .cid60bjczjo:not([inert]) .lr6w0gu9d52 {
    transform: scale(1.035);
  }
  .flabnncf2la {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #11251d0a 32%, #18221a2e 55%, #111d17d9);
  }
  .x91vattk76k {
    position: absolute;
    left: 25px;
    top: 25px;
    background: #21332770;
    border: 1px solid #ffffff70;
    backdrop-filter: blur(8px);
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 10px;
    letter-spacing: 1px;
  }
  .y0qdi62wdr0 {
    position: absolute;
    top: 25px;
    right: 23px;
    font-size: 8px;
    letter-spacing: 1.5px;
    color: #fff;
    text-shadow: 0 1px 4px #3338;
  }
  .y0qdi62wdr0 span {
    margin-left: 8px;
    font-size: 17px;
  }
  .dmr9yszsj8e {
    position: absolute;
    inset: auto 28px 30px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
  }
  .dmr9yszsj8e > div {
    min-width: 0;
  }
  .dmr9yszsj8e div > span {
    font-size: 10px;
    color: #f4eee0;
    letter-spacing: 3px;
  }
  .dmr9yszsj8e h3 {
    font-family:
      Songti SC,
      SimSun,
      serif;
    font-size: clamp(30px, 3.1vw, 44px);
    font-weight: 500;
    letter-spacing: 5px;
    margin-block: 9px 12px;
  }
  .dmr9yszsj8e p {
    font-size: 11px;
    color: #f6f1e6;
    max-width: 300px;
  }
  .dmgedfuxwun {
    background: #fffdf5;
    border: 1px solid #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 25px;
    color: #384335;
    flex-shrink: 0;
    transition: transform 0.2s;
  }
  .dmgedfuxwun:hover {
    transform: rotate(45deg);
  }
  .aukgh29uvwb {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 17px;
  }
  .aukgh29uvwb > span {
    min-width: 46px;
    font-family: Georgia, serif;
  }
  .aukgh29uvwb b {
    font-size: 21px;
    font-weight: 400;
  }
  .aukgh29uvwb small {
    font-size: 12px;
    color: #92958b;
  }
  .q197pcayrj2 {
    flex: 1;
    display: flex;
    gap: 6px;
  }
  .q197pcayrj2 button {
    height: 28px;
    flex: 1;
    background: transparent;
    position: relative;
    padding: 0;
  }
  .q197pcayrj2 button:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background: #deded3;
    left: 0;
    top: 13px;
  }
  .q197pcayrj2 button[aria-pressed="true"]:after {
    background: #e16e36;
  }
  .w2dha4ccc0p {
    display: flex;
    gap: 7px;
  }
  .w2dha4ccc0p button {
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid #dddcd2;
    border-radius: 50%;
    font-size: 15px;
  }
  .w2dha4ccc0p button:hover {
    background: #fff0e0;
    border-color: #e8b187;
  }
  .ux75qeraxid {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #85887c;
    font-size: 9px;
  }
  .sgpkwt4n8v5 {
    display: flex;
    align-items: center;
    gap: 30px;
    padding-block: 26px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-top: 18px;
  }
  .sgpkwt4n8v5 > span {
    font-size: 12px;
    color: #787c71;
    padding-right: 15px;
  }
  .sgpkwt4n8v5 a {
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .sgpkwt4n8v5 a i {
    font-style: normal;
    font-size: 21px;
    color: #d97f42;
    width: 28px;
    text-align: center;
  }
  .sgpkwt4n8v5 a:hover {
    color: var(--orange);
  }
  .eh5duanuvdj {
    margin-left: auto;
    color: #6c7568;
    font-size: 11px !important;
  }
  .msaq4daursc {
    padding-top: 38px;
  }
  .zu0x80iiqks {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 22px;
  }
  .zu0x80iiqks > span {
    font-size: 8px;
    letter-spacing: 1.5px;
    color: #919387;
  }
  .zu0x80iiqks h2 {
    font-size: 13px;
    font-weight: 500;
  }
  .b6jboa0n6qp article {
    border: 1px solid var(--line);
    padding: 22px 16px;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #fff;
  }
  .n8lta7pgqta {
    width: 31px;
    height: 34px;
    flex: 0 0 31px;
    font:
      italic 20px Georgia,
      serif;
    background: #fff3e5;
    color: #bc6a34;
    display: grid;
    place-items: center;
    border-radius: 8px;
  }
  .b6jboa0n6qp h3 {
    font-size: 13px;
    margin-bottom: 7px;
  }
  .b6jboa0n6qp p {
    color: var(--muted);
    font-size: 11px;
    line-height: 1.8;
  }
  .c4onhez3kum {
    color: #a37851;
    letter-spacing: 2px;
    font-size: 9px;
    font-weight: 650;
    margin-bottom: 12px;
  }
  .z211plhh2mv {
    color: var(--orange);
    padding-left: 4px;
  }
  .cgxl93hq785 {
    min-width: 0;
  }
  .pvvsv5pro91 {
    text-align: left;
    display: block;
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 14px;
  }
  .tbgnu1xzwpo {
    display: block;
    position: relative;
    aspect-ratio: 0.73;
    overflow: hidden;
    border-radius: 13px;
    background: #e1e0d6;
  }
  .tbgnu1xzwpo:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 60%, #1d302b80);
  }
  .tbgnu1xzwpo img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s;
  }
  .pvvsv5pro91:hover img {
    transform: scale(1.065);
  }
  .cgxl93hq785:first-child .tbgnu1xzwpo {
    aspect-ratio: 1.0585;
  }
  .exmq7rv9b2r {
    position: absolute;
    top: 13px;
    left: 13px;
    background: #fffcf2ed;
    color: #69442d;
    padding: 4px 9px;
    border-radius: 5px;
    font-size: 10px;
    z-index: 1;
  }
  .ajiqtofkn5v {
    position: absolute;
    left: 16px;
    bottom: 14px;
    font-size: 11px;
    color: #fff;
    z-index: 1;
    opacity: 0;
    transform: translateY(5px);
    transition:
      opacity 0.25s,
      transform 0.25s;
  }
  .pvvsv5pro91:hover .ajiqtofkn5v,
  .pvvsv5pro91:focus-visible .ajiqtofkn5v {
    opacity: 1;
    transform: none;
  }
  .sq4vd5g9fwx {
    display: block;
    padding-top: 15px;
  }
  .ttgdcf0d307 {
    font-size: 9px;
    color: #a17754;
    letter-spacing: 0.3px;
  }
  .sq4vd5g9fwx strong {
    display: block;
    font-size: 18px;
    margin-block: 5px 8px;
    font-weight: 700;
  }
  .sq4vd5g9fwx > span:last-child {
    font-size: 11px;
    color: #75796e;
    line-height: 1.8;
    display: block;
  }
  .cgxl93hq785:first-child .sq4vd5g9fwx strong {
    font-size: 24px;
  }
  .jeawa8i1ww9 {
    font-size: 11px;
    color: #7d8176;
    margin-top: 22px;
    line-height: 1.9;
  }
  .x51btu26dgw {
    background: #f6f7f0;
    border-block: 1px solid #eceee3;
  }
  .pgu6vsgxm72 .gnlrsih3kzj {
    margin-bottom: 22px;
    align-items: center;
  }
  .pgu6vsgxm72 .gnlrsih3kzj h2 {
    font-size: 29px;
  }
  .pgu6vsgxm72 .gnlrsih3kzj p:not(.c4onhez3kum) {
    font-size: 12px;
  }
  .ssisp57t6do {
    font-size: 10px;
    color: #7b8471;
    white-space: nowrap;
  }
  .of7bvwr4hf5 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px;
  }
  .of7bvwr4hf5 button {
    background: transparent;
    font-size: 11px;
    padding: 6px 15px;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: background 0.2s;
  }
  .of7bvwr4hf5 [aria-pressed="true"] {
    background: #354333;
    color: #fff;
  }
  .of7bvwr4hf5 button:hover:not([aria-pressed="true"]) {
    background: #e8ecde;
  }
  .x00c7wgkm3s {
    min-width: 0;
    background: #fffefb;
    border: 1px solid #e9ecdf;
    border-radius: 10px;
    overflow: hidden;
    transition:
      box-shadow 0.2s,
      transform 0.2s;
  }
  .x00c7wgkm3s:hover {
    box-shadow: 0 5px 15px #3040260a;
    transform: translateY(-3px);
  }
  .x00c7wgkm3s button {
    padding: 12px;
    display: flex;
    gap: 13px;
    width: 100%;
    min-height: 143px;
    text-align: left;
    background: transparent;
  }
  .zrqscjeduup {
    width: 80px;
    height: 116px;
    border-radius: 5px;
    flex: 0 0 80px;
  }
  .x00c7wgkm3s button > span {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-block: 1px;
  }
  .x00c7wgkm3s small {
    color: #8c927e;
    font-size: 9px;
  }
  .x00c7wgkm3s strong {
    font-size: 14px;
    margin-block: 5px 7px;
  }
  .x00c7wgkm3s span > span {
    font-size: 10px;
    line-height: 1.7;
    color: #757b6b;
  }
  .x00c7wgkm3s em {
    font-size: 9px;
    color: #a36236;
    font-style: normal;
    margin-top: auto;
    padding-top: 8px;
  }
  .l0yn0imkaho {
    background: #fffdf7;
    border: 1px solid #e8e5d7;
    border-radius: 14px;
    padding: 26px;
    margin-top: 3px;
    position: relative;
  }
  .kc5oox4oj61 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .kc5oox4oj61 .c4onhez3kum {
    font-size: 8px;
    margin-bottom: 8px;
  }
  .kc5oox4oj61 h2 {
    font-size: 23px;
  }
  .kc5oox4oj61 h2 span {
    color: #cd713e;
    margin-left: 6px;
  }
  .mb7qumhvwgw {
    border: 1px solid #d79160;
    border-radius: 4px;
    color: #be6d39;
    font:
      12px/1.2 SimSun,
      serif;
    padding: 5px;
    transform: rotate(7deg);
  }
  .fnsc21me3x3 {
    font-size: 11px;
    color: #8d8d7e;
    margin-top: 14px;
  }
  .l0yn0imkaho ol {
    list-style: none;
    padding: 0;
    margin-top: 18px;
  }
  .l0yn0imkaho li {
    display: flex;
    align-items: center;
    gap: 17px;
    padding-block: 18px;
    border-bottom: 1px solid #eeebdf;
  }
  .vfl1ne1r6zt {
    font:
      italic 24px Georgia,
      serif;
    color: #959d89;
  }
  .l0yn0imkaho li:first-child .vfl1ne1r6zt {
    color: #d87535;
  }
  .l0yn0imkaho li button {
    background: transparent;
    padding: 0;
    text-align: left;
    flex: 1;
  }
  .l0yn0imkaho li button:hover strong {
    color: var(--orange);
  }
  .l0yn0imkaho li strong {
    display: block;
    font-size: 13px;
    font-weight: 650;
  }
  .l0yn0imkaho li button span {
    display: block;
    font-size: 9px;
    color: #909381;
    margin-top: 6px;
  }
  .d5xaetic565 {
    color: #99a18e;
  }
  .an710vf8otj {
    margin-top: 21px;
    color: #7c816d;
    font-size: 9px;
  }
  .an710vf8otj time {
    display: block;
    margin-top: 6px;
    color: #8d927f;
  }
  .dy5lhhnxqsk {
    min-height: 555px;
    background: #f1f1e9;
    border-radius: 28px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
  }
  .dy5lhhnxqsk:after {
    content: "";
    width: 320px;
    height: 320px;
    border: 1px solid #d8ddca;
    border-radius: 50%;
    position: absolute;
    left: -110px;
    bottom: -180px;
  }
  .byylyhjw03s {
    position: absolute;
    left: 30px;
    top: 34px;
    color: #d6dbcb;
    font-size: 53px;
    font-weight: 800;
    line-height: 0.95;
    letter-spacing: -3px;
  }
  .rwu0p1rwdcn {
    width: 232px;
    border: 6px solid #30382c;
    border-radius: 36px;
    background: #30382c;
    box-shadow:
      18px 25px 35px #28322123,
      inset 0 0 0 1px #7b8575;
    position: relative;
    transform: rotate(6deg);
    margin: 34px 0;
    z-index: 1;
  }
  .mdamnk50azv {
    width: 74px;
    height: 18px;
    background: #30382c;
    border-radius: 0 0 12px 12px;
    position: absolute;
    top: -1px;
    left: calc(50% - 37px);
    z-index: 2;
  }
  .gcrjdycs7vk {
    padding: 30px 13px 13px;
    border-radius: 28px;
    background: #fffdf8;
    overflow: hidden;
  }
  .hgtrtjs25bk {
    font-size: 12px;
    font-weight: 750;
    display: flex;
    justify-content: space-between;
  }
  .hgtrtjs25bk span {
    color: #d96b2e;
  }
  .gcrjdycs7vk > p {
    font-size: 15px;
    line-height: 1.5;
    margin-block: 20px 17px;
  }
  .gcrjdycs7vk strong {
    color: #ca5b29;
    font-weight: 700;
  }
  .u98q5w44sym {
    position: relative;
    height: 235px;
    border-radius: 10px;
    overflow: hidden;
  }
  .u98q5w44sym img {
    width: 100%;
    height: 100%;
  }
  .u98q5w44sym:after {
    content: "";
    position: absolute;
    inset: 50% 0 0;
    background: linear-gradient(transparent, #1d2b24d9);
  }
  .u98q5w44sym > span {
    position: absolute;
    bottom: 14px;
    left: 14px;
    font:
      22px SimSun,
      serif;
    letter-spacing: 2px;
    color: #fff;
    z-index: 1;
  }
  .u98q5w44sym small {
    display: block;
    font:
      8px Microsoft YaHei,
      sans-serif;
    letter-spacing: 1px;
    margin-top: 10px;
  }
  .t5mtpfom6uv {
    display: flex;
    justify-content: space-around;
    color: #8b8f80;
    font-size: 8px;
    padding-top: 17px;
  }
  .t5mtpfom6uv span:first-child {
    color: #ce6d32;
  }
  .p498s5rybbx {
    position: absolute;
    right: 24px;
    bottom: 54px;
    display: flex;
    gap: 13px;
    align-items: center;
    padding: 13px 19px;
    background: #fffffff5;
    border: 1px solid #e4e7db;
    box-shadow: 0 6px 15px #34402b07;
    border-radius: 10px;
    z-index: 2;
    transform: rotate(-4deg);
  }
  .p498s5rybbx > span {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    background: #fff1dd;
    border-radius: 50%;
    color: #b66b39;
  }
  .p498s5rybbx div {
    font-size: 12px;
  }
  .p498s5rybbx small {
    display: block;
    font-size: 8px;
    color: #898d7d;
    margin-top: 2px;
  }
  .h51fadcg11t h2 {
    font-size: 34px;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .h51fadcg11t > p:not(.c4onhez3kum):not(.jeawa8i1ww9) {
    color: #7c8074;
    font-size: 12px;
    margin-top: 20px;
    max-width: 390px;
    line-height: 2;
  }
  .h51fadcg11t ul {
    list-style: none;
    padding: 0;
    margin-block: 28px;
  }
  .h51fadcg11t li {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    align-items: flex-start;
  }
  .h51fadcg11t li > span {
    font:
      12px Georgia,
      serif;
    color: #ba7547;
    border: 1px solid #e5d6c1;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    flex-shrink: 0;
  }
  .h51fadcg11t h3 {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .h51fadcg11t li p {
    font-size: 11px;
    color: #7b8171;
  }
  .h51fadcg11t .jeawa8i1ww9 {
    font-size: 10px;
    margin-top: 14px;
  }
  .e8pajs7m9fj {
    padding-block: 55px;
    background: #fdf5e9;
    border-block: 1px solid #f1e8d8;
  }
  .fjt7ahlo9ai {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    padding: 4px 0 0;
    gap: 56px;
  }
  .fjt7ahlo9ai li {
    position: relative;
    border-top: 1px solid #ddccb7;
    padding-top: 22px;
  }
  .fjt7ahlo9ai li > span {
    position: absolute;
    right: 0;
    top: 14px;
    font:
      italic 40px Georgia,
      serif;
    color: #e6c9a8;
  }
  .fjt7ahlo9ai h3 {
    font-size: 18px;
    margin-bottom: 11px;
  }
  .fjt7ahlo9ai p {
    font-size: 11px;
    line-height: 1.9;
    color: #887865;
    padding-right: 32px;
  }
  .fjt7ahlo9ai a,
  .fjt7ahlo9ai button {
    display: inline-block;
    font-size: 11px;
    margin-top: 18px;
    padding: 0;
    color: #a46133;
    background: transparent;
  }
  .fjt7ahlo9ai a:hover,
  .fjt7ahlo9ai button:hover {
    color: #733b17;
  }
  .g8aseor5yy8 {
    display: inline-block;
    border-radius: 5px;
    background: #f0f2e9;
    color: #667459;
    padding: 5px 10px;
    font-size: 10px;
  }
  .hhwzy2b9yhs figure {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 22px 26px;
    background: #fff;
    display: flex;
    flex-direction: column;
  }
  .p79vj0hi0lm {
    font:
      48px/0.8 Georgia,
      serif;
    color: #e1bb93;
    margin-top: 4px;
  }
  .hhwzy2b9yhs blockquote {
    font-size: 12px;
    line-height: 2;
    color: #6f7667;
    margin-block: 8px 23px;
    flex: 1;
  }
  .hhwzy2b9yhs figcaption {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 11px;
    padding-top: 17px;
    border-top: 1px solid #eff0e8;
  }
  .hhwzy2b9yhs figcaption small {
    display: block;
    color: #969d8c;
    font-size: 9px;
    margin-top: 3px;
  }
  .g91idd8iyib {
    background: #fff1e1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #ad7548;
    font-size: 12px;
  }
  .hhwzy2b9yhs figure:nth-child(2) .g91idd8iyib {
    background: #eef2e7;
    color: #728a58;
  }
  .hhwzy2b9yhs figure:nth-child(3) .g91idd8iyib {
    background: #eaf1f2;
    color: #659092;
  }
  .p9mh404tcw1 {
    margin-left: auto;
    color: #b1b5a8;
    font:
      italic 16px Georgia,
      serif;
  }
  .dav8braw2m0 h2 {
    font-size: 29px;
  }
  .dav8braw2m0 > p:not(.c4onhez3kum) {
    color: #828776;
    font-size: 12px;
    margin-top: 18px;
    line-height: 2;
  }
  .qv8hnhx1kn2 {
    display: inline-block;
    font:
      italic 95px Georgia,
      serif;
    color: #e9decc;
    margin-top: 20px;
    transform: rotate(9deg);
  }
  .ji0v6ilaek8 {
    border-top: 1px solid #dfe3d5;
  }
  .ji0v6ilaek8 details {
    border-bottom: 1px solid #e5e7dd;
  }
  .ji0v6ilaek8 summary {
    display: flex;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    list-style: none;
    padding-block: 22px;
    font-size: 13px;
    font-weight: 600;
  }
  .ji0v6ilaek8 summary::-webkit-details-marker {
    display: none;
  }
  .ze7vb0xr29k {
    color: #a7af9a;
    font:
      11px Georgia,
      serif;
  }
  .wnvvf4wjqdp {
    margin-left: auto;
    font-weight: 400;
    color: #737e62;
    font-size: 20px;
    transition: transform 0.2s;
  }
  .ji0v6ilaek8 details[open] .wnvvf4wjqdp {
    transform: rotate(45deg);
  }
  .ji0v6ilaek8 details p {
    padding: 0 35px 23px;
    color: #747e66;
    font-size: 12px;
    line-height: 2;
  }
  .lcm3ki5ydjo {
    position: relative;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    min-height: 355px;
    background: linear-gradient(110deg, #fff1df, #ffe3bd);
    border: 1px solid #f7d7b2;
    border-radius: 22px;
    overflow: hidden;
    margin-bottom: 76px;
  }
  .l9f0eqm8gz3 {
    position: relative;
    padding: 45px 50px;
    z-index: 2;
  }
  .l9f0eqm8gz3 h2 {
    font-size: 31px;
  }
  .l9f0eqm8gz3 > p:not(.c4onhez3kum):not(.mt9ogzdq2d0) {
    color: #8e694c;
    font-size: 16px;
    margin-top: 11px;
  }
  .iwzqyenu7gr {
    display: inline-block;
    color: #995a28;
    border: 1px solid #e8c49b;
    background: #fff7e9;
    border-radius: 5px;
    font-size: 10px;
    padding: 4px 10px;
    margin-top: 21px;
  }
  .iwzqyenu7gr > span {
    margin-right: 6px;
  }
  .mt9ogzdq2d0 {
    margin-top: 12px;
    font-size: 11px;
    color: #927252;
    line-height: 1.9;
  }
  .l9f0eqm8gz3 .a3ucmuaba5z {
    margin-top: 24px;
    gap: 18px;
  }
  .dp3b05xhlhr {
    font-size: 12px;
    border-bottom: 1px solid #b98758;
    padding-block: 5px;
    color: #936139;
  }
  .w8tlubx4t8q {
    position: relative;
    display: grid;
    place-items: center;
  }
  .b0l2g0u7a0b {
    position: absolute;
    width: 330px;
    height: 330px;
    border: 1px solid #f0be86;
    border-radius: 50%;
    left: 0;
    top: 60px;
  }
  .y9435iewngi {
    position: absolute;
    width: 240px;
    height: 240px;
    background: #ffd69d;
    border-radius: 50%;
    right: -30px;
    top: -40px;
  }
  .x22kokmzqsu {
    position: relative;
    background: #fffaf0;
    border-radius: 14px;
    border: 1px solid #f0bd88;
    padding: 31px;
    transform: rotate(9deg);
    box-shadow: 0 14px 25px #c58d4615;
    width: 235px;
  }
  .x22kokmzqsu > span {
    font-size: 8px;
    letter-spacing: 2px;
    color: #ae7d4c;
  }
  .x22kokmzqsu strong {
    display: block;
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 1.5;
    margin-block: 19px 28px;
    font-weight: 750;
    position: relative;
    color: #ce6d31;
  }
  .x22kokmzqsu strong span {
    position: absolute;
    right: 0;
    bottom: 1px;
    font-size: 36px;
    color: #f4be73;
  }
  .x22kokmzqsu small {
    display: block;
    font-size: 7px;
    letter-spacing: 1.6px;
    border-top: 1px dashed #d4b78e;
    padding-top: 15px;
    color: #9e805c;
  }
  .jqfmao4ndog {
    background: #f3f4ed;
    border-top: 1px solid #e7e9dd;
  }
  .wjze68kiwg4 h2 {
    font-size: 22px;
    margin-bottom: 18px;
  }
  .wjze68kiwg4 > p:last-child {
    color: #7c8471;
    font-size: 11px;
    line-height: 2.1;
  }
  .ji9iito1i3l h2 {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .ji9iito1i3l > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px 22px;
    font-size: 11px;
    color: #77816a;
  }
  .ji9iito1i3l a:hover {
    color: var(--orange);
  }
  .zuzdemzfyw0 {
    display: inline-block;
    margin-top: 18px;
    font-size: 10px;
    color: #7f896f;
  }
  .fw1hr57xnll {
    border-top: 1px solid #dfe3d4;
    padding-block: 23px;
    display: flex;
    gap: 30px;
    color: #8a927d;
    font-size: 9px;
    align-items: center;
  }
  .fw1hr57xnll a {
    margin-left: auto;
  }
  .qvk26lcns6z {
    display: none;
  }
  .f29y6lhoq7f {
    padding: 0;
    border: 1px solid #e4e4d8;
    border-radius: 20px;
    width: min(840px, calc(100% - 40px));
    max-height: calc(100dvh - 48px);
    background: #fffef9;
    color: var(--ink);
    box-shadow: 0 24px 100px #17221650;
    overflow: auto;
  }
  .f29y6lhoq7f::backdrop {
    background: #16201894;
    backdrop-filter: blur(5px);
  }
  .vcr5t299ugx {
    position: relative;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    min-height: 460px;
  }
  .cvby417dacm {
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2;
    border: 1px solid #dfe3d3;
    background: #fffef9;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    font-size: 23px;
    line-height: 1;
  }
  .t4q9znb4s3z {
    overflow: hidden;
    min-height: 100%;
  }
  .t4q9znb4s3z img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p2aekmpxclq {
    padding: 54px 34px 34px;
  }
  .p2aekmpxclq h2 {
    font-size: 30px;
    margin-block: 12px 19px;
  }
  .y5l0wl8ry0x {
    font-size: 15px;
    margin-bottom: 18px;
  }
  .p2aekmpxclq > p[data-dialogdetail] {
    font-size: 12px;
    color: #748069;
    line-height: 2;
    margin-bottom: 24px;
  }
  .p2aekmpxclq .nqb1rmhf8by {
    margin-top: 25px;
  }
  .p2aekmpxclq .jeawa8i1ww9 {
    margin-top: 14px;
    font-size: 10px;
  }
}
@layer responsive {
  @media (min-width: 1450px) {
    .x6b9lm9ah7b {
      gap: 70px;
    }
    .c1jtbgbe5uy {
      padding-top: 54px;
    }
  }
  @media (max-width: 1150px) {
    .q5spl9vr98e {
      width: calc(100% - 56px);
    }
    .ecjkzbkg2p1 {
      width: calc(100% - 48px);
      gap: 20px;
    }
    .bghcg4d02pw {
      gap: 20px;
      font-size: 12px;
    }
    .qi1qrcwmunx {
      gap: 16px;
    }
    .x6b9lm9ah7b {
      gap: 24px;
    }
    .bpr1ca3gjht h2 {
      font-size: 48px;
    }
    .gc5xkl4396y {
      font-size: 16px;
    }
    .bpr1ca3gjht .a3ucmuaba5z {
      gap: 12px;
    }
    .bpr1ca3gjht .b7jp2kjk6wx {
      font-size: 10px;
    }
    .b6jboa0n6qp {
      gap: 14px;
    }
    .b6jboa0n6qp article {
      padding: 18px 13px;
      gap: 9px;
    }
    .n8lta7pgqta {
      width: 25px;
      flex-basis: 25px;
      font-size: 16px;
    }
    .sgpkwt4n8v5 {
      gap: 20px;
    }
    .sgpkwt4n8v5 > span {
      padding-right: 0;
    }
    .sgpkwt4n8v5 a {
      font-size: 11px;
      gap: 6px;
    }
    .tjir9ktk4gx {
      gap: 18px;
    }
    .v0angcl0iih {
      grid-template-columns: minmax(0, 1fr) 280px;
      gap: 24px;
    }
    .xler89vv039 {
      gap: 12px;
    }
    .x00c7wgkm3s button {
      padding: 10px;
      gap: 10px;
    }
    .zrqscjeduup {
      width: 65px;
      height: 110px;
      flex-basis: 65px;
    }
    .x00c7wgkm3s strong {
      font-size: 12px;
    }
    .x00c7wgkm3s span > span {
      font-size: 9px;
    }
    .l0yn0imkaho {
      padding: 24px 20px;
    }
    .qmn6tsot5nx {
      gap: 50px;
    }
    .hhwzy2b9yhs {
      gap: 16px;
    }
    .hhwzy2b9yhs figure {
      padding: 20px;
    }
    .wg05ul9eqni {
      gap: 46px;
    }
    .l9f0eqm8gz3 {
      padding: 38px;
    }
    .hri80nzkc6w {
      gap: 60px;
    }
  }
  @media (max-width: 900px) {
    .bghcg4d02pw {
      display: none;
    }
    .ecjkzbkg2p1 {
      min-height: 76px;
    }
    .c1jtbgbe5uy {
      padding-top: 32px;
    }
    .bpr1ca3gjht h2 {
      font-size: 42px;
    }
    .ak3ab4pqpe3 {
      font-size: 10px;
      margin-top: 20px;
      letter-spacing: 1px;
    }
    .bpr1ca3gjht {
      padding-bottom: 22px;
    }
    .gc5xkl4396y {
      font-size: 14px;
      margin-top: 22px;
    }
    .tx9ljqc4vg5 {
      font-size: 11px;
    }
    .cid60bjczjo {
      aspect-ratio: 0.86;
    }
    .x91vattk76k {
      left: 17px;
      top: 17px;
      font-size: 8px;
    }
    .y0qdi62wdr0 {
      display: none;
    }
    .dmr9yszsj8e {
      inset: auto 19px 24px;
      gap: 10px;
    }
    .dmr9yszsj8e h3 {
      font-size: 30px;
    }
    .dmr9yszsj8e p {
      font-size: 10px;
    }
    .dmgedfuxwun {
      width: 39px;
      height: 39px;
    }
    .sgpkwt4n8v5 {
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 16px;
      padding-block: 20px;
    }
    .sgpkwt4n8v5 > span {
      width: 100%;
    }
    .sgpkwt4n8v5 a {
      margin-right: 14px;
    }
    .b6jboa0n6qp {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }
    .b6jboa0n6qp p {
      font-size: 11px;
    }
    .tjir9ktk4gx {
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }
    .cgxl93hq785:first-child .tbgnu1xzwpo {
      aspect-ratio: 0.73;
    }
    .sq4vd5g9fwx strong,
    .cgxl93hq785:first-child .sq4vd5g9fwx strong {
      font-size: 16px;
    }
    .sq4vd5g9fwx > span:last-child {
      font-size: 10px;
    }
    .v0angcl0iih {
      grid-template-columns: minmax(0, 1fr);
      padding-block: 50px;
    }
    .x00c7wgkm3s button {
      padding: 14px;
    }
    .x00c7wgkm3s strong {
      font-size: 15px;
    }
    .x00c7wgkm3s span > span {
      font-size: 11px;
    }
    .zrqscjeduup {
      width: 76px;
      height: 112px;
      flex-basis: 76px;
    }
    .l0yn0imkaho {
      margin-top: 16px;
    }
    .l0yn0imkaho ol {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0 30px;
    }
    .an710vf8otj {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .an710vf8otj time {
      margin-top: 0;
    }
    .qmn6tsot5nx {
      gap: 35px;
      padding-block: 65px;
    }
    .dy5lhhnxqsk {
      min-height: 520px;
    }
    .byylyhjw03s {
      font-size: 42px;
      left: 20px;
    }
    .p498s5rybbx {
      bottom: 30px;
      right: 10px;
      padding: 10px 13px;
    }
    .h51fadcg11t h2 {
      font-size: 27px;
    }
    .h51fadcg11t li {
      gap: 12px;
    }
    .fjt7ahlo9ai {
      gap: 26px;
    }
    .fjt7ahlo9ai p {
      padding-right: 20px;
    }
    .hhwzy2b9yhs {
      gap: 12px;
    }
    .hhwzy2b9yhs figure {
      padding: 18px;
    }
    .hhwzy2b9yhs blockquote {
      font-size: 11px;
    }
    .hhwzy2b9yhs figcaption small {
      font-size: 8px;
    }
    .p9mh404tcw1 {
      display: none;
    }
    .wg05ul9eqni {
      grid-template-columns: 0.7fr 1.3fr;
      gap: 30px;
    }
    .dav8braw2m0 h2 {
      font-size: 24px;
    }
    .ji0v6ilaek8 summary {
      font-size: 12px;
      gap: 12px;
    }
    .lcm3ki5ydjo {
      grid-template-columns: 1.3fr 0.7fr;
    }
    .l9f0eqm8gz3 {
      padding: 32px;
    }
    .l9f0eqm8gz3 h2 {
      font-size: 26px;
    }
    .x22kokmzqsu {
      width: 190px;
      padding: 24px;
      transform: rotate(9deg) translate(20px);
    }
    .x22kokmzqsu strong {
      font-size: 30px;
    }
    .hri80nzkc6w {
      gap: 40px;
      grid-template-columns: 1fr 1fr;
    }
    .ji9iito1i3l > div {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 640px) {
    html {
      scroll-padding-top: 80px;
    }
    section,
    aside {
      scroll-margin-top: 80px;
    }
    body {
      padding-bottom: 66px;
    }
    .q5spl9vr98e {
      width: calc(100% - 36px);
    }
    .ecjkzbkg2p1 {
      width: calc(100% - 32px);
      min-height: 70px;
      gap: 10px;
    }
    .e40nr35sude {
      font-size: 19px;
    }
    .e40nr35sude small {
      font-size: 6px;
      letter-spacing: 1.1px;
      margin-top: 5px;
    }
    .e40nr35sude a {
      gap: 8px;
    }
    .vvo9xyyv3lb {
      width: 35px;
      height: 35px;
      border-radius: 10px;
    }
    .hedov0m9448 {
      display: none;
    }
    .iyzkzyqn5nl {
      font-size: 10px;
    }
    .iyzkzyqn5nl summary span {
      font-size: 16px;
      margin-left: 3px;
    }
    .iyzkzyqn5nl nav {
      width: min(340px, calc(100vw - 32px));
      top: 45px;
      padding: 12px;
      font-size: 11px;
    }
    .iyzkzyqn5nl nav a {
      padding: 11px 8px;
    }
    .c1jtbgbe5uy {
      padding-top: 29px;
    }
    .x6b9lm9ah7b {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .bpr1ca3gjht {
      padding: 0 4px 12px;
    }
    .cdd0vl4a952 {
      font-size: 10px;
      padding: 4px 10px;
    }
    .ak3ab4pqpe3 {
      font-size: 9px;
      margin-block: 19px 12px;
    }
    .bpr1ca3gjht h2 {
      font-size: clamp(41px, 10vw, 55px);
      letter-spacing: -1.6px;
    }
    .bpr1ca3gjht h2 br {
      display: none;
    }
    .gc5xkl4396y {
      font-size: 14px;
      margin-top: 19px;
    }
    .gc5xkl4396y br {
      display: none;
    }
    .tx9ljqc4vg5 {
      font-size: 11px;
      margin-top: 12px;
    }
    .bpr1ca3gjht .a3ucmuaba5z {
      margin-top: 21px;
      gap: 17px;
    }
    .nqb1rmhf8by {
      font-size: 12px;
      padding: 12px 19px;
      gap: 19px;
    }
    .bpr1ca3gjht .b7jp2kjk6wx {
      font-size: 10px;
      gap: 7px;
    }
    .krk0hwdjbf7 {
      font-size: 9px;
      margin-top: 16px;
    }
    .ql4ei37iilz {
      margin-top: 3px;
    }
    .cid60bjczjo {
      aspect-ratio: 1.24;
    }
    .fmdec5t14pa {
      border-radius: 17px 17px 5px;
    }
    .dmr9yszsj8e {
      inset: auto 19px 22px;
    }
    .dmr9yszsj8e h3 {
      font-size: 31px;
      margin-block: 7px 9px;
    }
    .dmr9yszsj8e div > span {
      font-size: 9px;
    }
    .dmr9yszsj8e p {
      font-size: 9px;
      max-width: 240px;
    }
    .dmgedfuxwun {
      width: 39px;
      height: 39px;
      font-size: 23px;
    }
    .aukgh29uvwb {
      margin-top: 12px;
      gap: 16px;
    }
    .aukgh29uvwb b {
      font-size: 20px;
    }
    .ux75qeraxid {
      font-size: 8px;
    }
    .w2dha4ccc0p {
      gap: 5px;
    }
    .w2dha4ccc0p button {
      width: 30px;
      height: 30px;
    }
    .sgpkwt4n8v5 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding-block: 18px;
      gap: 11px 16px;
      margin-top: 16px;
    }
    .sgpkwt4n8v5 > span {
      grid-column: 1/-1;
      font-size: 10px;
    }
    .sgpkwt4n8v5 a {
      font-size: 11px;
      gap: 8px;
      margin: 0;
      background: #fffaf2;
      padding: 7px 12px;
      border: 1px solid #efeadf;
      border-radius: 7px;
    }
    .sgpkwt4n8v5 a i {
      font-size: 19px;
    }
    .eh5duanuvdj {
      grid-column: 1/-1;
      justify-content: center;
      background: transparent !important;
      border: none !important;
      padding-block: 3px !important;
    }
    .msaq4daursc {
      padding-top: 27px;
    }
    .zu0x80iiqks {
      gap: 12px;
      margin-bottom: 17px;
    }
    .zu0x80iiqks > span {
      font-size: 6px;
      letter-spacing: 1px;
    }
    .zu0x80iiqks h2 {
      font-size: 11px;
    }
    .b6jboa0n6qp {
      gap: 10px;
    }
    .b6jboa0n6qp article {
      display: block;
      padding: 16px 13px;
    }
    .n8lta7pgqta {
      width: 27px;
      height: 27px;
      margin-bottom: 12px;
      font-size: 15px;
    }
    .b6jboa0n6qp h3 {
      font-size: 12px;
    }
    .b6jboa0n6qp p {
      font-size: 10px;
    }
    .ze4xfllim9q {
      padding-block: 45px;
    }
    .gnlrsih3kzj {
      margin-bottom: 24px;
      align-items: flex-start;
      gap: 14px;
    }
    .gnlrsih3kzj h2 {
      font-size: 24px;
      letter-spacing: -0.6px;
    }
    .c4onhez3kum {
      font-size: 7px;
      letter-spacing: 1.5px;
      margin-bottom: 10px;
    }
    .gnlrsih3kzj p:not(.c4onhez3kum) {
      font-size: 11px;
      margin-top: 8px;
    }
    .gnlrsih3kzj > .b7jp2kjk6wx {
      font-size: 9px;
      white-space: nowrap;
      margin-top: 25px;
      gap: 7px;
    }
    .tjir9ktk4gx {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 23px 14px;
    }
    .tbgnu1xzwpo,
    .cgxl93hq785:first-child .tbgnu1xzwpo {
      aspect-ratio: 0.8;
      border-radius: 10px;
    }
    .exmq7rv9b2r {
      font-size: 8px;
      top: 10px;
      left: 10px;
      padding: 3px 7px;
    }
    .sq4vd5g9fwx {
      padding-top: 11px;
    }
    .ttgdcf0d307 {
      font-size: 8px;
    }
    .sq4vd5g9fwx strong,
    .cgxl93hq785:first-child .sq4vd5g9fwx strong {
      font-size: 16px;
      margin-block: 4px 6px;
    }
    .sq4vd5g9fwx > span:last-child {
      font-size: 10px;
    }
    .jeawa8i1ww9 {
      font-size: 9px;
      margin-top: 20px;
    }
    .v0angcl0iih {
      padding-block: 41px;
      gap: 24px;
    }
    .pgu6vsgxm72 .gnlrsih3kzj h2 {
      font-size: 24px;
    }
    .pgu6vsgxm72 .gnlrsih3kzj p:not(.c4onhez3kum) {
      font-size: 10px;
    }
    .ssisp57t6do {
      font-size: 8px;
    }
    .of7bvwr4hf5 {
      gap: 4px;
      margin-bottom: 20px;
    }
    .of7bvwr4hf5 button {
      padding: 6px 11px;
      font-size: 10px;
    }
    .xler89vv039 {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .x00c7wgkm3s button {
      padding: 12px;
      gap: 16px;
      min-height: 132px;
    }
    .zrqscjeduup {
      width: 74px;
      height: 106px;
      flex-basis: 74px;
    }
    .x00c7wgkm3s small {
      font-size: 9px;
    }
    .x00c7wgkm3s strong {
      font-size: 15px;
    }
    .x00c7wgkm3s span > span {
      font-size: 11px;
    }
    .x00c7wgkm3s em {
      font-size: 9px;
    }
    .l0yn0imkaho {
      margin-top: 4px;
      padding: 24px;
    }
    .l0yn0imkaho ol {
      grid-template-columns: 1fr;
      gap: 0;
    }
    .l0yn0imkaho li {
      padding-block: 17px;
    }
    .an710vf8otj {
      display: block;
    }
    .an710vf8otj time {
      margin-top: 6px;
    }
    .qmn6tsot5nx {
      grid-template-columns: 1fr;
      gap: 35px;
      padding-block: 45px;
    }
    .dy5lhhnxqsk {
      min-height: 500px;
    }
    .rwu0p1rwdcn {
      width: 220px;
    }
    .u98q5w44sym {
      height: 222px;
    }
    .byylyhjw03s {
      font-size: 49px;
      left: 22px;
      top: 25px;
    }
    .p498s5rybbx {
      right: 18px;
      bottom: 30px;
    }
    .h51fadcg11t {
      padding-inline: 3px;
    }
    .h51fadcg11t h2 {
      font-size: 28px;
    }
    .h51fadcg11t ul {
      margin-block: 24px;
    }
    .e8pajs7m9fj {
      padding-block: 38px;
    }
    .e8pajs7m9fj .gnlrsih3kzj {
      display: block;
    }
    .e8pajs7m9fj .gnlrsih3kzj > p {
      margin-top: 12px;
      font-size: 10px;
    }
    .fjt7ahlo9ai {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .fjt7ahlo9ai li {
      padding: 20px 0 0 45px;
    }
    .fjt7ahlo9ai li > span {
      left: 0;
      right: auto;
      top: 18px;
      font-size: 28px;
    }
    .fjt7ahlo9ai h3 {
      font-size: 16px;
    }
    .fjt7ahlo9ai p {
      font-size: 11px;
    }
    .fjt7ahlo9ai br {
      display: none;
    }
    .fjt7ahlo9ai a,
    .fjt7ahlo9ai button {
      margin-top: 10px;
    }
    .hhwzy2b9yhs {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .hhwzy2b9yhs figure {
      padding: 23px;
    }
    .hhwzy2b9yhs blockquote {
      font-size: 12px;
      margin-bottom: 20px;
    }
    .hhwzy2b9yhs figcaption small {
      font-size: 9px;
    }
    .p9mh404tcw1,
    #notes .gnlrsih3kzj {
      display: block;
    }
    #notes .g8aseor5yy8 {
      margin-top: 12px;
    }
    #notes .jeawa8i1ww9 {
      margin-top: -6px;
    }
    .wg05ul9eqni {
      grid-template-columns: 1fr;
      gap: 23px;
      padding-block: 0 45px;
    }
    .dav8braw2m0 h2 {
      font-size: 25px;
    }
    .dav8braw2m0 > p:not(.c4onhez3kum) {
      margin-top: 12px;
      font-size: 11px;
    }
    .dav8braw2m0 br,
    .qv8hnhx1kn2 {
      display: none;
    }
    .ji0v6ilaek8 summary {
      font-size: 12px;
      padding-block: 20px;
      gap: 12px;
    }
    .ji0v6ilaek8 details p {
      font-size: 11px;
      padding: 0 25px 22px;
    }
    .ze7vb0xr29k {
      font-size: 10px;
    }
    .lcm3ki5ydjo {
      grid-template-columns: 1fr;
      margin-bottom: 45px;
      border-radius: 16px;
    }
    .l9f0eqm8gz3 {
      padding: 29px 24px;
    }
    .l9f0eqm8gz3 h2 {
      font-size: 25px;
    }
    .l9f0eqm8gz3 > p:not(.c4onhez3kum):not(.mt9ogzdq2d0) {
      font-size: 13px;
    }
    .mt9ogzdq2d0 {
      font-size: 10px;
    }
    .mt9ogzdq2d0 br {
      display: none;
    }
    .l9f0eqm8gz3 .a3ucmuaba5z {
      gap: 16px;
    }
    .l9f0eqm8gz3 .nqb1rmhf8by {
      font-size: 11px;
      padding: 11px 15px;
      gap: 13px;
    }
    .dp3b05xhlhr {
      font-size: 10px;
    }
    .w8tlubx4t8q {
      height: 190px;
      overflow: hidden;
      margin-top: -10px;
    }
    .x22kokmzqsu {
      width: 195px;
      transform: rotate(8deg) translateY(32px);
      padding: 22px;
    }
    .x22kokmzqsu strong {
      font-size: 29px;
      margin-block: 12px 24px;
    }
    .b0l2g0u7a0b {
      width: 280px;
      height: 280px;
      left: -60px;
      top: 20px;
    }
    .y9435iewngi {
      width: 210px;
      height: 210px;
      right: -60px;
      top: -50px;
    }
    .hri80nzkc6w {
      grid-template-columns: 1fr;
      padding-block: 36px 30px;
      gap: 30px;
    }
    .wjze68kiwg4 h2 {
      font-size: 20px;
      margin-bottom: 15px;
    }
    .wjze68kiwg4 > p:last-child {
      font-size: 10px;
    }
    .ji9iito1i3l > div {
      grid-template-columns: repeat(3, 1fr);
      gap: 12px 10px;
      font-size: 9px;
    }
    .ji9iito1i3l h2 {
      margin-bottom: 15px;
    }
    .fw1hr57xnll {
      flex-wrap: wrap;
      gap: 7px 16px;
      padding-block: 20px;
      font-size: 8px;
    }
    .fw1hr57xnll p {
      width: 100%;
    }
    .qvk26lcns6z {
      display: flex;
      justify-content: space-around;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 21;
      background: #fffefbf5;
      border-top: 1px solid #e3e7d8;
      backdrop-filter: blur(15px);
      padding: 9px 10px calc(8px + env(safe-area-inset-bottom));
    }
    .qvk26lcns6z a {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1px;
      font-size: 9px;
      color: #778369;
      min-width: 52px;
    }
    .qvk26lcns6z span {
      font-size: 20px;
      line-height: 1.25;
    }
    .qvk26lcns6z a:first-child {
      color: #c0632e;
    }
    .f29y6lhoq7f {
      width: calc(100% - 28px);
      max-height: calc(100dvh - 32px);
      border-radius: 16px;
    }
    .vcr5t299ugx {
      grid-template-columns: 1fr;
    }
    .t4q9znb4s3z {
      height: 190px;
      min-height: auto;
    }
    .p2aekmpxclq {
      padding: 26px 23px;
    }
    .p2aekmpxclq h2 {
      font-size: 26px;
      margin-bottom: 15px;
    }
    .y5l0wl8ry0x {
      font-size: 14px;
    }
    .p2aekmpxclq > p[data-dialogdetail] {
      font-size: 12px;
    }
  }
  @media (max-width: 360px) {
    .q5spl9vr98e {
      width: calc(100% - 28px);
    }
    .bpr1ca3gjht h2 {
      font-size: 39px;
    }
    .bpr1ca3gjht .a3ucmuaba5z {
      gap: 12px;
    }
    .bpr1ca3gjht .b7jp2kjk6wx {
      font-size: 9px;
    }
    .dmr9yszsj8e p {
      max-width: 205px;
    }
    .of7bvwr4hf5 button {
      padding-inline: 9px;
    }
    .l9f0eqm8gz3 {
      padding-inline: 20px;
    }
  }
}
@layer motion {
  [data-reveal].tzovfpe1v24 {
    opacity: 0;
    transform: translateY(18px);
  }
  [data-reveal] {
    transition:
      opacity 0.55s ease,
      transform 0.55s ease;
  }
  @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;
      scroll-behavior: auto !important;
    }
    [data-reveal].tzovfpe1v24 {
      opacity: 1;
      transform: none;
    }
    .lr6w0gu9d52 {
      transform: none !important;
    }
  }
}