/* index.less */
html {
  --primary-color: #ffc249;
  --text-color-gray: #e1dcd0;
  --background-dark1: #26231b;
  --background-dark2: #534b36;
  --dark1: #423c2b;
  --dark2: #191816;
  --dark3: #a8a292;
  --dark4: #6f6855;
  --dark5: #1f1d18;
  --white1: #fffdfa;
  --blue1: #26bbff;
}
html[data-theme='light'] {
  --primary-color: #ffffff;
}
.ql-editor.ql-blank::before {
  color: #a8a292 !important;
  font-style: normal !important;
  font-size: 14px !important;
  left: 0 !important;
  right: unset !important;
}
.ql-editor {
  padding: 0 !important;
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 400;
  font-size: 14px !important;
  color: #e1dcd0;
  font-style: normal;
  position: relative;
}
/* ===============================
   1. 全局 Reset / Normalize
   =============================== */
/* 通用盒模型 & 清空默认 margin/padding */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* 默认字体和行高 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* 基础标签 normalize */
body {
  margin: 0;
  padding: 0;
}
img,
picture,
video,
canvas,
svg {
  display: block;
}
button,
input,
select,
textarea {
  background: none;
  border: none;
  outline: none;
}
/* ===============================
   2. 可控标题 & 段落样式
   =============================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
p {
  margin: 0;
}
:root {
  font-family: 'PingFang SC', 'PingFang SC-Medium', system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color: #213547;
  background-color: #ffffff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* 添加全局CSS变量，用于尺寸约束 */
  --max-width: 1920px;
  --max-height: 1080px;
  --vw-unit: min(calc(1vw), calc(var(--max-width) / 100));
  --vh-unit: min(calc(1vh), calc(var(--max-height) / 100));
}
#antd-style-container {
  display: none !important;
}
html,
body {
  margin: 0;
  padding: 0;
  width: 100% !important;
  height: 100%;
  overflow: hidden;
}
#root {
  background-color: #191816 !important;
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzMiAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8xNDYxMV8xNjIwMDcpIj4KPHBhdGggZD0iTTExLjIzNTMgMjMuMDAzM0wxMC41MDA4IDEwLjc2NjVDMTAuNDg4NSAxMC41NjA4IDEwLjcxNjIgMTAuNDI5MyAxMC44ODgxIDEwLjU0MjlMMjEuMTE4MyAxNy4yOTc0QzIxLjMxMDEgMTcuNDI0IDIxLjI0MzcgMTcuNzIwNyAyMS4wMTYyIDE3Ljc1MzRMMTUuMzY5OCAxOC41NjY5QzE1LjMwNjMgMTguNTc2MSAxNS4yNDg3IDE4LjYwOTMgMTUuMjA5IDE4LjY1OThMMTEuNjgxMyAyMy4xNDI5QzExLjUzOTIgMjMuMzIzNiAxMS4yNDkxIDIzLjIzMjggMTEuMjM1MyAyMy4wMDMzWiIgZmlsbD0iI0ZGQzI0OSIvPgo8cGF0aCBkPSJNMTEuMjM1MyAyMy4wMDMzTDEwLjUwMDggMTAuNzY2NUMxMC40ODg1IDEwLjU2MDggMTAuNzE2MiAxMC40MjkzIDEwLjg4ODEgMTAuNTQyOUwyMS4xMTgzIDE3LjI5NzRDMjEuMzEwMSAxNy40MjQgMjEuMjQzNyAxNy43MjA3IDIxLjAxNjIgMTcuNzUzNEwxNS4zNjk4IDE4LjU2NjlDMTUuMzA2MyAxOC41NzYxIDE1LjI0ODcgMTguNjA5MyAxNS4yMDkgMTguNjU5OEwxMS42ODEzIDIzLjE0MjlDMTEuNTM5MiAyMy4zMjM2IDExLjI0OTEgMjMuMjMyOCAxMS4yMzUzIDIzLjAwMzNaIiBzdHJva2U9IiNGRkZERkEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfMTQ2MTFfMTYyMDA3IiB4PSIwIiB5PSIwIiB3aWR0aD0iMzEuNzMxNCIgaGVpZ2h0PSIzMy43Mzk1IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI1Ii8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMC45MDM2NTggMCAwIDAgMCAwLjcwOTcyMiAwIDAgMCAwLjI1IDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMTQ2MTFfMTYyMDA3Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzE0NjExXzE2MjAwNyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K) 10 10, auto;
}
p {
  margin: 0;
  padding: 0;
}
button,
svg {
  user-select: none;
  /* 阻止选中 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* 适配 ReactMarkdown 的完整防溢出样式 */
.markdown-body {
  /* 1. 核心容器控制 */
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  /* 确保主容器不出现横向滚动 */
  word-break: break-word;
  /* 文本自动换行 */
  overflow-wrap: break-word;
  box-sizing: border-box;
}
/* 2. 处理代码块 (最常见的溢出源) */
.markdown-body pre {
  max-width: 100% !important;
  white-space: pre-wrap;
  /* 核心：强制代码长行换行 */
  word-wrap: break-word;
  overflow-x: auto;
  /* 万一有超长不可分割字符，仅在 pre 内部滚动 */
  background-color: #f6f8fa;
  border-radius: 6px;
  padding: 16px;
  box-sizing: border-box;
  background-color: transparent;
}
.markdown-body code {
  white-space: pre-wrap;
  word-break: break-all;
  /* 强制单词内断句 */
  font-family: monospace;
  background-color: transparent;
}
/* 3. 处理表格 (表格无法自动换行，必须设置溢出滚动) */
.markdown-body table {
  display: block;
  /* 关键：使 table 变为块级元素 */
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  /* 允许表格在小范围内左右滑动 */
  border-collapse: collapse;
}
/* 4. 处理图片和大型媒体 */
.markdown-body img {
  max-width: 100%;
  /* 限制图片宽度不超出父元素 */
  height: auto;
  /* 保持比例 */
  display: block;
}
/* 5. 修正 Flex/Grid 布局下的最小宽度问题 */
/* 如果你的 messageItem 是 flex 子元素，请务必在那个元素上加上这个属性 */
.messageItem_SEBNtxxhbK {
  min-width: 0;
}

:root {
  /* 基准根字体大小设置为16px，这是大多数浏览器的默认值 */
  font-size: 16px;
}
/* 响应式字体大小调整 */
/* 小屏幕设备（手机等）*/
@media screen and (max-width: var(--breakpoint-sm)) {
  :root {
    /* 在小屏幕上稍微减小字体大小 */
    font-size: 14px;
  }
}
/* 中等屏幕设备（平板等）*/
@media screen and (min-width: var(--breakpoint-sm)) and (max-width: var(--breakpoint-lg)) {
  :root {
    /* 保持默认字体大小 */
    font-size: 16px;
  }
}
/* 大屏幕设备（桌面等）*/
@media screen and (min-width: var(--breakpoint-lg)) {
  :root {
    /* 在大屏幕上可以适当增大字体大小 */
    font-size: clamp(16px, 1vw, 18px);
  }
}
/* 
  使用说明：
  1. 在需要使用rem单位的地方，可以使用src/utils/responsive.js中的pxToRem函数进行转换
  2. 例如：padding: var(--spacing-md); 或者 通过JS: style={{ margin: pxToRem(20) }}
  3. 这样可以确保在不同设备上保持一致的比例关系
*/

.markdown-body {
  @import '~github-markdown-css/github-markdown.css';
  background: transparent !important;
}
.markdown-body ul,
.markdown-body ol {
  list-style-position: inside;
}
#root {
  width: 100vw;
  margin: 0;
  text-align: center;
}
.logo {
  height: clamp(3em, 6vw, 6em);
  padding: clamp(0.75em, 1.5vw, 1.5em);
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
}
@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}
.card {
  padding: clamp(1em, 2vw, 2em);
}
.read-the-docs {
  color: #888;
}

@keyframes mac-rotate_kuyGyS6_7P {
  to {
    transform: rotate(360deg);
  }
}
.Button_qUglPDj_IU {
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 500;
  font-size: 18px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  border-radius: 4px;
  padding: 6px 16px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.Button_qUglPDj_IU.primary__WFNLRdI1W {
  background: var(--primary-color) !important;
  color: var(--dark2) !important;
}
.Button_qUglPDj_IU.primary__WFNLRdI1W:hover {
  background: #ffe6b5 !important;
  border-radius: 4px;
  color: var(--dark2) !important;
}
.Button_qUglPDj_IU.default_kkm1fab26c {
  background: #423c2b;
  color: #e1dcd0 !important;
}
.Button_qUglPDj_IU.default_kkm1fab26c:hover,
.Button_qUglPDj_IU.default_kkm1fab26c.ant-btn-variant-outlined:hover {
  color: #e1dcd0 !important;
  background: #534b36;
  border-radius: 4px;
}
.Button_qUglPDj_IU.gray_wKWJzRH7nZ {
  color: #e1dcd0;
  background: #26231b;
  border: 1px solid #a8a292;
}
.Button_qUglPDj_IU.gray_wKWJzRH7nZ:hover {
  color: #e1dcd0 !important;
  background: #26231b !important;
  border: 1px solid #a8a292 !important;
}
.Button_qUglPDj_IU.gray_wKWJzRH7nZ.ant-btn-variant-outlined:hover {
  color: #e1dcd0;
  background: #26231b;
  border: 1px solid #a8a292;
}
.Button_qUglPDj_IU:disabled {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
  -webkit-touch-callout: none;
}
.IconButton_W2ee5B47iK {
  border-radius: 6px;
}
.IconButton_W2ee5B47iK:hover,
.IconButton_W2ee5B47iK.selected_ILd1U9I7in {
  background-color: #423c2b;
}

@keyframes mac-rotate {
  to {
    transform: rotate(360deg);
  }
}
.yidooO-icon {
  display: inline-block;
  text-align: center;
  vertical-align: -0.125em;
  line-height: 0;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
}
.yidooO-icon.disabled {
  opacity: 0.5;
  pointer-events: none;
  user-select: none;
  cursor: not-allowed;
  -webkit-touch-callout: none;
}

@keyframes mac-rotate_VFSIidqk9b {
  to {
    transform: rotate(360deg);
  }
}
.Checkbox_NONmhlld1S .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #ffc249;
  border-color: #ffc249;
}
.Checkbox_NONmhlld1S .ant-checkbox-checked .ant-checkbox-inner:hover {
  border-color: #ffc249 !important;
}
.Checkbox_NONmhlld1S .ant-checkbox-inner {
  border-color: #ffc249 !important;
  background-color: #191816 !important;
  background-color: rgba(25, 24, 22, 0.6) !important;
}
.Checkbox_NONmhlld1S .ant-checkbox-inner:hover {
  border-color: #ffc249 !important;
}
.Checkbox_NONmhlld1S .ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #ffc249 !important;
}
.Checkbox_NONmhlld1S .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: #fff !important;
  height: 3px !important;
  width: 70% !important;
}

@keyframes mac-rotate_oTsTu8Ltsd {
  to {
    transform: rotate(360deg);
  }
}
.CustomGoogleLogin_PHoGrhKbhA {
  width: 380px;
  height: 51px;
  background: #534b36;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid transparent;
  color: #ffffff;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 20px;
  gap: 16px;
  transition: border 0.2s;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.CustomGoogleLogin_PHoGrhKbhA:hover,
.CustomGoogleLogin_PHoGrhKbhA:focus,
.CustomGoogleLogin_PHoGrhKbhA:active {
  outline: none;
  border: 1px solid #ffc249 !important;
}

@keyframes mac-rotate_gLjDXGHGsQ {
  to {
    transform: rotate(360deg);
  }
}
.Input_UMafZlEd47,
.InputTextArea_WLzklgcgVO {
  background: #191816;
  border-radius: 8px;
  border: 1px solid #6f6855;
  padding: 10px 12px;
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.Input_UMafZlEd47 textarea::placeholder,
.InputTextArea_WLzklgcgVO textarea::placeholder {
  color: #a8a292 !important;
}
.Input_UMafZlEd47:hover,
.InputTextArea_WLzklgcgVO:hover,
.Input_UMafZlEd47:focus,
.InputTextArea_WLzklgcgVO:focus {
  background: #26231b;
  box-shadow: none;
  border: 1px solid #6f6855;
}
.Input_UMafZlEd47 .TextAreaInputCount_LuI_ID_ZZi,
.InputTextArea_WLzklgcgVO .TextAreaInputCount_LuI_ID_ZZi {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  right: 12px;
  bottom: 25px;
  font-weight: 400;
  font-size: 14px;
  color: #d4ac5c;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.Input_UMafZlEd47 .TextAreaInputCount_LuI_ID_ZZi .maxLengthWarning_ZxbUYtCSV6,
.InputTextArea_WLzklgcgVO .TextAreaInputCount_LuI_ID_ZZi .maxLengthWarning_ZxbUYtCSV6 {
  color: #ff7649;
}
.DebouncedInput_LkNUGiQT8r {
  background: #191816;
  border-radius: 8px;
  border: 1px solid #6f6855;
  padding: 10px 12px;
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.DebouncedInput_LkNUGiQT8r textarea::placeholder {
  color: #a8a292 !important;
}
.DebouncedInput_LkNUGiQT8r:hover,
.DebouncedInput_LkNUGiQT8r:focus {
  background: #26231b;
  box-shadow: none;
  border: 1px solid #6f6855;
}
.DebouncedInput_LkNUGiQT8r .TextAreaInputCount_LuI_ID_ZZi {
  display: flex;
  align-items: center;
  gap: 4px;
  position: absolute;
  right: 12px;
  bottom: 25px;
  font-weight: 400;
  font-size: 14px;
  color: #d4ac5c;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.DebouncedInput_LkNUGiQT8r .TextAreaInputCount_LuI_ID_ZZi .maxLengthWarning_ZxbUYtCSV6 {
  color: #ff7649;
}
.DebouncedInput_LkNUGiQT8r input {
  color: #a8a292 !important;
}
.DebouncedInput_LkNUGiQT8r input:hover {
  background: #26231b;
  border: none;
}
.DebouncedInput_LkNUGiQT8r input::placeholder {
  color: #a8a292 !important;
  font-family: PingFang SC,
        PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #a8a292;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.DebouncedInput_LkNUGiQT8r.ant-input-outlined:focus-within {
  background: #26231b;
  box-shadow: none;
  border: 1px solid #6f6855;
}
.InputTextArea_WLzklgcgVO {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
}
.InputTextArea_WLzklgcgVO::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.InputTextArea_WLzklgcgVO::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.InputTextArea_WLzklgcgVO::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.InputTextArea_WLzklgcgVO::-webkit-scrollbar-track {
  background: transparent;
}
.InputTextArea_WLzklgcgVO textarea {
  resize: none;
}
.ant-input-outlined.InputTextArea_WLzklgcgVO {
  background: #191816;
  border: 1px solid #6f6855;
}
.ant-input-outlined.InputTextArea_WLzklgcgVO:hover,
.ant-input-outlined.InputTextArea_WLzklgcgVO:focus {
  background: #26231b;
  box-shadow: none;
  border: 1px solid #6f6855;
}

@keyframes mac-rotate_dnLnrJiRds {
  to {
    transform: rotate(360deg);
  }
}
/* 小桌面 */
@media (max-width: 1366px) {
  .content_nmcEGGTevB {
    width: 800px;
    height: 600px;
  }
}
/* 中桌面 */
@media (min-width: 1367px) and (max-width: 1599px) {
  .content_nmcEGGTevB {
    width: 900px;
    height: 680px;
  }
}
/* 大桌面 */
@media (min-width: 1600px) {
  .content_nmcEGGTevB {
    width: 1000px;
    height: 760px;
  }
}
.modalWrapper_kZYBsO2V46 {
  overflow: hidden !important;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n {
  width: auto !important;
  display: inline-block !important;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n.outsideCloseButton_d6oxicc2Yc .body_mFiH5lY2oM {
  overflow-x: hidden;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n.outsideCloseButton_d6oxicc2Yc .closeButton_TzwAN7cIWl {
  position: absolute;
  right: -24px;
  transform: translateX(100%);
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq {
  padding: 0 !important;
  border-radius: 20px;
  background-color: var(--background-dark1);
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB {
  display: flex;
  flex-direction: column;
  background-color: var(--background-dark1);
  background: #26231b;
  border-radius: 20px 20px 20px 20px;
  border: 1px solid var(--dark1);
  box-sizing: border-box;
  position: relative;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .header_xfSOPJAJSG {
  height: 52px;
  flex-shrink: 0;
  font-family: PingFang SC,
            PingFang SC;
  font-weight: bold;
  font-size: 20px;
  color: var(--white1) !important;
  background: none !important;
  position: relative;
  box-sizing: border-box;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .header_xfSOPJAJSG .ant-modal-title {
  color: var(--white1) !important;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .close_Vq1dv066j6 {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  z-index: 1;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .body_mFiH5lY2oM {
  padding: 0 20px;
  flex: 1;
  overflow-y: auto;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .body_mFiH5lY2oM::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .body_mFiH5lY2oM::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .body_mFiH5lY2oM::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .body_mFiH5lY2oM::-webkit-scrollbar-track {
  background: transparent;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .footer_SwgsWWjSVI {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 0 !important;
  height: 64px;
  flex-shrink: 0;
}
.modalWrapper_kZYBsO2V46 .Modal_CKnlRq1C4n .modalContent_eY2caIKSQq .content_nmcEGGTevB .footer_SwgsWWjSVI .button_KcuVtYqgdF {
  height: 32px;
  width: 200px;
  font-size: 14px;
  font-weight: 500;
}

@keyframes mac-rotate_o2iYGY1Ege {
  to {
    transform: rotate(360deg);
  }
}
.Verification_XWfHUbKiQE {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
}
.back_cRDTqUlpTM {
  position: absolute;
  top: 12px;
  left: 12px;
  margin-bottom: 48px;
  cursor: pointer;
}
.line1_uoFyFgjBL0 {
  font-family: PingFang SC,
    PingFang SC;
  font-weight: bold;
  font-size: 34px;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 32px;
  white-space: nowrap;
}
.line2_WMdLyNBUGl {
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #e1dcd0;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 20px;
}
.line3_TicRA9P6NZ {
  font-family: PingFang SC,
    PingFang SC;
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 12px;
  white-space: nowrap;
  text-align: center;
}
.line4_ZP8vz6XeAh {
  font-family: PingFang SC,
    PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #ed9e00;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 40px;
}
.VerificationOtp_su6l6RvPHv {
  width: 484px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  /* OTP分隔符 */
  /* OTP输入框 */
}
.VerificationOtp_su6l6RvPHv .otpSeparator_WjLWzKt23K {
  display: flex;
  align-items: center;
  color: #534b36;
  font-size: 16px;
  margin: 0 2px;
}
.VerificationOtp_su6l6RvPHv .otpInput_UWYQ08g1oo {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #d4ac5c;
  border-radius: 4px;
  font-size: 18px;
  color: #d4ac5c;
  text-align: center;
  margin: 0 8px;
  background-color: transparent;
  outline: none;
}
.Verificationfooter_x9YeQQtbPf {
  width: 100%;
  color: #e1dcd0;
  font-size: 16px;
  gap: 4px;
  margin-bottom: 60px;
  text-align: center;
}
.Verificationfooter_x9YeQQtbPf .VerificationfooterText_QX23v7cHQG {
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

@keyframes mac-rotate_yiCCAk2pyV {
  to {
    transform: rotate(360deg);
  }
}
.AuthModal_JoC62X5JfF {
  background: #26231b;
  border-radius: 20px;
  position: relative;
}
.authModalContainer_syzas3uRY5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.authModalContainer_syzas3uRY5 .authModalLogo_tgNN_8v8sm {
  margin-top: 40px;
  margin-bottom: 10px;
}
.authModalContainer_syzas3uRY5 .textLine1_lH0QrMypEk {
  font-family: PingFang SC,
      PingFang SC;
  font-weight: bold;
  font-size: 34px;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 40px;
}
.authModalContainer_syzas3uRY5 .textLine1_lH0QrMypEk > span:first-child {
  margin-right: 10px;
}
.authModalContainer_syzas3uRY5 .textLine2_AMZnMbZdVl {
  font-family: PingFang SC,
      PingFang SC;
  font-weight: 400;
  font-size: 18px;
  color: #e1dcd0;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-bottom: 15px;
}
.authModalContainer_syzas3uRY5 .GoogleLogin_cgQl3Sd6z9 {
  position: absolute;
  left: 0;
  top: 0;
}
.authModalContainer_syzas3uRY5 .textLine3_kiunEYjBky {
  height: 21px;
  font-family: PingFang SC,
      PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #a8a292;
  letter-spacing: 1px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  margin-bottom: 20px;
  align-self: stretch;
}
.authModalContainer_syzas3uRY5 .textLine3_kiunEYjBky > span:first-child {
  height: 1px;
  /* 线的粗细 */
  background-color: #534b36;
  /* 线的颜色 */
  flex: 1;
}
.authModalContainer_syzas3uRY5 .textLine3_kiunEYjBky > span:last-child {
  height: 1px;
  /* 线的粗细 */
  background-color: #534b36;
  /* 线的颜色 */
  flex: 1;
}
.authModalContainer_syzas3uRY5 .emailInput_Mnm2I5dxKW {
  width: 380px;
  height: 51px;
  background: #1f1d18;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 28px;
}
.authModalContainer_syzas3uRY5 .emailInput_Mnm2I5dxKW:focus {
  border: 1px solid #ffc249;
}
.authModalContainer_syzas3uRY5 .emailInput_Mnm2I5dxKW::placeholder {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #e1dcd0;
  text-align: center;
}
.authModalContainer_syzas3uRY5 .emailButton_joZGq3vUHj {
  width: 324px;
  height: 38px;
  border-radius: 8px 8px 8px 8px;
  margin-bottom: 40px;
  font-family: PingFang SC,
      PingFang SC;
  font-weight: 400;
  font-size: 14px;
}
.authModalContainer_syzas3uRY5 .emailButton_joZGq3vUHj[disabled] {
  background: #423c2b;
  color: #a8a292;
  cursor: not-allowed;
}
.authModalContainer_syzas3uRY5 .Checkbox_lHXQL3IY_J {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
}
.authModalContainer_syzas3uRY5 .Checkbox_lHXQL3IY_J .CheckboxContent_kVOe0fU0us {
  font-family: PingFang SC,
        PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
  text-align: left;
  font-style: normal;
  text-transform: none;
  position: relative;
  top: -3px;
}
.authModalContainer_syzas3uRY5 .Checkbox_lHXQL3IY_J .CheckboxContent_kVOe0fU0us > span {
  color: #ffc249;
  text-decoration: underline;
}
.authModalContainer_syzas3uRY5 .Checkbox_lHXQL3IY_J .ant-checkbox {
  align-self: start;
}

@keyframes mac-rotate_Jht9BEiyNJ {
  to {
    transform: rotate(360deg);
  }
}
.HomeWrapper_yqCym78mGe {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.HomeWrapper_yqCym78mGe::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
.Home_WDuWjD0sL0 {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px*2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
}
.Home_WDuWjD0sL0 .clickableBanner_bQ_KTaBc4i {
  margin: 40px 0 65px 0;
}
.Home_WDuWjD0sL0 .createNewCreativeBoard_hwdSlBrluq {
  margin-bottom: 60px;
}
.Home_WDuWjD0sL0 .HomeSkeleton_OWRJi8TCbc .customSkeleton_wcbXpep8wR {
  margin-bottom: 40px;
}

@keyframes mac-rotate_Vrw9C4n2ou {
  to {
    transform: rotate(360deg);
  }
}
.InspirationCollectionWrapper_kkbjKOj2ko {
  height: 100%;
  overflow-y: auto;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.InspirationCollectionWrapper_kkbjKOj2ko::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.InspirationCollectionWrapper_kkbjKOj2ko::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.InspirationCollectionWrapper_kkbjKOj2ko::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.InspirationCollectionWrapper_kkbjKOj2ko::-webkit-scrollbar-track {
  background: transparent;
}
.InspirationCollectionWrapper_kkbjKOj2ko::-webkit-scrollbar {
  display: none;
}
.InspirationCollection_p2TdQ8YAjA {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px*2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
}
.InspirationCollectionTutorial_uHkV3LHR6F {
  width: 100%;
  height: 429px;
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.InspirationCollectionTutorial_uHkV3LHR6F .tutorialItem_LBLXZXkMeF {
  width: 210px;
  height: 228px;
  object-fit: fill;
  position: relative;
  cursor: pointer;
}
.InspirationCollectionTutorial_uHkV3LHR6F .tutorialItem_LBLXZXkMeF:nth-child(1) {
  width: 312px;
  height: 304px;
  top: 2px;
  left: 11px;
}
.InspirationCollectionTutorial_uHkV3LHR6F .tutorialItem_LBLXZXkMeF:nth-child(2) {
  width: 326px;
  height: 292px;
  top: 16px;
  left: -8px;
}
.InspirationCollectionTutorial_uHkV3LHR6F .tutorialItem_LBLXZXkMeF:nth-child(3) {
  width: 370px;
  height: 288px;
  top: 19px;
  left: -4px;
}
.InspirationCollectionTutorial_uHkV3LHR6F .tutorialItem_LBLXZXkMeF:nth-child(4) {
  width: 423px;
  height: 429px;
  top: -36px;
  left: -10px;
}
.BeginnerTutorial_tM13Ew8eLV {
  margin-bottom: -50px;
  padding: 0px 16px;
  width: 1200px;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialTitle_Zq25Va0O3w {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #fffdfa;
  text-align: left;
  margin-bottom: -4px;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 {
  position: relative;
  margin-top: -20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 .BeginnerTutorialContentItem_rYivRCh2ts {
  flex: 1;
  position: relative;
  top: -30px;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 .BeginnerTutorialContentImage1_jBPfQtAmkE {
  position: relative;
  width: 288px;
  height: 277px;
  top: 0px;
  left: 75px;
  cursor: pointer;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 .BeginnerTutorialContentImage2_ZecVWu4bCF {
  position: relative;
  width: 300px;
  height: 266px;
  top: 5px;
  left: 42px;
  cursor: pointer;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 .BeginnerTutorialContentImage3_C544zFn_UF {
  position: relative;
  top: 5px;
  left: 24px;
  width: 341px;
  height: 262px;
}
.BeginnerTutorial_tM13Ew8eLV .BeginnerTutorialContent_B0AJeGIn57 .BeginnerTutorialContentImage4_ozPTExPUn8 {
  position: relative;
  top: 19px;
  left: 0px;
  width: 388px;
  height: 390px;
}

@keyframes mac-rotate_fjxVbDWAuc {
  to {
    transform: rotate(360deg);
  }
}
.Workspace_yhj07H52fA {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px*2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
  padding-top: 30px;
  height: calc(100% - 20px) !important;
}

@keyframes mac-rotate_e_GwcEUaGo {
  to {
    transform: rotate(360deg);
  }
}
.OSSImage_LZYsvZ3n4K {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.OSSImage_LZYsvZ3n4K:hover .mask_rpTyV8LJ_G {
  opacity: 1;
}
.realImage_RKmY_Oinif {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.realImage_RKmY_Oinif.visible__exUIwQAZr {
  opacity: 1;
}
.mask_rpTyV8LJ_G {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: #fff;
  pointer-events: none;
}
.mask_rpTyV8LJ_G .iconWrapper_He0yeqJrZI {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 20px;
}
.mask_rpTyV8LJ_G .iconWrapper_He0yeqJrZI .maskText_xKrEgQ1R5M {
  font-size: 12px;
}
.skeleton_ubGN09hoot {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f0f0f0 25%, #e6e6e6 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: skeleton-loading_WQkAtlwA8V 1.4s ease infinite;
}
.imagePreviewModal_TElfzkOwVZ .ant-modal-content {
  background: transparent !important;
  box-shadow: none !important;
}
.previewWrapper_gpngTUSBKD {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  cursor: zoom-out;
  padding: 40px;
}
.previewWrapper_gpngTUSBKD .fullImage_L2O7QW3GBV {
  display: block;
  max-width: 95vw;
  max-height: 90vh;
  object-fit: contain;
  animation: zoomIn_VT5ZbpNVqg 0.2s ease-out;
}
@keyframes skeleton-loading_WQkAtlwA8V {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes zoomIn_VT5ZbpNVqg {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes mac-rotate_JbHR3A6XYL {
  to {
    transform: rotate(360deg);
  }
}
.BeginWorkButton_WOUnwT7EBm {
  width: 136px;
  height: 46px;
  padding: 0 20px 0;
  box-sizing: border-box;
  background-color: #ffc249;
  border: 4px solid #fffdfa;
  border-radius: 12px;
  color: #191816;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
  cursor: pointer;
}

@keyframes mac-rotate_qpffZcB_Ar {
  to {
    transform: rotate(360deg);
  }
}
.MarqueeTextIcon_V8qnWyO5Ip {
  border-top: 3px solid #ed9e00;
  border-bottom: 3px solid #ed9e00;
  padding: 8px 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.MarqueeTextIcon_V8qnWyO5Ip .item_vIzVPpI3a9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 0 12px;
}
.MarqueeTextIcon_V8qnWyO5Ip .icons_tr4IA1tDrV {
  display: flex;
  align-items: center;
}
.MarqueeTextIcon_V8qnWyO5Ip .scrollWrapper_ocZK7iFAg7 {
  display: flex;
}

@keyframes mac-rotate_duC0w3iFbI {
  to {
    transform: rotate(360deg);
  }
}
.BeginWorkButton_UsyzQDIja_ {
  transform: scale(0.9);
  border-radius: 10px !important;
  border-width: 3px !important;
}
.PreloadingCard_E6diCaMzLN {
  gap: 28px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.PreloadingCard_E6diCaMzLN.imgRight_qejeCau5ls {
  flex-direction: row-reverse;
}
.PreloadingCard_E6diCaMzLN.imgRight_qejeCau5ls .content_ZxKjq6dZme {
  align-items: flex-start;
  text-align: left;
}
.PreloadingCard_E6diCaMzLN.imgRight_qejeCau5ls .content_ZxKjq6dZme .title_YCJSI2Tx7x,
.PreloadingCard_E6diCaMzLN.imgRight_qejeCau5ls .content_ZxKjq6dZme .desc1_dBamoIQ7ID,
.PreloadingCard_E6diCaMzLN.imgRight_qejeCau5ls .content_ZxKjq6dZme .desc2_W_lPhkh1ye {
  text-align: left;
}
.PreloadingCard_E6diCaMzLN .content_ZxKjq6dZme {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  flex: 1;
}
.PreloadingCard_E6diCaMzLN .content_ZxKjq6dZme .title_YCJSI2Tx7x {
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 21px;
  color: #ffffff;
}
.PreloadingCard_E6diCaMzLN .content_ZxKjq6dZme .desc1_dBamoIQ7ID {
  font-weight: 400;
  font-style: Bold;
  font-size: 18px;
  margin-bottom: 30px;
  color: #fffdfa;
}
.PreloadingCard_E6diCaMzLN .content_ZxKjq6dZme .desc2_W_lPhkh1ye {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 21px;
  color: #e1dcd0;
  white-space: pre-line;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.PreloadingCard_E6diCaMzLN img {
  flex: 0 0 60%;
  max-width: 60%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 1000px) {
  .PreloadingCard_E6diCaMzLN {
    flex-direction: column !important;
    gap: 20px;
  }
  .PreloadingCard_E6diCaMzLN img {
    flex: none;
    max-width: 100%;
    width: 100%;
    order: -1;
  }
  .PreloadingCard_E6diCaMzLN .content_ZxKjq6dZme {
    width: 100%;
    padding: 0 20px;
    text-align: center !important;
    align-items: center !important;
  }
}

@keyframes mac-rotate_hpymcBkITs {
  to {
    transform: rotate(360deg);
  }
}
.CircleAvatar_ugwayhEhAM {
  object-fit: cover;
}

@keyframes mac-rotate_eV_KLzLT3d {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingTiltedGallery_CrqaXbDs4m {
  width: 100%;
  height: 700px;
  display: flex;
  justify-content: center;
  overflow: visible;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.PreloadingTiltedGallery_CrqaXbDs4m .content__JwWTzRoFg {
  display: flex;
  transform: translateX(30px) rotate(15deg);
  transform-origin: top left;
}
.PreloadingTiltedGallery_CrqaXbDs4m::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  /* 根据需要调整 */
  pointer-events: none;
  background: linear-gradient(180deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  z-index: 1;
}
.PreloadingTiltedGallery_CrqaXbDs4m::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px;
  /* 根据需要调整 */
  pointer-events: none;
  background: linear-gradient(0deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  z-index: 1;
}
.TiltedItemWrapper_bszoCISBND {
  width: 300px;
  height: auto;
  padding: 12px;
  box-sizing: border-box;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(229.41deg, rgba(255, 253, 250, 0.4) 0.52%, rgba(102, 102, 102, 0.4) 33.18%, rgba(102, 102, 102, 0.4) 65.83%, rgba(255, 253, 250, 0.4) 99.48%), /* 2. 中间径向渐变 (色彩晕染) */ radial-gradient(128.62% 53.94% at 52.17% 53.94%, rgba(255, 194, 73, 0.16) 0%, rgba(38, 187, 255, 0.16) 100%), /* 3. 底部线性渐变 */ linear-gradient(192.39deg, rgba(255, 253, 250, 0.2) 0%, rgba(255, 253, 250, 0.16) 25%, rgba(255, 253, 250, 0) 100%), /* 4. 纯黑底色 */ #191816;
}
.TiltedItem_VXuzw7_tnj {
  width: 100%;
  border-width: 2px;
}
.TiltedItem_VXuzw7_tnj .img_btSrPNsb4J {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #6f6855;
}
.TiltedItem_VXuzw7_tnj .title_vrkveZpPy1 {
  display: flex;
  align-items: center;
  gap: 7.5px;
  align-self: stretch;
  margin-top: 10px;
}
.TiltedItem_VXuzw7_tnj .title_vrkveZpPy1 .nickName_t1mxYqTs8J {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Medium;
  font-size: 15px;
  color: #fffdfa;
}
.TiltedItemColumn_uyFlQxVadY {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
}

@keyframes mac-rotate_GHTGQaN5SN {
  to {
    transform: rotate(360deg);
  }
}
.SelectedWorks_Svimz4nNeB {
  margin-bottom: 80px;
}
.SelectedWorks_Svimz4nNeB .title_iZp8525FZj {
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: bold;
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 45px;
}

@keyframes mac-rotate_IDpEh9ApRS {
  to {
    transform: rotate(360deg);
  }
}
.container_gv8h3WF44U {
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.container_gv8h3WF44U .navBtn_y6W5u0lC4v {
  width: 120px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.container_gv8h3WF44U .navBtn_y6W5u0lC4v.leftBtn_jseHebpPRz {
  left: 0;
  background: linear-gradient(90deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
}
.container_gv8h3WF44U .navBtn_y6W5u0lC4v.leftBtn_jseHebpPRz .leftBtnIcon_za7oH2lF81 {
  margin-left: 16px;
}
.container_gv8h3WF44U .navBtn_y6W5u0lC4v.rightBtn_MAaXSV7zKf {
  right: 0;
  background: linear-gradient(270deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
}
.container_gv8h3WF44U .navBtn_y6W5u0lC4v.rightBtn_MAaXSV7zKf .rightBtnIcon_TCLxRKvyl5 {
  margin-right: 16px;
}
.container_gv8h3WF44U.twoRows_IXC7E5Ondg .viewport_sxM9DRY47G {
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.container_gv8h3WF44U.twoRows_IXC7E5Ondg .content_G6Pd3AobIW {
  display: flex;
  flex-flow: column wrap;
  /* 关键：垂直排列，超出后向右换行 */
  align-content: flex-start;
}
.container_gv8h3WF44U.twoRows_IXC7E5Ondg .content_G6Pd3AobIW.centered_bnK3IFLdFr {
  justify-content: center;
}
.container_gv8h3WF44U .viewport_sxM9DRY47G {
  overflow-x: auto;
  width: 100%;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.container_gv8h3WF44U .viewport_sxM9DRY47G::-webkit-scrollbar {
  display: none;
}
.container_gv8h3WF44U .viewport_sxM9DRY47G .content_G6Pd3AobIW {
  display: inline-flex;
  padding: 10px 2px;
  min-width: 100%;
  transition: height 0.2s ease;
}
.container_gv8h3WF44U .viewport_sxM9DRY47G .content_G6Pd3AobIW.centered_bnK3IFLdFr {
  justify-content: center;
}

@keyframes mac-rotate_LaYRfoKffh {
  to {
    transform: rotate(360deg);
  }
}
.AutoScrollListWrapper_wa6ajHvPgl {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  /* 必须 */
}
.scrollContainer_oQTrP4pRX9 {
  flex: 1 1 auto;
  /* 永远占剩余 */
  min-height: 0;
  /* 必须，否则内容撑爆高度 */
  overflow-y: auto;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
}
.scrollContainer_oQTrP4pRX9::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.scrollContainer_oQTrP4pRX9::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.scrollContainer_oQTrP4pRX9::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.scrollContainer_oQTrP4pRX9::-webkit-scrollbar-track {
  background: transparent;
}
.header_j4FHmOapHm,
.footer_cwIXroFJwe {
  flex: 0 0 auto;
  /* 存在时高度由内容决定，不占剩余 */
}

@keyframes mac-rotate_CwmQb5et9m {
  to {
    transform: rotate(360deg);
  }
}
.EmptyPlaceholder_beIajbW9da {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
  flex-direction: column;
  gap: 12px;
}
.EmptyPlaceholder_beIajbW9da img {
  object-fit: contain;
  /* 保持比例不变形 */
}
.EmptyPlaceholder_beIajbW9da img.list_cYJbm2x0i5 {
  height: 320px !important;
}
.EmptyPlaceholder_beIajbW9da span {
  font-size: 14px;
  color: #e1dcd0;
}

@keyframes mac-rotate_IDlNayuaOE {
  to {
    transform: rotate(360deg);
  }
}
.ButtonTabs_RFJd53tgtk {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ButtonTabs_RFJd53tgtk .tabChildren_s_0gjA9WPs {
  flex: 1 1 auto;
  min-height: 0;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ {
  position: relative;
  flex: 0 0 auto;
  margin-bottom: 14px;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL {
  padding: 4px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: var(--background-dark2);
  border-radius: 6px 6px 6px 6px;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL.scroll_SPm7lPG0fb {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: none;
  gap: 0;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL.scroll_SPm7lPG0fb .item_LKcOrE5MhQ {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 6px;
  transition: background 0.2s;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ {
  font-family: PingFang SC,
          PingFang SC;
  font-weight: 400;
  font-size: 15px;
  text-align: right;
  font-style: normal;
  text-transform: none;
  padding: 4px 12px;
  cursor: pointer;
  color: var(--text-color-gray);
  transition: background 0.3s ease, color 0.3s ease;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9 {
  color: var(--dark2);
  background: #ffc249;
  border-radius: 4px 4px 4px 4px;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .scrollButton_YfsFkltB7l {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 100%;
  background: linear-gradient(270deg, #26231b 0%, rgba(38, 35, 27, 0) 100%);
  border-radius: 0px 0px 0px 0px;
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .scrollButton_YfsFkltB7l.left_fnhm10Lna1 {
  left: 0;
  background: linear-gradient(90deg, #26231b 0%, rgba(38, 35, 27, 0) 100%);
}
.ButtonTabs_RFJd53tgtk .scrollWrapper_qDIJYvmwsJ .scrollButton_YfsFkltB7l.right_A12Z3ZmZI6 {
  right: 0;
}
.ButtonTabs_RFJd53tgtk.text_IN0JlvD2jH .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL {
  display: flex;
  flex-wrap: wrap;
  background: none;
  border: none;
  gap: 6px;
}
.ButtonTabs_RFJd53tgtk.text_IN0JlvD2jH .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ {
  background: none;
  border: none;
  padding: 4px 8px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #e1dcd0;
}
.ButtonTabs_RFJd53tgtk.text_IN0JlvD2jH .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9 {
  color: #ffc249;
}
.ButtonTabs_RFJd53tgtk.dashed_VSSx_49mwk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL {
  background: none;
  gap: 20px;
  padding: 0;
  padding-bottom: 8px;
}
.ButtonTabs_RFJd53tgtk.dashed_VSSx_49mwk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ {
  background: none;
  border: none;
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 20px;
  text-align: center;
  color: #e1dcd0;
  position: relative;
  margin-right: 0px;
  padding: 0;
}
.ButtonTabs_RFJd53tgtk.dashed_VSSx_49mwk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9 {
  color: #fffdfa;
}
.ButtonTabs_RFJd53tgtk.dashed_VSSx_49mwk .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 20%;
  width: 60%;
  height: 4px;
  background: #ffc249;
  border-radius: 23px;
}
.ButtonTabs_RFJd53tgtk.background-border_BT49EAJvb4 .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL {
  background: none;
  gap: 12px;
}
.ButtonTabs_RFJd53tgtk.background-border_BT49EAJvb4 .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ {
  height: 26px;
  border-radius: 4px;
  border: 1px solid #26bbff;
  padding: 0 12px !important;
  font-family: PingFang SC,
            PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #e1dcd0;
  text-align: left;
  font-style: normal;
  text-transform: none;
  box-sizing: border-box;
  background: #19181699;
}
.ButtonTabs_RFJd53tgtk.background-border_BT49EAJvb4 .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9 {
  background: #534b36;
  border: 1px solid #a8a292;
  font-weight: 500;
  color: #fffdfa;
}
.ButtonTabs_RFJd53tgtk.background-border_BT49EAJvb4 .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9::after {
  content: none;
}
.ButtonTabs_RFJd53tgtk.background-border_BT49EAJvb4 .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ:hover {
  border-color: #ffc249;
}
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL {
  background: none;
  gap: 12px;
}
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ {
  height: 26px;
  border-radius: 4px;
  border: 1px solid #26bbff;
  padding: 0 12px !important;
  font-family: PingFang SC,
            PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #e1dcd0;
  text-align: left;
  font-style: normal;
  text-transform: none;
  box-sizing: border-box;
  background: #19181699;
}
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9,
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ:hover {
  background: #322d20 !important;
  border-color: #ffc249 !important;
  font-family: PingFang SC,
              PingFang SC;
  font-weight: 500;
  color: #fffdfa !important;
  font-style: normal;
  text-transform: none;
}
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ.selected_WopU2_exo9::after,
.ButtonTabs_RFJd53tgtk.border_Q24oIBYlMb .scrollWrapper_qDIJYvmwsJ .ButtonTabsContent_VeJpF94ySL .item_LKcOrE5MhQ:hover::after {
  content: none;
}

@keyframes mac-rotate_x3IwiWU8pI {
  to {
    transform: rotate(360deg);
  }
}
.body_exoRjrWCRf {
  padding: 0 60px !important;
}
.subButton_abb3FRqeZz {
  height: 28px;
  box-sizing: border-box;
  padding: 0 14px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #e1dcd0;
  justify-self: end;
}
.AutoScrollListscrollHeader_ORi6Lqy1CT {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #a8a292;
  margin-bottom: 12px;
  text-align: center;
}
.modalFooter_o6_6GY8C79 {
  display: flex;
  justify-content: space-between;
  padding: 12px 60px 24px !important;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  grid-template-columns: max-content max-content 1fr;
  column-gap: 40px;
  align-items: center;
}
.expired_wE7GeTvrlO {
  color: #d4ac5c;
  margin-left: 5px;
}
.scrollHeader_d0F5aUled8 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollHeaderItem_NELKeMnZWN {
  width: 156px;
  height: 28px;
  box-sizing: border-box;
}
.ButtonTabsheader_vQUAsbeF8M {
  background: #191816 !important;
}
.content_bwHHolgVOV {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content_bwHHolgVOV .header_KLm6oHFgNc {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.content_bwHHolgVOV .header_KLm6oHFgNc > span:first-child {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 32px;
  margin-right: 8px;
}
.content_bwHHolgVOV .ButtonTabs_Hl0oT5EROC {
  flex: 1;
  min-height: 0;
}
.AutoScrollList_e14cZgqyh2 {
  gap: 14px;
}
.itemWrapper_ubCt9r9DdA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  box-sizing: border-box;
  margin-bottom: 14px;
}
.itemWrapper_ubCt9r9DdA:last-child {
  margin-bottom: 0;
}
.itemWrapper_ubCt9r9DdA .contentLeft_KqDi49YkLo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.itemWrapper_ubCt9r9DdA .contentLeft_KqDi49YkLo .title_HEekJKCDla {
  color: #dcdcdc;
  font-size: 15px;
  font-weight: 400;
}
.itemWrapper_ubCt9r9DdA .contentLeft_KqDi49YkLo .date_aYhs3RZiFM {
  color: #6a6a6a;
  font-size: 12px;
}
.itemWrapper_ubCt9r9DdA .contentRight_vInbArFsZQ {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.itemWrapper_ubCt9r9DdA .contentRight_vInbArFsZQ .amount_TkRuH1GKjI {
  color: #cda052;
  font-size: 18px;
  font-weight: 500;
  font-family: 'Helvetica Neue', sans-serif;
}
.itemWrapper_ubCt9r9DdA .contentRight_vInbArFsZQ .unit_meDq04xwK6 {
  color: #dcdcdc;
  font-size: 13px;
}
.itemWrapper_ubCt9r9DdA:active {
  background-color: #1a1a18;
}

@keyframes mac-rotate_xUv4GMqAiN {
  to {
    transform: rotate(360deg);
  }
}
.socialIcons_xZqhafdnfo {
  display: flex;
  gap: 12px;
  margin-top: auto;
  width: 100%;
  justify-content: flex-end;
}
.socialIcons_xZqhafdnfo > * {
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 50px;
}

@keyframes mac-rotate_KydXytuXQ8 {
  to {
    transform: rotate(360deg);
  }
}
.Preloading_UZKHzgGnm7 .title_vqpvbpNJN2 {
  font-size: 20px !important;
}
.Preloading_UZKHzgGnm7 .quotation_N7O9mKIfKo {
  font-size: 16px !important;
}
.Preloading_UZKHzgGnm7 .label_ZQwoatAGrG {
  font-size: 17px !important;
}
.Preloading_UZKHzgGnm7 .list_SFEUNAeEd2 li {
  font-size: 18px !important;
}
.Preloading_UZKHzgGnm7 .leftContent_2vo8xIsVmy {
  height: 272px !important;
}
.Preloading_UZKHzgGnm7.container_Ih_I9Ooo8Q {
  gap: 32px !important;
}
.Preloading_UZKHzgGnm7 .rightSection_cbc0HGjhqb {
  flex: 0 0 320px !important;
}
.container_Ih_I9Ooo8Q {
  position: relative;
  display: flex;
  color: #ffffff;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 28px;
  padding: 20px;
  width: 825px;
  height: 252px;
  flex: 0 0 660px;
  box-sizing: border-box;
  flex-grow: 1;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .backgroundWrapper_hx8hHMt4LY {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYyIiBoZWlnaHQ9IjIyOCIgdmlld0JveD0iMCAwIDY2MiAyMjgiIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjY2MCIgaGVpZ2h0PSIyMjYiIHJ4PSIxNiIgZmlsbD0iIzI2MjMxQiIgLz4KICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI2NjAiIGhlaWdodD0iMjI2IiByeD0iMTYiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNjUwOF8xMDUyMzYpIiBmaWxsLW9wYWNpdHk9IjAuMyIgLz4KICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI2NjAiIGhlaWdodD0iMjI2IiByeD0iMTYiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzE2NTA4XzEwNTIzNikiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNjUwOF8xMDUyMzYiIHgxPSIyNDcuNTIyIiB5MT0iMjU2LjYyOCIgeDI9IjczOS40NTMiIHkyPSIxNTcuNTMyIgogICAgICAgICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNDQ0U1RkYiIHN0b3Atb3BhY2l0eT0iMC4yIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyNkJCRkYiIHN0b3Atb3BhY2l0eT0iMC40IiAvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzE2NTA4XzEwNTIzNiIgeDE9Ii05IiB5MT0iMjI3IiB4Mj0iNzA1LjExNCIgeTI9IjE1Mi4wNSIKICAgICAgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQ0NFNUZGIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAuNSIgc3RvcC1jb2xvcj0iIzI2QkJGRiIgc3RvcC1vcGFjaXR5PSIwIiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNDQ0U1RkYiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS {
  flex: 0 0 200px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS .imageContainer_dvmrQayNob {
  margin: 0 auto 16px;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS .imageContainer_dvmrQayNob img {
  width: 100%;
  height: auto;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS .titleWrapper_Fk1srVt2n0 {
  position: relative;
  top: -10px;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS .titleWrapper_Fk1srVt2n0 .title_vqpvbpNJN2 {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 16px;
  color: #fffdfa;
  margin-bottom: 3px;
  white-space: nowrap;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .leftSection_PWYOKmiQwS .titleWrapper_Fk1srVt2n0 .quotation_N7O9mKIfKo {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Medium;
  font-size: 14px;
  color: #a8a292;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .middleSection_k_ATZjUwtl {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  text-align: left;
  z-index: 1;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .middleSection_k_ATZjUwtl .label_ZQwoatAGrG {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  text-transform: lowercase;
  color: #e1dcd0;
  margin-bottom: 10px;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .middleSection_k_ATZjUwtl .list_SFEUNAeEd2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .middleSection_k_ATZjUwtl .list_SFEUNAeEd2 li {
  position: relative;
  padding-left: 18px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #fffdfa;
  margin-bottom: 7px;
  line-height: 100%;
}
.container_Ih_I9Ooo8Q .leftContent_2vo8xIsVmy .middleSection_k_ATZjUwtl .list_SFEUNAeEd2 li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #ffc249;
  font-size: 18px;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb {
  flex: 0 0 250px;
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-left: auto;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .alipayHint_EFPkilun5S {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 20px;
  color: #ffc249;
  margin-bottom: 15px;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  text-align: right;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq .contactBoxDesp_STqjv4VcfP {
  color: #a8a292;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq .email_tx1mVmrs3Q {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #fffdfa;
  margin-bottom: 15px;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq .email_tx1mVmrs3Q .emailLink_yMCrjfkOoL {
  color: #ffc249;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  transition: color 0.3s ease;
  margin-left: 5px;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq .email_tx1mVmrs3Q .emailLink_yMCrjfkOoL:hover {
  color: #ffffff;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .contactBox_tiu03PnNMq .email_tx1mVmrs3Q .emailLink_yMCrjfkOoL:hover::after {
  width: 100%;
}
.container_Ih_I9Ooo8Q .rightSection_cbc0HGjhqb .socialIcons_V1rTJ_gkRF {
  width: 100%;
}

@keyframes mac-rotate_WwZys2dSaj {
  to {
    transform: rotate(360deg);
  }
}
.HomePage_WKP1wOjoZR .card_urN3sMgo0Y {
  width: 245px;
}
.HomePage_WKP1wOjoZR.en_yztIspOpen .discountInfo_iZNiPY91vH {
  left: -25px;
}
.Preloading_HYbQGN_Aac .planName_yAjEsFxX_x {
  font-size: 18px !important;
}
.Preloading_HYbQGN_Aac .badge_ZURqUHTbIo {
  font-size: 14px !important;
}
.Preloading_HYbQGN_Aac .tabItem_AOlGmmjpRD {
  font-size: 20px !important;
  height: 40px !important;
  padding: 0 18px !important;
}
.Preloading_HYbQGN_Aac .cardWrapper__xV0kP4O6f {
  padding: 20px !important;
}
.Preloading_HYbQGN_Aac .currency_JfRivnIwRg {
  font-size: 44px !important;
}
.Preloading_HYbQGN_Aac .periodText_wLJL3xUH84 {
  font-size: 16px !important;
}
.Preloading_HYbQGN_Aac .discountInfo_iZNiPY91vH {
  font-size: 14px !important;
}
.Preloading_HYbQGN_Aac .discountInfo_iZNiPY91vH del {
  font-size: 18px !important;
}
.Preloading_HYbQGN_Aac .quotaInfo_dhpT3r9sfQ {
  margin-bottom: 4px !important;
}
.Preloading_HYbQGN_Aac .upgradeBtnWrapper_Ol46s0uDHu {
  margin-bottom: 14px !important;
}
.Preloading_HYbQGN_Aac .quotaInfoTitle_XSjn31VzpQ {
  font-size: 14px !important;
}
.Preloading_HYbQGN_Aac .quotaInfoContentText_Ig0ChMxb5q {
  font-size: 14px !important;
}
.Preloading_HYbQGN_Aac .featureTitle_qxT02OLOa3 {
  font-size: 15px !important;
}
.Preloading_HYbQGN_Aac .featureItem_oUxpXBxHtV {
  font-size: 18px !important;
}
.container_DMrwDBoPlq {
  border-radius: 12px;
  margin-bottom: 12px;
}
.container_DMrwDBoPlq .header_Fi_BmOEww5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  position: relative;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}
.container_DMrwDBoPlq .header_Fi_BmOEww5 h2 {
  font-size: 38px;
  margin: 0;
  flex: 1;
  text-align: center;
}
.container_DMrwDBoPlq .header_Fi_BmOEww5 .pointsLink_Pw1TYvic3h {
  position: absolute;
  height: 38px;
  box-sizing: border-box;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  border-width: 1px;
  background: #423c2b;
  border: 1px solid #6f6855;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #fffdfa;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tabWrapper_ce2o94CwC6 {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.tabWrapper_ce2o94CwC6 .tabs_hLvFVnbCLK {
  background: #000;
  display: flex;
  box-sizing: border-box;
  border-radius: 40px;
  padding: 4px;
  gap: 16px;
}
.tabWrapper_ce2o94CwC6 .tabs_hLvFVnbCLK .tabItem_AOlGmmjpRD {
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-family: PingFang SC;
  box-sizing: border-box;
  height: 32px;
  border-radius: 100px;
  color: #fffdfa;
  padding: 0 12px;
  font-size: 16px;
}
.tabWrapper_ce2o94CwC6 .tabs_hLvFVnbCLK .tabItem_AOlGmmjpRD.active_okAokUkfFg {
  background: #423c2b;
  font-size: 16px;
}
.tabWrapper_ce2o94CwC6 .tabs_hLvFVnbCLK .tabItem_AOlGmmjpRD.hasBadge_ae5wRvvjup {
  padding-right: 3px;
}
.tabWrapper_ce2o94CwC6 .tabs_hLvFVnbCLK .tabItem_AOlGmmjpRD .badge_ZURqUHTbIo {
  padding: 0 6px;
  border-radius: 10px;
  margin-left: 6px;
  color: #000;
  background: #26bbff;
  box-sizing: border-box;
  height: 26px;
  opacity: 1;
  gap: 10px;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  border-radius: 33px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #191816;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.cardList_UZC49LQxWR {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.card_urN3sMgo0Y {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 338px;
}
.card_urN3sMgo0Y .SubscriptionCard1_lTE2rqlPlh {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMzIiBoZWlnaHQ9IjQ2MiIgdmlld0JveD0iMCAwIDIzMyA0NjIiIGZpbGw9Im5vbmUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjIzMSIgaGVpZ2h0PSI0NjAiIHJ4PSIxNiIgZmlsbD0iIzE5MTgxNiIgLz4KICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMzEiIGhlaWdodD0iNDYwIiByeD0iMTYiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNjUwOF8xMDUxNTEpIiBmaWxsLW9wYWNpdHk9IjAuMSIgLz4KICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIyMzEiIGhlaWdodD0iNDYwIiByeD0iMTYiIHN0cm9rZT0idXJsKCNwYWludDFfbGluZWFyXzE2NTA4XzEwNTE1MSkiIHN0cm9rZS13aWR0aD0iMiIgLz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNjUwOF8xMDUxNTEiIHgxPSIyMjkuMDczIiB5MT0iMS4wMDAwMSIgeDI9Ii05LjcyMzA2IiB5Mj0iNDUzLjgwMiIKICAgICAgICAgICAgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUQ5RTAwIiBzdG9wLW9wYWNpdHk9IjAiIC8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGQzI0OSIgLz4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8xNjUwOF8xMDUxNTEiIHgxPSIyMzEuMzA1IiB5MT0iNDYxIiB4Mj0iLTEyLjEwNTUiIHkyPSI4LjQyMjA4IgogICAgICAgICAgICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1MzRCMzYiIC8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMC41IiBzdG9wLWNvbG9yPSIjRkZDMjQ5IiAvPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MzRCMzYiIC8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.card_urN3sMgo0Y.featured_bWjJxy0oSe {
  background: #322d20;
}
.card_urN3sMgo0Y .cardWrapper__xV0kP4O6f {
  padding: 12px;
  position: relative;
  z-index: 1;
}
.card_urN3sMgo0Y .planName_yAjEsFxX_x {
  margin-bottom: 5px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
  text-align: left;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole {
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .priceInfo_pGmv9mlGAE {
  display: flex;
  align-items: baseline;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .priceInfo_pGmv9mlGAE .currency_JfRivnIwRg {
  vertical-align: top;
  margin-right: 2px;
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 32px;
  color: #fffdfa;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .priceInfo_pGmv9mlGAE .price_NqQ_px3O37 {
  font-size: 32px;
  font-weight: bold;
  margin-right: 6px;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .priceInfo_pGmv9mlGAE .periodText_wLJL3xUH84 {
  margin-left: 4px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  text-transform: lowercase;
  color: #e1dcd0;
  white-space: nowrap;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .discountInfo_iZNiPY91vH {
  position: relative;
  margin-top: 4px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  text-transform: lowercase;
  color: #ffc249;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  white-space: nowrap;
}
.card_urN3sMgo0Y .priceSection_jDci8Nyole .discountInfo_iZNiPY91vH del {
  color: #555;
  margin-left: 8px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 16px;
  text-decoration: line-through;
  color: #a8a292;
}
.card_urN3sMgo0Y .quotaInfo_dhpT3r9sfQ {
  margin-bottom: 18px;
  text-align: left;
}
.card_urN3sMgo0Y .quotaInfo_dhpT3r9sfQ .quotaInfoTitle_XSjn31VzpQ {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #a8a292;
  margin-bottom: 4px;
}
.card_urN3sMgo0Y .quotaInfo_dhpT3r9sfQ .quotaInfoContent_rC7yE01FJW {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #fffdfa;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  gap: 10px;
  display: flex;
  align-items: flex-start;
  /* 或者 center，取决于你希望图标对齐第一行还是中心 */
  width: 100%;
  /* 确保容器宽度充满父级 */
  height: 50px;
}
.card_urN3sMgo0Y .quotaInfo_dhpT3r9sfQ .quotaInfoContent_rC7yE01FJW .quotaInfoContentText_Ig0ChMxb5q {
  word-break: break-word;
  min-width: 0;
  flex: 1;
  /* 核心：占用所有剩余的水平空间 */
  word-break: break-all;
  /* 强制长单词换行（可选） */
  white-space: normal;
  /* 确保内容可以换行（默认通常就是这个） */
  margin-right: 8px;
  /* 与图标保持一点间距 */
}
.card_urN3sMgo0Y .quotaInfo_dhpT3r9sfQ .quotaInfoContent_rC7yE01FJW .infoIcon_T0bZsr0bNp {
  margin-top: 2px;
  flex-shrink: 0;
  /* 防止图标在空间不足时被挤压变形 */
  display: flex;
  align-items: center;
}
.card_urN3sMgo0Y .upgradeBtnWrapper_Ol46s0uDHu {
  width: 100%;
  /* 自适应 */
  padding: 0 40px;
  /* 左右固定间距 */
  box-sizing: border-box;
  height: 28px;
  margin-bottom: 10px;
}
.card_urN3sMgo0Y .upgradeBtnWrapper_Ol46s0uDHu .upgradeBtn_KLIhXPvGet {
  height: 100%;
  width: 100%;
  border: 6px;
  font-size: 14px;
}
.card_urN3sMgo0Y .featureList_QkMXrZUZiW {
  text-align: left;
}
.card_urN3sMgo0Y .featureList_QkMXrZUZiW .featureTitle_qxT02OLOa3 {
  color: #555;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #a8a292;
}
.card_urN3sMgo0Y .featureList_QkMXrZUZiW .featureItem_oUxpXBxHtV {
  margin-bottom: 10px;
  align-items: center;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 13px;
  color: #e1dcd0;
  gap: 4px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
}
.card_urN3sMgo0Y .featureList_QkMXrZUZiW .featureItem_oUxpXBxHtV .checkedIcon_QOJKLbNrdq {
  flex-shrink: 0;
  margin-top: 3px;
}
.rightNavButtonClassName_KaJE805xgs {
  width: 80px !important;
  background: linear-gradient(270deg, #26231b 0%, rgba(38, 35, 27, 0) 100%) !important;
}
.rightNavButtonClassName_KaJE805xgs > i {
  margin-right: 0 !important;
}
.leftNavButtonClassName_gYfW7rhWYF {
  width: 80px !important;
  background: linear-gradient(90deg, #26231b 0%, rgba(38, 35, 27, 0) 100%) !important;
}
.leftNavButtonClassName_gYfW7rhWYF > i {
  margin-left: 0 !important;
}

@keyframes mac-rotate_hGillePqF2 {
  to {
    transform: rotate(360deg);
  }
}
.UserVoiceComponent_GsFwqV9CMI {
  width: 100%;
  margin-bottom: 80px;
}
.UserVoiceComponent_GsFwqV9CMI .title_u4xAbhMVMt {
  margin-bottom: 45px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-size: 38px;
  text-align: center;
  color: #ffffff;
}
.UserVoiceComponent_GsFwqV9CMI .wrapper_HJXVYa35Vk {
  position: relative;
}
.UserVoiceComponent_GsFwqV9CMI .wrapper_HJXVYa35Vk .scrollWrapper_tbQ4qfD7bj {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  /* Firefox */
  scrollbar-width: none;
  /* IE 10+ */
  -ms-overflow-style: none;
  /* Chrome / Edge / Safari */
}
.UserVoiceComponent_GsFwqV9CMI .wrapper_HJXVYa35Vk .scrollWrapper_tbQ4qfD7bj::-webkit-scrollbar {
  display: none;
}
.UserVoiceComponent_GsFwqV9CMI .wrapper_HJXVYa35Vk .left_ihYNF9YjsW {
  left: 0;
  background: linear-gradient(90deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100px;
  z-index: 1;
  pointer-events: none;
}
.UserVoiceComponent_GsFwqV9CMI .wrapper_HJXVYa35Vk .right_hBYyw_chBt {
  right: 0;
  background: linear-gradient(270deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100px;
  z-index: 1;
  pointer-events: none;
}
.UserVoiceComponent_GsFwqV9CMI .scrollButtons_d4mrWyVvkf {
  margin-top: 21px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 110px;
}
.UserVoiceComponentCard_vajc4_5_Fo {
  flex-shrink: 0;
  width: 328px;
  height: 405px;
  flex: 0 0 auto;
  border-radius: 15px;
  padding: 16px;
  border: 1px solid #a8a292;
  background: #534b36;
}
.UserVoiceComponentCard_vajc4_5_Fo .header_vEPlOxHwgm {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.UserVoiceComponentCard_vajc4_5_Fo .header_vEPlOxHwgm .avatar_vkwCLxIihM {
  flex: 0 0 auto;
  position: relative;
  top: 10px;
}
.UserVoiceComponentCard_vajc4_5_Fo .header_vEPlOxHwgm .userInfo_SbSuon1sL9 {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.UserVoiceComponentCard_vajc4_5_Fo .header_vEPlOxHwgm .userInfo_SbSuon1sL9 .userName_EnKXf6EDaS {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #fffdfa;
  text-align: left;
}
.UserVoiceComponentCard_vajc4_5_Fo .header_vEPlOxHwgm .userInfo_SbSuon1sL9 .userRole_cIV2Y1DgQf {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #e1dcd0;
  text-align: left;
}
.UserVoiceComponentCard_vajc4_5_Fo .desc_rwzltKoj3Y {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  color: #e1dcd0;
  text-align: left;
}

@keyframes mac-rotate_m1Z0T3vFve {
  to {
    transform: rotate(360deg);
  }
}
.text_buQNcwzryK {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes mac-rotate_jTF6LWVpgQ {
  to {
    transform: rotate(360deg);
  }
}
.subscriptionAndPricing_TfDOxjr9D6 {
  margin-bottom: 80px;
}
.centerContent_tkWQ_NwXmR {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
.HomePage_hxAYPKXBnI {
  width: 100%;
}
.HomePageFirstTitle1__ysJQ8WTG3 {
  margin-bottom: 10px;
}
.startButton_fSBzwYH4rU {
  width: 140px !important;
  height: 44px !important;
  border-radius: 10px !important;
}
.HomePageFirst_JVC0dS6SzD {
  position: relative;
  width: 100%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 63px);
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1 {
  position: absolute;
  z-index: 0;
  width: 100vw;
  height: 100vh;
  /* 首屏 */
  overflow: hidden;
  /* 允许裁切 */
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 关键 */
  object-position: center;
  opacity: 0.6;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1::before,
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1::before {
  top: 0;
  height: 42.4%;
  background: linear-gradient(180deg, #191816 0, rgba(25, 24, 22, 0) 100%);
  z-index: 1;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstBg_MxPYtvbCW1::after {
  bottom: 0;
  height: 66.7%;
  background: linear-gradient(0deg, #191816 11.13%, rgba(25, 24, 22, 0) 100%);
  z-index: 1;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstTitle__QIfB6ydrD {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  z-index: 1;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstVideoWrapper_BAIBxhbU_m {
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
  overflow: hidden;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstVideoWrapper_BAIBxhbU_m .videoWrapper_oHi79wnNCT {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px * 2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
  flex: 1;
  min-height: 0;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstVideoWrapper_BAIBxhbU_m .videoWrapper_oHi79wnNCT .HomePageFirstVideo_WJDIIVlcXX {
  width: 85%;
  margin: 0 auto;
  max-height: 100%;
  aspect-ratio: auto;
  position: relative;
  background-color: #1a1a1a;
  border: 5px solid #fffdfa;
  border-radius: 12px;
  background-color: transparent;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin-bottom: 20px;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstVideoWrapper_BAIBxhbU_m .videoWrapper_oHi79wnNCT .HomePageFirstVideo_WJDIIVlcXX video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  height: auto;
  border: none;
}
.HomePageFirst_JVC0dS6SzD .HomePageFirstVideoWrapper_BAIBxhbU_m .videoWrapper_oHi79wnNCT .HomePageFirstVideo_WJDIIVlcXX video[src=''] {
  visibility: hidden;
}
.HomePageIntroductionTitleWrapper_oUdhQrOeme {
  margin-top: 67px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px*2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
}
.HomePageIntroductionTitleWrapper_oUdhQrOeme .HomePageIntroductionTitle_rGpTNhzkn1 {
  color: #ffffff;
  font-size: 38px;
  font-weight: bold;
  text-align: center;
  margin: 0 20px;
  margin-bottom: 20px;
}
.HomePageIntroductionTitleWrapper_oUdhQrOeme .HomePageIntroductionContent_B5NJjJ2R_d {
  margin: 0 20px;
  color: #ffffff;
  font-size: 18px;
  white-space: pre-line;
  margin-bottom: 38px;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.bottomBeginWorkButton_VSPGvGD8wP {
  text-align: center;
  margin: 0 auto 100px;
  margin-bottom: 200px;
  width: 240px !important;
  height: 73px !important;
}
.YidooODesc_efRgHIctA3 {
  margin-bottom: 20px;
}
.YidooODesc_efRgHIctA3 .YidooODescTitle_USUqcWO1Af {
  font-family: Source Han Sans CN,
      Source Han Sans CN;
  font-weight: bold;
  font-size: 42px;
  color: #ffffff;
  text-align: left;
  gap: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.YidooODesc_efRgHIctA3 .YidooODescContent_yxOvCZdHWD {
  font-family: PingFang SC,
      PingFang SC;
  font-weight: 500;
  font-size: 24px;
  color: #fffdfa;
  letter-spacing: 1px;
  text-align: center;
  font-style: normal;
  /* 保留空格和换行，且允许自动换行 */
  word-break: break-all;
  /* 可选：防止极长的英文单词或链接撑破布局 */
  line-height: 1.8;
  white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.lastPreloadingCard_q_t6102DJq {
  margin-bottom: 80px !important;
}

.marqueeContainer_Hi2gMK0UlF {
  width: 100%;
  overflow: hidden;
  display: flex;
  position: relative;
}
.marqueeContent_qgXVJlC0wI {
  display: flex;
  flex-shrink: 0;
  animation: scroll-left_Taa2oPudFz linear infinite;
}
.marqueeContent_qgXVJlC0wI.right_LglUYJBiOp {
  animation-name: scroll-right_HgRtIGYg0B;
}
.iconItem_TGbwHb013M {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
}
@keyframes scroll-left_Taa2oPudFz {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes scroll-right_HgRtIGYg0B {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes mac-rotate_DR2N5D5Ir8 {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingCollaborator_XpGH1wA05M {
  margin-bottom: 80px;
}
.PreloadingCollaborator_XpGH1wA05M .title_BkAjTcBsEm {
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 38px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}
.PreloadingCollaborator_XpGH1wA05M .wrapper_AQx9ZPDZGs {
  width: 100%;
  position: relative;
}
.PreloadingCollaborator_XpGH1wA05M .wrapper_AQx9ZPDZGs .left_nfRsrTHlDZ {
  left: 0;
  background: linear-gradient(90deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100px;
  z-index: 1;
}
.PreloadingCollaborator_XpGH1wA05M .wrapper_AQx9ZPDZGs .right_bAgys6E7Se {
  right: 0;
  background: linear-gradient(270deg, #191816 0%, rgba(25, 24, 22, 0) 100%);
  top: 0;
  bottom: 0;
  position: absolute;
  width: 100px;
  z-index: 1;
}
.Icon8_jc6Lco641s {
  position: relative;
  top: -5px;
}
.Icon7_P0gT9kLhtg {
  position: relative;
  top: 7px;
}
.Icon6_iXjYxO4CDX {
  position: relative;
  top: 3px;
}

@keyframes mac-rotate_qconPW_O5m {
  to {
    transform: rotate(360deg);
  }
}
.Accordion_AZYl6XEv55 {
  position: relative;
}
.Accordion_AZYl6XEv55 .bottomLine_OMBeL5t7AD {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 15px;
  height: 1px;
  background: #6f6855;
}
.accordionContainer_naINLEMrth {
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
  transition: border-color 0.3s ease;
  position: relative;
}
.accordionContainer_naINLEMrth.active_EYz4uEIqSg .header_H0EA0cIG3M {
  background: #423c2b;
}
.accordionContainer_naINLEMrth.last_pecG_3gal0 {
  margin-bottom: 0;
}
.header_H0EA0cIG3M {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  cursor: pointer;
  background: #26231b;
  border-radius: 12px;
}
.header_H0EA0cIG3M .title_qRr_JPN7Nt {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 24px;
  color: #fffdfa;
}
.header_H0EA0cIG3M .arrow_wtRLCLoJQR {
  color: #8c8c8c;
  transition: transform 0.3s ease;
}
.header_H0EA0cIG3M .arrow_wtRLCLoJQR.rotated_mH8vgi7RRq {
  transform: rotate(180deg);
}
.contentWrapper_mapnWOemQ3 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out;
}
.contentWrapper_mapnWOemQ3.expanded_y8e7GRaTrs {
  grid-template-rows: 1fr;
}
.contentWrapper_mapnWOemQ3 .contentInner_cJQc6r3i99 {
  overflow: hidden;
}
.contentWrapper_mapnWOemQ3 .answer_UFsxMi2FAU {
  padding: 24px 30px;
  color: #a6a6a6;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #e1dcd0;
  text-align: left;
}

@keyframes mac-rotate_v7m3QvPHuz {
  to {
    transform: rotate(360deg);
  }
}
.groupContainer_NPmfdHFxcl {
  margin-bottom: 30px;
  width: 100%;
}
.groupTitle_KVm7A4JNXf {
  color: #ffffff;
  font-size: 20px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: left;
}
.listWrapper_rA2gzlbKQV {
  display: flex;
  flex-direction: column;
  gap: 1px;
  overflow: hidden;
}

@keyframes mac-rotate_I7F1Ak9HkO {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingHomeFAQ_jd2WabEfRt {
  margin-bottom: 120px;
}
.PreloadingHomeFAQ_jd2WabEfRt > h2 {
  text-align: left;
}

@keyframes mac-rotate_widE2B5ciK {
  to {
    transform: rotate(360deg);
  }
}
.Waterfall_lZYqVhULgg {
  width: 100%;
  position: relative;
}
.Waterfall_lZYqVhULgg .WaterfallContent_MHst23ARD8 {
  position: relative;
  box-sizing: border-box;
}
.Waterfall_lZYqVhULgg .WaterfallContent_MHst23ARD8.debug_KTh2QAWHSg {
  border: 2px solid green;
}

@keyframes mac-rotate_Zkbkpqo4yM {
  to {
    transform: rotate(360deg);
  }
}
.VideoPlayer_O_PLxBDyFL {
  object-fit: contain;
  position: relative;
  width: 100%;
  height: 100%;
}
.VideoPlayer_O_PLxBDyFL video {
  width: 100%;
  height: 100%;
}
.VideoPlayer_O_PLxBDyFL .overlay_ITdQuUz4MH {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.VideoPlayer_O_PLxBDyFL .overlay_ITdQuUz4MH .playButton_v6jl3xX2XI {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

@keyframes mac-rotate_FoOYr8zj90 {
  to {
    transform: rotate(360deg);
  }
}
.WorksListCard_HMncwwa1Oq {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.WorksListCard_HMncwwa1Oq .backgroundImg_zlKXKj5RDF {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  inset: 0;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll {
  height: calc(100% - 101px);
  flex: 1 1 auto;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 12px;
  top: 12px;
  overflow: hidden;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll .sameStyle_J6SCILVFWy {
  position: absolute;
  top: 12px;
  left: 12px;
  border-radius: 8px;
  padding-top: 2px;
  padding-right: 10px;
  padding-bottom: 2px;
  padding-left: 8px;
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #a8a29299;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  display: flex;
  gap: 4px;
  color: #e1dcd0;
  opacity: 0;
  transition: opacity 0.2s;
  align-items: center;
  z-index: 2;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll .sameStyle_J6SCILVFWy.hover_CsIdTKddFT {
  opacity: 1;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll img {
  z-index: 1;
  object-fit: cover;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid;
  border-image-source: linear-gradient(197.17deg, rgba(255, 194, 73, 0.6) 0%, rgba(255, 253, 250, 0.6) 49.03%, rgba(255, 194, 73, 0.6) 98.06%);
  box-shadow: 0px 0px 6px 0px #191816;
  transition: transform 0.3s ease;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll img:hover {
  transform: scale(1.1);
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll .videoPlayer_tZDl_8devV {
  z-index: 1;
  height: 100%;
  width: 100%;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll .topBottom_bPFoMAp0Vr {
  z-index: 10;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 11px;
  color: #e1dcd0;
  padding: 0 14px;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .top_tKEQs3Jhll .topBottom_bPFoMAp0Vr .topIcon_QZUq_rhXVk {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .dashLine_yVOGO5hAvV {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% -14px);
  height: 1px;
  background-image: repeating-linear-gradient(to right, #999 0, #999 4px, transparent 4px, transparent 8px);
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 {
  height: 101px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .title_u40bPu5hPn {
  flex: 0 0 auto;
  line-height: 20px;
  box-sizing: border-box;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
  min-height: 0;
  text-align: left;
  /* 实现两行省略的核心代码 */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  /* 辅助属性：确保长数字或英文单词能正常换行，否则省略号可能失效 */
  word-break: break-all;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .tags_jpyk2MtlJJ {
  flex: 0 0 auto;
  height: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .tags_jpyk2MtlJJ .tag_mRpiY2sVD7 {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* 或允许换行 line-break: anywhere */
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #fffdfa;
  padding: 0 10px;
  border-radius: 55px;
  height: 18px;
  box-sizing: border-box;
  display: inline-flex;
  /* 或 flex，取决于你希望它是块还是行内块 */
  align-items: center;
  justify-content: center;
  /* 可选，如果想文字水平也居中 */
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .tags_jpyk2MtlJJ .tag_mRpiY2sVD7.level1_EZktA5VdCE {
  border: 1px solid #ffc249;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .tags_jpyk2MtlJJ .tag_mRpiY2sVD7.level2_j4g66s3FG1 {
  border: 1px solid #26bbff;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .tags_jpyk2MtlJJ .tag_mRpiY2sVD7 .tagItem_EBekNZmAgF {
  min-width: 0;
}
.WorksListCard_HMncwwa1Oq .WorksListCardWrapper_UCXDOXKVGk .bottom_Kfb6I4vFz7 .author_GV7skmzj3f {
  flex: 0 0 auto;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #fffdfa;
  display: flex;
  align-items: center;
  gap: 5px;
}

@keyframes mac-rotate_WTSCcXtgAz {
  to {
    transform: rotate(360deg);
  }
}
.WorksListButtonTabs_nVpJh6rljX {
  width: 100%;
  position: relative;
  z-index: 2;
  top: -60px;
}
.WorksListButtonTabs_nVpJh6rljX .ButtonTabsheaderClassName_bamyN9itXr {
  background: none !important;
  justify-content: center;
}
.WorksListButtonTabs_nVpJh6rljX .scrollHeaderItemClassName_vqohQpcdpZ {
  height: 40px;
  border-radius: 40.5px !important;
  padding: 0 12px 0 6px !important;
  border: 2px solid #26bbff;
  display: flex;
  gap: 7px;
  font-weight: 400;
  font-style: Bold;
  font-size: 20px;
  color: #fffdfa;
}
.WorksListButtonTabs_nVpJh6rljX .scrollHeaderItemClassName_vqohQpcdpZ::before {
  content: '';
  width: 28px;
  height: 28px;
  border-radius: 28px;
  background: #cce5ff;
}
.WorksListButtonTabs_nVpJh6rljX .ButtonTabsheaderSelectedTabClassName_DO48cWtIiv {
  color: #191816;
  background: #ffe6b5 !important;
  border: 2px solid #ed9e00 !important;
}
.WorksListButtonTabs_nVpJh6rljX .ButtonTabsheaderSelectedTabClassName_DO48cWtIiv::before {
  content: '';
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  background: #ffc249;
  border: 2px solid #ed9e00;
}

@keyframes mac-rotate_Z9MNZPlXp3 {
  to {
    transform: rotate(360deg);
  }
}
.InspirationCollectionWrapper_rYVtiXQCqx {
  height: 100%;
  overflow-y: auto;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.InspirationCollectionWrapper_rYVtiXQCqx::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.InspirationCollectionWrapper_rYVtiXQCqx::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.InspirationCollectionWrapper_rYVtiXQCqx::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.InspirationCollectionWrapper_rYVtiXQCqx::-webkit-scrollbar-track {
  background: transparent;
}
.InspirationCollectionWrapper_rYVtiXQCqx::-webkit-scrollbar {
  display: none;
}
.header_ksZ7PnJazR {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.header_ksZ7PnJazR .title1_p03wfzpFwO {
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 38px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 12px;
}
.header_ksZ7PnJazR h2 {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 20px;
}
.header_ksZ7PnJazR .BeginWorkButton_ofT4C3v8Lb {
  margin: auto;
}
.InspirationCollection_yjkeRAlo2P {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px*2);
  max-width: 1480px;
  min-width: 600px;
  text-align: center;
}
.InspirationCollection_yjkeRAlo2P .WorksList_NaVFgCEmlo {
  top: 0;
  margin-bottom: 100px;
}

@keyframes mac-rotate_vjLqYvM7Fz {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingFooter_nhnBPzBUUf {
  padding: 30px 40px 45px 35px;
  width: 100%;
  display: flex;
  height: 300px;
  box-sizing: border-box;
  justify-content: space-between;
  background: #322d20;
  color: #fffdfa;
  position: relative;
}
.PreloadingFooter_nhnBPzBUUf .socialmedias__uAktGHf4P {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  justify-content: flex-end;
  gap: 30px;
  right: 40px;
  bottom: 45px;
  z-index: 0;
  width: 300px;
}
.PreloadingFooter_nhnBPzBUUf a {
  cursor: pointer;
  color: #fffdfa;
}
.PreloadingFooter_nhnBPzBUUf a:hover {
  color: #535bf2;
}
.PreloadingFooter_nhnBPzBUUf .left_utfydpPYHw {
  flex: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.PreloadingFooter_nhnBPzBUUf .left_utfydpPYHw .footerLogo_uBnR_Pb__x {
  align-self: flex-start;
}
.PreloadingFooter_nhnBPzBUUf .left_utfydpPYHw .policies_L4h8TtG3gO {
  align-self: flex-start;
}
.PreloadingFooter_nhnBPzBUUf .left_utfydpPYHw .policies_L4h8TtG3gO .separator_DLz8_RjkDU {
  margin: 0 12px;
}
.PreloadingFooter_nhnBPzBUUf .left_utfydpPYHw .policies_L4h8TtG3gO a {
  text-decoration: underline;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf {
  display: flex;
  flex: 1;
  position: relative;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ {
  flex: 1;
  margin-bottom: 15px;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ h3 {
  margin-bottom: 18px;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ a,
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ span {
  text-decoration: none;
  display: block;
  margin-bottom: 12px;
  cursor: pointer;
  color: #fffdfa;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ a:hover,
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .products_DXkYaqXs1_ span:hover {
  color: #535bf2 !important;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow {
  flex: 1;
  margin-bottom: 15px;
  position: relative;
  left: 20px;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow h3 {
  margin-bottom: 18px;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow a,
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow span {
  text-decoration: none;
  display: block;
  margin-bottom: 12px;
  cursor: pointer;
  color: #fffdfa;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow a:hover,
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .resources_AG8HyB_0Ow span:hover {
  color: #535bf2 !important;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .rightAbout_T8krYrgkG9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .rightAbout_T8krYrgkG9 .about_nJ1iaZRflE {
  text-align: right;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .rightAbout_T8krYrgkG9 .about_nJ1iaZRflE h3 {
  margin-left: auto;
  text-align: right;
  margin-bottom: 18px;
}
.PreloadingFooter_nhnBPzBUUf .right_dJRk9RMRLf .rightAbout_T8krYrgkG9 .about_nJ1iaZRflE a {
  margin-top: 6px;
  display: block;
}

@keyframes mac-rotate_y5tI8Y9Eoq {
  to {
    transform: rotate(360deg);
  }
}
.LanguageSwitcherContent_seGw7OY96_ {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: stretch;
}
.LanguageSwitcherPopover_KfYNHMFI05 {
  border-radius: 8px;
  padding: 2px 4px !important;
  background-color: #423c2b !important;
}
.LanguageSwitcher_Wkav3pMTXY {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #fffdfa;
  font-size: 16px;
  width: 100px;
}
.LanguageItem_NyuPRImcOA {
  font-family: PingFang SC;
  font-weight: 500;
  cursor: pointer;
  font-size: 18px;
  color: #fffdfa;
  text-align: left;
  flex-grow: 1;
  border-radius: 4px;
  padding: 2px;
  text-align: center;
}
.LanguageItem_NyuPRImcOA:hover {
  background: #1f1d18 !important;
}
.LanguageItem_NyuPRImcOA.selected_SonmmwSV1p {
  color: #fffdfa;
  background: #1f1d18 !important;
}
.iconClose_Tf7ny3cusv {
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}
.iconOpen_kEaJmaS8Md {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}
.text_c881LhrsBu {
  margin-left: 4px;
}

@keyframes mac-rotate_U1dnNYPbvP {
  to {
    transform: rotate(360deg);
  }
}
.popover_B_31wIHdUS {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #26231b;
  box-shadow: 0px 0px 10px 0px rgba(212, 172, 92, 0.1);
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #423c2b;
  padding: 10px 12px 16px;
  color: #ffffff;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  /* Chrome / Safari / Edge */
}
.popover_B_31wIHdUS::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.popover_B_31wIHdUS::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.popover_B_31wIHdUS::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.popover_B_31wIHdUS::-webkit-scrollbar-track {
  background: transparent;
}
.popover_B_31wIHdUS .header_nySLmGVl1B {
  font-weight: bold;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  font-family: PingFang SC,
      PingFang SC;
  font-weight: 400;
  font-size: 16px;
  color: #e1dcd0;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

@keyframes mac-rotate_DQXgw18vvA {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingFirstHeader_rOLn65fPUf {
  z-index: 10;
  box-sizing: border-box;
  height: 45px;
  background-color: #191816;
  border: 1px solid #322d20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderLogo_Zi3dbYXvAf {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderCenter_v4pVgXbk0A {
  color: #ffffff;
  font-size: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 417px;
  height: 45px;
  display: flex;
  /* 核心修改点：使用 gap 代替 space-between 以获得精准的 50px */
  justify-content: center;
  align-items: center;
  gap: 50px;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderCenter_v4pVgXbk0A ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderCenter_v4pVgXbk0A .NavLink_EPz15eP82W {
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  transition: opacity 0.2s;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderRight_LsUNCXMnFt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderRight_LsUNCXMnFt .PreloadingFirstHeaderRightLanguage_HafPSIiJIE {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fffdfa;
}
.PreloadingFirstHeader_rOLn65fPUf .PreloadingFirstHeaderRight_LsUNCXMnFt .PreloadingFirstHeaderRightLogin_Nb5yt_fQQ6 {
  padding: 0 18px 0 12px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background-color: #ffc249;
  border: 2px solid #fffdfa;
  border-radius: 6px;
  color: #191816;
  font-size: 15px;
  cursor: pointer;
}

@keyframes mac-rotate_pzdaoH2j6a {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingLayout_QTHmEQOZCn {
  padding-top: 45px;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 45px);
}
.layoutWrapper_xbr7ESfWS_ {
  display: flex;
  flex-direction: column;
  /* Chrome / Safari / Edge */
  /* Firefox */
  /* IE 10+ */
  overflow-y: auto;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.layoutWrapper_xbr7ESfWS_::-webkit-scrollbar {
  display: none;
}
.layoutWrapper_xbr7ESfWS_::-webkit-scrollbar {
  display: none;
}

@keyframes mac-rotate_JYb_1r7HwX {
  to {
    transform: rotate(360deg);
  }
}
.PreloadingPricePage_TWX4ZZHend {
  margin-top: 40px;
  width: 100%;
}
.PreloadingPricePage_TWX4ZZHend .content_mbwTu5THIw {
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}
.subscriptionAndPricing_C8mPjRRzuv {
  margin-bottom: 20px;
}

@keyframes mac-rotate_cU1R31Jdgm {
  to {
    transform: rotate(360deg);
  }
}
.featureTitle_hJPnSJ2NuL {
  font-family: Source Han Sans CN;
  font-weight: 700;
  font-style: Bold;
  font-size: 38px;
  color: #ffffff;
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.container_OIFrNj0nwD {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #ffffff;
  font-family: sans-serif;
  text-align: left;
  margin-bottom: 20px;
}
.card_a32tDN2RNK {
  flex: 1;
  min-width: 250px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.card_a32tDN2RNK::after {
  content: '';
  position: absolute;
  right: -20px;
  top: 32px;
  bottom: 32px;
  width: 1px;
  background-color: #a8a292;
}
.card_a32tDN2RNK:last-child::after {
  display: none;
}
.header_kKjzwQeXEs {
  margin-bottom: 24px;
  margin-bottom: 18px;
}
.header_kKjzwQeXEs h2 {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Bold;
  font-size: 16px;
  color: #ffc249;
  margin-bottom: 8px;
}
.header_kKjzwQeXEs p {
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
}
.subTitle_DYXoK5N7gn {
  font-family: PingFang SC;
  font-weight: 400;
  font-style: Medium;
  font-size: 14px;
  letter-spacing: 0%;
  color: #d4ac5c;
  margin-bottom: 8px;
}
.featureList_NYU7t5S5JY {
  list-style: none;
  padding: 0;
  margin: 0;
}
.featureList_NYU7t5S5JY li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #fffdfa;
}
.featureList_NYU7t5S5JY li::before {
  content: '•';
  color: #f0b90b;
  position: absolute;
  left: 0;
  font-size: 18px;
  top: -2px;
}