@charset "UTF-8";
@layer reset,base,layout,components,motion,responsive;
@layer reset {
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  ol {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  button {
    color: inherit;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    color-scheme: dark;
    --paper: #111115;
    --card: #1b1b22;
    --ink: #f2f0f7;
    --muted: #aaa8b8;
    --line: #ffffff16;
    --purple: #b393ff;
    --peach: #ffb68b;
    --accent: linear-gradient(112deg, #9273ff, #d08aee 58%, #ffab94);
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family:
      Microsoft YaHei,
      PingFang SC,
      Noto Sans CJK SC,
      sans-serif;
    font-size: 14px;
    line-height: 1.8;
  }
  ::selection {
    background: #b393ff;
    color: #16111e;
  }
  :focus-visible {
    outline: 3px solid #cfb8ff;
    outline-offset: 5px;
    border-radius: 4px;
  }
  section[id],
  article[id] {
    scroll-margin-top: 105px;
  }
  article[id]:target {
    outline: 2px solid var(--purple);
    outline-offset: 6px;
  }
  h2,
  h3 {
    line-height: 1.35;
    letter-spacing: -0.03em;
  }
  h2 {
    font-size: clamp(25px, 2.7vw, 38px);
    font-weight: 750;
  }
  h3 {
    font-size: 19px;
  }
  p {
    color: var(--muted);
  }
  button {
    border: 0;
  }
  button:disabled {
    cursor: default;
  }
  button,
  a {
    touch-action: manipulation;
  }
}
@layer layout {
  .k5b25c2504 {
    width: min(1280px, calc(100% - 100px));
    margin-inline: auto;
  }
  .kb02ac0200 {
    padding-block: 86px;
  }
  .kd0b901a2e {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #111115f0;
    border-bottom: 1px solid var(--line);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .k7cf3913d4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 88px;
    gap: 24px;
  }
  .kd00a03a19,
  .k30c3ec36f {
    display: flex;
    align-items: center;
    gap: 28px;
  }
  .kd00a03a19 {
    gap: 16px;
  }
  .k76e7ef95f {
    overflow: clip;
    background: radial-gradient(ellipse at 75% 28%, #58418c22, transparent 65%);
  }
  .ka6d0ae461 {
    display: grid;
    grid-template-columns: 1fr 1.04fr;
    min-height: 680px;
    gap: 28px;
    align-items: center;
    padding-block: 58px 42px;
  }
  .k5d303264a {
    position: relative;
    z-index: 2;
    padding-block: 16px;
  }
  .k0bbe2ba35 {
    position: relative;
    height: 574px;
    min-width: 0;
  }
  .k9fff84eec {
    padding-block: 60px 20px;
  }
  .kd0f9b2e51 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
    margin-top: 28px;
  }
  .kac6b1c948 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 32px;
  }
  .k37f274893 {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr;
    gap: 22px;
  }
  .ke4662172c {
    padding-block: 70px;
    background: #16161c;
    border-block: 1px solid var(--line);
  }
  .k1df8c4f06 {
    display: grid;
    grid-template-columns: 205px 1fr;
    gap: 48px;
  }
  .k9e714a41c {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px 22px;
  }
  .ke503a3a6d {
    display: grid;
    grid-template-columns: 0.85fr 1.65fr;
    gap: 80px;
  }
  .k1d3e4ac2d {
    background: radial-gradient(ellipse at 70% 45%, #3b285154, transparent 55%), #19171e;
    border-block: 1px solid var(--line);
    overflow: clip;
  }
  .kf622236ed {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    min-height: 760px;
    padding-block: 70px;
  }
  .k1cc6ca5b0 {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
  }
  .kb8ab7c1de {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 48px;
    padding-block: 28px 80px;
  }
  .k412df1d3e {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }
  .k7188151cf {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    gap: 70px;
    border-top: 1px solid var(--line);
  }
  .k6ea04c36e {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding: 60px;
    background: linear-gradient(125deg, #282033, #1d1a23 55%, #332738);
    border: 1px solid #c6a6ff22;
    border-radius: 18px;
    margin-bottom: 82px;
    overflow: hidden;
  }
  .ke33ed8bec {
    display: grid;
    grid-template-columns: 1fr 1.65fr;
    gap: 80px;
    padding-block: 55px 38px;
  }
  .kad9ffb480 {
    background: #0d0d11;
    border-top: 1px solid var(--line);
  }
  .k940041d41 {
    display: none;
  }
}
@layer components {
  .ke3dea6794 {
    position: fixed;
    top: 12px;
    left: 12px;
    padding: 8px 20px;
    background: #dccaff;
    color: #151018;
    z-index: 100;
    transform: translateY(-200%);
  }
  .ke3dea6794:focus {
    transform: translateY(0);
  }
  .k4b81fdc11 {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1;
    flex-shrink: 0;
  }
  .k4b81fdc11 > span {
    font-family: Arial, sans-serif;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: -4px;
    position: relative;
    padding-right: 6px;
  }
  .k4b81fdc11 > span > span {
    position: absolute;
    font-size: 13px;
    color: var(--purple);
    top: -5px;
    right: -2px;
    transform: rotate(-12deg);
  }
  .k4b81fdc11 strong {
    font-size: 21px;
    font-weight: 700;
  }
  .k4b81fdc11 small {
    display: block;
    font-size: 7px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-top: 7px;
    color: var(--muted);
  }
  .k30c3ec36f a {
    color: #c5c2cf;
    font-size: 13px;
    position: relative;
    padding-block: 12px;
  }
  .k30c3ec36f a:after {
    position: absolute;
    bottom: 4px;
    left: 50%;
    content: "";
    width: 5px;
    height: 5px;
    background: var(--purple);
    border-radius: 50%;
    transform: scale(0);
  }
  .k30c3ec36f a:hover {
    color: #fff;
  }
  .k30c3ec36f a:hover:after {
    transform: scale(1);
  }
  .kd9da8fe56 {
    border: 1px solid #b496f94f;
    border-radius: 7px;
    padding: 8px 15px;
    color: #d4bcff;
    font-size: 12px;
    white-space: nowrap;
  }
  .kd00a03a19 button {
    display: flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    color: #bcb7c8;
    padding: 8px 0 8px 8px;
  }
  .ke694a8bf3 {
    font-size: 12px;
  }
  .k43d9ea36a {
    padding-block: 18px 24px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    border-top: 1px solid var(--line);
  }
  .k43d9ea36a a {
    font-size: 12px;
    padding: 9px 10px;
    background: #ffffff06;
    border-radius: 5px;
  }
  .k14a90ef13 {
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: 2px;
    font-weight: 600;
    color: #b9a0e5;
    margin-bottom: 12px;
  }
  .k9b9c6a82a {
    width: 6px;
    height: 6px;
    background: #d2b5ff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    box-shadow: 0 0 16px #b995ff99;
  }
  .k198e084e5 {
    margin-left: 18px;
    font-size: 9px;
    color: #7f788c;
  }
  .k5d303264a h1 {
    margin-top: 21px;
    line-height: 1;
    font-size: clamp(40px, 4.6vw, 65px);
    letter-spacing: -0.06em;
  }
  .k5d303264a h1 a {
    display: inline-flex;
    align-items: center;
    gap: 14px;
  }
  .ke188b0b99 {
    display: inline-block;
    width: 37px;
    height: 43px;
    transform: rotate(10deg);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 4px 10px #0008;
    border: 2px solid #d5c1ff;
  }
  .k56f49a652 {
    position: relative;
    color: var(--ink);
    font-size: clamp(39px, 4.3vw, 61px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.05em;
    margin-block: 18px 21px;
  }
  .k56f49a652 > span {
    color: #c2a4ff;
  }
  .k56f49a652 i {
    position: absolute;
    font-size: 47px;
    color: var(--peach);
    top: 0;
    margin-left: 25px;
    font-style: normal;
    transform: rotate(-12deg);
  }
  .k34242db68 {
    font-size: 13px;
    line-height: 1.95;
    color: #b1acbc;
  }
  .kc75f05755 {
    display: flex;
    align-items: center;
    gap: 23px;
    margin-top: 29px;
  }
  .k2aa9b86ec,
  .k570d239a7 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 48px;
    font-size: 13px;
    font-weight: 650;
  }
  .k2aa9b86ec {
    background: var(--accent);
    color: #181220;
    padding: 10px 23px;
    border-radius: 6px;
    box-shadow: 0 6px 25px #a075ff22;
  }
  .k2aa9b86ec > span,
  .k570d239a7 > span {
    font-size: 20px;
    font-weight: 400;
  }
  .k570d239a7 {
    color: #d2cbdc;
    padding-block: 10px;
  }
  .k9d575dc1d {
    display: flex;
    gap: 19px;
    margin-top: 26px;
    font-size: 10px;
    color: #8d879a;
  }
  .k9d575dc1d > span + span {
    padding-left: 18px;
    border-left: 1px solid #ffffff25;
  }
  .k64c61033d {
    position: absolute;
    font-family: Arial, sans-serif;
    font-weight: 900;
    font-size: 98px;
    line-height: 0.9;
    letter-spacing: -8px;
    color: #ffffff05;
    right: -26px;
    top: 6px;
  }
  .k47a5aa4c9 {
    position: relative;
    height: 410px;
    margin-top: 10px;
    isolation: isolate;
  }
  .k47a5aa4c9:before {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    left: 50%;
    top: 0;
    transform: translate(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, #8e62c937, transparent 70%);
    z-index: -1;
  }
  .k47a5aa4c9 figure {
    position: absolute;
    width: 210px;
    height: 307px;
    left: calc(50% - 105px);
    top: 30px;
    border-radius: 6px;
    overflow: hidden;
    border: 3px solid #48404f;
    background: #26202e;
    box-shadow: 0 24px 45px #0009;
    transition:
      transform 0.8s cubic-bezier(0.2, 0.75, 0.2, 1),
      filter 0.8s,
      opacity 0.8s;
  }
  .k47a5aa4c9 figure:after {
    content: "";
    position: absolute;
    inset: 55% 0 0;
    background: linear-gradient(transparent, #0d0815e6);
  }
  .k47a5aa4c9 figcaption {
    position: absolute;
    bottom: 12px;
    left: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    z-index: 1;
    text-shadow: 0 2px 6px #000;
  }
  .[[cover_0]],[data-art][data-position="front"] {
    transform: translate(8px, 14px) rotate(7deg);
    z-index: 3;
    filter: brightness(1);
  }
  .[[cover_1]],[data-art][data-position="left"] {
    transform: translate(-140px, 22px) rotate(-15deg) scale(0.86);
    z-index: 1;
    filter: brightness(0.7);
  }
  .[[cover_2]],[data-art][data-position="right"] {
    transform: translate(145px, 7px) rotate(19deg) scale(0.82);
    z-index: 2;
    filter: brightness(0.65);
  }
  .kf65edecfb {
    position: absolute;
    left: 6%;
    top: 290px;
    z-index: 5;
    background: #e3f58a;
    color: #20251b;
    font-weight: 800;
    font-size: 16px;
    line-height: 1.3;
    transform: rotate(-9deg);
    width: 88px;
    height: 88px;
    display: grid;
    place-content: center;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 5px 18px #0005;
  }
  .kf65edecfb b {
    font-size: 26px;
    line-height: 1;
  }
  .kb2c5c841a {
    position: absolute;
    bottom: 60px;
    left: 10%;
    right: 4%;
    padding-left: 17px;
    border-left: 2px solid #a584df;
  }
  .kb2c5c841a > span {
    font-size: 9px;
    color: #a291ba;
    letter-spacing: 2px;
  }
  .kb2c5c841a h2 {
    font-size: 22px;
    margin-block: 4px;
  }
  .kb2c5c841a p {
    font-size: 11px;
  }
  .kb2c5c841a a {
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 10px;
    color: #ccb9ec;
  }
  .k37e2cf3f8 {
    position: absolute;
    bottom: 0;
    left: 10%;
    right: 0;
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .kbc91c8ae5 {
    display: flex;
    flex: 1;
    gap: 16px;
  }
  .kbc91c8ae5 button {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    font-size: 9px;
    color: #87828e;
    padding: 10px 0;
    border-top: 2px solid #ffffff13;
    text-align: left;
    white-space: nowrap;
    flex: 1;
  }
  .kbc91c8ae5 button > span {
    font-family: Arial, sans-serif;
    color: #a291bb;
  }
  .kbc91c8ae5 button[aria-pressed="true"] {
    color: #eee9f6;
    border-color: #b393ff;
  }
  .k3a57e31e9 {
    background: #ffffff08;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    font-size: 12px;
    flex-shrink: 0;
  }
  .k8c34c7a00 {
    border-block: 1px solid var(--line);
  }
  .k8c34c7a00 > div {
    height: 53px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 9px;
    letter-spacing: 1.7px;
    color: #78727f;
  }
  .k8c34c7a00 b {
    color: #b4acbe;
    font-weight: 400;
  }
  .k8c34c7a00 a {
    font-size: 11px;
    color: #c5b5db;
  }
  .k8c34c7a00 a span {
    margin-left: 15px;
  }
  .k9cb0e2163 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .k9cb0e2163 .k14a90ef13 {
    margin-bottom: 0;
  }
  .k9cb0e2163 h2 {
    font-size: 20px;
  }
  .kd0f9b2e51 article {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 23px 0;
    border-top: 1px solid #ffffff20;
  }
  .ke07f8ffef {
    color: #9584ae;
    font-family: Arial, sans-serif;
    font-size: 10px;
    padding-top: 3px;
  }
  .kd0f9b2e51 h3 {
    font-size: 14px;
    margin-bottom: 7px;
  }
  .kd0f9b2e51 p {
    font-size: 11px;
    color: #8c8798;
  }
  .kd0f9b2e51 article > span:last-child {
    color: #a8a0b2;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 17px;
  }
  .kdd3133937 {
    color: var(--purple);
    margin-left: 5px;
  }
  .kac6b1c948 > div:last-child > p,
  .kac6b1c948 > p {
    font-size: 12px;
  }
  .kac6b1c948 > div:last-child > a {
    display: block;
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
    color: #cbb4f0;
  }
  .kf6c2d31e0 {
    min-width: 0;
    position: relative;
  }
  .kac3208054 {
    display: block;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background: #25212c;
  }
  .kf6c2d31e0:first-child .kac3208054 {
    height: 420px;
  }
  .kf6c2d31e0:nth-child(2) {
    margin-top: 34px;
  }
  .kf6c2d31e0:nth-child(3) {
    margin-top: 68px;
  }
  .kac3208054:after {
    content: "";
    position: absolute;
    inset: 60% 0 0;
    background: linear-gradient(transparent, #111115aa);
  }
  .kac3208054 img {
    object-position: center 30%;
    transition:
      transform 0.55s,
      filter 0.55s;
  }
  .kd10e518c0 {
    position: absolute;
    bottom: 15px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 1px solid #fff7;
    display: grid;
    place-items: center;
    border-radius: 50%;
    z-index: 2;
    color: #fff;
    background: #0004;
  }
  .kf780e82f9 {
    padding: 20px 0 0;
  }
  .kf780e82f9 .k14a90ef13 {
    font-size: 9px;
    margin-bottom: 7px;
  }
  .kf780e82f9 h3 {
    font-size: 23px;
  }
  .kf780e82f9 > p:not(.k14a90ef13) {
    font-size: 12px;
    margin-top: 8px;
  }
  .k88013a758 {
    display: inline-block;
    margin-top: 12px;
    color: #b2a1c6;
    font-size: 10px;
    background: #ffffff07;
    padding: 3px 9px;
    border-radius: 3px;
  }
  .k9941d127f {
    font-size: 10px;
    line-height: 1.9;
    color: #817a8c;
    margin-top: 22px;
  }
  .k7b9abd161 h2 {
    font-size: 35px;
    margin-top: 17px;
  }
  .k7b9abd161 > p:not(.k14a90ef13) {
    font-size: 12px;
    margin-top: 20px;
  }
  .kbeb9b404b {
    display: grid;
    gap: 8px;
    margin-top: 28px;
  }
  .kbeb9b404b button {
    text-align: left;
    background: transparent;
    padding: 11px 14px;
    border-radius: 5px;
    color: #9c94a8;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    border: 1px solid transparent;
  }
  .kbeb9b404b button span {
    color: #696172;
    font-size: 10px;
  }
  .kbeb9b404b button[aria-pressed="true"] {
    background: #b593ff14;
    border-color: #aa8be536;
    color: #d0b7fc;
  }
  .kbeb9b404b button[aria-pressed="true"] span {
    color: #b69adf;
  }
  .k7b9abd161 .k90ee41158 {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
    color: #77707f;
    font-size: 11px;
  }
  .k45d265b84 {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    align-items: center;
    margin-bottom: 24px;
    gap: 8px 20px;
  }
  .k45d265b84 label {
    font-size: 13px;
    color: #d4cddd;
  }
  .k45d265b84 > div {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #0c0c1170;
    border: 1px solid #ffffff13;
    border-radius: 5px;
    padding: 6px 11px;
  }
  .k45d265b84 > div:focus-within {
    border-color: #baa0e9;
  }
  .k45d265b84 > div > span {
    font-size: 22px;
    color: #9d8bb6;
    line-height: 1;
  }
  .k45d265b84 input {
    background: transparent;
    border: 0;
    color: #eee8f6;
    width: 100%;
    min-width: 0;
    outline: none;
    font-size: 11px;
    padding: 6px 0;
  }
  .k45d265b84 input::placeholder {
    color: #8e849c;
  }
  .k45d265b84 button {
    background: transparent;
    font-size: 10px;
    color: #b8a4d3;
    white-space: nowrap;
    padding: 5px;
  }
  .k45d265b84 > p {
    grid-column: 1/-1;
    font-size: 10px;
    color: #8c8297;
  }
  .kb343c536f {
    min-width: 0;
  }
  .k1976b52b8 {
    height: 252px;
    position: relative;
    border-radius: 7px;
    overflow: hidden;
    background: #26212e;
  }
  .k1976b52b8 img {
    transition: transform 0.5s;
  }
  .k1976b52b8 > span {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 2px 8px;
    background: #101016d9;
    border-radius: 3px;
    color: #e5daf3;
    font-size: 10px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
  }
  .kcb7922c3a {
    padding-top: 15px;
  }
  .kcb7922c3a > .k14a90ef13 {
    font-size: 9px;
    margin-bottom: 6px;
  }
  .kcb7922c3a h3 {
    font-size: 18px;
  }
  .kcb7922c3a > p:not(.k14a90ef13) {
    font-size: 11px;
    margin-top: 9px;
    min-height: 60px;
    line-height: 1.9;
  }
  .kcb7922c3a button {
    background: transparent;
    border-top: 1px solid var(--line);
    padding: 10px 0 0;
    margin-top: 12px;
    font-size: 11px;
    color: #bda4df;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .k64cad75c6 {
    text-align: center;
    padding: 70px 20px;
    border: 1px dashed #b397d930;
    border-radius: 10px;
  }
  .k64cad75c6 > span {
    display: block;
    font-size: 44px;
    color: var(--purple);
  }
  .k64cad75c6 p {
    font-size: 12px;
    margin-block: 12px 20px;
  }
  .k64cad75c6 button {
    padding: 8px 20px;
    border-radius: 4px;
    color: #d4c3ec;
    background: #b49ad324;
  }
  .kf1ee0ba0e h2 {
    font-size: 42px;
    display: flex;
    gap: 35px;
  }
  .kf1ee0ba0e h2 > span {
    color: var(--purple);
  }
  .kf1ee0ba0e > p:not(.k14a90ef13) {
    font-size: 13px;
    margin-top: 18px;
  }
  .k99a3fbaa8 {
    margin-top: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
    max-width: 270px;
    font-size: 11px;
  }
  .k99a3fbaa8 > span {
    color: #b79fd5;
  }
  .k99a3fbaa8 time {
    text-align: right;
    color: #88818f;
  }
  .k99a3fbaa8 small {
    grid-column: 1/-1;
    font-size: 10px;
    color: #8b8295;
  }
  .ke65e58c79 {
    list-style: none;
    padding: 0;
    border-top: 1px solid #ffffff2b;
  }
  .ke65e58c79 li {
    display: grid;
    grid-template-columns: 38px 50px 1fr auto 18px;
    align-items: center;
    gap: 19px;
    border-bottom: 1px solid var(--line);
    padding: 16px 0;
  }
  .k610e4558a {
    font-family: Arial, sans-serif;
    font-size: 25px;
    color: #686171;
    font-style: italic;
    font-weight: 700;
  }
  .ke65e58c79 li:first-child .k610e4558a {
    color: #bf9efa;
  }
  .ke65e58c79 img {
    width: 50px;
    height: 64px;
    border-radius: 4px;
  }
  .ke65e58c79 h3 {
    font-size: 16px;
  }
  .ke65e58c79 p {
    font-size: 10px;
    margin-top: 4px;
    color: #81798d;
  }
  .k75a5cbefb {
    font-size: 10px;
    color: #aa96c6;
  }
  .ke65e58c79 li > span:last-child {
    color: #776a88;
  }
  .k66743891d h2 {
    line-height: 1.5;
  }
  .k66743891d h2 > span {
    color: #bea0e6;
    font-size: 31px;
  }
  .k66743891d > p:not(.k14a90ef13) {
    font-size: 12px;
    margin-top: 22px;
  }
  .kc0bf4de26 {
    display: flex;
    gap: 24px;
    margin-top: 29px;
  }
  .kc0bf4de26 fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .kc0bf4de26 legend {
    font-size: 10px;
    color: #8a7e98;
    margin-bottom: 10px;
    padding: 0;
  }
  .kc0bf4de26 button {
    background: #ffffff05;
    padding: 7px 13px;
    border: 1px solid #ffffff1a;
    border-radius: 4px;
    color: #9c91a8;
    font-size: 11px;
    margin-right: 4px;
  }
  .kc0bf4de26 button[aria-pressed="true"] {
    color: #dbbaff;
    border-color: #b38bdb80;
    background: #b992e515;
  }
  .k66743891d .k132bf7736 {
    margin-top: 24px;
    font-size: 10px;
    color: #94899e;
  }
  .k66743891d > a {
    display: inline-block;
    color: #d0b6ed;
    font-size: 11px;
    margin-top: 20px;
  }
  .k7300546e2 {
    position: relative;
    min-width: 0;
    display: grid;
    place-items: center;
    padding-block: 20px;
  }
  .k2c97ba57e {
    position: absolute;
    left: 0;
    top: 20px;
    writing-mode: vertical-rl;
    font-size: 8px;
    letter-spacing: 3px;
    color: #83708e;
  }
  .kc78ed52b2 {
    width: 285px;
    border: 7px solid #3b3542;
    border-radius: 35px;
    background: #121019;
    box-shadow:
      0 35px 70px #0006,
      0 0 0 1px #62526b;
    padding: 9px 6px 6px;
    transform: rotate(4deg);
    color: #eee6f5;
    --reader-bg: #17131f;
    --reader-color: #eee0ff;
    --reader-muted: #af99c3;
  }
  .ka2ebc5277 {
    display: flex;
    justify-content: space-between;
    padding: 2px 15px 10px;
    font-size: 8px;
    font-weight: 700;
  }
  .ka2ebc5277 > span:last-child {
    font-size: 6px;
  }
  .kcd11fc851 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px 14px;
    font-size: 11px;
  }
  .kcd11fc851 > span:last-child {
    font-size: 7px;
    color: #ab9ab8;
  }
  .kdbbed14af {
    height: 430px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #79628d transparent;
    border-radius: 5px;
    background: var(--reader-bg);
    color: var(--reader-color);
  }
  .kf07f49e97 {
    padding: 15px 9px;
  }
  .kf07f49e97 > header {
    text-align: center;
    padding-block: 11px 18px;
  }
  .kf07f49e97 > header > p {
    color: var(--reader-muted);
    font-size: 8px;
    letter-spacing: 3px;
  }
  .kf07f49e97 > header h3 {
    font-size: 17px;
    margin-top: 4px;
  }
  .k23e77a965 {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 16px;
    isolation: isolate;
  }
  .k23e77a965 p {
    position: relative;
    color: var(--reader-color);
    font-size: 11px;
    line-height: 2;
    text-align: center;
    z-index: 3;
  }
  .ka9c2360d8 {
    background: linear-gradient(#1b1939, #55405e);
    padding-top: 170px;
    padding-bottom: 28px;
  }
  .k1a368992c {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #ebd6b9;
    position: absolute;
    top: 30px;
    right: 40px;
    box-shadow: 0 0 25px #e2c8ba3f;
  }
  .k11844d62c {
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    height: 155px;
    opacity: 0.85;
    background:
      repeating-linear-gradient(90deg, transparent 0 17px, #b69da248 17px 20px, transparent 20px 28px),
      linear-gradient(transparent 10%, #19142a 10%);
    clip-path: polygon(
      0 35%,
      11% 35%,
      11% 10%,
      27% 10%,
      27% 30%,
      40% 30%,
      40% 5%,
      56% 5%,
      56% 25%,
      70% 25%,
      70% 0,
      88% 0,
      88% 30%,
      100% 30%,
      100% 100%,
      0 100%
    );
    z-index: -1;
  }
  .k10b9ab8aa {
    background: linear-gradient(140deg, #352a42, #191521);
    display: grid;
    place-content: center;
    padding: 110px 5px 30px;
    min-height: 230px;
  }
  .k391a3794c {
    position: absolute;
    left: 50%;
    top: 26px;
    width: 98px;
    height: 67px;
    transform: translate(-50%) rotate(-9deg);
    background: #d7bd99;
    border: 1px solid #b49677;
    box-shadow: 0 5px 20px #0005;
    color: #6c4e50;
    font-size: 8px;
    display: grid;
    place-items: center;
  }
  .k391a3794c:after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(148deg, transparent 49%, #977761 50%, transparent 51%),
      linear-gradient(212deg, transparent 49%, #977761 50%, transparent 51%);
    opacity: 0.5;
  }
  .k7ac933ec4 {
    position: absolute;
    left: 10px;
    bottom: 7px;
    font-size: 7px;
    letter-spacing: 2px;
    color: #bea7cd;
  }
  .k000ace2de {
    background: linear-gradient(#715978, #dba9a0);
    display: grid;
    place-content: end center;
    padding: 25px 5px 35px;
    min-height: 250px;
  }
  .k335ca178e {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #ffe0b3;
    top: 26px;
    left: 20px;
    box-shadow: 0 0 45px #ffd19c55;
  }
  .k000ace2de p {
    text-shadow: 0 1px 4px #231029;
  }
  .kf07f49e97 > button {
    display: block;
    margin: 10px auto 2px;
    border: 1px solid #baa0cf40;
    padding: 6px 20px;
    border-radius: 20px;
    background: transparent;
    color: var(--reader-color);
    font-size: 10px;
  }
  .ka52defecd {
    height: 15px;
    display: grid;
    place-items: end center;
  }
  .ka52defecd > span {
    width: 70px;
    height: 3px;
    border-radius: 2px;
    background: #8f7b9e;
  }
  [data-reader][data-paper-mode="warm"] {
    --reader-bg: #eee2ce;
    --reader-color: #3d3040;
    --reader-muted: #705e73;
  }
  [data-paper-mode="warm"] .ka9c2360d8 {
    background: linear-gradient(#d7c9db, #c7a0a4);
  }
  [data-paper-mode="warm"] .k10b9ab8aa {
    background: linear-gradient(140deg, #e8d3bb, #d5c1b1);
  }
  [data-paper-mode="warm"] .k000ace2de {
    background: linear-gradient(#c3afc3, #efb698);
  }
  [data-font-mode="large"] .k23e77a965 p {
    font-size: 14px;
  }
  [data-font-mode="large"] .kf07f49e97 > header h3 {
    font-size: 20px;
  }
  .k46a958af1 {
    position: absolute;
    right: -12px;
    bottom: 58px;
    color: #b1a0c2;
    font-size: 10px;
    transform: rotate(-8deg);
  }
  .k46a958af1 > span {
    display: block;
    font-size: 32px;
    margin-left: -20px;
    color: #c7a5e7;
  }
  .k46a958af1 b {
    display: block;
    font-weight: 400;
    color: #897493;
  }
  .k1cc6ca5b0 li {
    padding: 30px 30px 20px 0;
    position: relative;
  }
  .k1cc6ca5b0 li + li {
    border-left: 1px solid var(--line);
    padding-left: 32px;
  }
  .k1cc6ca5b0 li > span {
    color: #b598d9;
    font:
      italic 30px Arial,
      sans-serif;
  }
  .k1cc6ca5b0 h3 {
    font-size: 18px;
    margin-top: 23px;
  }
  .k1cc6ca5b0 p {
    font-size: 12px;
    margin-top: 10px;
    max-width: 290px;
  }
  .k1cc6ca5b0 a {
    display: inline-block;
    margin-top: 20px;
    color: #c5abdf;
    font-size: 11px;
  }
  .k65dd93183 h2 {
    font-size: 28px;
  }
  .k65dd93183 > p:last-child {
    font-size: 10px;
    margin-top: 18px;
  }
  .k412df1d3e figure {
    background: #1b1920;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 23px 19px;
  }
  .k412df1d3e blockquote {
    font-size: 12px;
    line-height: 2;
    color: #c5bdcf;
    min-height: 100px;
  }
  .k412df1d3e figcaption {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    position: relative;
  }
  .k412df1d3e figcaption > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #9d86bf20;
    color: #c9abe5;
    font-size: 11px;
    flex-shrink: 0;
  }
  .k412df1d3e figcaption > div {
    font-size: 10px;
    color: #c3b6cf;
  }
  .k412df1d3e small {
    display: block;
    font-size: 8px;
    color: #91819d;
    margin-top: 3px;
  }
  .k412df1d3e b {
    position: absolute;
    top: -7px;
    right: -7px;
    font:
      45px Georgia,
      serif;
    color: #7f639340;
  }
  .k60486efa0 p:not(.k14a90ef13) {
    font-size: 12px;
    margin-top: 20px;
  }
  .k60486efa0 a {
    display: inline-block;
    color: #b7a0d1;
    font-size: 11px;
    margin-top: 20px;
  }
  .k68b1da010 details {
    border-bottom: 1px solid var(--line);
  }
  .k68b1da010 details:first-child {
    border-top: 1px solid var(--line);
  }
  .k68b1da010 summary {
    display: flex;
    gap: 18px;
    align-items: center;
    cursor: pointer;
    list-style: none;
    padding: 19px 3px;
    font-size: 13px;
    color: #d6cde0;
  }
  .k68b1da010 summary::-webkit-details-marker {
    display: none;
  }
  .k68b1da010 summary > span {
    font-size: 9px;
    color: #867495;
    font-family: Arial, sans-serif;
  }
  .k68b1da010 summary > b {
    margin-left: auto;
    font-size: 21px;
    font-weight: 400;
    color: #b59dcd;
  }
  .k68b1da010 details[open] summary > b {
    transform: rotate(45deg);
  }
  .k68b1da010 details > p {
    font-size: 12px;
    padding: 0 25px 20px 35px;
    color: #a496b0;
  }
  .k6ea04c36e h2 {
    font-size: 38px;
    line-height: 1.4;
  }
  .k6ea04c36e > div > p:nth-of-type(2) {
    color: #ccbadf;
    font-size: 14px;
    margin-top: 22px;
  }
  .ke317695fd {
    display: inline-block;
    font-size: 10px;
    color: #d7c68d;
    background: #d6b66112;
    border: 1px solid #d6b6612b;
    border-radius: 4px;
    padding: 4px 10px;
    margin-top: 10px;
  }
  .k174a33a2e {
    font-size: 11px;
    margin-top: 15px;
    color: #b1a2bf;
  }
  .kd89f27155 {
    display: grid;
    place-items: center;
    position: relative;
    isolation: isolate;
    min-height: 340px;
  }
  .kd89f27155 > div {
    padding: 30px 35px;
    background: linear-gradient(135deg, #7f5b9f40, #8f68a212);
    border: 1px solid #c5a2ef40;
    border-radius: 17px;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transform: rotate(-5deg);
    box-shadow: 0 20px 50px #0004;
  }
  .kd89f27155 > div > span {
    display: block;
    color: #dfc9fc;
    font:
      900 82px/0.95 Arial,
      sans-serif;
    letter-spacing: -7px;
    margin-bottom: 20px;
  }
  .kd89f27155 strong {
    font-size: 19px;
    font-weight: 600;
  }
  .kd89f27155 p {
    font-size: 10px;
    margin-top: 6px;
    color: #b6a0c6;
  }
  .kd89f27155 a {
    font-size: 10px;
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    color: #d4b8f1;
    border-top: 1px solid #ffffff1a;
    padding-top: 12px;
  }
  .k8e9f375cc,
  .kb324f39a1 {
    position: absolute;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    border: 1px solid #b38ed031;
    z-index: -1;
    transform: rotate(-30deg) scaleY(0.6);
  }
  .kb324f39a1 {
    transform: rotate(30deg) scaleY(0.8);
    width: 320px;
    height: 320px;
    border-style: dashed;
  }
  .k0ae9738c2 {
    display: inline-flex;
    gap: 2px;
    align-items: center;
    font:
      800 36px/1 Arial,
      sans-serif;
    letter-spacing: -2px;
  }
  .k0ae9738c2 > span {
    font-family:
      Microsoft YaHei,
      sans-serif;
    font-size: 28px;
    letter-spacing: -1px;
  }
  .k0ae9738c2 > b {
    color: #c0a0ee;
    font-size: 28px;
    margin-left: 14px;
  }
  .ke33ed8bec > div:first-child > p {
    font-size: 11px;
    color: #8a8194;
    margin-top: 20px;
  }
  .ke33ed8bec h2 {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .ke33ed8bec > div:last-child > p {
    font-size: 11px;
    color: #93879f;
    line-height: 2.2;
  }
  .k7febbf347 {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 30px;
    padding-block: 28px;
    border-block: 1px solid var(--line);
  }
  .k7febbf347 h2 {
    font-size: 12px;
    padding-top: 3px;
    color: #aaa0b5;
  }
  .k7febbf347 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 22px;
  }
  .k7febbf347 a {
    font-size: 10px;
    color: #93879f;
  }
  .kfe533dc5e {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    padding-block: 24px;
  }
  .kfe533dc5e p,
  .kfe533dc5e a {
    font-size: 9px;
    color: #736a7d;
  }
  .kfe533dc5e a {
    color: #af98c7;
  }
  .k5153de089 {
    width: min(520px, calc(100% - 36px));
    max-height: min(730px, calc(100dvh - 60px));
    overflow-y: auto;
    background: #201b29;
    color: var(--ink);
    padding: 28px;
    border: 1px solid #b694e152;
    border-radius: 12px;
    box-shadow: 0 30px 100px #0009;
  }
  .k5153de089::backdrop {
    background: #08050dd1;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }
  .kad3b81959 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  .kad3b81959 .k14a90ef13 {
    margin: 0;
  }
  .kad3b81959 button {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ffffff0c;
    font-size: 24px;
  }
  .k5153de089 h2 {
    font-size: 29px;
  }
  .k5153de089 > p[data-note-copy] {
    font-size: 13px;
    margin-top: 20px;
    color: #bcadca;
  }
  .k10f5a7cb3 {
    padding: 20px;
    background: #ffffff05;
    border-left: 2px solid #a788cc;
    margin-block: 25px;
  }
  .k10f5a7cb3 h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .k10f5a7cb3 p {
    font-size: 12px;
  }
  .k5153de089 > .k2aa9b86ec {
    margin-top: 20px;
  }
}
@layer motion {
  a,
  button {
    transition:
      color 0.2s,
      background-color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      transform 0.2s;
  }
  @media (hover: hover) {
    .k2aa9b86ec:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 30px #b18af53d;
    }
    .k570d239a7:hover,
    .k7febbf347 a:hover,
    .k43d9ea36a a:hover {
      color: #e1cbff;
    }
    .kac3208054:hover img {
      transform: scale(1.05);
      filter: brightness(1.08);
    }
    .kb343c536f:hover .k1976b52b8 img {
      transform: scale(1.04);
    }
    .kcb7922c3a button:hover {
      color: #e0c3ff;
    }
    .ke65e58c79 li:hover {
      background: #b99be006;
    }
    .kbeb9b404b button:hover {
      border-color: #b595d740;
    }
  }
  [data-reveal-ready] [data-reveal] {
    opacity: 0;
    transform: translateY(25px);
    transition:
      opacity 0.7s,
      transform 0.7s;
  }
  [data-reveal-ready] [data-reveal][data-visible] {
    opacity: 1;
    transform: none;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      transition: none !important;
      animation: none !important;
    }
    [data-reveal-ready] [data-reveal] {
      opacity: 1;
      transform: none;
    }
  }
}
@layer responsive {
  @media (min-width: 1560px) {
    .k5b25c2504 {
      width: min(1360px, calc(100% - 140px));
    }
    .ka6d0ae461 {
      gap: 80px;
    }
  }
  @media (max-width: 1150px) {
    .k5b25c2504 {
      width: calc(100% - 64px);
    }
    .k30c3ec36f,
    .k7cf3913d4 {
      gap: 18px;
    }
    .ka6d0ae461 {
      gap: 10px;
      min-height: 640px;
    }
    .k56f49a652 {
      font-size: 46px;
    }
    .k0bbe2ba35 {
      transform: scale(0.9);
      transform-origin: center right;
      width: calc(100% + 25px);
      margin-left: -25px;
    }
    .k34242db68 {
      font-size: 12px;
    }
    .k1df8c4f06 {
      grid-template-columns: 170px 1fr;
      gap: 32px;
    }
    .k1976b52b8 {
      height: 230px;
    }
    .ke503a3a6d {
      gap: 40px;
    }
    .kf622236ed {
      gap: 35px;
    }
    .k46a958af1 {
      right: -10px;
      font-size: 9px;
    }
    .kb8ab7c1de {
      grid-template-columns: 200px 1fr;
      gap: 30px;
    }
    .k412df1d3e {
      gap: 10px;
    }
    .k412df1d3e figure {
      padding: 20px 13px;
    }
    .k412df1d3e blockquote {
      min-height: 120px;
    }
    .k412df1d3e figcaption {
      gap: 6px;
    }
    .k412df1d3e small {
      font-size: 7px;
    }
    .k6ea04c36e {
      padding: 45px;
      gap: 30px;
    }
    .k6ea04c36e h2 {
      font-size: 34px;
    }
  }
  @media (max-width: 900px) {
    .k30c3ec36f {
      display: none;
    }
    .k43d9ea36a {
      grid-template-columns: repeat(4, 1fr);
    }
    .ka6d0ae461 {
      grid-template-columns: 1fr;
      padding-top: 40px;
    }
    .k5d303264a {
      text-align: center;
    }
    .k5d303264a h1 {
      font-size: 50px;
    }
    .k56f49a652 {
      font-size: 52px;
      margin-top: 20px;
    }
    .k56f49a652 br,
    .k56f49a652 i {
      display: none;
    }
    .kc75f05755,
    .k9d575dc1d {
      justify-content: center;
    }
    .k0bbe2ba35 {
      transform: none;
      width: min(580px, 100%);
      margin-inline: auto;
      margin-top: 5px;
      height: 540px;
    }
    .k8c34c7a00 > div > span:last-child {
      display: none;
    }
    .kd0f9b2e51 {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px 32px;
    }
    .kb02ac0200 {
      padding-block: 65px;
    }
    .kac3208054 {
      height: 290px;
    }
    .kf6c2d31e0:first-child .kac3208054 {
      height: 350px;
    }
    .kf780e82f9 h3 {
      font-size: 20px;
    }
    .kf780e82f9 > p:not(.k14a90ef13) {
      font-size: 11px;
    }
    .k1df8c4f06 {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .k7b9abd161 {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .k7b9abd161 .k14a90ef13 {
      grid-column: 1/-1;
    }
    .k7b9abd161 h2 {
      margin-top: 0;
      font-size: 30px;
    }
    .k7b9abd161 h2 br {
      display: none;
    }
    .k7b9abd161 > p:not(.k14a90ef13) {
      display: none;
    }
    .kbeb9b404b {
      margin-top: 0;
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 5px;
    }
    .kbeb9b404b button {
      padding: 7px 10px;
    }
    .kbeb9b404b button span {
      display: none;
    }
    .k1976b52b8 {
      height: 280px;
    }
    .kf622236ed {
      gap: 15px;
    }
    .k66743891d h2 {
      font-size: 28px;
    }
    .k66743891d h2 > span {
      font-size: 23px;
    }
    .kc0bf4de26 {
      gap: 12px;
    }
    .kc0bf4de26 button {
      padding: 6px 9px;
    }
    .k2c97ba57e,
    .k46a958af1 {
      display: none;
    }
    .kb8ab7c1de {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .k65dd93183 h2 br {
      display: none;
    }
    .k65dd93183 > p:last-child br {
      display: none;
    }
    .k412df1d3e blockquote {
      min-height: 95px;
    }
    .k7188151cf {
      gap: 30px;
      grid-template-columns: 1fr 1.6fr;
    }
    .k6ea04c36e {
      padding: 40px 30px;
      gap: 10px;
    }
    .k6ea04c36e h2 {
      font-size: 30px;
    }
    .k6ea04c36e .kc75f05755 {
      justify-content: start;
      flex-wrap: wrap;
      gap: 8px 16px;
    }
    .kd89f27155 {
      transform: scale(0.85);
      transform-origin: center right;
    }
    .ke33ed8bec {
      gap: 35px;
      grid-template-columns: 1fr 1.8fr;
    }
  }
  @media (max-width: 640px) {
    html {
      scroll-padding-top: 90px;
    }
    body {
      padding-bottom: 67px;
    }
    section[id],
    article[id] {
      scroll-margin-top: 88px;
    }
    .k5b25c2504 {
      width: calc(100% - 36px);
    }
    .k7cf3913d4 {
      height: 70px;
    }
    .k4b81fdc11 > span {
      font-size: 33px;
    }
    .k4b81fdc11 strong {
      font-size: 19px;
    }
    .k4b81fdc11 small {
      font-size: 5px;
      letter-spacing: 0.6px;
    }
    .kd00a03a19 {
      gap: 8px;
    }
    .kd9da8fe56 {
      padding: 5px 9px;
      font-size: 10px;
    }
    .ke694a8bf3 {
      display: none;
    }
    .k43d9ea36a {
      grid-template-columns: repeat(2, 1fr);
      max-height: calc(100dvh - 160px);
      overflow-y: auto;
      padding-block: 12px 16px;
      gap: 6px;
    }
    .ka6d0ae461 {
      padding-top: 28px;
      padding-bottom: 25px;
      gap: 0;
    }
    .k5d303264a {
      padding-top: 10px;
      text-align: left;
    }
    .k5d303264a h1 {
      font-size: 43px;
      margin-top: 21px;
    }
    .k5d303264a .k14a90ef13 {
      font-size: 9px;
      letter-spacing: 1.5px;
    }
    .k198e084e5 {
      font-size: 8px;
      margin-left: 7px;
    }
    .ke188b0b99 {
      width: 30px;
      height: 34px;
    }
    .k56f49a652 {
      font-size: clamp(33px, 9.4vw, 48px);
      margin-block: 17px;
      line-height: 1.35;
    }
    .k56f49a652 br {
      display: block;
    }
    .k34242db68 {
      font-size: 11px;
    }
    .k26419465f {
      display: none;
    }
    .kc75f05755,
    .k9d575dc1d {
      justify-content: start;
    }
    .kc75f05755 {
      gap: 20px;
      margin-top: 25px;
    }
    .k2aa9b86ec,
    .k570d239a7 {
      font-size: 11px;
      min-height: 43px;
      gap: 15px;
    }
    .k2aa9b86ec {
      padding: 8px 17px;
    }
    .k9d575dc1d {
      font-size: 8px;
      gap: 10px;
      margin-top: 20px;
    }
    .k9d575dc1d > span + span {
      padding-left: 10px;
    }
    .k0bbe2ba35 {
      height: 455px;
      margin-top: 35px;
    }
    .k64c61033d {
      font-size: 73px;
      right: 0;
      top: 6px;
    }
    .k47a5aa4c9 {
      height: 315px;
    }
    .k47a5aa4c9 figure {
      width: 159px;
      height: 230px;
      left: calc(50% - 79px);
      top: 15px;
    }
    .k47a5aa4c9:before {
      width: 300px;
      height: 300px;
    }
    .[[cover_0]],[data-art][data-position="front"] {
      transform: translate(2px, 8px) rotate(7deg);
    }
    .[[cover_1]],[data-art][data-position="left"] {
      transform: translate(-91px, 25px) rotate(-15deg) scale(0.85);
    }
    .[[cover_2]],[data-art][data-position="right"] {
      transform: translate(91px, 5px) rotate(19deg) scale(0.82);
    }
    .kf65edecfb {
      width: 65px;
      height: 65px;
      font-size: 12px;
      top: 224px;
      left: 2%;
    }
    .kf65edecfb b {
      font-size: 20px;
    }
    .kb2c5c841a {
      left: 4%;
      right: 2%;
      bottom: 60px;
    }
    .kb2c5c841a h2 {
      font-size: 21px;
    }
    .kb2c5c841a p {
      font-size: 10px;
      max-width: 230px;
    }
    .kb2c5c841a a {
      font-size: 8px;
      bottom: -18px;
    }
    .k37e2cf3f8 {
      left: 4%;
      right: 0;
      gap: 8px;
    }
    .kbc91c8ae5 {
      gap: 10px;
    }
    .kbc91c8ae5 button {
      font-size: 8px;
      gap: 4px;
    }
    .k8c34c7a00 > div {
      height: 45px;
      letter-spacing: 1px;
      font-size: 7px;
    }
    .k8c34c7a00 a {
      font-size: 9px;
    }
    .k9fff84eec {
      padding-top: 35px;
    }
    .k9cb0e2163 {
      display: block;
    }
    .k9cb0e2163 h2 {
      margin-top: 10px;
      font-size: 21px;
    }
    .kd0f9b2e51 {
      margin-top: 20px;
      gap: 0 20px;
    }
    .kd0f9b2e51 article {
      padding: 20px 0;
      gap: 8px;
    }
    .kd0f9b2e51 h3 {
      font-size: 12px;
    }
    .kd0f9b2e51 p {
      font-size: 9px;
    }
    .kd0f9b2e51 article > span:last-child {
      display: none;
    }
    .kb02ac0200 {
      padding-block: 47px;
    }
    .k14a90ef13 {
      font-size: 8px;
      letter-spacing: 1.6px;
    }
    h2 {
      font-size: 26px;
    }
    .kac6b1c948 {
      display: block;
      margin-bottom: 24px;
    }
    .kac6b1c948 > div:last-child > p {
      margin-top: 12px;
      font-size: 11px;
    }
    .kac6b1c948 > div:last-child > a {
      text-align: left;
      font-size: 10px;
      margin-top: 7px;
    }
    .kac6b1c948 > p {
      font-size: 10px;
      margin-top: 12px;
    }
    .k37f274893 {
      grid-template-columns: 1fr 1fr;
      gap: 25px 15px;
    }
    .kf6c2d31e0:first-child {
      grid-column: 1/-1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items: center;
    }
    .kf6c2d31e0:first-child .kac3208054 {
      height: 245px;
    }
    .kf6c2d31e0:nth-child(2),
    .kf6c2d31e0:nth-child(3) {
      margin-top: 0;
    }
    .kac3208054 {
      height: 240px;
      border-radius: 7px;
    }
    .kf780e82f9 {
      padding-top: 13px;
    }
    .kf780e82f9 h3 {
      font-size: 18px;
    }
    .kf780e82f9 > .k14a90ef13 {
      font-size: 8px;
      letter-spacing: 1px;
    }
    .kf780e82f9 > p:not(.k14a90ef13) {
      font-size: 10px;
    }
    .k88013a758,
    .k9941d127f {
      font-size: 8px;
    }
    .ke4662172c {
      padding-block: 43px;
    }
    .k7b9abd161 {
      display: block;
    }
    .k7b9abd161 h2 {
      font-size: 27px;
    }
    .kbeb9b404b {
      justify-content: start;
      margin-top: 20px;
      gap: 6px;
    }
    .kbeb9b404b button {
      padding: 7px 15px;
      font-size: 11px;
    }
    .k45d265b84 {
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .k45d265b84 label {
      font-size: 11px;
    }
    .k45d265b84 > p {
      font-size: 9px;
    }
    .k45d265b84 input {
      font-size: 11px;
    }
    .k9e714a41c {
      grid-template-columns: 1fr 1fr;
      gap: 25px 15px;
    }
    .k1976b52b8 {
      height: 225px;
    }
    .kcb7922c3a {
      padding-top: 12px;
    }
    .kcb7922c3a h3 {
      font-size: 16px;
    }
    .kcb7922c3a > .k14a90ef13 {
      font-size: 8px;
    }
    .kcb7922c3a > p:not(.k14a90ef13) {
      font-size: 10px;
      min-height: 76px;
    }
    .kcb7922c3a button {
      font-size: 10px;
    }
    .ke503a3a6d {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .kf1ee0ba0e h2 {
      font-size: 30px;
      gap: 20px;
    }
    .kf1ee0ba0e > p:not(.k14a90ef13) {
      font-size: 11px;
      margin-top: 12px;
    }
    .kf1ee0ba0e > p:not(.k14a90ef13) br {
      display: none;
    }
    .k99a3fbaa8 {
      margin-top: 15px;
      max-width: 100%;
    }
    .k99a3fbaa8 small br {
      display: none;
    }
    .ke65e58c79 li {
      grid-template-columns: 28px 40px 1fr auto 12px;
      gap: 10px;
      padding-block: 14px;
    }
    .ke65e58c79 img {
      width: 40px;
      height: 55px;
    }
    .k610e4558a {
      font-size: 21px;
    }
    .ke65e58c79 h3 {
      font-size: 14px;
    }
    .k75a5cbefb,
    .ke65e58c79 p {
      font-size: 8px;
    }
    .kf622236ed {
      grid-template-columns: 1fr;
      gap: 30px;
      padding-block: 48px;
    }
    .k66743891d h2 {
      font-size: 27px;
    }
    .k66743891d h2 > span {
      font-size: 23px;
    }
    .k66743891d > p:not(.k14a90ef13) {
      font-size: 11px;
      margin-top: 16px;
    }
    .kc0bf4de26 {
      gap: 24px;
      margin-top: 23px;
    }
    .kc0bf4de26 button {
      font-size: 11px;
      padding: 7px 15px;
    }
    .k66743891d .k132bf7736 {
      font-size: 9px;
    }
    .kc78ed52b2 {
      transform: rotate(2deg);
      width: 285px;
    }
    .k7300546e2 {
      padding-block: 12px 20px;
    }
    .k1cc6ca5b0 {
      grid-template-columns: 1fr;
    }
    .k1cc6ca5b0 li {
      padding: 24px 0 24px 52px;
      border-bottom: 1px solid var(--line);
    }
    .k1cc6ca5b0 li + li {
      border-left: 0;
      padding-left: 52px;
    }
    .k1cc6ca5b0 li > span {
      position: absolute;
      left: 0;
      top: 23px;
      font-size: 27px;
    }
    .k1cc6ca5b0 h3 {
      margin-top: 0;
      font-size: 16px;
    }
    .k1cc6ca5b0 p {
      margin-top: 8px;
      font-size: 11px;
    }
    .k1cc6ca5b0 a {
      margin-top: 12px;
      font-size: 10px;
    }
    .kb8ab7c1de {
      gap: 25px;
      padding-block: 20px 45px;
    }
    .k65dd93183 h2 {
      font-size: 24px;
    }
    .k65dd93183 > p:last-child {
      font-size: 9px;
      margin-top: 12px;
    }
    .k412df1d3e {
      grid-template-columns: 1fr;
      gap: 12px;
    }
    .k412df1d3e figure {
      padding: 21px;
    }
    .k412df1d3e blockquote {
      min-height: auto;
      font-size: 12px;
    }
    .k412df1d3e figcaption {
      margin-top: 17px;
      gap: 10px;
    }
    .k412df1d3e small {
      font-size: 8px;
    }
    .k7188151cf {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .k60486efa0 h2 br {
      display: none;
    }
    .k60486efa0 p:not(.k14a90ef13) {
      margin-top: 13px;
      font-size: 11px;
    }
    .k60486efa0 a {
      margin-top: 10px;
      font-size: 10px;
    }
    .k68b1da010 summary {
      font-size: 12px;
      gap: 10px;
      padding-block: 17px;
    }
    .k68b1da010 details > p {
      font-size: 11px;
      padding-left: 23px;
      padding-right: 10px;
    }
    .k6ea04c36e {
      grid-template-columns: 1fr;
      padding: 30px 23px;
      margin-bottom: 45px;
      border-radius: 12px;
      gap: 15px;
    }
    .k6ea04c36e h2 {
      font-size: 29px;
    }
    .k6ea04c36e .kc75f05755 {
      gap: 15px;
    }
    .k174a33a2e {
      font-size: 10px;
    }
    .kd89f27155 {
      min-height: 300px;
      transform: scale(0.88);
      transform-origin: center;
    }
    .kd89f27155 > div {
      padding: 25px 35px;
    }
    .k8e9f375cc {
      width: 330px;
      height: 330px;
    }
    .ke33ed8bec {
      grid-template-columns: 1fr;
      gap: 32px;
      padding-block: 40px 30px;
    }
    .ke33ed8bec > div:first-child > p {
      font-size: 10px;
      margin-top: 13px;
    }
    .ke33ed8bec > div:last-child > p {
      font-size: 10px;
    }
    .k7febbf347 {
      grid-template-columns: 1fr;
      gap: 18px;
      padding-block: 25px;
    }
    .k7febbf347 > div {
      gap: 12px 22px;
    }
    .k7febbf347 a {
      font-size: 9px;
    }
    .kfe533dc5e {
      gap: 8px;
      padding-block: 20px;
    }
    .kfe533dc5e p,
    .kfe533dc5e a {
      font-size: 8px;
    }
    .k940041d41 {
      position: fixed;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      bottom: 0;
      left: 0;
      right: 0;
      padding: 8px 5px max(8px, env(safe-area-inset-bottom));
      background: #15121df5;
      border-top: 1px solid #c6a1f533;
      -webkit-backdrop-filter: blur(15px);
      backdrop-filter: blur(15px);
      z-index: 28;
    }
    .k940041d41 a {
      display: grid;
      place-items: center;
      font-size: 8px;
      color: #b3a3c4;
      line-height: 1.6;
      padding-block: 1px;
    }
    .k940041d41 a > span {
      font-size: 20px;
      line-height: 1.3;
      color: #cbb0ef;
    }
    .k5153de089 {
      padding: 23px;
    }
    .k5153de089 h2 {
      font-size: 25px;
    }
  }
  @media (max-width: 360px) {
    .k56f49a652 {
      font-size: 33px;
    }
    .kc75f05755 {
      gap: 13px;
    }
    .k2aa9b86ec,
    .k570d239a7 {
      gap: 10px;
      font-size: 10px;
    }
    .k2aa9b86ec {
      padding-inline: 14px;
    }
    .k1976b52b8 {
      height: 195px;
    }
    .kac3208054 {
      height: 210px;
    }
    .ke65e58c79 li {
      gap: 8px;
    }
    .k75a5cbefb {
      display: none;
    }
    .ke65e58c79 li {
      grid-template-columns: 25px 38px 1fr 12px;
    }
    .kd9da8fe56 {
      display: none;
    }
    .k6ea04c36e {
      padding-inline: 18px;
    }
  }
}