/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
  --akui-active: #94A3B8;
}

:root:is(.dark *) {
  --akui-active: #94A3B8;
}

:root {
  --akui-static: #CBD5E1;
}

:root:is(.dark *) {
  --akui-static: #374151;
}

:root {
  --akui-critical: #F87171;
}

:root:is(.dark *) {
  --akui-critical: #DC2626;
}

:root {
  --akui-btn-primary: #E82594;
}

:root:is(.dark *) {
  --akui-btn-primary: #FF66CC;
}

:root {
  --akui-btn-secondary: #E2E8F0;
}

:root:is(.dark *) {
  --akui-btn-secondary: #374151;
}

:root {
  --akui-btn-auth: #FFF;
}

:root:is(.dark *) {
  --akui-btn-auth: argb(255, 255, 255, 0.05);
}

:root {
  --akui-fg-primary: #020617;
}

:root:is(.dark *) {
  --akui-fg-primary: #fff;
}

:root {
  --akui-fg-secondary: #475569;
}

:root:is(.dark *) {
  --akui-fg-secondary: #E2E8F0;
}

:root {
  --akui-fg-tertiary: #94A3B8;
}

:root:is(.dark *) {
  --akui-fg-tertiary: #94A3B8;
}

:root {
  --akui-fg-invert: #FFF;
}

:root:is(.dark *) {
  --akui-fg-invert: #020617;
}

:root {
  --akui-fg-disabled: #CBD5E1;
}

:root:is(.dark *) {
  --akui-fg-disabled: #475569;
}

:root {
  --akui-fg-accent-brand: #E82594;
}

:root:is(.dark *) {
  --akui-fg-accent-brand: #FF66CC;
}

:root {
  --akui-fg-critical: #B91C1C;
}

:root:is(.dark *) {
  --akui-fg-critical: #F87171;
}

:root {
  --akui-fg-success: #16A34A;
}

:root:is(.dark *) {
  --akui-fg-success: #86EFAC;
}

:root {
  --akui-bg-surface-default: #fff;
}

:root:is(.dark *) {
  --akui-bg-surface-default: #020617;
}

:root {
  --akui-bg-surface-subtle: #FBFDFF;
}

:root:is(.dark *) {
  --akui-bg-surface-subtle: #0F172A;
}

:root {
  --akui-bg-surface-inset: #EFF4F9;
}

:root:is(.dark *) {
  --akui-bg-surface-inset: #1F2937;
}

:root {
  --akui-bg-surface-critical: #FEF2F2;
}

:root:is(.dark *) {
  --akui-bg-surface-critical: #FEF2F2;
}

:root {
  --akui-bg-surface-error: #DC2626;
}

:root:is(.dark *) {
  --akui-bg-surface-error: #F87171;
}

:root {
  --akui-bg-surface-success: #16A34A;
}

:root:is(.dark *) {
  --akui-bg-surface-success: #86EFAC;
}

:root {
  --akui-bg-surface-warning: #EA580C;
}

:root:is(.dark *) {
  --akui-bg-surface-warning: #FDBA74;
}

:root {
  --akui-border-radius-base: 8px;
        --background: 0 0% 100%;
        --foreground: 0 0% 3.9%;
        --card: 0 0% 100%;
        --card-foreground: 0 0% 3.9%;
        --popover: 0 0% 100%;
        --popover-foreground: 0 0% 3.9%;
        --primary: 0 0% 9%;
        --primary-foreground: 0 0% 98%;
        --secondary: 0 0% 96.1%;
        --secondary-foreground: 0 0% 9%;
        --muted: 0 0% 96.1%;
        --muted-foreground: 0 0% 45.1%;
        --accent: 0 0% 96.1%;
        --accent-foreground: 0 0% 9%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 89.8%;
        --input: 0 0% 89.8%;
        --ring: 0 0% 3.9%;
        --chart-1: 12 76% 61%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --radius: 0.5rem;
}

    .dark {
        --background: 0 0% 3.9%;
        --foreground: 0 0% 98%;
        --card: 0 0% 3.9%;
        --card-foreground: 0 0% 98%;
        --popover: 0 0% 3.9%;
        --popover-foreground: 0 0% 98%;
        --primary: 0 0% 98%;
        --primary-foreground: 0 0% 9%;
        --secondary: 0 0% 14.9%;
        --secondary-foreground: 0 0% 98%;
        --muted: 0 0% 14.9%;
        --muted-foreground: 0 0% 63.9%;
        --accent: 0 0% 14.9%;
        --accent-foreground: 0 0% 98%;
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: 0 0% 98%;
        --border: 0 0% 14.9%;
        --input: 0 0% 14.9%;
        --ring: 0 0% 83.1%;
        --chart-1: 220 70% 50%;
        --chart-2: 160 60% 45%;
        --chart-3: 30 80% 55%;
        --chart-4: 280 65% 60%;
        --chart-5: 340 75% 55%;
    }

    /*字体*/
    @font-face {
        font-family: 'GoodzFont-NotoSansSC-Regular';
        src: url(/_next/static/media/NotoSansSC-Regular.c940c96b.ttf);
    }

    @font-face {
        font-family: 'GoodzFont-NotoSansSC-SemiBold';
        src: url(/_next/static/media/NotoSansSC-SemiBold.8764b1ca.ttf);
    }

    @font-face {
        font-family: 'GoodzFont-Rajdhani-SemiBold';
        src: url(/_next/static/media/Rajdhani-SemiBold.7d2b77dd.ttf);
        ascent-override: 86%;
        descent-override: 14%;
        line-gap-override: 0%;
    }

    * {
        padding: 0;
        margin: 0;

    }

    ::-webkit-scrollbar {
        width: var(--custom-scroll-width);
        height: var(--custom-scroll-width); /* 横向滚动条高度 */
    }

    /* 轨道背景*/
    ::-webkit-scrollbar-track {
        background: #D2D0CF;
    }

    /* 滑块样式 (你的设计) */
    ::-webkit-scrollbar-thumb {
        background: #9D9D9D;
        border-radius: 99px;
    }


    .body {
        overflow-y: auto;
        overflow-x: hidden;
    }

    html,
    body {
        height: 100%;
        min-height: 100%;
        min-height: 100dvh;
        background-color: #0F1C23;
        background-image: linear-gradient(180deg, #0F1C23 0%, #1E2026 100%);
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100% 100dvh;
    }

    body {
        isolation: isolate;
        min-height: 100vh;
        min-height: 100dvh;
    }

    .app-content-layer {
        position: relative;
        z-index: 1;
    }

    .page {
        /*!* 居中显示 *!*/
        margin: 0 auto;
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0;
        transition: margin 0.3s ease;
        align-items: center;
    }

    body.goodz-instance-route {
        overflow: hidden;
    }

    body.goodz-instance-route .app-layout-wrapper {
        width: 100vw;
        height: 100vh;
        max-width: none !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* 新增一个限制内容的类，替代原本 .page 的功能 */
    .content-container {
        width: 100%;
        max-width: 54.4533rem; /* 你原本的设计宽度 */
    }

    /* section_2：导航栏 + 海报板块 */


    /*市场区域*/
    .section_market {
        height: auto;
        display: flex;
        flex-direction: column; /* 内部竖向排列 */
        width: 71%;
    }


    /* 1. 外层容器：负责背景全屏 + 滚动时背景不断裂 */
    .section_footer_base {
        height: 11.627rem;
        position: relative;
        z-index: 1;

        /* 向左右拉伸 */
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        width: calc(100% + 3.2rem);

        /* ✅ 核心修复 A：给背景一个最小宽度 */
        /* 计算逻辑：内容安全宽度(41.6rem) + 左右补偿(3.2rem) = 44.8rem */
        /* 这样当你拖动横向滚动条时，背景色才会一直延伸，不会断掉 */
        min-width: 57.65rem;

        display: flex;
        justify-content: center;
    }

    /* 2. 背景层 */
    .section_footer_base::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 18, 29, 1);
        z-index: -1;
    }

    /* 3. 内容容器：负责布局 */
    .section_footer {
        width: 62.4533rem;
        height: 11.627rem;

        min-width: 41.6rem;

        padding-left: 1.6rem;
        padding-right: 1.6rem;
        box-sizing: border-box;

        display: flex;
        flex-direction: row;
        justify-content: space-between;

        /* 防止文字换行导致布局错乱 (可选) */
        white-space: nowrap;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 99;
        /* 1. 负 Margin 拉伸背景 (保持不变) */
        margin-left: -1.6rem;
        margin-right: -1.6rem;
        width: calc(100% + 3.2rem);
        min-width: 57.65rem;
        padding: 0;
        overflow: visible;
    }

    .section_header {
        height: 2.667rem;

        padding-left: 1.6rem;
        padding-right: 1.6rem;

        /* 4. 确保宽度填满 header */
        width: 100%;
        box-sizing: border-box; /* 包含 padding，不让盒子撑大 */

        position: relative; /* 建立层级上下文 */

        display: flex;
        align-items: center;
        justify-content: center;

        /* 滤镜保留 */
        backdrop-filter: blur(12px) brightness(1.1) saturate(1.2);
        -webkit-backdrop-filter: blur(12px) brightness(1.1) saturate(1.2);
    }

    /* 3. 背景层：核心修改 */
    .section_header::before {
        content: "";
        background-color: rgba(17, 18, 29, 0.95);
        position: absolute;
        top: 0;
        left: 0;

        /* 宽度填满 section_header (也就填满了屏幕) */
        width: 100%;
        height: 100%;

        z-index: -1;
    }

    /*heder区域*/
    .header_inner {
        position: relative;
        width: 62.4533rem;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .header_left{
        gap: 1.8rem
    }

    .overly_colorful {
        position: sticky;
        top: 2.667rem;
    }

    .overly_colorful::before {
        content: "";
        position: fixed;
        top: 0;
        /* 使用视口宽度确保全屏覆盖 */
        width: 100vw;
        /* 高度设置为父容器的100% */
        height: 37.41rem;
        /* 背景居中 */
        background: linear-gradient(180deg, #1E2738 0%, rgba(30, 39, 56, 0) 100%);
        /* 将背景定位在屏幕中央 */
        left: 50%;
        transform: translateX(-50%);
        /* 确保背景覆盖整个父容器 */
        box-sizing: border-box;

        z-index: -1;
    }

    /*logo*/
    .logo {
        /*width: 3.36rem;*/
        height: 0.773rem;
        object-fit: contain;
    }

    .title_item {
        position: relative;
        height: 100%;
        display: flex;
        align-items: center;

        font-size: 0.64rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        color: #DBDAD8;
        font-weight: 600;
    }

    .title_item.active {
        color: #6ED1FF;
    }

    .title_item.\!active {
        color: #6ED1FF !important;
    }

    .line_block {
        /* 1. 绝对定位 */
        position: absolute !important;
        bottom: 0 !important;
        /* 3. 水平居中 */
        left: 50% !important;
        transform: translateX(-50%) !important;
        /*width: 1.493rem;*/
        width: 100%;
        display: flex;
        flex-direction: column;
        pointer-events: none; /* 避免挡住点击 */
        z-index: 10;
        height: 0.16rem;
    }

    .line_block.active {
        background-image: linear-gradient(
                90deg,
                rgba(110, 182, 255, 1) 0,
                rgba(110, 182, 255, 1) 0,
                rgba(110, 209, 255, 1) 100%,
                rgba(110, 209, 255, 1) 100%
        );
    }

    .line_block.\!active {
        background-image: linear-gradient(
                90deg,
                rgba(110, 182, 255, 1) 0,
                rgba(110, 182, 255, 1) 0,
                rgba(110, 209, 255, 1) 100%,
                rgba(110, 209, 255, 1) 100%
        ) !important;
    }

    /*header start*/
    .header-right-wrapper {
        position: absolute;
        right: 0;
        display: flex;
        flex-direction: row; /* 左到右排列 */
        align-items: center;
        background: transparent;
        height: 1.44rem;
        gap: 0.213rem;
    }

    .header-right-login-button {
        color: white;
        font-size: 0.64rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
    }


    /* 消息提示 box_3 */
    .box_3 {
        position: relative;
        flex-shrink: 0;
        padding:0.37rem 0.8rem 0.37rem 0.8rem;
        /*width: 2.293rem;*/
        /*height: 1.44rem;*/
        background-image: linear-gradient(
                180deg,
                rgba(27, 32, 38, 1) 0,
                rgba(30, 36, 43, 1) 100%
        );
        border-radius: 0.72rem;
    }

    /*铃铛*/
    .label_1 {
        width: 0.693rem;
        height: 0.773rem;
    }

    /*数字框*/
    .text-wrapper_1 {
        position: absolute;
        left: 1.41rem;
        top: -0.213rem;
        width: 1.3rem;
        height: 0.747rem;
        border: 0.107rem solid #11121d;
        border-radius: 0.373rem;
        background-image: linear-gradient(-35deg, #cbe7ff 0%, #ffffff 100%);

        display: flex; /* 启用 Flexbox */
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }


    /*数字*/
    .text_5 {
        color: rgba(0, 0, 0, 1);
        font-size: 0.533rem;
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        line-height: 0;
    }

    .box_4 {
        position: relative; /* 子元素相对它定位 */
        flex-shrink: 0; /* 禁止缩小，保持内容完整 */
        display: flex; /* 启用 flex 排列 */
        align-items: center;
        justify-content: flex-start; /* 从左到右排列 */
        background-image: linear-gradient(
                180deg,
                rgba(27, 32, 38, 1) 0,
                rgba(30, 36, 43, 1) 100%
        );
        border-radius: 0.72rem;
        height: 1.44rem;
        gap: 0.24rem;
        padding: 0 0.267rem 0 0;
        box-sizing: border-box;
    }

    .box_4,
    .box_4 * {
        cursor: pointer;
    }


    /*头像*/

    /*昵称*/
    .text_6 {
        color: rgba(219, 218, 216, 1);
        font-size: 0.64rem;
        font-family: GoodzFont-Rajdhani-SemiBold;
        white-space: nowrap;
    }

    .usdc-container {
        height: 0.453rem;
        gap: 0.053rem;

        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
    }

    .text_usdc {
        font-size: 0.64rem;
        font-family: GoodzFont-Rajdhani-SemiBold;
        text-align: left;
        white-space: nowrap;
        font-weight: 600;
        color: #6F7C8B;
    }

    .thumbnail_up {
        width: 0.347rem;
        height: 0.213rem;
    }

    .thumbnail_down {
        transform: rotate(180deg);
        width: 0.347rem;
        height: 0.213rem;
    }


    /*==========================================================用户信息================================================*/
    .user-menu-button {
        width: 6rem;
        position: absolute;
        top: calc(100% + 0.4rem);
        right: 0;
        border-radius: 0.32rem;

        display: flex;
        flex-direction: column;
        align-items: start;
        background-color: #182c33;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-size: 0.533rem;
        color: rgb(209, 213, 219);
    }

    .user-menu-item-frame {
        width: 100%;
        height: 1.533rem;
        /*margin-bottom: 0.133rem;*/

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start;
    }

    .user-menu-item {
        margin-left: 0.64rem;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .user-menu-item-frame:first-child {
        /*margin-top: 0.133rem;*/
    }

    .user-menu-item-frame:first-child:hover {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        background-color: rgb(255 255 255 / 0.05);
    }

    .user-menu-item-frame:hover {
        background-color: rgb(255 255 255 / 0.05);
    }


    .user-menu-item-frame:last-child:hover {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        background-color: rgb(255 255 255 / 0.05);
    }

    /* 分割线 */
    .user-menu-divider {
        margin-left: 0;
        height: 0.0533rem;
        width: 100%;
        background: rgba(255, 255, 255, 0.1);
    }

    /*=================================================================用户信息==============================================*/
    /*搜索区域*/
    .search {
        width: 48.373rem;
        height: 2.08rem;
        padding: 0.32rem 0 0.32rem 0;

        overflow: visible; /* 关键：允许伪元素延伸出去 */
        background: none;

        position: sticky; /* 随可视区域滚动（吸附在顶部） */
        top: 2.667rem;
        z-index: 99;
    }

    .search::before {
        content: "";
        position: fixed; /* 改为相对于父容器定位 */
        top: 2.667rem; /* 从窗口顶部距离计算 */
        /*top: 0;*/
        left: 50%;
        width: 100vw;
        height: 2.08rem; /* 让伪元素高度等于父容器 */
        background: linear-gradient(180deg, #1C1F2E 0%, rgba(28, 32, 46, 0.5) 100%);
        transform: translateX(-50%);
        box-sizing: border-box;
        z-index: -1;
    }


    /*左侧分类*/

    /* 搜索框整体 */


    /* 分类容器 */

    /* 文案 */

    /* 图标 */


    /* 左侧输入框 */

    /* 右侧图标 */
    .thumbnail_5 {
        width: 0.507rem;
        height: 0.507rem;
        flex-shrink: 0; /* 防止被压缩 */
        margin-left: 0.32rem; /* 与输入框间距 */
        cursor: pointer;
    }

    .search_right_icon {
        width: 0.6933rem;
        height: 0.5066rem;
    }


    /*推送图*/


    .section_hot_container {
        display: flex;
        flex-direction: column;
        position: relative;
        gap: 1.04rem;
    }

    .section_title {
        position: absolute;
        top: 0;
        left: 0.0267rem;

        display: flex; /* 启用 Flex 布局 */
        justify-content: space-between; /* 左右两端对齐 */
        align-items: center; /* 垂直方向居中 */
        box-sizing: border-box;
    }

    /* 左侧标题 */
    .text_left {
        flex: 1; /* 自动占据左侧可用空间 */
        color: rgba(255, 255, 255, 1);
        font-size: 0.8rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        overflow: hidden; /* 防止文字溢出 */
    }

    /* 右侧文字 */
    .text_right {
        flex-shrink: 0; /* 不被左边文字挤压 */
        color: rgba(131, 139, 149, 1);
        font-size: 0.693rem;
        font-family: GoodzFont-NotoSansSC-Regular;
        font-weight: normal;
        text-align: right;
        white-space: nowrap;
        line-height: 0.773rem; /* 与容器等高 */
    }

    .text_right:hover {
        color: white;
    }

    .shelves {
        /* 使用grid布局 */
        display: grid;
        grid-template-columns: repeat(var(--shelves-cols, 5), 1fr);

        width: 100%;
        gap: 0.64rem;
        box-sizing: border-box;
        grid-auto-flow: row;
    }

    /*商品占位*/

    /*商品区域*/
    .\!goods {
        width: 100% !important;
        aspect-ratio: 525 / 734 !important;

        border-radius: 0.53rem !important;
        color: #A9B3C7 !important;

        position: relative !important;
        overflow: hidden !important;
        background: transparent !important;
        border: none !important;
    }
    .goods {
        width: 100%;
        aspect-ratio: 525 / 734;

        border-radius: 0.53rem;
        color: #A9B3C7;

        position: relative;
        overflow: hidden;
        background: transparent;
        border: none;
    }

    .goods_container {
        width: 100%;
        height: 100%;

        background: #141415;
        border: 0.053rem solid rgba(38, 44, 49, 1);
        border-radius: 0.32rem;

        transform-origin: top left; /* 以左上角为缩放原点 */
        overflow: hidden;
        place-items: center;

        position: relative;
        display: flex;
        flex-direction: column;
    }

    /*上部分区域*/
    .goods_top {
        background: linear-gradient(0deg, rgba(25, 25, 28, 0.75) 0%, rgba(26, 26, 32, 0.1) 100%);
        width: 100%;
        height: 71.57%;
        flex-shrink: 0;
        position: relative;

        overflow: hidden;
    }

    .goods_top_fallback {
        background: "#000000";
    }

    /* 图片本体 */
    .goods_top_img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: calc(0.32rem * var(--scale-factor, 1)) calc(0.32rem * var(--scale-factor, 1)) 0 0;
        z-index: -1;
        opacity: var(--goods_top_img-opacity);

        transform: scale(1.25);

        transform-origin: center center;
        transition: opacity 0.3s ease;
    }

    /*
       ✅ 核心修改 3：悬停效果
       去掉了 transform: scale(...)，只保留变亮效果
    */
    .goods_top:hover .goods_top_img {
        /* 悬停时只改变透明度 */
        opacity: var(--goods_top_img-opacity_hovr);
    }

    /* 蒙版 */
    .goods_top_mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit; /* 跟随图片圆角 */
        background: linear-gradient(180deg, rgba(25, 25, 28, 0.75) 0%, rgba(26, 26, 32, 0.1) 100%);
        opacity: 0.95;
        transform: inherit; /* 跟随图片缩放 */
        transform-origin: inherit;
        pointer-events: none; /* 不阻挡事件 */
        z-index: 1;
    }

    .goods_top_frame {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: inherit; /* 跟随图片圆角 */
        background: none;
        transform: inherit; /* 跟随图片缩放 */
        transform-origin: inherit;
        pointer-events: none; /* 不阻挡事件 */
        z-index: 2;

        /* 新增：让子元素居中 */
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }

    .goods_top_frame_1 {
        width: 5.387rem;
        height: 7.467rem;
        z-index: 5;
    }

    /*1卡*/
    .goods_top_frame_img_1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; /* 保证完整显示 */
        pointer-events: none;
        opacity: 1;
        z-index: 6;

        transform: scale(0.75);
        transform-origin: center center;
    }


    /*2是吧唧*/
    .goods_top_frame_2 {
        width: 9.653rem;
        height: 9.84rem;
        border-radius: 50%; /* 圆形 */

        /* 新增：让子元素居中 */
        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        z-index: 5;

        position: relative;
    }

    .goods_top_frame_img_2_back {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; /* 保证完整显示 */
        border-radius: 50%; /* 圆形 */
        pointer-events: none;
        opacity: 1;
        z-index: 6;
    }

    .goods_top_frame_img_2_main {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; /* 保证完整显示 */
        border-radius: 50%; /* 圆形 */
        pointer-events: none;
        opacity: 1;
        transform: scale(0.75);
        transform-origin: center center;
        z-index: 6;
    }

    /*3是ugc*/

    .goods_top_frame_3_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; /* 保证完整显示 */
        pointer-events: none;
        opacity: 1;
        z-index: 6;

        transform: scale(0.75);
        transform-origin: center center;
    }

    /*name 区域*/


    /*name*/

    /*打勾图标*/


    /* 最低价文案 */

    /* SVG 图标样式 */

    /* 价格区域容器 */

    /* 价格整数位 */

    /* 小数位 */

    /* 左边整体模块 */
    .section_footer_left {
        margin-top: 1.947rem;
        width: 50%;

        display: flex;
        flex-direction: row;
        gap: 3.333rem;
        z-index: 1;
    }

    /* 左侧第一个模块 */
    .section_footer_left_text {
        display: flex;
        flex-direction: column; /* 竖向排列内容 */
        width: 13.173rem; /* 固定宽度 */
        height: auto; /* 高度根据内容自适应 */
        text-align: left; /* 左对齐 */
        word-wrap: break-word; /* 文本过长换行 */
        gap: 1.12rem;
        z-index: 1;
    }

    .section_footer_left_image_logo {
        width: 8.587rem;
        height: 1.787rem;
        margin-left: 0.053rem;
        z-index: 1;
    }

    .section_footer_left_text_text {
        width: 13.173rem;
        height: 2.613rem;
        margin-left: 0;
        z-index: 1;
        font-size: 0.693rem;
        color: #6F7C8B; /* 字体颜色白色，可改为你想要的颜色 */
    }


    /* 左侧第二个模块，随内容自动向右延伸 */
    .section_footer_left_info {
        display: flex;
        flex-direction: column;
        width: auto; /* 宽度随内容 */
        height: auto; /* 高度自适应 */
        word-wrap: break-word;
        gap: 0.533rem;
        z-index: 1;
        justify-content: flex-start;
    }

    .section_footer_left_info_text {
        color: rgba(111, 124, 139, 1);
        font-size: 0.693rem;
        height: 0.613rem;
        z-index: 1;
        font-family: GoodzFont-Rajdhani-SemiBold;
        white-space: nowrap; /* 不换行 */
    }

    /* 右侧模块 */
    .section_footer_right {
        width: 50%;
        margin-top: 1.947rem;

        display: flex;
        flex-direction: row;
        justify-content: end; /* 左右两端分布 */

        gap: 3.787rem;
        z-index: 1;

    }

    /*二维码区域*/

    /*右侧图标*/
    .footer_right_right_icon {
        display: flex;
        flex-direction: row;
        width: auto;
        height: 1.76rem;
        gap: 0.56rem;
        z-index: 1;
    }


    .footer_right_right_icon_image {
        background-color: rgba(33, 38, 48, 1);
        border-radius: 0.32rem;
        height: 1.76rem;
        width: 1.76rem;

        display: flex; /* 开启弹性布局 */
        align-items: center; /* 垂直居中 */
        justify-content: center; /* 水平居中 */
    }

    .footer_right_right_icon_text_f {
        width: 0.48rem;
        height: 0.827rem;
    }

    .footer_right_right_icon_text_x {
        width: 0.8rem;
        height: 0.8rem;
    }

    .footer_right_right_icon_text_game {
        width: 1.067rem;
        height: 0.827rem;
    }

    /* ===================================================================首页 end======================================================*/
    /* ===================================================================详情页 start======================================================*/
    /* 详情页整体 */
    .action-page {
        position: fixed;
        inset: 0; /* 顶、右、下、左全覆盖 */
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        /*z-index: 100;*/
    }

    /* 遮罩层 */
    .action-overlay {
        position: absolute;
        inset: 0;

        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(0.16rem);

        display: flex;
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
    }

    /*关闭*/

    .action-card-close {
        flex: 0 0 auto; /* 不缩放，固定宽度 */
        width: 2rem;
        height: 2rem;
        opacity: 1;
        border-radius: 0.4266rem;
        cursor: pointer;
    }

    /*吧唧的 start*/

    /* --- 公共样式：让两张图都基于中心定位 --- */

    /* --- 1. 底部高光图 (base_goods_img) --- */

    /* --- 2. 主图 (picture) --- */
    /*吧唧的 end*/

    /* 针对 Chrome, Safari, 和 新版 Edge */


    .goods-detail-right-container-title {
        width: 100%;
        border-radius: 0.4266rem;

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;


        background-color: rgba(213, 252, 255, 0.08);

        margin-bottom: 0.7466rem;
    }

    .goods-detail-right-container-title-text {
        margin-top: 0.7466rem;
        margin-left: 0.666rem;
        margin-bottom: 0.666rem;

        font-size: 0.72rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        color: rgb(255, 255, 255, 1);
    }

    .goods-detail-right-container-block2 {
        margin: 0.0533rem 0 0.8533rem 0;
        width: 100%;
        height: 2.0533rem;

        display: flex;
        flex-direction: row;
    }

    .goods-detail-right-container-block2_left {
        width: 9.5733rem;
        height: 100%;
        border-radius: 0.4266rem;
        border: 0.0533rem solid rgba(226, 225, 224, 0.14);

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .goods-detail-right-container-block2_left-icon {
        transform: rotate(180deg);
        width: 0.507rem;
        height: 0.267rem;
        margin: 0.9066rem 0.666rem auto auto;
    }

    .goods-detail-right-container-block2_left-text {
        max-width: 8.346rem;
        width: 8.346rem;
        height: 0.72rem;

        font-size: 0.72rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;

        margin: 0.64rem auto 0.6933rem 0.666rem;

        display: flex;
        flex-direction: row;
        align-items: center;
    }


    .goods-detail-right-container-block2_right {
        margin: 0.18666rem auto auto 0.64rem;

        width: 7.0933rem;
        height: 1.5733rem;

        display: flex;
        flex-direction: column;
        align-items: flex-start; /* 左侧对齐 */
        justify-content: space-between; /* 上下两端对齐 */
    }

    .goods-detail-right-container-block2_right-title {
        width: 100%;
        height: 0.7733rem;

        display: flex;
        flex-direction: row;
        align-items: center;

        font-size: 0.6133rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
    }

    .goods-detail-right-container-block2_right-number {
        width: 100%;
        height: 0.7733rem;

        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .goods-detail-right-container-block2_right-number-left {
        color: #28B9FF;
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-size: 0.96rem;

        width: 3.54665rem;
        height: 100%;

        display: flex;
        flex-direction: row;
        align-items: start;
    }

    .goods-detail-right-container-block2_right-number-right {
        color: #918D7A;
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-size: 0.96rem;

        width: 3.54665rem;
        height: 100%;

        display: flex;
        flex-direction: row;
        align-items: start;
    }


    /*藏品*/

    /*第一个*/

    /*中间的*/

    .goods-detail-right-collection-detail-table-frame-top {
        height: 0.72rem;
        width: 100%;

        display: flex;
        flex-direction: row;
        justify-content: space-between;

        margin-top: 0;
        margin-bottom: auto;

        position: relative;
    }


    .goods-detail-right-collection-detail-table-frame-line {
        width: 100%;
        height: 0.05333rem;

        margin-bottom: 0;
        margin-top: 0.666rem;

        background: #FFFFFF;
        opacity: 0.14;
    }


    .goods-detail-right-collection-detail-table-frame-top-text {
        height: 100%;

        position: absolute;
        left: 0;

        font-size: 0.72rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        display: flex;
        flex-direction: row;
        align-items: center;
        color: #E2E1E0;
    }

    .goods-detail-right-collection-detail-table-frame-top-right-text {
        position: absolute;
        right: 0;
        top: -0.08rem;
        bottom: -0.08rem;

        height: 0.56rem;

        font-size: 0.8533rem;
        font-weight: 600;
        color: #E2E1E0;
        font-family: GoodzFont-Rajdhani-SemiBold;
    }

    /*获取途径模块*/

    .goods-detail-right-pathway-block-right {
        width: 10.133rem;
        height: 3.04rem;

        margin-top: 0.0533rem;
        margin-bottom: 0.0533rem;
        margin-right: 0.0533rem;

        border-radius: 0.4266rem;

        position: relative;
    }

    .goods-detail-right-pathway-block-right-back {
        border-radius: 0.4266rem;
        width: 100%;
        height: 100%;

        position: absolute;
        top: 0;
        left: 0;
    }

    .goods-detail-right-pathway-block-right-pre {
        border-radius: 0.4266rem;
        width: 100%;
        height: 100%;

        position: absolute;
        top: 0;
        left: 0;
    }

    /*卡牌相关*/


    /* 隐藏 Webkit 滚动条 */

    /* 拖拽时的鼠标手势 */

    /* 🔥 核心修复3：禁止图片响应鼠标事件，防止拖出鬼影 */


    /* 1. 外层容器：定义尺寸、边框、PADDING(关键) */

    /*!* Hover 效果 (参考样式) *!*/
    /*.goods-detail-right-about-card-square-item:hover {*/
    /*    border: 0.1066rem solid rgba(0, 196, 238, 1);*/
    /*}*/

    /* 2. 内层容器：填满剩余空间 */

    /* 3. 图片框架：完全铺满内层 */

    /* 主图 */


    /*相关页面*/

    /*社区市场右侧-在市场中查看*/

    /*第一行中文*/

    /* 奇数行的左侧元素 - 有背景色 */

    /* 奇数行的右侧元素 - 有背景色 */

    /*提交订购单*/


    /*空白*/
    /* 空白垫片 */

    /* ===================================================================详情页 end======================================================*/
    /* ===================================================================库存页 start======================================================*/
    .stock-page {
        max-width: 68.266rem;
        /* 居中显示 */
        margin: 0 auto;

        position: relative;
        display: flex;
        flex-direction: column; /* 内部竖向排列 */

        padding: 0;
        transition: margin 0.3s ease;
    }

    .stock-content {
        width: 68.266rem;
        min-height: 100vh;
        /*width: 73.306rem;*/
        display: flex;
        flex-direction: row;
        position: relative;
    }

    @media (max-width: 100rem) {
        .stock-content {
            margin-left: -1.6rem;
        }
    }

    /* 容器：负责定位、裁切 和 边缘虚化(Mask) */
    .stock-back-container {
        /* 1. 定位与尺寸 (保持不变) */
        position: absolute;
        top: 0;
        right: 0;
        width: 48.7733rem;
        height: 29.44rem;

        /* 2. 溢出隐藏 (用于配合内部图片的 scale 放大) */
        overflow: hidden;
        pointer-events: none;
        z-index: 0;

        /* 标准写法 */
        mask: radial-gradient(51.31% 100% at 49.99% -21.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%);


        max-width: none;
        max-height: none;

        background-size: 48.7733rem auto;
        background-position: center top;
        background-repeat: no-repeat;
    }

    .stock-right-frame-section_1 {
        height: 9.4133rem;
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 1.12rem;

        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .stock-right-frame-section_1_block1 {
        width: 100%;
        height: 4.64rem;
        margin-bottom: 0.933rem;

        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.0133rem;
    }

    .stock-right-frame-section_1_block1_img {
        width: 3.2rem;
        height: 100%;

        border-radius: 0.2133rem;
        background: #BFC1C6;
    }

    .stock-right-frame-section_1_block1_right {
        width: 53.04rem;
        height: 2.24rem;

        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.48rem;
    }

    .stock-right-frame-section_1_block1_right_top {
        height: 0.7733rem;
        font-size: 0.7733rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        color: #FFFFFF;

        display: flex;
        flex-direction: row;
        align-items: center;

        gap: 0.32rem;
    }

    .stock-right-frame-section_1_block1_right_top_star {
        width: 0.64rem;
        height: 0.6133rem;
    }

    .stock-right-frame-section_1_block1_right_top_page {
        width: 0.533rem;
        height: 0.6133rem;
    }

    .stock-right-frame-section_1_block1_right_bot {
        height: 0.8rem;
        padding: 0.1866rem 0.1866rem 0.2666rem 0.2666rem;

        border-radius: 0.1333rem;
        background: rgba(112, 146, 165, 0.15);

    }

    .stock-right-frame-section_1_block1_right_bot_text {
        height: 0.4266rem;

        font-family: GoodzFont-Rajdhani-SemiBold;
        font-weight: 600;
        color: #B4B4B3;
        font-size: 0.64rem;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .stock-right-frame-section_1_block2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.8933rem;

        margin-bottom: 0.6rem;
    }

    .glass_tab-text {
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        color: #AEB9C5;

        height: auto;
        padding: 0.3733rem 0.7466rem 0.3733rem 0.7466rem;

        display: flex;
        flex-direction: row;
        align-items: center;

        z-index: 10;
    }

    .glass_tab-text.active {
        background: rgba(34, 59, 83, 0.5);
        z-index: 10;
        color: #FFFFFF;
    }

    .glass_tab-text.\!active {
        background: rgba(34, 59, 83, 0.5) !important;
        z-index: 10 !important;
        color: #FFFFFF !important;
    }


    .stock-right-frame-section_1_block3 {
        width: 100%;
        height: 1.28rem;
        margin-bottom: 0.6133rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-right: 0.6rem;
    }

    .stock-right-frame-section_1_block3_search_back {
        height: 100%;
        width: 30.16rem;
    }

    .stock-right-frame-section_1_block3_icon {
        width: 0.64rem;
        height: 0.666rem;
        opacity: 0.65;
        margin-left: 0.5866rem;
        margin-right: 1rem;
    }

    .stock-right-frame-section_1_block3_right_text {
        height: 0.5066rem;
        margin-left: auto;
        margin-right: 0.5rem;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 400;
        font-size: 0.5333rem;
        color: #7E8B9B;
    }

    .stock-right-frame-section_1_block3_right_icon4 {
        width: 0.5866rem;
        height: 0.6933rem;
        margin-left: 0.5rem;
    }

    /* 开关容器 */
    .stock-right-frame-section_1_block3_right_last {
        width: auto;
        height: 0.64rem;
        margin-left: 0.2933rem;
        /* 这里的 padding 实际上决定了圆点距离边框的距离 */
        padding: 0.133rem 0.7rem 0.133rem 0.14rem;

        border-radius: 0.32rem;
        /* 默认边框颜色 */
        border: 0.08rem solid rgba(115, 129, 145, 0.45);
        background-color: transparent; /* 默认透明背景 */

        display: flex;
        align-items: center;
        cursor: pointer;

        /* 添加过渡动画 */
        transition: all 0.3s ease;
        box-sizing: border-box; /* 确保宽高包含border */
    }

    /* 圆点 */
    .stock-right-frame-section_1_block3_right_last_item {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        /* 默认圆点颜色 */
        background: #6F7C8B;
        transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
        transform: translateX(0);
    }

    .stock-right-frame-section_1_block3_right_last.active {
        background: #6F7C8B;
        opacity: 0.8;
    }

    .stock-right-frame-section_1_block3_right_last.\!active {
        background: #6F7C8B !important;
        opacity: 0.8 !important;
    }

    /* 2. 圆点激活：颜色变黑，向右移动 */
    .stock-right-frame-section_1_block3_right_last_item.active {
        background: white;
        transform: translateX(0.7rem);
    }
    .stock-right-frame-section_1_block3_right_last_item.\!active {
        background: white !important;
        transform: translateX(0.7rem) !important;
    }


    .stock-right-frame-section_1_line {
        margin-bottom: 0;
        width: 48.2133rem;
        height: 0.0533rem;
        background: rgba(255, 255, 255, 0.04);
    }


    /*卡片元素 start*/
    .stock-right-frame-section_2 {
        width: 100%;
        max-width: 48.2133rem;

        display: grid;
        grid-template-columns: repeat(var(--shelves-cols, 4), 1fr);

        gap: 0.293rem;
        box-sizing: border-box;
        /* 确保网格正确换行 */
        grid-auto-flow: row;
        margin-bottom: 8.6rem;

        justify-content: flex-start;
    }

    .stock-right-frame-section_2_item_card {
        width: 100%;
        box-sizing: border-box;

        border-radius: 0.3733rem;
        flex-shrink: 0;
        padding: 0.16rem;

        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.0533rem solid rgba(192, 221, 241, 0.15);
        background: rgba(38, 44, 49, 0.15);

        position: relative;
        overflow: hidden;
    }


    .stock-right-frame-section_2_item_card:hover {
        border: 0.1066rem solid rgba(0, 196, 238, 1);
    }

    .stock-right-frame-section_2_item_card_back {
        border-radius: 0.2666rem;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
    }

    .stock-right-frame-section_2_item_card_img {
        width: 100%;
        height: auto; /* 高度自动 */
        object-fit: contain; /* 不拉伸 */
    }

    .stock-right-frame-section_2_item_card_bot {
        height: 1.2266rem;
        width: 100%;

        position: absolute;
        bottom: 0;
    }

    .stock-right-frame-section_2_item_card_bot_left{
        width: 3.5466rem;
        height: 1.2266rem;

        background-size: 100% 100%;
        opacity: 1;

        backdrop-filter: blur(0px); /* 防止 Safari 问题 */
        filter: url(#blurFilter); /* 使用 SVG 模糊滤镜 */
        mask: url(#shapeMask); /* 使用 SVG 遮罩形状 */
        -webkit-mask: url(#shapeMask);

        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.16rem;
    }

    .stock-right-frame-section_2_item_card_bot_img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .stock-right-frame-section_2_item_card_bot_icon {
        width: 18%;
        height: 70%;
        margin-left: 10%;
        z-index: 10;
    }

    .stock-right-frame-section_2_item_card_bot_text {
        height: 0.56rem;
        z-index: 10;
        font-family: var(--goodz-font-number);
        font-size: var(--goodz-text-32px);
        font-weight: 600;
        color: #CFCFCF;

        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_left,
    .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_left {
        position: relative;
        filter: none;
        mask: none;
        -webkit-mask: none;
        overflow: visible;
    }

    .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_img,
    .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        z-index: 0;
    }

    .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_icon,
    .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_text,
    .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_icon,
    .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_text {
        position: relative;
    }

    @media (max-width: 767px) {
        .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot,
        .stock-goodz-icon .stock-right-frame-section_2_item_card_bot {
            height: 1.2266rem;
            display: flex;
        }

        .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_left,
        .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_left {
            width: 3.5466rem;
            height: 1.2266rem;
        }

        .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_icon,
        .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_icon {
            width: 18%;
            height: 70%;
        }

        .backpack-goodz-icon .stock-right-frame-section_2_item_card_bot_text,
        .stock-goodz-icon .stock-right-frame-section_2_item_card_bot_text {
            display: flex;
        }
    }


    .stock-blur-layer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 3.5466rem;
        height: 1.2266rem;

        backdrop-filter: blur(0px); /* 防止 Safari 问题 */
        filter: url(#blurFilter); /* 使用 SVG 模糊滤镜 */
        mask: url(#shapeMask); /* 使用 SVG 遮罩形状 */
        -webkit-mask: url(#shapeMask);
        pointer-events: none; /* 避免遮挡点击区域 */
    }


    .stock-right-frame-section_2_item_other {
        width: 100%;
        aspect-ratio: 1;

        box-sizing: border-box;
        padding: 0.16rem;

        border-radius: 0.3733rem;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0.0533rem solid rgba(192, 221, 241, 0.15);
        background: rgba(38, 44, 49, 0.15);

        position: relative;
        overflow: hidden;
    }


    .stock-right-frame-section_2_item_other:hover {
        border: 0.1066rem solid rgba(0, 196, 238, 1);
    }

    .stock-right-frame-section_2_item_other_back {
        width: 100%;
        height: 100%;
        border-radius: 0.2666rem;
        background: linear-gradient(195deg, rgba(36, 40, 44, 0.6) 0%, rgba(17, 50, 64, 0.8) 100%);

        display: flex;
        align-items: center;
        justify-content: center;

        position: relative;
    }

    .stock-right-frame-section_2_item_other_back:hover {
        background: linear-gradient(195deg, rgba(36, 40, 44, 0.7) 0%, rgba(17, 50, 64, 1) 100%);
    }

    .stock-right-frame-section_2_item_other_img2 {
        width: 100%;
        height: 100%;

        display: flex;
        align-items: center;
        justify-content: center;

        position: relative;
    }

    .stock-right-frame-section_2_item_batchi_img-back {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.97);
    }

    .stock-right-frame-section_2_item_batchi_img-main {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.75);
    }

    .stock-right-frame-section_2_item_ykl_img3 {
        transform: scale(0.75);
    }

    .stock-right-frame-section_2_item_pack_img3 {
        transform: scale(1);
    }

    .stock-right-frame-section_2_item_batchi_img-back,
    .stock-right-frame-section_2_item_batchi_img-main,
    .stock-right-frame-section_2_item_ykl_img3,
    .stock-right-frame-section_2_item_pack_img3 {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    /*卡片元素 end*/

    .stock-left {
        position: fixed;
        top: 2.667rem;
        width: 11.093rem;
        height: 100%;

        display: flex;
        flex-direction: row;
    }

    .ifPhoneLayout{
        display: none;
    }

    .stock-center-line {
        width: 0.08rem;
        height: 100%;
        background: rgba(255, 255, 255, 0.04);
    }

    .stock-center-line_2 {
        margin-left: 10.933rem;
        margin-right: 3.84rem;
        height: 100%;
    }

    .stock-left-frame {
        width: 10.933rem;
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .stock-left-frame-top {
        height: 3.9466rem;
        width: 100%;

        display: flex;
        flex-direction: column;

        background: rgba(45, 51, 62, 0.25);
    }

    .stock-left-frame-top-block1 {
        height: 1.28rem;
        width: 10.2933rem;

        display: flex;
        flex-direction: row;
        gap: 0.32rem;

        margin: 0.72rem 0.32rem 0.56rem 0.32rem;
    }

    .stock-left-frame-top-block1-search {
        width: 8.3466rem;
        height: 100%;

        border-radius: 0.32rem;
        background: rgba(24, 24, 30, 0.8);

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding-right: 0.64rem;
        padding-left: 0.64rem;
    }

    .stock-left-frame-top-block1-right {
        width: 1.6266rem;
        height: 1.28rem;
        border-radius: 0.32rem;

        display: flex;
        align-items: center;
        justify-content: center;

        background-color: rgba(39, 41, 53, 0.65);
    }

    .stock-left-frame-top-block1-right_icon {
        width: 0.6133rem;
        height: 0.6133rem;
    }


    .stock-left-frame-top-block2 {
        height: 1.3866rem;
        width: 100%;
        background: rgba(45, 51, 62, 0.25);

        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

        padding-left: 0.614rem;
    }

    .stock-left-frame-top-block2-up-icon {
        width: 0.3466rem;
        height: 0.2133rem;

        margin-right: 0.614rem;
    }

    .stock-left-frame-top-block2-down-icon {
        transform: rotate(180deg);
        width: 0.3466rem;
        height: 0.2133rem;

        margin-right: 0.614rem;
    }

    .stock-left-frame-top-block2-text {
        height: 0.5066rem;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 400;
        font-size: .5333rem;
        color: #7E8B9B;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .stock-left-frame-top-block3 {
        width: 100%;
        margin-top: 0.666rem;

        padding-left: 0.32rem;
        padding-right: 0.4266rem;
        padding-bottom: 15rem;
        display: flex;
        flex-direction: column;
        gap: 0.0533rem;

        overflow-y: hidden;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: #999 transparent; /* thumb 有颜色，track 透明 */
    }

    .stock-left-item-frame {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.3733rem;

        height: 1.3866rem;
        width: 10.1866rem;

        border-radius: 0.32rem;

        padding-left: 0.2933rem;
        padding-right: 0.2933rem;
    }

    .stock-left-item-frame-icon {
        width: 0.8533rem;
        height: 0.8533rem;

        border-radius: 0.16rem;
        background: #FFFFFF;
    }

    .stock-left-item-frame-text {
        height: 0.5866rem;
        width: 8.96rem;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.5866rem;
        color: #DEDFDF;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .stock-left-item-frame.active {
        background: rgba(57, 61, 71, 0.8);
    }

    .stock-left-item-frame.\!active {
        background: rgba(57, 61, 71, 0.8) !important;
    }

    /* ===================================================================库存页 end======================================================*/
    /* ===================================================================登陆页 start======================================================*/
    /* --- PC 端 / 平板 (宽屏适配) --- */
    @media (min-width: 24rem) {
        /* 1. 针对第 3 层：外层包裹容器 */
        /* 作用：取消 max-w-sm 限制，设定目标尺寸 */
        div[role="dialog"] > div > div {
            max-width: none !important; /* 🔓 解锁最大宽度限制 */
            width: 22.12rem !important; /* 🎯 设定目标宽度 */
            min-height: 26.96rem !important; /* 🎯 设定目标高度 */

            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important; /* 确保内部居中 */
        }

        /* 2. 针对第 4 层：实际的卡片 (akui-modal) */
        /* 作用：取消 w-[368px] 限制，让它撑满父容器 */
        div[role="dialog"] > div > div > div {
            width: 100% !important;
            max-width: none !important;
            height: 100% !important;

        }
    }

    /* --- 移动端适配 --- */
    @media (max-width: 23.96rem) {
        div[role="dialog"] > div > div {
            max-width: none !important;
            width: 95vw !important;
            min-height: auto !important;
        }

        div[role="dialog"] > div > div > div {
            width: 100% !important;
        }
    }


    .login-page {
        position: fixed;
        inset: 0; /* 顶、右、下、左全覆盖 */
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;

        background: none;
        overflow-y: auto;
        z-index: 1000;
    }

    /* 遮罩层 */
    /* 遮罩层 */
    .login-page-overlay {
        /* 1. 改为 fixed，相对于浏览器视口定位 */
        position: fixed;

        /* 2. 显式指定铺满屏幕宽度，包含滚动条坑位 */
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;

        /* 你的原有样式保持不变 */
        background-color: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(0.16rem);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .login-card {
        width: 18.9866rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        border-radius: 0.64rem;
        position: relative;
    }

    .login-card-title {
        margin-top: 2.16rem;
        height: 0.9866rem;
        font-weight: bold;
        font-size: 1.0133rem;
        color: #FFFFFF;

        margin-bottom: 1.12rem;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .login-card-des {
        width: 9.7066rem;

        color: #9D9D9D;
        font-size: 0.6133rem;
        font-weight: 500;
        line-height: 0.96rem;

        white-space: normal; /* 允许自动换行 */
        word-wrap: break-word; /* 如果有长单词也能强制换行 */
        overflow-wrap: break-word;

        display: flex;
        flex-direction: row;
        align-items: center;

        margin-bottom: 1.68rem;
    }

    .login-card-button {
        width: 15.36rem;
        height: 1.9733rem;
        background: linear-gradient(64deg, #5C79E6 0%, #5C73E6 100%);
        border-radius: 0.9866rem;

        font-weight: bold;
        font-size: 0.64rem;
        color: #FFFFFF;

        margin-bottom: 0.48rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .login-card-goodz-button {
        border: 0.0267rem solid rgba(137, 210, 220, 0.35);
        background: linear-gradient(64deg, #141E24 0%, #20323B 100%);
        color: #DDF8FC;
    }

    .login-card-cancel {
        width: 15.36rem;
        height: 1.9733rem;

        background: rgba(49, 49, 49, 0.2);
        border-radius: 0.9866rem;

        font-weight: 600;
        font-size: 0.64rem;
        color: #A0A0A0;

        margin-bottom: 1.3866rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .login-card-agreement {
        height: 0.5333rem;
        font-weight: 500;
        font-size: 0.48rem;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .login-card-agreement-text {
        color: #A0A0A0;
        margin-bottom: 1.466rem;
    }


    .login-card-cancel_x {
        width: 0.6133rem;
        height: 0.6133rem;

        position: absolute;
        top: 0.64rem;
        right: 0.64rem;

        color: #A0A0A0;
    }

    /* ===================================================================登陆页 end======================================================*/
    /* ===================================================================支付页 start======================================================*/
    .payment_page {
        background: linear-gradient(13deg, #162833 0%, #151E26 100%);
        min-height: 20rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .payment-card {
        width: 38.50666rem;
        height: 100%;
        display: flex;
        flex-direction: row;
    }

    .payment-card_block1 {
        width: 19.226665rem;
        height: 100%;

        display: flex;
        flex-direction: column;
    }

    .payment-card-title {
        margin-top: 0.88rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: bold;
        font-size: 0.8533rem;
        color: #FFFFFF;

        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .payment-card-content_card {
        height: 3.44rem;
        margin-top: 0.8533rem;

        display: flex;
        flex-direction: row;
        gap: 0.6933rem;
    }

    .content_text_column {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .payment-card-content_text1 {
        height: 0.8266rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.7466rem;
        color: #FFFFFF;

        display: flex;
        flex-direction: row;
        align-items: center;

        margin-top: 0.3466rem;
    }

    .payment-card-content_text2 {
        height: 0.61333rem;
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-weight: 600;
        font-size: 0.9066rem;
        color: #FFF4BB;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 0.2666rem;
    }


    .payment-card-content_text3 {
        height: 0.72rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.61333rem;
    }

    .payment-card_block2 {
        margin-top: 2.56rem;
        margin-bottom: 1.6rem;
        width: 0.05333rem;
        height: 14.64rem;
        background: rgba(129, 138, 147, 0.08);
    }

    .payment-card_block3_title {
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.7466rem;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-shrink: 0;
        min-width: 2.5rem;
    }

    .block_num_frame {
        width: 2.2133rem;
        height: 1.5733rem;
        background-color: rgba(23, 45, 57, 0.5);
        border-radius: 0.32rem;
    }


    .block_num_frame_text {
        height: 0.72rem;
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-weight: 600;
        font-size: 1.0666rem;
        color: #FFFFFF;
        line-height: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .payment-card_block3_table_text {
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        line-height: 0.8266rem;
        color: #B8B8B8;
    }

    .payment-card_block3_table_num {
        font-family: GoodzFont-Rajdhani-SemiBold;
        font-weight: 600;
        color: #B8B8B8;
    }

    .payment-card_block3_table_button_text {
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        line-height: 0.8266rem;
    }


    /* ===================================================================支付页 end======================================================*/
    /* ===================================================================上架页 end======================================================*/
    .put-shelves_text {
        height: 0.8266rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.7466rem;
        color: #D2D0CF;

        display: flex;
        flex-direction: row;
        align-items: center;
    }


    .family_NotoSansSC {
        font-family: var(--goodz-font-body);
        line-height: 1;
    }

    .family_Rajdhani {
        font-family: var(--goodz-font-number);
        line-height: 1;
    }


    .put-shelves_text2 {
        width: auto;
        height: 1.04rem;
        font-size: 0.96rem;
        font-family: GoodzFont-NotoSansSC-SemiBold;
        color: #ffffff;
        line-height: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    /* ===================================================================上架页 end======================================================*/
    /* ===================================================================用户信息页 start======================================================*/

    /* ===================================================================用户信息页 end======================================================*/
    .goods-detail-container-bot-order {
        width: 24.37rem;
        height: 2.16rem;
        background: linear-gradient(40deg, #D7EDFF 0%, #E4F0FE 100%);
        border-radius: 1.0666rem;
        display: flex;
        flex-direction: row;
    }


    /*=======================================================图鉴奖励弹窗 start=============================================================*/

    /* --- 模块 1: Header --- */
    .hr-header { display: flex; flex-direction: column; align-items: center; pointer-events: auto; }

    .hr-logo-frame {
        width: 6.8rem; height: 6.8rem; border-radius: 50%;
    }

    .hr-logo-inner {
        width: 100%; height: 100%; border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    .hr-logo-inner img { width: 100%; height: 100%; object-fit: contain; }
    .hr-title { color: #fff; font-size: 1.08rem; font-weight: 600; margin-top: 0.8rem; font-family: "Noto Sans SC"; }
    .hr-stats { margin-top: 0.3rem; display: flex; gap: 0.4rem; align-items: baseline; }
    .hr-label { color: #9D9D9D; font-size: 0.75rem; }
    .hr-value { color: #D2D0CF; font-size: 0.95rem; font-family: "Rajdhani"; }

    /* --- 模块 2: Progress --- */
    .hr-progress-section {
        width: 16rem;
        margin-top: 1rem;
        pointer-events: auto;
    }

    /* 进度条包装层 */
    .hr-p-bar-wrap {
        position: relative;
        width: 100%;
        height: 1.5rem;
        display: flex;
        align-items: center;
    }

    /* 1. 底层轨道：高度 0.27rem，应用斜杠纹理 */
    .hr-p-track {
        position: absolute;
        width: 100%;
        height: 0.27rem;
        background: rgba(255,255,255,0.05);
        border-radius: 0.13rem;
        overflow: hidden;
    }

    /* 2. 蓝色进度填充：压在轨道上 */
    .hr-p-fill {
        position: absolute;
        height: 0.27rem;
        background: #FFF4BB;
        box-shadow: 0 0 1rem rgba(255, 244, 187, 0.6);
        border-radius: 0.13rem;
        z-index: 2;
        transition: width 1.2s cubic-bezier(0.25, 1, 0.5, 1);
    }

    /* 3. 节点定位层 */
    .hr-p-nodes {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        pointer-events: none;
    }

    /* 4. 单个节点小圆点 */
    .hr-p-node {
        position: absolute;
        top: 50%;
        width: 0.48rem;
        height: 0.48rem;
        border-radius: 50%;
        background: #3E424C;
        transform: translate(-50%, -50%); /* 确保圆心对齐线段 */
        transition: background 0.4s, box-shadow 0.4s;
    }

    /* 5. 节点激活样式 */
    .hr-p-node.active {
        background: #FFF4BB;
        box-shadow: 0 0 0.5rem #FFF4BB;
    }
    .hr-p-node.\!active {
        background: #FFF4BB !important;
        box-shadow: 0 0 0.5rem #FFF4BB !important;
    }

    /* 6. 节点外圈光晕 (还原图二效果) */
    .hr-p-node-glow {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 0.85rem;
        height: 0.85rem;
        border-radius: 50%;
        border: 1px solid rgba(174, 190, 206, 0.25);
        pointer-events: none;
    }

    /* --- 模块 3: Divider --- */
    .hr-divider-section { display: flex; align-items: center; gap: 1.5rem; width: 100%; justify-content: center; opacity: 0.6; }
    .hr-divider-line { width: 8rem; height: 1px; background: linear-gradient(90deg, transparent, #fff); }
    .hr-divider-line:last-child { background: linear-gradient(-90deg, transparent, #fff); }
    .hr-divider-text { color: #fff; font-size: 0.9rem; letter-spacing: 4px; font-weight: 500; }

    /* --- 模块 4: Gallery 核心布局 --- */

    .hr-viewport {
        width: 100%;
        height: 15.5rem;
        display: flex;
        align-items: center;
        overflow-x: hidden;
        position: relative;
    }

    .hr-viewport.active {
        overflow-x: auto;
        pointer-events: auto;
        cursor: grab;
    }

    .hr-viewport.\!active {
        overflow-x: auto !important;
        pointer-events: auto !important;
        cursor: grab !important;
    }

    .hr-viewport::-webkit-scrollbar { display: none; }

    .hr-track {
        display: flex;
        flex-direction: row;
        align-items: center;
        transition: transform 0.85s cubic-bezier(0.34, 1.56, 0.64, 1);
        will-change: transform;
        padding: 0 calc(50vw - 6rem) !important;
        gap: 10rem;
    }

    .hr-item {
        width: 12rem;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        transition: all 0.5s ease;
    }

    .hr-item.hidden-node {
        opacity: 0;
    }

    /* --- 容器 --- */
    .hr-circles-group {
        width: 12rem;
        height: 12rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* --- 光圈基础样式 --- */
    .c-base {
        position: absolute;
        border-radius: 50%;
        border-color: #D1E6FF;
        background: transparent;
        transition: all 0.6s ease;
        pointer-events: none;
        opacity: 0;
        box-sizing: border-box;
    }

    /* --- 1. 已解锁旧双圈 (尺寸：9.09 / 5.95) --- */
    .c-old-outer { width: 12rem; height: 12rem; border-width: 3px; z-index: 1; }
    .c-old-inner { width: 9.09rem; height: 9.09rem; border-width: 6px; z-index: 2; }

    /* 开启已解锁样式 */
    .hr-item.unlocked:not(.highlight) .c-old-outer { opacity: 0.4; }
    .hr-item.unlocked:not(.highlight) .c-old-inner { opacity: 0.25; }

    /* --- 2. 最新高亮三圈 (尺寸：12 / 9.09 / 5.95) --- */
    .c-high-outer { width: 12rem; height: 12rem; border-width: 3px; z-index: 3; }
    .c-high-ghost { width: 9.09rem; height: 9.09rem; border-width: 1px; z-index: 4; }
    .c-high-inner { width: 6.95rem; height: 6.95rem; border-width: 6px; z-index: 5; border-color: #A5D2FF; }

    /* 开启高亮样式 */
    .hr-item.highlight .c-high-outer { opacity: 0.45;}
    .hr-item.highlight .c-high-ghost { opacity: 0.1; }
    .hr-item.highlight .c-high-inner {opacity: 0.25;}

    .hr-item-content-wrapper {
        width: 12rem;
        height: 12rem; /* 与圆圈高度一致 */
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .hr-item-content-wrapper.dropping {
        animation: hrPureDrop 3s cubic-bezier(0.17, 0.89, 0.32, 1.1) forwards;
    }
    /* --- 掉落动画：只针对内部 group，实现纯垂直下落 --- */
    .hr-circles-group.dropping {
        animation: hrPureDrop 1.5s cubic-bezier(0.17, 0.89, 0.32, 1.1) forwards;
    }

    @keyframes hrPureDrop {
        0% { transform: translateY(-100vh); opacity: 0; }
        20% { opacity: 1; }
        100% { transform: translateY(0); opacity: 1; }
    }

    /* --- 文案压圈 --- */
    .hr-item-info {
        position: absolute;
        bottom: -0.15rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        pointer-events: none; /* 确保不影响拖拽 */
        transition: opacity 0.5s;
        height: auto;
        z-index: 401;
    }

    .hr-item-info .name { color: #fff; font-size: 0.96rem; font-weight: 600; font-family: GoodzFont-NotoSansSC-SemiBold;
        height: auto;}
    .hr-item-info .sub { color: #CED5DD; font-size: 0.72rem; font-weight: 600; font-family: GoodzFont-NotoSansSC-SemiBold;justify-items: baseline;height: auto}
    /*.hr-item:not(.highlight) .hr-item-info { opacity: 0; }*/

    /* --- 图标容器 --- */

    /* 高亮缩放 */
    .hr-item.highlight { transform: scale(1.25); z-index: 50; }
    .hr-item.unlocked:not(.highlight) { transform: scale(0.9); opacity: 0.6; z-index: 5; }

    /* --- 模块 5: Footer --- */
    .hr-footer {
        /* 这会让 footer 自动推到父容器的最底部，无论上方间距如何调整 */
        margin-top: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.8rem;
        pointer-events: auto;
    }
    .hr-footer-text { color: #A5A4A4; font-size: 0.85rem; font-weight: 600; animation: pulse 2s infinite; }
    .hr-footer-bar { width: 4.5rem; height: 3px; background: rgba(255,255,255,0.1); border-radius: 10px; }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
    /*=======================================================图鉴奖励弹窗 end=============================================================*/
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
.akui-btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.akui-btn-group > .akui-btn:first-child {
  min-width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
}
.akui-btn-group > .akui-btn:not(:first-child) {
  flex: 1 1 0%;
}
.akui-btn-group:has(> :nth-child(4)) > .akui-btn:not(:first-child) > .akui-btn-content {
  display: none;
}
.akui-btn {
  max-height: 40px;
  display: inline-flex;
  height: 2.5rem;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media (min-width: 640px) {

  .akui-btn {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.akui-btn {
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  border-radius: calc(var(--akui-border-radius-base) * 1);
}
.akui-btn:hover {
  box-shadow: 2.8px 2.8px 8.8px 0px rgba(22, 22, 22, 0.14);
}
.akui-btn:disabled {
  cursor: not-allowed;
  opacity: 0.25;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.akui-btn:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.akui-btn-primary {
  background-color: var(--akui-btn-primary);
  color: var(--akui-fg-invert);
}
.akui-btn-secondary {
  background-color: var(--akui-btn-secondary);
  color: var(--akui-fg-primary);
}
.akui-btn-auth {
  background-color: var(--akui-btn-auth);
  color: var(--akui-fg-primary);
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-static);
}
.akui-btn-link {
  appearance: none;
}
.akui-btn-link:hover {
  appearance: none;
}
.akui-btn-link:active {
  appearance: none;
}
.akui-btn-link {
  height: unset;
  padding: 0px;
  cursor: pointer;
  color: var(--akui-fg-accent-brand);
}
.akui-btn-link:disabled {
  cursor: not-allowed;
  opacity: 0.25;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.akui-btn-link:hover {
  box-shadow: unset;
}
.akui-btn-link:active {
  opacity: 0.25;
}
.akui-input {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-static);
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--akui-fg-primary);
  background-color: var(--akui-bg-surface-default);
}
.akui-input-disabled, .akui-input:disabled, .akui-input[disabled] {
  pointer-events: none;
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-static);
  background-color: var(--akui-bg-surface-inset);
}
.akui-input-disabled input, .akui-input:disabled input, .akui-input[disabled] input {
  cursor: not-allowed;
  background-color: var(--akui-bg-surface-inset);
}
.akui-input-disabled input::placeholder, .akui-input:disabled input::placeholder, .akui-input[disabled] input::placeholder {
  color: var(--akui-fg-disabled);
}
.akui-input-disabled svg > *, .akui-input:disabled svg > *, .akui-input[disabled] svg > * {
  fill: var(--akui-fg-disabled) !important;
}
.akui-input svg > * {
  fill: var(--akui-fg-primary);
}
.akui-input:focus, .akui-input:focus-visible, .akui-input:focus-within, .akui-input:active {
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-active);
}
.akui-input {
  border-radius: calc(var(--akui-border-radius-base) * 1);
}
.akui-input-error, .akui-input[error] {
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-critical);
}
.akui-input input {
  flex-grow: 1;
  appearance: none;
  background-color: inherit;
}
.akui-input input:focus, .akui-input input:focus-visible, .akui-input input:focus-within, .akui-input input:active {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.akui-input .akui-input:placeholder-shown + .match-input > * {
  fill: var(--akui-fg-disabled);
}
.akui-input .akui-input:placeholder-shown + .match-input {
  color: var(--akui-fg-disabled);
}
.akui-form-controls {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--akui-fg-secondary);
}
.akui-form-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.akui-form-hint {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.akui-input-error + .akui-form-hint, .akui-input[error] + .akui-form-hint {
  color: var(--akui-critical);
}
.akui-modal {
  border-top-left-radius: calc(var(--akui-border-radius-base) * 2);
  border-top-right-radius: calc(var(--akui-border-radius-base) * 2);
}
@media (min-width: 768px) {

  .akui-modal {
    border-radius: calc(var(--akui-border-radius-base) * 2);
  }
}
.akui-modal {
  background-color: var(--akui-bg-surface-default);
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-bottom-\[1\.15rem\] {
  bottom: -1.15rem;
}
.-left-\[0\.6rem\] {
  left: -0.6rem;
}
.-left-\[1\.39rem\] {
  left: -1.39rem;
}
.-right-\[1\.39rem\] {
  right: -1.39rem;
}
.-top-\[0\.7rem\] {
  top: -0.7rem;
}
.-top-\[1\.25rem\] {
  top: -1.25rem;
}
.-top-\[1\.31rem\] {
  top: -1.31rem;
}
.-top-\[35\%\] {
  top: -35%;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-\[-0\.13rem\] {
  bottom: -0.13rem;
}
.bottom-\[-0\.2rem\] {
  bottom: -0.2rem;
}
.bottom-\[-0\.32rem\] {
  bottom: -0.32rem;
}
.bottom-\[0\.27rem\] {
  bottom: 0.27rem;
}
.bottom-\[0\.5067rem\] {
  bottom: 0.5067rem;
}
.bottom-\[0\.64rem\] {
  bottom: 0.64rem;
}
.bottom-\[0\.75rem\] {
  bottom: 0.75rem;
}
.bottom-\[0\] {
  bottom: 0;
}
.bottom-\[13rem\] {
  bottom: 13rem;
}
.bottom-\[2rem\] {
  bottom: 2rem;
}
.bottom-\[4rem\] {
  bottom: 4rem;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-\[-0\.5rem\] {
  left: -0.5rem;
}
.left-\[-1\.39rem\] {
  left: -1.39rem;
}
.left-\[-1\.5rem\] {
  left: -1.5rem;
}
.left-\[-15\%\] {
  left: -15%;
}
.left-\[0\.59rem\] {
  left: 0.59rem;
}
.left-\[1\.3067rem\] {
  left: 1.3067rem;
}
.left-\[100\%\] {
  left: 100%;
}
.left-\[calc\(100\%\+2rem\)\] {
  left: calc(100% + 2rem);
}
.left-\[min\(calc\(100vw-2\.6667rem\)\2c calc\(50\%\+27\.2267rem\+0\.5333rem\)\)\] {
  left: min(calc(100vw - 2.6667rem),calc(50% + 27.2267rem + 0.5333rem));
}
.right-0 {
  right: 0px;
}
.right-\[-0\.15rem\] {
  right: -0.15rem;
}
.right-\[-0\.5rem\] {
  right: -0.5rem;
}
.right-\[-0\.8rem\] {
  right: -0.8rem;
}
.right-\[-1\.28rem\] {
  right: -1.28rem;
}
.right-\[-1\.39rem\] {
  right: -1.39rem;
}
.right-\[-1\.5rem\] {
  right: -1.5rem;
}
.right-\[0\.21rem\] {
  right: 0.21rem;
}
.right-\[0\.27rem\] {
  right: 0.27rem;
}
.right-\[0\.5067rem\] {
  right: 0.5067rem;
}
.right-\[0\.65rem\] {
  right: 0.65rem;
}
.right-\[0\] {
  right: 0;
}
.right-\[4rem\] {
  right: 4rem;
}
.right-\[8rem\] {
  right: 8rem;
}
.right-\[calc\(100\%\+2rem\)\] {
  right: calc(100% + 2rem);
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-1\/3 {
  top: 33.333333%;
}
.top-\[-0\.13rem\] {
  top: -0.13rem;
}
.top-\[-15\%\] {
  top: -15%;
}
.top-\[0\.3733rem\] {
  top: 0.3733rem;
}
.top-\[0\.85rem\] {
  top: 0.85rem;
}
.top-\[0\.88rem\] {
  top: 0.88rem;
}
.top-\[1\.13rem\] {
  top: 1.13rem;
}
.top-\[7\.8rem\] {
  top: 7.8rem;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[130\] {
  z-index: 130;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[20\] {
  z-index: 20;
}
.z-\[210\] {
  z-index: 210;
}
.z-\[260\] {
  z-index: 260;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[300\] {
  z-index: 300;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[400\] {
  z-index: 400;
}
.z-\[999999\] {
  z-index: 999999;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[99\] {
  z-index: 99;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-\[-1px\] {
  margin: -1px;
}
.mx-\[0\.51rem\] {
  margin-left: 0.51rem;
  margin-right: 0.51rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[1rem\] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-\[0\.29rem\] {
  margin-bottom: 0.29rem;
}
.mb-\[0\.37rem\] {
  margin-bottom: 0.37rem;
}
.mb-\[0\.43rem\] {
  margin-bottom: 0.43rem;
}
.mb-\[0\.4rem\] {
  margin-bottom: 0.4rem;
}
.mb-\[0\.5333rem\] {
  margin-bottom: 0.5333rem;
}
.mb-\[0\.56rem\] {
  margin-bottom: 0.56rem;
}
.mb-\[0\.5rem\] {
  margin-bottom: 0.5rem;
}
.mb-\[0\.61rem\] {
  margin-bottom: 0.61rem;
}
.mb-\[0\.64rem\] {
  margin-bottom: 0.64rem;
}
.mb-\[0\.67rem\] {
  margin-bottom: 0.67rem;
}
.mb-\[0\.75rem\] {
  margin-bottom: 0.75rem;
}
.mb-\[0\.83rem\] {
  margin-bottom: 0.83rem;
}
.mb-\[0\.85rem\] {
  margin-bottom: 0.85rem;
}
.mb-\[0\.88rem\] {
  margin-bottom: 0.88rem;
}
.mb-\[0\.8rem\] {
  margin-bottom: 0.8rem;
}
.mb-\[0\.91rem\] {
  margin-bottom: 0.91rem;
}
.mb-\[1\.06rem\] {
  margin-bottom: 1.06rem;
}
.mb-\[1\.07rem\] {
  margin-bottom: 1.07rem;
}
.mb-\[1\.09rem\] {
  margin-bottom: 1.09rem;
}
.mb-\[1\.12rem\] {
  margin-bottom: 1.12rem;
}
.mb-\[1\.15rem\] {
  margin-bottom: 1.15rem;
}
.mb-\[1\.17rem\] {
  margin-bottom: 1.17rem;
}
.mb-\[1\.23rem\] {
  margin-bottom: 1.23rem;
}
.mb-\[1\.2rem\] {
  margin-bottom: 1.2rem;
}
.mb-\[1\.33rem\] {
  margin-bottom: 1.33rem;
}
.mb-\[1\.44rem\] {
  margin-bottom: 1.44rem;
}
.mb-\[1\.55rem\] {
  margin-bottom: 1.55rem;
}
.mb-\[1\.5rem\] {
  margin-bottom: 1.5rem;
}
.mb-\[1\.7rem\] {
  margin-bottom: 1.7rem;
}
.mb-\[1rem\] {
  margin-bottom: 1rem;
}
.mb-\[2\.27rem\] {
  margin-bottom: 2.27rem;
}
.mb-\[2\.32rem\] {
  margin-bottom: 2.32rem;
}
.mb-\[2\.93rem\] {
  margin-bottom: 2.93rem;
}
.mb-\[2\.96rem\] {
  margin-bottom: 2.96rem;
}
.mb-\[20\.48rem\] {
  margin-bottom: 20.48rem;
}
.mb-\[2rem\] {
  margin-bottom: 2rem;
}
.mb-\[3\.28rem\] {
  margin-bottom: 3.28rem;
}
.mb-\[3rem\] {
  margin-bottom: 3rem;
}
.mb-\[4rem\] {
  margin-bottom: 4rem;
}
.mb-\[5rem\] {
  margin-bottom: 5rem;
}
.mb-\[8\.6rem\] {
  margin-bottom: 8.6rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-\[-0\.8533rem\] {
  margin-left: -0.8533rem;
}
.ml-\[0\.13rem\] {
  margin-left: 0.13rem;
}
.ml-\[0\.2133rem\] {
  margin-left: 0.2133rem;
}
.ml-\[0\.3733rem\] {
  margin-left: 0.3733rem;
}
.ml-\[0\.6133rem\] {
  margin-left: 0.6133rem;
}
.ml-\[0\.75rem\] {
  margin-left: 0.75rem;
}
.ml-\[0\.85rem\] {
  margin-left: 0.85rem;
}
.ml-\[0\.8rem\] {
  margin-left: 0.8rem;
}
.ml-\[0\.9333rem\] {
  margin-left: 0.9333rem;
}
.ml-\[0\.96rem\] {
  margin-left: 0.96rem;
}
.ml-\[0\] {
  margin-left: 0;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-\[-0\.8533rem\] {
  margin-right: -0.8533rem;
}
.mr-\[-2\.235rem\] {
  margin-right: -2.235rem;
}
.mr-\[0\.2rem\] {
  margin-right: 0.2rem;
}
.mr-\[0\.32rem\] {
  margin-right: 0.32rem;
}
.mr-\[0\.61rem\] {
  margin-right: 0.61rem;
}
.mr-\[0\.666rem\] {
  margin-right: 0.666rem;
}
.mr-\[0\.85rem\] {
  margin-right: 0.85rem;
}
.mr-\[0\.8rem\] {
  margin-right: 0.8rem;
}
.mr-\[1\.09rem\] {
  margin-right: 1.09rem;
}
.mr-\[1\.25rem\] {
  margin-right: 1.25rem;
}
.mr-\[1\.39rem\] {
  margin-right: 1.39rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[-0\.8rem\] {
  margin-top: -0.8rem;
}
.mt-\[0\.0534rem\] {
  margin-top: 0.0534rem;
}
.mt-\[0\.1067rem\] {
  margin-top: 0.1067rem;
}
.mt-\[0\.16rem\] {
  margin-top: 0.16rem;
}
.mt-\[0\.18rem\] {
  margin-top: 0.18rem;
}
.mt-\[0\.1rem\] {
  margin-top: 0.1rem;
}
.mt-\[0\.27rem\] {
  margin-top: 0.27rem;
}
.mt-\[0\.2933rem\] {
  margin-top: 0.2933rem;
}
.mt-\[0\.32rem\] {
  margin-top: 0.32rem;
}
.mt-\[0\.35rem\] {
  margin-top: 0.35rem;
}
.mt-\[0\.3rem\] {
  margin-top: 0.3rem;
}
.mt-\[0\.4267rem\] {
  margin-top: 0.4267rem;
}
.mt-\[0\.45rem\] {
  margin-top: 0.45rem;
}
.mt-\[0\.4rem\] {
  margin-top: 0.4rem;
}
.mt-\[0\.5333rem\] {
  margin-top: 0.5333rem;
}
.mt-\[0\.53rem\] {
  margin-top: 0.53rem;
}
.mt-\[0\.56rem\] {
  margin-top: 0.56rem;
}
.mt-\[0\.61rem\] {
  margin-top: 0.61rem;
}
.mt-\[0\.667rem\] {
  margin-top: 0.667rem;
}
.mt-\[0\.67rem\] {
  margin-top: 0.67rem;
}
.mt-\[0\.69rem\] {
  margin-top: 0.69rem;
}
.mt-\[0\.6rem\] {
  margin-top: 0.6rem;
}
.mt-\[0\.75rem\] {
  margin-top: 0.75rem;
}
.mt-\[0\.8266rem\] {
  margin-top: 0.8266rem;
}
.mt-\[0\.8267rem\] {
  margin-top: 0.8267rem;
}
.mt-\[0\.83rem\] {
  margin-top: 0.83rem;
}
.mt-\[0\.85rem\] {
  margin-top: 0.85rem;
}
.mt-\[0\.88rem\] {
  margin-top: 0.88rem;
}
.mt-\[0\.8rem\] {
  margin-top: 0.8rem;
}
.mt-\[0\.93rem\] {
  margin-top: 0.93rem;
}
.mt-\[0\.9867rem\] {
  margin-top: 0.9867rem;
}
.mt-\[0\.9rem\] {
  margin-top: 0.9rem;
}
.mt-\[1\.01rem\] {
  margin-top: 1.01rem;
}
.mt-\[1\.04rem\] {
  margin-top: 1.04rem;
}
.mt-\[1\.0666rem\] {
  margin-top: 1.0666rem;
}
.mt-\[1\.0667rem\] {
  margin-top: 1.0667rem;
}
.mt-\[1\.12rem\] {
  margin-top: 1.12rem;
}
.mt-\[1\.1333rem\] {
  margin-top: 1.1333rem;
}
.mt-\[1\.1733rem\] {
  margin-top: 1.1733rem;
}
.mt-\[1\.17rem\] {
  margin-top: 1.17rem;
}
.mt-\[1\.1867rem\] {
  margin-top: 1.1867rem;
}
.mt-\[1\.2rem\] {
  margin-top: 1.2rem;
}
.mt-\[1\.31rem\] {
  margin-top: 1.31rem;
}
.mt-\[1\.36rem\] {
  margin-top: 1.36rem;
}
.mt-\[1\.3866rem\] {
  margin-top: 1.3866rem;
}
.mt-\[1\.39rem\] {
  margin-top: 1.39rem;
}
.mt-\[1\.44rem\] {
  margin-top: 1.44rem;
}
.mt-\[1\.5rem\] {
  margin-top: 1.5rem;
}
.mt-\[1\.6267rem\] {
  margin-top: 1.6267rem;
}
.mt-\[1\.6533rem\] {
  margin-top: 1.6533rem;
}
.mt-\[1\.6rem\] {
  margin-top: 1.6rem;
}
.mt-\[1\.73rem\] {
  margin-top: 1.73rem;
}
.mt-\[1\.9466rem\] {
  margin-top: 1.9466rem;
}
.mt-\[10\.03rem\] {
  margin-top: 10.03rem;
}
.mt-\[13\.2533rem\] {
  margin-top: 13.2533rem;
}
.mt-\[1rem\] {
  margin-top: 1rem;
}
.mt-\[2\.08rem\] {
  margin-top: 2.08rem;
}
.mt-\[2\.1067rem\] {
  margin-top: 2.1067rem;
}
.mt-\[2\.13rem\] {
  margin-top: 2.13rem;
}
.mt-\[2\.25rem\] {
  margin-top: 2.25rem;
}
.mt-\[2\.37rem\] {
  margin-top: 2.37rem;
}
.mt-\[2\.4rem\] {
  margin-top: 2.4rem;
}
.mt-\[2\.56rem\] {
  margin-top: 2.56rem;
}
.mt-\[2\.73rem\] {
  margin-top: 2.73rem;
}
.mt-\[21\.25rem\] {
  margin-top: 21.25rem;
}
.mt-\[21rem\] {
  margin-top: 21rem;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[3\.04rem\] {
  margin-top: 3.04rem;
}
.mt-\[3\.1467rem\] {
  margin-top: 3.1467rem;
}
.mt-\[3\.23rem\] {
  margin-top: 3.23rem;
}
.mt-\[3\.5rem\] {
  margin-top: 3.5rem;
}
.mt-\[5\.2533rem\] {
  margin-top: 5.2533rem;
}
.mt-\[5\.89rem\] {
  margin-top: 5.89rem;
}
.mt-\[8rem\] {
  margin-top: 8rem;
}
.mt-auto {
  margin-top: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[0\.0533rem\] {
  height: 0.0533rem;
}
.h-\[0\.08rem\] {
  height: 0.08rem;
}
.h-\[0\.1067rem\] {
  height: 0.1067rem;
}
.h-\[0\.1333rem\] {
  height: 0.1333rem;
}
.h-\[0\.16rem\] {
  height: 0.16rem;
}
.h-\[0\.21rem\] {
  height: 0.21rem;
}
.h-\[0\.24rem\] {
  height: 0.24rem;
}
.h-\[0\.25rem\] {
  height: 0.25rem;
}
.h-\[0\.27rem\] {
  height: 0.27rem;
}
.h-\[0\.29rem\] {
  height: 0.29rem;
}
.h-\[0\.37rem\] {
  height: 0.37rem;
}
.h-\[0\.3rem\] {
  height: 0.3rem;
}
.h-\[0\.48rem\] {
  height: 0.48rem;
}
.h-\[0\.5066rem\] {
  height: 0.5066rem;
}
.h-\[0\.53rem\] {
  height: 0.53rem;
}
.h-\[0\.587rem\] {
  height: 0.587rem;
}
.h-\[0\.59rem\] {
  height: 0.59rem;
}
.h-\[0\.64rem\] {
  height: 0.64rem;
}
.h-\[0\.64remrem\] {
  height: 0.64remrem;
}
.h-\[0\.6667rem\] {
  height: 0.6667rem;
}
.h-\[0\.67rem\] {
  height: 0.67rem;
}
.h-\[0\.69rem\] {
  height: 0.69rem;
}
.h-\[0\.72rem\] {
  height: 0.72rem;
}
.h-\[0\.75rem\] {
  height: 0.75rem;
}
.h-\[0\.7rem\] {
  height: 0.7rem;
}
.h-\[0\.83rem\] {
  height: 0.83rem;
}
.h-\[0\.8533rem\] {
  height: 0.8533rem;
}
.h-\[0\.85rem\] {
  height: 0.85rem;
}
.h-\[0\.88rem\] {
  height: 0.88rem;
}
.h-\[0\.8rem\] {
  height: 0.8rem;
}
.h-\[0\.9333rem\] {
  height: 0.9333rem;
}
.h-\[0\.96rem\] {
  height: 0.96rem;
}
.h-\[1\.05rem\] {
  height: 1.05rem;
}
.h-\[1\.07rem\] {
  height: 1.07rem;
}
.h-\[1\.12rem\] {
  height: 1.12rem;
}
.h-\[1\.15rem\] {
  height: 1.15rem;
}
.h-\[1\.173rem\] {
  height: 1.173rem;
}
.h-\[1\.2267rem\] {
  height: 1.2267rem;
}
.h-\[1\.25rem\] {
  height: 1.25rem;
}
.h-\[1\.28rem\] {
  height: 1.28rem;
}
.h-\[1\.2rem\] {
  height: 1.2rem;
}
.h-\[1\.39rem\] {
  height: 1.39rem;
}
.h-\[1\.44rem\] {
  height: 1.44rem;
}
.h-\[1\.65rem\] {
  height: 1.65rem;
}
.h-\[1\.71rem\] {
  height: 1.71rem;
}
.h-\[1\.76rem\] {
  height: 1.76rem;
}
.h-\[1\.8133rem\] {
  height: 1.8133rem;
}
.h-\[1\.8667rem\] {
  height: 1.8667rem;
}
.h-\[1\.866rem\] {
  height: 1.866rem;
}
.h-\[1\.87rem\] {
  height: 1.87rem;
}
.h-\[1\.8rem\] {
  height: 1.8rem;
}
.h-\[1\.92rem\] {
  height: 1.92rem;
}
.h-\[1\.9466rem\] {
  height: 1.9466rem;
}
.h-\[1\.9733rem\] {
  height: 1.9733rem;
}
.h-\[1\.97rem\] {
  height: 1.97rem;
}
.h-\[10\.1867rem\] {
  height: 10.1867rem;
}
.h-\[10\.2133rem\] {
  height: 10.2133rem;
}
.h-\[10\.21rem\] {
  height: 10.21rem;
}
.h-\[105\%\] {
  height: 105%;
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[110\%\] {
  height: 110%;
}
.h-\[13\.6rem\] {
  height: 13.6rem;
}
.h-\[130\%\] {
  height: 130%;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15\.93rem\] {
  height: 15.93rem;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[16rem\] {
  height: 16rem;
}
.h-\[18\.13rem\] {
  height: 18.13rem;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[1rem\] {
  height: 1rem;
}
.h-\[2\.08rem\] {
  height: 2.08rem;
}
.h-\[2\.11rem\] {
  height: 2.11rem;
}
.h-\[2\.16rem\] {
  height: 2.16rem;
}
.h-\[2\.24rem\] {
  height: 2.24rem;
}
.h-\[2\.2666rem\] {
  height: 2.2666rem;
}
.h-\[2\.2rem\] {
  height: 2.2rem;
}
.h-\[2\.34rem\] {
  height: 2.34rem;
}
.h-\[2\.37rem\] {
  height: 2.37rem;
}
.h-\[2\.4rem\] {
  height: 2.4rem;
}
.h-\[2\.5rem\] {
  height: 2.5rem;
}
.h-\[2\.64rem\] {
  height: 2.64rem;
}
.h-\[2\.6rem\] {
  height: 2.6rem;
}
.h-\[2\.75rem\] {
  height: 2.75rem;
}
.h-\[2\.8rem\] {
  height: 2.8rem;
}
.h-\[20\.8rem\] {
  height: 20.8rem;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24\.29rem\] {
  height: 24.29rem;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25rem\] {
  height: 25rem;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[29rem\] {
  height: 29rem;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[2rem\] {
  height: 2rem;
}
.h-\[3\.2rem\] {
  height: 3.2rem;
}
.h-\[3\.44rem\] {
  height: 3.44rem;
}
.h-\[3\.47rem\] {
  height: 3.47rem;
}
.h-\[3\.52rem\] {
  height: 3.52rem;
}
.h-\[3\.68rem\] {
  height: 3.68rem;
}
.h-\[3\.76rem\] {
  height: 3.76rem;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34rem\] {
  height: 34rem;
}
.h-\[37\.36rem\] {
  height: 37.36rem;
}
.h-\[4\.03rem\] {
  height: 4.03rem;
}
.h-\[4\.1333rem\] {
  height: 4.1333rem;
}
.h-\[4\.4266rem\] {
  height: 4.4266rem;
}
.h-\[4\.5867rem\] {
  height: 4.5867rem;
}
.h-\[4\.63rem\] {
  height: 4.63rem;
}
.h-\[4\.72rem\] {
  height: 4.72rem;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[4rem\] {
  height: 4rem;
}
.h-\[5\.1rem\] {
  height: 5.1rem;
}
.h-\[5\.33rem\] {
  height: 5.33rem;
}
.h-\[5\.39rem\] {
  height: 5.39rem;
}
.h-\[5\.5rem\] {
  height: 5.5rem;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[6\.03rem\] {
  height: 6.03rem;
}
.h-\[6\.64rem\] {
  height: 6.64rem;
}
.h-\[7\.05rem\] {
  height: 7.05rem;
}
.h-\[77\.73rem\] {
  height: 77.73rem;
}
.h-\[8\.05rem\] {
  height: 8.05rem;
}
.h-\[8\.2133rem\] {
  height: 8.2133rem;
}
.h-\[8\.67rem\] {
  height: 8.67rem;
}
.h-\[8\.71rem\] {
  height: 8.71rem;
}
.h-\[9\.7067rem\] {
  height: 9.7067rem;
}
.h-\[9\.7rem\] {
  height: 9.7rem;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[unset\] {
  height: unset;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-\[100rem\] {
  max-height: 100rem;
}
.max-h-\[20\.24rem\] {
  max-height: 20.24rem;
}
.max-h-\[40px\] {
  max-height: 40px;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[77\.73rem\] {
  max-height: 77.73rem;
}
.max-h-\[86vh\] {
  max-height: 86vh;
}
.max-h-\[95vh\] {
  max-height: 95vh;
}
.max-h-\[98vh\] {
  max-height: 98vh;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[1\.04rem\] {
  min-height: 1.04rem;
}
.min-h-\[1\.9733rem\] {
  min-height: 1.9733rem;
}
.min-h-\[100vh\] {
  min-height: 100vh;
}
.min-h-\[29rem\] {
  min-height: 29rem;
}
.min-h-\[32rem\] {
  min-height: 32rem;
}
.min-h-\[47rem\] {
  min-height: 47rem;
}
.min-h-\[50vh\] {
  min-height: 50vh;
}
.min-h-\[80vh\] {
  min-height: 80vh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: 0px;
}
.w-12 {
  width: 3rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[0\.07rem\] {
  width: 0.07rem;
}
.w-\[0\.29rem\] {
  width: 0.29rem;
}
.w-\[0\.37rem\] {
  width: 0.37rem;
}
.w-\[0\.48rem\] {
  width: 0.48rem;
}
.w-\[0\.4rem\] {
  width: 0.4rem;
}
.w-\[0\.51rem\] {
  width: 0.51rem;
}
.w-\[0\.53rem\] {
  width: 0.53rem;
}
.w-\[0\.56rem\] {
  width: 0.56rem;
}
.w-\[0\.587rem\] {
  width: 0.587rem;
}
.w-\[0\.59rem\] {
  width: 0.59rem;
}
.w-\[0\.61rem\] {
  width: 0.61rem;
}
.w-\[0\.64rem\] {
  width: 0.64rem;
}
.w-\[0\.6667rem\] {
  width: 0.6667rem;
}
.w-\[0\.67rem\] {
  width: 0.67rem;
}
.w-\[0\.6933rem\] {
  width: 0.6933rem;
}
.w-\[0\.74rem\] {
  width: 0.74rem;
}
.w-\[0\.75rem\] {
  width: 0.75rem;
}
.w-\[0\.83rem\] {
  width: 0.83rem;
}
.w-\[0\.8533rem\] {
  width: 0.8533rem;
}
.w-\[0\.85rem\] {
  width: 0.85rem;
}
.w-\[0\.88rem\] {
  width: 0.88rem;
}
.w-\[0\.8rem\] {
  width: 0.8rem;
}
.w-\[0\.96rem\] {
  width: 0.96rem;
}
.w-\[1\.05rem\] {
  width: 1.05rem;
}
.w-\[1\.07rem\] {
  width: 1.07rem;
}
.w-\[1\.12rem\] {
  width: 1.12rem;
}
.w-\[1\.173rem\] {
  width: 1.173rem;
}
.w-\[1\.28rem\] {
  width: 1.28rem;
}
.w-\[1\.2rem\] {
  width: 1.2rem;
}
.w-\[1\.39rem\] {
  width: 1.39rem;
}
.w-\[1\.68rem\] {
  width: 1.68rem;
}
.w-\[1\.71rem\] {
  width: 1.71rem;
}
.w-\[1\.76rem\] {
  width: 1.76rem;
}
.w-\[1\.8667rem\] {
  width: 1.8667rem;
}
.w-\[1\.8rem\] {
  width: 1.8rem;
}
.w-\[1\.92rem\] {
  width: 1.92rem;
}
.w-\[1\.9733rem\] {
  width: 1.9733rem;
}
.w-\[1\.97rem\] {
  width: 1.97rem;
}
.w-\[10\.1867rem\] {
  width: 10.1867rem;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[100\.96rem\] {
  width: 100.96rem;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[105\%\] {
  width: 105%;
}
.w-\[11\.84rem\] {
  width: 11.84rem;
}
.w-\[110\%\] {
  width: 110%;
}
.w-\[12\.45rem\] {
  width: 12.45rem;
}
.w-\[12\.8rem\] {
  width: 12.8rem;
}
.w-\[13\.01rem\] {
  width: 13.01rem;
}
.w-\[13\.65rem\] {
  width: 13.65rem;
}
.w-\[13\.6rem\] {
  width: 13.6rem;
}
.w-\[130\%\] {
  width: 130%;
}
.w-\[14\.59rem\] {
  width: 14.59rem;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[18\.29rem\] {
  width: 18.29rem;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[1rem\] {
  width: 1rem;
}
.w-\[2\.13rem\] {
  width: 2.13rem;
}
.w-\[2\.1867rem\] {
  width: 2.1867rem;
}
.w-\[2\.2rem\] {
  width: 2.2rem;
}
.w-\[2\.4533rem\] {
  width: 2.4533rem;
}
.w-\[2\.56rem\] {
  width: 2.56rem;
}
.w-\[2\.61rem\] {
  width: 2.61rem;
}
.w-\[2\.75rem\] {
  width: 2.75rem;
}
.w-\[2\.91rem\] {
  width: 2.91rem;
}
.w-\[2\.9867rem\] {
  width: 2.9867rem;
}
.w-\[20\.11rem\] {
  width: 20.11rem;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[21\.09rem\] {
  width: 21.09rem;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[26\.1866rem\] {
  width: 26.1866rem;
}
.w-\[26\.1867rem\] {
  width: 26.1867rem;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[3\.25rem\] {
  width: 3.25rem;
}
.w-\[3\.2rem\] {
  width: 3.2rem;
}
.w-\[3\.44rem\] {
  width: 3.44rem;
}
.w-\[3\.47rem\] {
  width: 3.47rem;
}
.w-\[3\.52rem\] {
  width: 3.52rem;
}
.w-\[3\.73rem\] {
  width: 3.73rem;
}
.w-\[3\.92rem\] {
  width: 3.92rem;
}
.w-\[30\.93rem\] {
  width: 30.93rem;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[33\.59rem\] {
  width: 33.59rem;
}
.w-\[4\.03rem\] {
  width: 4.03rem;
}
.w-\[4\.0533rem\] {
  width: 4.0533rem;
}
.w-\[4\.1333rem\] {
  width: 4.1333rem;
}
.w-\[4\.37rem\] {
  width: 4.37rem;
}
.w-\[4\.4266rem\] {
  width: 4.4266rem;
}
.w-\[4\.666rem\] {
  width: 4.666rem;
}
.w-\[4\.67rem\] {
  width: 4.67rem;
}
.w-\[4\.8rem\] {
  width: 4.8rem;
}
.w-\[4\.99rem\] {
  width: 4.99rem;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[48\%\] {
  width: 48%;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[49\.8666rem\] {
  width: 49.8666rem;
}
.w-\[5\.1rem\] {
  width: 5.1rem;
}
.w-\[5\.49rem\] {
  width: 5.49rem;
}
.w-\[5\.8667rem\] {
  width: 5.8667rem;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[53\.55rem\] {
  width: 53.55rem;
}
.w-\[54\.4533rem\] {
  width: 54.4533rem;
}
.w-\[54\.5067rem\] {
  width: 54.5067rem;
}
.w-\[56\.16rem\] {
  width: 56.16rem;
}
.w-\[56\.6933rem\] {
  width: 56.6933rem;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[6\.11rem\] {
  width: 6.11rem;
}
.w-\[6\.55rem\] {
  width: 6.55rem;
}
.w-\[6\.97rem\] {
  width: 6.97rem;
}
.w-\[7\.1466rem\] {
  width: 7.1466rem;
}
.w-\[7\.3867rem\] {
  width: 7.3867rem;
}
.w-\[7\.4133rem\] {
  width: 7.4133rem;
}
.w-\[7\.73333rem\] {
  width: 7.73333rem;
}
.w-\[8\.37rem\] {
  width: 8.37rem;
}
.w-\[8\.71rem\] {
  width: 8.71rem;
}
.w-\[8\.72rem\] {
  width: 8.72rem;
}
.w-\[9\.52rem\] {
  width: 9.52rem;
}
.w-\[9\.7067rem\] {
  width: 9.7067rem;
}
.w-\[9\.73rem\] {
  width: 9.73rem;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[2rem\] {
  min-width: 2rem;
}
.min-w-full {
  min-width: 100%;
}
.max-w-96 {
  max-width: 24rem;
}
.max-w-\[3\.2rem\] {
  max-width: 3.2rem;
}
.max-w-\[34rem\] {
  max-width: 34rem;
}
.max-w-\[36\.0533rem\] {
  max-width: 36.0533rem;
}
.max-w-\[44rem\] {
  max-width: 44rem;
}
.max-w-\[45rem\] {
  max-width: 45rem;
}
.max-w-\[48\.2133rem\] {
  max-width: 48.2133rem;
}
.max-w-\[54\.4533rem\] {
  max-width: 54.4533rem;
}
.max-w-\[54\.4rem\] {
  max-width: 54.4rem;
}
.max-w-full {
  max-width: 100%;
}
.max-w-none {
  max-width: none;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-\[1\.2\] {
  flex: 1.2;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-full {
  flex-basis: 100%;
}
.origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.origin-left {
  transform-origin: left;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-4 {
  --tw-translate-y: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[0\.0533rem\] {
  --tw-translate-y: 0.0533rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-\[-45deg\] {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-90 {
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[0\.85\] {
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.2\] {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.31\] {
  --tw-scale-x: 1.31;
  --tw-scale-y: 1.31;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.3\] {
  --tw-scale-x: 1.3;
  --tw-scale-y: 1.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.6\] {
  --tw-scale-x: 1.6;
  --tw-scale-y: 1.6;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.8\] {
  --tw-scale-x: 1.8;
  --tw-scale-y: 1.8;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\.3\] {
  --tw-scale-x: 2.3;
  --tw-scale-y: 2.3;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes slide-down {

  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.animate-slide-down {
  animation: slide-down 350ms cubic-bezier(.15,1.15,0.6,1.00);
}
@keyframes slide-up {

  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.animate-slide-up {
  animation: slide-up 350ms cubic-bezier(.15,1.15,0.6,1.00);
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  user-select: none;
}
.resize {
  resize: both;
}
.appearance-none {
  appearance: none;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-\[0\.16rem\] {
  gap: 0.16rem;
}
.gap-\[0\.1867rem\] {
  gap: 0.1867rem;
}
.gap-\[0\.18rem\] {
  gap: 0.18rem;
}
.gap-\[0\.1rem\] {
  gap: 0.1rem;
}
.gap-\[0\.21rem\] {
  gap: 0.21rem;
}
.gap-\[0\.24rem\] {
  gap: 0.24rem;
}
.gap-\[0\.267rem\] {
  gap: 0.267rem;
}
.gap-\[0\.27rem\] {
  gap: 0.27rem;
}
.gap-\[0\.2933rem\] {
  gap: 0.2933rem;
}
.gap-\[0\.29rem\] {
  gap: 0.29rem;
}
.gap-\[0\.2rem\] {
  gap: 0.2rem;
}
.gap-\[0\.32rem\] {
  gap: 0.32rem;
}
.gap-\[0\.35rem\] {
  gap: 0.35rem;
}
.gap-\[0\.37rem\] {
  gap: 0.37rem;
}
.gap-\[0\.3rem\] {
  gap: 0.3rem;
}
.gap-\[0\.43rem\] {
  gap: 0.43rem;
}
.gap-\[0\.4533rem\] {
  gap: 0.4533rem;
}
.gap-\[0\.45rem\] {
  gap: 0.45rem;
}
.gap-\[0\.48rem\] {
  gap: 0.48rem;
}
.gap-\[0\.4rem\] {
  gap: 0.4rem;
}
.gap-\[0\.5066rem\] {
  gap: 0.5066rem;
}
.gap-\[0\.53rem\] {
  gap: 0.53rem;
}
.gap-\[0\.56rem\] {
  gap: 0.56rem;
}
.gap-\[0\.5866rem\] {
  gap: 0.5866rem;
}
.gap-\[0\.5867rem\] {
  gap: 0.5867rem;
}
.gap-\[0\.59rem\] {
  gap: 0.59rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[0\.61rem\] {
  gap: 0.61rem;
}
.gap-\[0\.64rem\] {
  gap: 0.64rem;
}
.gap-\[0\.68rem\] {
  gap: 0.68rem;
}
.gap-\[0\.6rem\] {
  gap: 0.6rem;
}
.gap-\[0\.75rem\] {
  gap: 0.75rem;
}
.gap-\[0\.77rem\] {
  gap: 0.77rem;
}
.gap-\[0\.85rem\] {
  gap: 0.85rem;
}
.gap-\[0\.8rem\] {
  gap: 0.8rem;
}
.gap-\[0\.9333rem\] {
  gap: 0.9333rem;
}
.gap-\[0\.96rem\] {
  gap: 0.96rem;
}
.gap-\[1\.01rem\] {
  gap: 1.01rem;
}
.gap-\[1\.07rem\] {
  gap: 1.07rem;
}
.gap-\[1\.09rem\] {
  gap: 1.09rem;
}
.gap-\[1\.12rem\] {
  gap: 1.12rem;
}
.gap-\[1\.5rem\] {
  gap: 1.5rem;
}
.gap-\[1\.73rem\] {
  gap: 1.73rem;
}
.gap-\[1\.9467rem\] {
  gap: 1.9467rem;
}
.gap-\[1rem\] {
  gap: 1rem;
}
.gap-\[2\.0533rem\] {
  gap: 2.0533rem;
}
.gap-\[2\.16rem\] {
  gap: 2.16rem;
}
.gap-\[2\.35rem\] {
  gap: 2.35rem;
}
.gap-\[2\.7733rem\] {
  gap: 2.7733rem;
}
.gap-\[2rem\] {
  gap: 2rem;
}
.gap-x-\[0\.29rem\] {
  column-gap: 0.29rem;
}
.gap-x-\[0\.69rem\] {
  column-gap: 0.69rem;
}
.gap-x-\[0\.88rem\] {
  column-gap: 0.88rem;
}
.gap-y-\[0\.29rem\] {
  row-gap: 0.29rem;
}
.gap-y-\[0\.96rem\] {
  row-gap: 0.96rem;
}
.gap-y-\[1\.28rem\] {
  row-gap: 1.28rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.scroll-smooth {
  scroll-behavior: smooth;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[0\.13rem\] {
  border-radius: 0.13rem;
}
.rounded-\[0\.16rem\] {
  border-radius: 0.16rem;
}
.rounded-\[0\.24rem\] {
  border-radius: 0.24rem;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem;
}
.rounded-\[0\.2666rem\] {
  border-radius: 0.2666rem;
}
.rounded-\[0\.27rem\] {
  border-radius: 0.27rem;
}
.rounded-\[0\.32rem\] {
  border-radius: 0.32rem;
}
.rounded-\[0\.35rem\] {
  border-radius: 0.35rem;
}
.rounded-\[0\.3733rem\] {
  border-radius: 0.3733rem;
}
.rounded-\[0\.37rem\] {
  border-radius: 0.37rem;
}
.rounded-\[0\.43rem\] {
  border-radius: 0.43rem;
}
.rounded-\[0\.45rem\] {
  border-radius: 0.45rem;
}
.rounded-\[0\.48rem\] {
  border-radius: 0.48rem;
}
.rounded-\[0\.4rem\] {
  border-radius: 0.4rem;
}
.rounded-\[0\.53rem\] {
  border-radius: 0.53rem;
}
.rounded-\[0\.54rem\] {
  border-radius: 0.54rem;
}
.rounded-\[0\.55rem\] {
  border-radius: 0.55rem;
}
.rounded-\[0\.56rem\] {
  border-radius: 0.56rem;
}
.rounded-\[0\.5867rem\] {
  border-radius: 0.5867rem;
}
.rounded-\[0\.64rem\] {
  border-radius: 0.64rem;
}
.rounded-\[0\.65rem\] {
  border-radius: 0.65rem;
}
.rounded-\[0\.69rem\] {
  border-radius: 0.69rem;
}
.rounded-\[0\.72rem\] {
  border-radius: 0.72rem;
}
.rounded-\[0\.75rem\] {
  border-radius: 0.75rem;
}
.rounded-\[0\.96rem\] {
  border-radius: 0.96rem;
}
.rounded-\[1\.04rem\] {
  border-radius: 1.04rem;
}
.rounded-\[1\.12rem\] {
  border-radius: 1.12rem;
}
.rounded-\[1\.17rem\] {
  border-radius: 1.17rem;
}
.rounded-\[1rem\] {
  border-radius: 1rem;
}
.rounded-\[inherit\] {
  border-radius: inherit;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-4 {
  border-width: 4px;
}
.border-\[0\.0533rem\] {
  border-width: 0.0533rem;
}
.border-\[0\.08rem\] {
  border-width: 0.08rem;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-\[3px\] {
  border-width: 3px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-t-\[0\.08rem\] {
  border-top-width: 0.08rem;
}
.border-none {
  border-style: none;
}
.border-\[\#2A3537\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 53 55 / var(--tw-border-opacity, 1));
}
.border-\[\#2B383B\] {
  --tw-border-opacity: 1;
  border-color: rgb(43 56 59 / var(--tw-border-opacity, 1));
}
.border-\[\#2C3139\] {
  --tw-border-opacity: 1;
  border-color: rgb(44 49 57 / var(--tw-border-opacity, 1));
}
.border-\[\#2C3139\]\/40 {
  border-color: rgb(44 49 57 / 0.4);
}
.border-\[\#2C3139\]\/60 {
  border-color: rgb(44 49 57 / 0.6);
}
.border-\[\#32343B\] {
  --tw-border-opacity: 1;
  border-color: rgb(50 52 59 / var(--tw-border-opacity, 1));
}
.border-\[\#37363B\] {
  --tw-border-opacity: 1;
  border-color: rgb(55 54 59 / var(--tw-border-opacity, 1));
}
.border-\[\#373839\] {
  --tw-border-opacity: 1;
  border-color: rgb(55 56 57 / var(--tw-border-opacity, 1));
}
.border-\[\#4B5563\] {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.border-\[\#61595B\] {
  --tw-border-opacity: 1;
  border-color: rgb(97 89 91 / var(--tw-border-opacity, 1));
}
.border-\[\#AEBECE\]\/\[0\.25\] {
  border-color: rgb(174 190 206 / 0.25);
}
.border-\[\#BCCACF\]\/\[0\.8\] {
  border-color: rgb(188 202 207 / 0.8);
}
.border-\[\#C0DDF1\] {
  --tw-border-opacity: 1;
  border-color: rgb(192 221 241 / var(--tw-border-opacity, 1));
}
.border-\[\#E0F0FF\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 240 255 / var(--tw-border-opacity, 1));
}
.border-\[\#FF5C5C\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 92 92 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-\[rgba\(192\2c 221\2c 241\2c 0\.15\)\] {
  border-color: rgba(192,221,241,0.15);
}
.border-fg-critical {
  border-color: var(--akui-fg-critical);
}
.border-fg-disabled {
  border-color: var(--akui-fg-disabled);
}
.border-fg-success {
  border-color: var(--akui-fg-success);
}
.border-gray-800 {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
}
.border-indigo-500\/30 {
  border-color: rgb(99 102 241 / 0.3);
}
.border-input {
  border-color: hsl(var(--input));
}
.border-transparent {
  border-color: transparent;
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}
.border-white\/5 {
  border-color: rgb(255 255 255 / 0.05);
}
.border-white\/\[0\.08\] {
  border-color: rgb(255 255 255 / 0.08);
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-\[\#6EB6FF\] {
  --tw-border-opacity: 1;
  border-right-color: rgb(110 182 255 / var(--tw-border-opacity, 1));
}
.border-t-\[\#00EDFF\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 237 255 / var(--tw-border-opacity, 1));
}
.border-t-\[\#6EB6FF\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(110 182 255 / var(--tw-border-opacity, 1));
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-\[\#000001\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 1 / var(--tw-bg-opacity, 1));
}
.bg-\[\#00ADFD\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 173 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#03060B\]\/60 {
  background-color: rgb(3 6 11 / 0.6);
}
.bg-\[\#03060B\]\/\[0\.42\] {
  background-color: rgb(3 6 11 / 0.42);
}
.bg-\[\#03060B\]\/\[0\.8\] {
  background-color: rgb(3 6 11 / 0.8);
}
.bg-\[\#070708\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 7 8 / var(--tw-bg-opacity, 1));
}
.bg-\[\#080B10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 11 16 / var(--tw-bg-opacity, 1));
}
.bg-\[\#081217\] {
  --tw-bg-opacity: 1;
  background-color: rgb(8 18 23 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0E1014\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 16 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#10151D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 21 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#131D23\]\/\[0\.5\] {
  background-color: rgb(19 29 35 / 0.5);
}
.bg-\[\#172D39\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 45 57 / var(--tw-bg-opacity, 1));
}
.bg-\[\#172D39\]\/\[0\.72\] {
  background-color: rgb(23 45 57 / 0.72);
}
.bg-\[\#18232B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 35 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 29 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1A1A1D\]\/80 {
  background-color: rgb(26 26 29 / 0.8);
}
.bg-\[\#1D2A33\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 42 51 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1E2B35\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 43 53 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1F2329\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 35 41 / var(--tw-bg-opacity, 1));
}
.bg-\[\#223B53\]\/50 {
  background-color: rgb(34 59 83 / 0.5);
}
.bg-\[\#24323C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 50 60 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25313B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 49 59 / var(--tw-bg-opacity, 1));
}
.bg-\[\#25313B\]\/50 {
  background-color: rgb(37 49 59 / 0.5);
}
.bg-\[\#272C37\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 44 55 / var(--tw-bg-opacity, 1));
}
.bg-\[\#282828\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 40 40 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2C3139\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 49 57 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2E333D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 51 61 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2F4855\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 72 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3396FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 150 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3B2F55\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 47 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3E424C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 66 76 / var(--tw-bg-opacity, 1));
}
.bg-\[\#4EA8C9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(78 168 201 / var(--tw-bg-opacity, 1));
}
.bg-\[\#564E50\] {
  --tw-bg-opacity: 1;
  background-color: rgb(86 78 80 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6EB6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(110 182 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#838383\] {
  --tw-bg-opacity: 1;
  background-color: rgb(131 131 131 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D2D0CF\]\/20 {
  background-color: rgb(210 208 207 / 0.2);
}
.bg-\[\#D5FCFF\]\/\[0\.06\] {
  background-color: rgb(213 252 255 / 0.06);
}
.bg-\[\#D7EDFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 237 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EDEAF2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(237 234 242 / var(--tw-bg-opacity, 1));
}
.bg-\[rgba\(100\2c 187\2c 238\2c 0\.1\)\] {
  background-color: rgba(100,187,238,0.1);
}
.bg-\[rgba\(24\2c 30\2c 36\2c 0\.8\)\] {
  background-color: rgba(24,30,36,0.8);
}
.bg-\[rgba\(38\2c 44\2c 49\2c 0\.15\)\] {
  background-color: rgba(38,44,49,0.15);
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-bg-surface-critical {
  background-color: var(--akui-bg-surface-critical);
}
.bg-bg-surface-default {
  background-color: var(--akui-bg-surface-default);
}
.bg-bg-surface-error {
  background-color: var(--akui-bg-surface-error);
}
.bg-bg-surface-inset {
  background-color: var(--akui-bg-surface-inset);
}
.bg-bg-surface-success {
  background-color: var(--akui-bg-surface-success);
}
.bg-bg-surface-warning {
  background-color: var(--akui-bg-surface-warning);
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/60 {
  background-color: rgb(0 0 0 / 0.6);
}
.bg-black\/70 {
  background-color: rgb(0 0 0 / 0.7);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/90 {
  background-color: rgb(0 0 0 / 0.9);
}
.bg-black\/95 {
  background-color: rgb(0 0 0 / 0.95);
}
.bg-black\/\[0\.3\] {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-btn-auth {
  background-color: var(--akui-btn-auth);
}
.bg-btn-primary {
  background-color: var(--akui-btn-primary);
}
.bg-btn-secondary {
  background-color: var(--akui-btn-secondary);
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-fg-critical {
  background-color: var(--akui-fg-critical);
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500\/10 {
  background-color: rgb(99 102 241 / 0.1);
}
.bg-inherit {
  background-color: inherit;
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-static {
  background-color: var(--akui-static);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-white\/\[0\.04\] {
  background-color: rgb(255 255 255 / 0.04);
}
.bg-white\/\[0\.08\] {
  background-color: rgb(255 255 255 / 0.08);
}
.bg-white\/\[0\.1\] {
  background-color: rgb(255 255 255 / 0.1);
}
.bg-opacity-\[0\.08\] {
  --tw-bg-opacity: 0.08;
}
.bg-\[linear-gradient\(0deg\2c \#6DD2FD_0\%\2c \#4BB7F9_100\%\)\] {
  background-image: linear-gradient(0deg,#6DD2FD 0%,#4BB7F9 100%);
}
.bg-\[linear-gradient\(0deg\2c rgba\(99\2c 155\2c 173\2c 0\.08\)_0\%\2c rgba\(92\2c 151\2c 171\2c 0\.08\)_100\%\)\] {
  background-image: linear-gradient(0deg,rgba(99,155,173,0.08) 0%,rgba(92,151,171,0.08) 100%);
}
.bg-\[linear-gradient\(15deg\2c rgba\(36\2c 40\2c 44\2c 0\.6\)_0\%\2c rgba\(17\2c 50\2c 64\2c 0\.8\)_100\%\)\] {
  background-image: linear-gradient(15deg,rgba(36,40,44,0.6) 0%,rgba(17,50,64,0.8) 100%);
}
.bg-\[linear-gradient\(195deg\2c rgba\(36\2c 40\2c 44\2c 0\.6\)_0\%\2c rgba\(17\2c 50\2c 64\2c 0\.8\)_100\%\)\] {
  background-image: linear-gradient(195deg,rgba(36,40,44,0.6) 0%,rgba(17,50,64,0.8) 100%);
}
.bg-\[linear-gradient\(40deg\2c \#D7EDFF_0\%\2c \#E4F0FE_100\%\)\] {
  background-image: linear-gradient(40deg,#D7EDFF 0%,#E4F0FE 100%);
}
.bg-\[radial-gradient\(circle_at_50\%_0\%\2c rgba\(38\2c 112\2c 132\2c 0\.22\)\2c rgba\(8\2c 18\2c 23\2c 0\)_60\%\)\] {
  background-image: radial-gradient(circle at 50% 0%,rgba(38,112,132,0.22),rgba(8,18,23,0) 60%);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#9FCCF0\] {
  --tw-gradient-from: #9FCCF0 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 204 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#9FCCF0\]\/30 {
  --tw-gradient-from: rgb(159 204 240 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(159 204 240 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#BED7FF\] {
  --tw-gradient-from: #BED7FF var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(190 215 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#D7EDFF\]\/100 {
  --tw-gradient-from: rgb(215 237 255 / 1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(215 237 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#E3CCCE\] {
  --tw-gradient-to: #E3CCCE var(--tw-gradient-to-position);
}
.to-\[\#E4F0FE\] {
  --tw-gradient-to: #E4F0FE var(--tw-gradient-to-position);
}
.to-\[\#E4F0FE\]\/100 {
  --tw-gradient-to: rgb(228 240 254 / 1) var(--tw-gradient-to-position);
}
.to-\[\#E4F0FE\]\/30 {
  --tw-gradient-to: rgb(228 240 254 / 0.3) var(--tw-gradient-to-position);
}
.to-black {
  --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.\!fill-fg-disabled {
  fill: var(--akui-fg-disabled) !important;
}
.fill-\[\#FECACA\] {
  fill: #FECACA;
}
.fill-\[\#FEE2E2\] {
  fill: #FEE2E2;
}
.fill-current {
  fill: currentColor;
}
.fill-fg-accent-brand {
  fill: var(--akui-fg-accent-brand);
}
.fill-fg-disabled {
  fill: var(--akui-fg-disabled);
}
.fill-fg-primary {
  fill: var(--akui-fg-primary);
}
.stroke-\[\#DC2626\] {
  stroke: #DC2626;
}
.stroke-\[\#F87171\] {
  stroke: #F87171;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[0\.0533rem\] {
  padding: 0.0533rem;
}
.p-\[0\.08rem\] {
  padding: 0.08rem;
}
.p-\[0\.16rem\] {
  padding: 0.16rem;
}
.p-\[0\.55rem\] {
  padding: 0.55rem;
}
.p-\[0\.59rem\] {
  padding: 0.59rem;
}
.p-\[0\.5rem\] {
  padding: 0.5rem;
}
.p-\[0\] {
  padding: 0;
}
.p-\[1\.28rem\] {
  padding: 1.28rem;
}
.p-\[1\.2rem\] {
  padding: 1.2rem;
}
.p-\[1rem\] {
  padding: 1rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[0\.05rem\] {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}
.px-\[0\.2133rem\] {
  padding-left: 0.2133rem;
  padding-right: 0.2133rem;
}
.px-\[0\.27rem\] {
  padding-left: 0.27rem;
  padding-right: 0.27rem;
}
.px-\[0\.32rem\] {
  padding-left: 0.32rem;
  padding-right: 0.32rem;
}
.px-\[0\.53rem\] {
  padding-left: 0.53rem;
  padding-right: 0.53rem;
}
.px-\[0\.5rem\] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-\[0\.61rem\] {
  padding-left: 0.61rem;
  padding-right: 0.61rem;
}
.px-\[0\.64rem\] {
  padding-left: 0.64rem;
  padding-right: 0.64rem;
}
.px-\[0\.67rem\] {
  padding-left: 0.67rem;
  padding-right: 0.67rem;
}
.px-\[0\.72rem\] {
  padding-left: 0.72rem;
  padding-right: 0.72rem;
}
.px-\[0\.75rem\] {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-\[0\.85rem\] {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
.px-\[0\.86rem\] {
  padding-left: 0.86rem;
  padding-right: 0.86rem;
}
.px-\[0\.88rem\] {
  padding-left: 0.88rem;
  padding-right: 0.88rem;
}
.px-\[0\.9rem\] {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
.px-\[1\.05rem\] {
  padding-left: 1.05rem;
  padding-right: 1.05rem;
}
.px-\[1\.2rem\] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.px-\[1\.34rem\] {
  padding-left: 1.34rem;
  padding-right: 1.34rem;
}
.px-\[1\.71rem\] {
  padding-left: 1.71rem;
  padding-right: 1.71rem;
}
.px-\[1\.79rem\] {
  padding-left: 1.79rem;
  padding-right: 1.79rem;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[3\.2rem\] {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[0\.05rem\] {
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.py-\[0\.1333rem\] {
  padding-top: 0.1333rem;
  padding-bottom: 0.1333rem;
}
.py-\[0\.18rem\] {
  padding-top: 0.18rem;
  padding-bottom: 0.18rem;
}
.py-\[0\.1rem\] {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.py-\[0\.35rem\] {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.py-\[0\.45rem\] {
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
.py-\[0\.56rem\] {
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
}
.py-\[0\.5rem\] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-\[0\.61rem\] {
  padding-top: 0.61rem;
  padding-bottom: 0.61rem;
}
.py-\[0\.72rem\] {
  padding-top: 0.72rem;
  padding-bottom: 0.72rem;
}
.py-\[0\.83rem\] {
  padding-top: 0.83rem;
  padding-bottom: 0.83rem;
}
.py-\[0\.85rem\] {
  padding-top: 0.85rem;
  padding-bottom: 0.85rem;
}
.py-\[0\.8rem\] {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.py-\[1\.63rem\] {
  padding-top: 1.63rem;
  padding-bottom: 1.63rem;
}
.py-\[2rem\] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[5vh\] {
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-\[0\.29333rem\] {
  padding-bottom: 0.29333rem;
}
.pb-\[0\.38rem\] {
  padding-bottom: 0.38rem;
}
.pb-\[0\.48rem\] {
  padding-bottom: 0.48rem;
}
.pb-\[0\.65rem\] {
  padding-bottom: 0.65rem;
}
.pb-\[0\.8533rem\] {
  padding-bottom: 0.8533rem;
}
.pb-\[1\.12rem\] {
  padding-bottom: 1.12rem;
}
.pb-\[1\.5rem\] {
  padding-bottom: 1.5rem;
}
.pb-\[1\.81rem\] {
  padding-bottom: 1.81rem;
}
.pb-\[3\.81rem\] {
  padding-bottom: 3.81rem;
}
.pb-\[5\.2267rem\] {
  padding-bottom: 5.2267rem;
}
.pl-\[0\.56rem\] {
  padding-left: 0.56rem;
}
.pl-\[0\.61rem\] {
  padding-left: 0.61rem;
}
.pl-\[0\.69333rem\] {
  padding-left: 0.69333rem;
}
.pl-\[0\.77rem\] {
  padding-left: 0.77rem;
}
.pl-\[0\.8533rem\] {
  padding-left: 0.8533rem;
}
.pl-\[0\.85rem\] {
  padding-left: 0.85rem;
}
.pl-\[0\.8rem\] {
  padding-left: 0.8rem;
}
.pl-\[1\.12rem\] {
  padding-left: 1.12rem;
}
.pl-\[1\.2533rem\] {
  padding-left: 1.2533rem;
}
.pl-\[1\.3067rem\] {
  padding-left: 1.3067rem;
}
.pl-\[1\.39rem\] {
  padding-left: 1.39rem;
}
.pl-\[1\.5rem\] {
  padding-left: 1.5rem;
}
.pl-\[2rem\] {
  padding-left: 2rem;
}
.pl-\[3\.44rem\] {
  padding-left: 3.44rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-\[0\.3733rem\] {
  padding-right: 0.3733rem;
}
.pr-\[0\.56rem\] {
  padding-right: 0.56rem;
}
.pr-\[0\.69333rem\] {
  padding-right: 0.69333rem;
}
.pr-\[0\.77rem\] {
  padding-right: 0.77rem;
}
.pr-\[0\.8533rem\] {
  padding-right: 0.8533rem;
}
.pr-\[0\.9066rem\] {
  padding-right: 0.9066rem;
}
.pr-\[1\.28rem\] {
  padding-right: 1.28rem;
}
.pr-\[1\.3333rem\] {
  padding-right: 1.3333rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-\[0\.1rem\] {
  padding-top: 0.1rem;
}
.pt-\[0\.29rem\] {
  padding-top: 0.29rem;
}
.pt-\[0\.32rem\] {
  padding-top: 0.32rem;
}
.pt-\[0\.45rem\] {
  padding-top: 0.45rem;
}
.pt-\[0\.59rem\] {
  padding-top: 0.59rem;
}
.pt-\[0\.8533rem\] {
  padding-top: 0.8533rem;
}
.pt-\[0\.88rem\] {
  padding-top: 0.88rem;
}
.pt-\[1\.44rem\] {
  padding-top: 1.44rem;
}
.pt-\[1\.467rem\] {
  padding-top: 1.467rem;
}
.pt-\[1px\] {
  padding-top: 1px;
}
.pt-\[2rem\] {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.font-\[inherit\] {
  font-family: inherit;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-\[0\.37rem\] {
  font-size: 0.37rem;
}
.text-\[0\.38rem\] {
  font-size: 0.38rem;
}
.text-\[0\.43rem\] {
  font-size: 0.43rem;
}
.text-\[0\.48rem\] {
  font-size: 0.48rem;
}
.text-\[0\.51rem\] {
  font-size: 0.51rem;
}
.text-\[0\.5333rem\] {
  font-size: 0.5333rem;
}
.text-\[0\.533rem\] {
  font-size: 0.533rem;
}
.text-\[0\.53rem\] {
  font-size: 0.53rem;
}
.text-\[0\.56rem\] {
  font-size: 0.56rem;
}
.text-\[0\.5866rem\] {
  font-size: 0.5866rem;
}
.text-\[0\.5867rem\] {
  font-size: 0.5867rem;
}
.text-\[0\.58rem\] {
  font-size: 0.58rem;
}
.text-\[0\.59rem\] {
  font-size: 0.59rem;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem;
}
.text-\[0\.61rem\] {
  font-size: 0.61rem;
}
.text-\[0\.64rem\] {
  font-size: 0.64rem;
}
.text-\[0\.67rem\] {
  font-size: 0.67rem;
}
.text-\[0\.6933rem\] {
  font-size: 0.6933rem;
}
.text-\[0\.69rem\] {
  font-size: 0.69rem;
}
.text-\[0\.6rem\] {
  font-size: 0.6rem;
}
.text-\[0\.72rem\] {
  font-size: 0.72rem;
}
.text-\[0\.7467rem\] {
  font-size: 0.7467rem;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[0\.7rem\] {
  font-size: 0.7rem;
}
.text-\[0\.83rem\] {
  font-size: 0.83rem;
}
.text-\[0\.8533rem\] {
  font-size: 0.8533rem;
}
.text-\[0\.85rem\] {
  font-size: 0.85rem;
}
.text-\[0\.88rem\] {
  font-size: 0.88rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[0\.9067rem\] {
  font-size: 0.9067rem;
}
.text-\[0\.91rem\] {
  font-size: 0.91rem;
}
.text-\[0\.93rem\] {
  font-size: 0.93rem;
}
.text-\[0\.95rem\] {
  font-size: 0.95rem;
}
.text-\[0\.96rem\] {
  font-size: 0.96rem;
}
.text-\[0\.99rem\] {
  font-size: 0.99rem;
}
.text-\[1\.01rem\] {
  font-size: 1.01rem;
}
.text-\[1\.04rem\] {
  font-size: 1.04rem;
}
.text-\[1\.06rem\] {
  font-size: 1.06rem;
}
.text-\[1\.07rem\] {
  font-size: 1.07rem;
}
.text-\[1\.12rem\] {
  font-size: 1.12rem;
}
.text-\[1\.1rem\] {
  font-size: 1.1rem;
}
.text-\[1\.2267rem\] {
  font-size: 1.2267rem;
}
.text-\[1\.23rem\] {
  font-size: 1.23rem;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[1\.33rem\] {
  font-size: 1.33rem;
}
.text-\[1\.65rem\] {
  font-size: 1.65rem;
}
.text-\[1\.6rem\] {
  font-size: 1.6rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[1rem\] {
  font-size: 1rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[400\] {
  font-weight: 400;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\] {
  font-weight: 700;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-4 {
  line-height: 1rem;
}
.leading-\[0\.9333rem\] {
  line-height: 0.9333rem;
}
.leading-\[0\.9867rem\] {
  line-height: 0.9867rem;
}
.leading-\[1\.2rem\] {
  line-height: 1.2rem;
}
.leading-\[1\.4\] {
  line-height: 1.4;
}
.leading-\[1\.4rem\] {
  line-height: 1.4rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-\[0\.2rem\] {
  letter-spacing: 0.2rem;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#151722\] {
  --tw-text-opacity: 1;
  color: rgb(21 23 34 / var(--tw-text-opacity, 1));
}
.text-\[\#2BF6D7\] {
  --tw-text-opacity: 1;
  color: rgb(43 246 215 / var(--tw-text-opacity, 1));
}
.text-\[\#2f93e8\] {
  --tw-text-opacity: 1;
  color: rgb(47 147 232 / var(--tw-text-opacity, 1));
}
.text-\[\#3587F2\] {
  --tw-text-opacity: 1;
  color: rgb(53 135 242 / var(--tw-text-opacity, 1));
}
.text-\[\#3A404C\] {
  --tw-text-opacity: 1;
  color: rgb(58 64 76 / var(--tw-text-opacity, 1));
}
.text-\[\#46B8F8\] {
  --tw-text-opacity: 1;
  color: rgb(70 184 248 / var(--tw-text-opacity, 1));
}
.text-\[\#564E50\] {
  --tw-text-opacity: 1;
  color: rgb(86 78 80 / var(--tw-text-opacity, 1));
}
.text-\[\#5F6570\] {
  --tw-text-opacity: 1;
  color: rgb(95 101 112 / var(--tw-text-opacity, 1));
}
.text-\[\#606060\] {
  --tw-text-opacity: 1;
  color: rgb(96 96 96 / var(--tw-text-opacity, 1));
}
.text-\[\#6B7886\] {
  --tw-text-opacity: 1;
  color: rgb(107 120 134 / var(--tw-text-opacity, 1));
}
.text-\[\#6F7C8B\] {
  --tw-text-opacity: 1;
  color: rgb(111 124 139 / var(--tw-text-opacity, 1));
}
.text-\[\#7092A5\] {
  --tw-text-opacity: 1;
  color: rgb(112 146 165 / var(--tw-text-opacity, 1));
}
.text-\[\#727F89\] {
  --tw-text-opacity: 1;
  color: rgb(114 127 137 / var(--tw-text-opacity, 1));
}
.text-\[\#76808C\] {
  --tw-text-opacity: 1;
  color: rgb(118 128 140 / var(--tw-text-opacity, 1));
}
.text-\[\#7E7E7E\] {
  --tw-text-opacity: 1;
  color: rgb(126 126 126 / var(--tw-text-opacity, 1));
}
.text-\[\#7F919D\] {
  --tw-text-opacity: 1;
  color: rgb(127 145 157 / var(--tw-text-opacity, 1));
}
.text-\[\#808080\] {
  --tw-text-opacity: 1;
  color: rgb(128 128 128 / var(--tw-text-opacity, 1));
}
.text-\[\#82919F\] {
  --tw-text-opacity: 1;
  color: rgb(130 145 159 / var(--tw-text-opacity, 1));
}
.text-\[\#898989\] {
  --tw-text-opacity: 1;
  color: rgb(137 137 137 / var(--tw-text-opacity, 1));
}
.text-\[\#8EA0AB\] {
  --tw-text-opacity: 1;
  color: rgb(142 160 171 / var(--tw-text-opacity, 1));
}
.text-\[\#918D7A\] {
  --tw-text-opacity: 1;
  color: rgb(145 141 122 / var(--tw-text-opacity, 1));
}
.text-\[\#91A3B1\] {
  --tw-text-opacity: 1;
  color: rgb(145 163 177 / var(--tw-text-opacity, 1));
}
.text-\[\#93A8B9\] {
  --tw-text-opacity: 1;
  color: rgb(147 168 185 / var(--tw-text-opacity, 1));
}
.text-\[\#959A9F\] {
  --tw-text-opacity: 1;
  color: rgb(149 154 159 / var(--tw-text-opacity, 1));
}
.text-\[\#989FA7\] {
  --tw-text-opacity: 1;
  color: rgb(152 159 167 / var(--tw-text-opacity, 1));
}
.text-\[\#9D9D9D\] {
  --tw-text-opacity: 1;
  color: rgb(157 157 157 / var(--tw-text-opacity, 1));
}
.text-\[\#9DADB8\] {
  --tw-text-opacity: 1;
  color: rgb(157 173 184 / var(--tw-text-opacity, 1));
}
.text-\[\#A0A0A0\] {
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
}
.text-\[\#A5A4A4\] {
  --tw-text-opacity: 1;
  color: rgb(165 164 164 / var(--tw-text-opacity, 1));
}
.text-\[\#A7C3C4\] {
  --tw-text-opacity: 1;
  color: rgb(167 195 196 / var(--tw-text-opacity, 1));
}
.text-\[\#B0B0B0\] {
  --tw-text-opacity: 1;
  color: rgb(176 176 176 / var(--tw-text-opacity, 1));
}
.text-\[\#B4B4B3\] {
  --tw-text-opacity: 1;
  color: rgb(180 180 179 / var(--tw-text-opacity, 1));
}
.text-\[\#B5B5B5\] {
  --tw-text-opacity: 1;
  color: rgb(181 181 181 / var(--tw-text-opacity, 1));
}
.text-\[\#B5C2CE\] {
  --tw-text-opacity: 1;
  color: rgb(181 194 206 / var(--tw-text-opacity, 1));
}
.text-\[\#B7B7B7\] {
  --tw-text-opacity: 1;
  color: rgb(183 183 183 / var(--tw-text-opacity, 1));
}
.text-\[\#B8B8B8\] {
  --tw-text-opacity: 1;
  color: rgb(184 184 184 / var(--tw-text-opacity, 1));
}
.text-\[\#C2C2C2\] {
  --tw-text-opacity: 1;
  color: rgb(194 194 194 / var(--tw-text-opacity, 1));
}
.text-\[\#C3C3C3\] {
  --tw-text-opacity: 1;
  color: rgb(195 195 195 / var(--tw-text-opacity, 1));
}
.text-\[\#C3D8EC\] {
  --tw-text-opacity: 1;
  color: rgb(195 216 236 / var(--tw-text-opacity, 1));
}
.text-\[\#CBCBCB\] {
  --tw-text-opacity: 1;
  color: rgb(203 203 203 / var(--tw-text-opacity, 1));
}
.text-\[\#CDCDCD\] {
  --tw-text-opacity: 1;
  color: rgb(205 205 205 / var(--tw-text-opacity, 1));
}
.text-\[\#CED9DB\] {
  --tw-text-opacity: 1;
  color: rgb(206 217 219 / var(--tw-text-opacity, 1));
}
.text-\[\#D1D5D5\] {
  --tw-text-opacity: 1;
  color: rgb(209 213 213 / var(--tw-text-opacity, 1));
}
.text-\[\#D2D0CF\] {
  --tw-text-opacity: 1;
  color: rgb(210 208 207 / var(--tw-text-opacity, 1));
}
.text-\[\#D5EAFF\] {
  --tw-text-opacity: 1;
  color: rgb(213 234 255 / var(--tw-text-opacity, 1));
}
.text-\[\#D8D7D6\] {
  --tw-text-opacity: 1;
  color: rgb(216 215 214 / var(--tw-text-opacity, 1));
}
.text-\[\#DBDAD8\] {
  --tw-text-opacity: 1;
  color: rgb(219 218 216 / var(--tw-text-opacity, 1));
}
.text-\[\#DCDCDC\] {
  --tw-text-opacity: 1;
  color: rgb(220 220 220 / var(--tw-text-opacity, 1));
}
.text-\[\#DCEAF4\] {
  --tw-text-opacity: 1;
  color: rgb(220 234 244 / var(--tw-text-opacity, 1));
}
.text-\[\#DFFFFC\] {
  --tw-text-opacity: 1;
  color: rgb(223 255 252 / var(--tw-text-opacity, 1));
}
.text-\[\#DFFFFC\]\/90 {
  color: rgb(223 255 252 / 0.9);
}
.text-\[\#E2E1E0\] {
  --tw-text-opacity: 1;
  color: rgb(226 225 224 / var(--tw-text-opacity, 1));
}
.text-\[\#E4ECED\] {
  --tw-text-opacity: 1;
  color: rgb(228 236 237 / var(--tw-text-opacity, 1));
}
.text-\[\#E4F0FE\] {
  --tw-text-opacity: 1;
  color: rgb(228 240 254 / var(--tw-text-opacity, 1));
}
.text-\[\#E6F2FD\] {
  --tw-text-opacity: 1;
  color: rgb(230 242 253 / var(--tw-text-opacity, 1));
}
.text-\[\#E6F3FF\] {
  --tw-text-opacity: 1;
  color: rgb(230 243 255 / var(--tw-text-opacity, 1));
}
.text-\[\#EFFAFF\] {
  --tw-text-opacity: 1;
  color: rgb(239 250 255 / var(--tw-text-opacity, 1));
}
.text-\[\#F0D179\] {
  --tw-text-opacity: 1;
  color: rgb(240 209 121 / var(--tw-text-opacity, 1));
}
.text-\[\#F1F8FF\] {
  --tw-text-opacity: 1;
  color: rgb(241 248 255 / var(--tw-text-opacity, 1));
}
.text-\[\#F3569C\] {
  --tw-text-opacity: 1;
  color: rgb(243 86 156 / var(--tw-text-opacity, 1));
}
.text-\[\#F3F3F4\] {
  --tw-text-opacity: 1;
  color: rgb(243 243 244 / var(--tw-text-opacity, 1));
}
.text-\[\#F3FBFA\] {
  --tw-text-opacity: 1;
  color: rgb(243 251 250 / var(--tw-text-opacity, 1));
}
.text-\[\#F7F7F7\] {
  --tw-text-opacity: 1;
  color: rgb(247 247 247 / var(--tw-text-opacity, 1));
}
.text-\[\#F8F8F8\] {
  --tw-text-opacity: 1;
  color: rgb(248 248 248 / var(--tw-text-opacity, 1));
}
.text-\[\#FDF4BC\] {
  --tw-text-opacity: 1;
  color: rgb(253 244 188 / var(--tw-text-opacity, 1));
}
.text-\[\#FF5C5C\] {
  --tw-text-opacity: 1;
  color: rgb(255 92 92 / var(--tw-text-opacity, 1));
}
.text-\[\#FFE5A3\] {
  --tw-text-opacity: 1;
  color: rgb(255 229 163 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF3CA\] {
  --tw-text-opacity: 1;
  color: rgb(255 243 202 / var(--tw-text-opacity, 1));
}
.text-\[\#FFF4BB\] {
  --tw-text-opacity: 1;
  color: rgb(255 244 187 / var(--tw-text-opacity, 1));
}
.text-\[0\.59remrem\] {
  color: 0.59remrem;
}
.text-\[1\.02remrem\] {
  color: 1.02remrem;
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-btn-primary {
  color: var(--akui-btn-primary);
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-critical {
  color: var(--akui-critical);
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-fg-accent-brand {
  color: var(--akui-fg-accent-brand);
}
.text-fg-critical {
  color: var(--akui-fg-critical);
}
.text-fg-disabled {
  color: var(--akui-fg-disabled);
}
.text-fg-invert {
  color: var(--akui-fg-invert);
}
.text-fg-primary {
  color: var(--akui-fg-primary);
}
.text-fg-secondary {
  color: var(--akui-fg-secondary);
}
.text-fg-tertiary {
  color: var(--akui-fg-tertiary);
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/20 {
  color: rgb(255 255 255 / 0.2);
}
.text-white\/30 {
  color: rgb(255 255 255 / 0.3);
}
.text-white\/40 {
  color: rgb(255 255 255 / 0.4);
}
.text-white\/60 {
  color: rgb(255 255 255 / 0.6);
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7);
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8);
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.placeholder-\[\#4B5563\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(75 85 99 / var(--tw-placeholder-opacity, 1));
}
.placeholder-fg-disabled::placeholder {
  color: var(--akui-fg-disabled);
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-\[0\.08\] {
  opacity: 0.08;
}
.opacity-\[0\.16\] {
  opacity: 0.16;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0\.16rem_0\.32rem_rgba\(85\2c 199\2c 238\2c 0\.2\)\] {
  --tw-shadow: 0 0.16rem 0.32rem rgba(85,199,238,0.2);
  --tw-shadow-colored: 0 0.16rem 0.32rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_0\.8rem_\#6EB6FF\] {
  --tw-shadow: 0 0 0.8rem #6EB6FF;
  --tw-shadow-colored: 0 0 0.8rem var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_10px_rgba\(255\2c 255\2c 255\2c 0\.15\)\] {
  --tw-shadow: 0 0 10px rgba(255,255,255,0.15);
  --tw-shadow-colored: 0 0 10px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_0_8px_rgba\(110\2c 209\2c 255\2c 0\.6\)\] {
  --tw-shadow: 0 0 8px rgba(110,209,255,0.6);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring-\[0\.0533rem\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0.0533rem + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[0\.08rem\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0.08rem + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#2C3139\] {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(44 49 57 / var(--tw-ring-opacity, 1));
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-200 {
  --tw-brightness: brightness(2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0\.32rem_0\.64rem_rgba\(0\2c 0\2c 0\2c 0\.38\)\] {
  --tw-drop-shadow: drop-shadow(0 0.32rem 0.64rem rgba(0,0,0,0.38));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.3\)\] {
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(255,255,255,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[0\.32rem\] {
  --tw-backdrop-blur: blur(0.32rem);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[4px\] {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[flex-basis\] {
  transition-property: flex-basis;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-700 {
  transition-duration: 700ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in {
  --tw-enter-opacity: 0;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.fade-out {
  --tw-exit-opacity: 0;
}
.zoom-in {
  --tw-enter-scale: 0;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.duration-700 {
  animation-duration: 700ms;
}
.delay-75 {
  animation-delay: 75ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.fill-mode-both {
  animation-fill-mode: both;
}
.active-border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-active);
}
.static-border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-static);
}
.critical-border {
  border-width: 1px;
  border-style: solid;
  border-color: var(--akui-critical);
}
.radius {
  border-radius: calc(var(--akui-border-radius-base) * 1);
}
.radius-2 {
  border-radius: calc(var(--akui-border-radius-base) * 2);
}
.radius-t-2 {
  border-top-left-radius: calc(var(--akui-border-radius-base) * 2);
  border-top-right-radius: calc(var(--akui-border-radius-base) * 2);
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none;
}


:root {
    --foreground-rgb: 0, 0, 0;
    --background-start-rgb: 214, 219, 220;
    --background-end-rgb: 255, 255, 255;
    --cols: 5;
    --scale-factor: 1;

    --scale-ratio: 1;
    --scale-header: var(--scale-factor);

    --shelves-cols: 5;

    /* 列表项缩放参数*/
    --item-scale-min: 0.50; /* 最小缩放比 */
    --item-scale-max: 1.50; /* 最大缩放比 */
    --item-ideal: 10.1333rem; /* 参考宽 */

    --hot_buy-bg-top: #1E2738;
    --new-bg-top: #18171E;

    --left-edge-color: red;
    --right-edge-color: #11121d;

    --goods_top_img-opacity: 0.14;

    --goods_top_img-opacity_hovr: 0.5;

    --scale: 1;

    --baseRem: 66.67;
    --design-width: 3840; /* 设计稿宽度 */

    /*登陆透明度控制*/
    --login-opacity: 0.6;
    --custom-scroll-width: 0.4rem;

    --deck-scale: 2;
    --deck-back-top:0;

}

@media (prefers-color-scheme: dark) {
    :root {
        --foreground-rgb: 255, 255, 255;
        --background-start-rgb: 0, 0, 0;
        --background-end-rgb: 0, 0, 0;
    }
}


@media (min-width: 768px) {


    .md\:family_NotoSansSC {
        font-family: var(--goodz-font-body);
        line-height: 1;
    }
}


.placeholder\:text-\[\#3A4452\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(58 68 82 / var(--tw-text-opacity, 1));
}


.placeholder\:text-\[\#7E8B9B\]\/\[0\.6\]::placeholder {
  color: rgb(126 139 155 / 0.6);
}


.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.hover\:appearance-none:hover {
  appearance: none;
}


.hover\:border-\[0\.1066rem\]:hover {
  border-width: 0.1066rem;
}


.hover\:border-\[rgba\(0\2c 196\2c 238\2c 1\)\]:hover {
  border-color: rgba(0,196,238,1);
}


.hover\:border-white\/5:hover {
  border-color: rgb(255 255 255 / 0.05);
}


.hover\:bg-\[\#232a3b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(35 42 59 / var(--tw-bg-opacity, 1));
}


.hover\:bg-\[\#2F3E48\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 62 72 / var(--tw-bg-opacity, 1));
}


.hover\:bg-\[\#3A404A\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(58 64 74 / var(--tw-bg-opacity, 1));
}


.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}


.hover\:bg-btn-secondary:hover {
  background-color: var(--akui-btn-secondary);
}


.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}


.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}


.hover\:bg-indigo-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}


.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}


.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}


.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}


.hover\:bg-white\/\[0\.02\]:hover {
  background-color: rgb(255 255 255 / 0.02);
}


.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}


.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}


.hover\:text-white\/60:hover {
  color: rgb(255 255 255 / 0.6);
}


.hover\:text-white\/70:hover {
  color: rgb(255 255 255 / 0.7);
}


.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}


.hover\:underline:hover {
  text-decoration-line: underline;
}


.hover\:opacity-100:hover {
  opacity: 1;
}


.hover\:opacity-70:hover {
  opacity: 0.7;
}


.hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}


.focus\:border-\[\#327CA3\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(50 124 163 / var(--tw-border-opacity, 1));
}


.focus\:border-\[\#FF5C5C\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(255 92 92 / var(--tw-border-opacity, 1));
}


.focus\:border-active:focus {
  border-color: var(--akui-active);
}


.focus\:opacity-25:focus {
  opacity: 0.25;
}


.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}


.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}


.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}


.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}


.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}


.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}


.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}


.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.active\:cursor-grabbing:active {
  cursor: grabbing;
}


.active\:appearance-none:active {
  appearance: none;
}


.active\:opacity-25:active {
  opacity: 0.25;
}


.active\:opacity-70:active {
  opacity: 0.7;
}


.active\:opacity-80:active {
  opacity: 0.8;
}


.active\:shadow-none:active {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}


.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}


.disabled\:fill-fg-disabled:disabled {
  fill: var(--akui-fg-disabled);
}


.disabled\:opacity-100:disabled {
  opacity: 1;
}


.disabled\:opacity-25:disabled {
  opacity: 0.25;
}


.disabled\:opacity-50:disabled {
  opacity: 0.5;
}


.disabled\:shadow-none:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


.group:hover .group-hover\:scale-\[1\.03\] {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


.group\/row:hover .group-hover\/row\:opacity-100 {
  opacity: 1;
}


.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}


.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}


.group:hover .group-hover\:opacity-\[0\.65\] {
  opacity: 0.65;
}


.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}


.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}


.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}


.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}


.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}


.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}


.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}


.dark\:block:is(.dark *) {
  display: block;
}


.dark\:inline:is(.dark *) {
  display: inline;
}


.dark\:hidden:is(.dark *) {
  display: none;
}


.dark\:fill-\[rgba\(220\2c 38\2c 38\2c 0\.2\)\]:is(.dark *) {
  fill: rgba(220,38,38,0.2);
}


.dark\:fill-\[rgba\(239\2c 68\2c 68\2c 0\.2\)\]:is(.dark *) {
  fill: rgba(239,68,68,0.2);
}


.dark\:stroke-\[\#B91C1C\]:is(.dark *) {
  stroke: #B91C1C;
}


.dark\:stroke-\[\#CBDFE1\]:is(.dark *) {
  stroke: #CBDFE1;
}


.dark\:stroke-\[\#EF4444\]:is(.dark *) {
  stroke: #EF4444;
}


@media not all and (min-width: 768px) {

  .max-md\:w-screen {
    width: 100vw;
  }
}


@media (min-width: 640px) {

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}


@media (min-width: 768px) {

  .md\:relative {
    position: relative;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-16 {
    height: 4rem;
  }

  .md\:h-5 {
    height: 1.25rem;
  }

  .md\:w-5 {
    width: 1.25rem;
  }

  .md\:w-\[368px\] {
    width: 368px;
  }

  .md\:max-w-sm {
    max-width: 24rem;
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:whitespace-normal {
    white-space: normal;
  }

  .md\:rounded-full {
    border-radius: 9999px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-white\/10 {
    border-color: rgb(255 255 255 / 0.1);
  }

  .md\:bg-white\/5 {
    background-color: rgb(255 255 255 / 0.05);
  }

  .md\:p-4 {
    padding: 1rem;
  }

  .md\:pl-6 {
    padding-left: 1.5rem;
  }

  .md\:text-\[0\.95rem\] {
    font-size: 0.95rem;
  }

  .md\:font-medium {
    font-weight: 500;
  }

  .md\:tracking-wide {
    letter-spacing: 0.025em;
  }

  .md\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .md\:text-white\/90 {
    color: rgb(255 255 255 / 0.9);
  }

  .md\:opacity-100 {
    opacity: 1;
  }

  .md\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .md\:backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }

  .md\:radius-2 {
    border-radius: calc(var(--akui-border-radius-base) * 2);
  }
}


@media (min-width: 1024px) {

  .lg\:h-\[16px\] {
    height: 16px;
  }

  .lg\:w-\[16px\] {
    width: 16px;
  }

  .lg\:flex-row {
    flex-direction: row;
  }
}


.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none;
}


.\[\&\:has\(\+_\:hover\)_\.line-separator\]\:opacity-0:has(+ :hover) .line-separator {
  opacity: 0;
}


.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}


.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}


.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/font-i18n.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
:root {
    /* GoodZ i18n font tokens - zh default */
    --goodz-text-20px: 0.533rem;
    --goodz-text-24px: 0.64rem;
    --goodz-text-32px: 0.853rem;
    --goodz-text-36px: 0.96rem;
    --goodz-text-42px: 1.12rem;
    --goodz-text-52px: 1.3867rem;
    --goodz-text-54px: 1.44rem;
    --goodz-text-11px: 0.2933rem;
    --goodz-text-12px: 0.32rem;
    --goodz-text-21px: 0.56rem;
    --goodz-text-22px: 0.5867rem;
    --goodz-text-23px: 0.6133rem;
    --goodz-text-22-5px: 0.6rem;
    --goodz-text-25-5px: 0.68rem;
    --goodz-text-26px: 0.6933rem;
    --goodz-text-26-25px: 0.7rem;
    --goodz-text-27px: 0.72rem;
    --goodz-text-45px: 1.2rem;
    --goodz-text-46px: 1.2267rem;
    --goodz-text-19px: 0.5rem;
    --goodz-text-25px: 0.6667rem;
    --goodz-text-28px: 0.7467rem;
    --goodz-text-34px: 0.9067rem;
    --goodz-text-39px: 1.04rem;
    --goodz-text-40px: 1.0667rem;
    --goodz-text-30px: 0.8rem;
    --goodz-text-32px-fluid: clamp(20px, 2vw, 32px);
    --goodz-text-24px-cqw: clamp(18px, 6cqw, 24px);

    --goodz-font-size-factor: 1;
    --goodz-font-body: 'GoodzFont-NotoSansSC-SemiBold', sans-serif;
    --goodz-font-number: 'GoodzFont-Rajdhani-SemiBold', sans-serif;
}

[lang="en"] {
    --goodz-text-20px: 0.6rem;
    --goodz-text-24px: 0.8rem;
    --goodz-text-32px: 1.067rem;
    --goodz-text-36px: 1.2rem;
    --goodz-text-42px: 1.12rem;
    --goodz-text-52px: 1.3867rem;
    --goodz-text-54px: 1.6rem;
    --goodz-text-11px: 0.36rem;
    --goodz-text-12px: 0.4rem;
    --goodz-text-21px: 0.68rem;
    --goodz-text-22px: 0.72rem;
    --goodz-text-23px: 0.7467rem;
    --goodz-text-22-5px: var(--goodz-text-22px);
    --goodz-text-25-5px: 0.82rem;
    --goodz-text-26px: 0.84rem;
    --goodz-text-26-25px: var(--goodz-text-26px);
    --goodz-text-27px: 0.86rem;
    --goodz-text-45px: 1.36rem;
    --goodz-text-46px: var(--goodz-text-45px);
    --goodz-text-19px: 0.6rem;
    --goodz-text-25px: 0.8rem;
    --goodz-text-28px: 0.9067rem;
    --goodz-text-34px: 1.12rem;
    --goodz-text-39px: 1.2933rem;
    --goodz-text-40px: 1.3333rem;
    --goodz-text-30px: 0.96rem;
    --goodz-text-32px-fluid: clamp(18px, 1.8vw, 30px);
    --goodz-text-24px-cqw: clamp(16px, 5.5cqw, 22px);

    --goodz-font-size-factor: 1;
    --goodz-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[lang="ja"] {
    --goodz-text-20px: 0.56rem;
    --goodz-text-24px: 0.693rem;
    --goodz-text-32px: 0.907rem;
    --goodz-text-36px: 1.013rem;
    --goodz-text-42px: 1.12rem;
    --goodz-text-52px: 1.3867rem;
    --goodz-text-54px: 1.493rem;
    --goodz-text-11px: 0.32rem;
    --goodz-text-12px: 0.36rem;
    --goodz-text-21px: 0.6rem;
    --goodz-text-22px: 0.64rem;
    --goodz-text-23px: 0.6667rem;
    --goodz-text-22-5px: var(--goodz-text-22px);
    --goodz-text-25-5px: 0.72rem;
    --goodz-text-26px: 0.733rem;
    --goodz-text-26-25px: var(--goodz-text-26px);
    --goodz-text-27px: 0.76rem;
    --goodz-text-45px: 1.253rem;
    --goodz-text-46px: var(--goodz-text-45px);
    --goodz-text-19px: 0.533rem;
    --goodz-text-25px: 0.72rem;
    --goodz-text-28px: 0.8rem;
    --goodz-text-34px: 0.9733rem;
    --goodz-text-39px: 1.1067rem;
    --goodz-text-40px: 1.1333rem;
    --goodz-text-30px: 0.853rem;
    --goodz-text-32px-fluid: clamp(19px, 1.9vw, 31px);
    --goodz-text-24px-cqw: clamp(17px, 5.75cqw, 23px);

    --goodz-font-size-factor: 1;
    --goodz-font-body: 'GoodzFont-NotoSansSC-SemiBold', sans-serif;
}

    .goodz-font-body {
        font-family: var(--goodz-font-body);
    }

    .goodz-font-number {
        font-family: var(--goodz-font-number);
    }

    .goodz-text-20px {
        font-size: var(--goodz-text-20px);
    }

    .goodz-text-24px {
        font-size: var(--goodz-text-24px);
    }

    .goodz-text-28px {
        font-size: var(--goodz-text-28px);
    }

    .goodz-text-32px {
        font-size: var(--goodz-text-32px);
    }

    .goodz-text-36px {
        font-size: var(--goodz-text-36px);
    }

    .goodz-text-42px {
        font-size: var(--goodz-text-42px);
    }

    .goodz-text-52px {
        font-size: var(--goodz-text-52px);
    }

    .goodz-text-54px {
        font-size: var(--goodz-text-54px);
    }

    .goodz-text-11px {
        font-size: var(--goodz-text-11px);
    }

    .goodz-text-12px {
        font-size: var(--goodz-text-12px);
    }

    .goodz-text-21px {
        font-size: var(--goodz-text-21px);
    }

    .goodz-text-22px {
        font-size: var(--goodz-text-22px);
    }

    .goodz-text-23px {
        font-size: var(--goodz-text-23px);
    }

    .goodz-text-22-5px {
        font-size: var(--goodz-text-22-5px);
    }

    .goodz-text-25-5px {
        font-size: var(--goodz-text-25-5px);
    }

    .goodz-text-26px {
        font-size: var(--goodz-text-26px);
    }

    .goodz-text-26-25px {
        font-size: var(--goodz-text-26-25px);
    }

    .goodz-text-27px {
        font-size: var(--goodz-text-27px);
    }

    .goodz-text-45px {
        font-size: var(--goodz-text-45px);
    }

    .goodz-text-46px {
        font-size: var(--goodz-text-46px);
    }

    .goodz-text-19px {
        font-size: var(--goodz-text-19px);
    }

    .goodz-text-25px {
        font-size: var(--goodz-text-25px);
    }

    .goodz-text-28px {
        font-size: var(--goodz-text-28px);
    }

    .goodz-text-34px {
        font-size: var(--goodz-text-34px);
    }

    .goodz-text-39px {
        font-size: var(--goodz-text-39px);
    }

    .goodz-text-40px {
        font-size: var(--goodz-text-40px);
    }

    .goodz-text-30px {
        font-size: var(--goodz-text-30px);
    }

    .goodz-text-32px-fluid {
        font-size: var(--goodz-text-32px-fluid);
    }

    .goodz-text-24px-cqw {
        font-size: var(--goodz-text-24px-cqw);
    }

    .goodz-leading-tight {
        line-height: 1;
    }

    .goodz-leading-body {
        line-height: 1.45;
    }

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./app/responsive.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************/

/* ===================== 移动端汉堡菜单基础样式 ===================== */
.mobile-hamburger {
    display: none; /* 默认隐藏，在媒体查询中开启 */
    width: 2rem;
    height: 2rem;
    cursor: pointer;
}

.hamburger-line {
    width: 1rem;
    height: 0.1rem;
    background-color: #fff;
    border-radius: 0.05rem;
    transition: all 0.3s ease;
}

.hamburger-line.open:nth-child(1) {
    transform: rotate(45deg) translate(0.2rem, 0.2rem);
}

.hamburger-line.open:nth-child(2) {
    opacity: 0;
}

.hamburger-line.open:nth-child(3) {
    transform: rotate(-45deg) translate(0.2rem, -0.2rem);
}

/* 移动端侧边栏菜单 */
.mobile-menu-overlay {
    position: fixed;
    top: 2.5rem;
    height: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-menu-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 65vw;
    background: #12151C;
    display: flex;
    flex-direction: column;
    padding: 1rem 1rem;
    /*box-shadow: 10px 0 20px rgba(0, 0, 0, 0.5);*/

    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* 防止内容溢出，允许面板内部滚动 */
    overflow-y: auto;
    z-index: 9999;
}

.mobile-menu-panel.is-open {
    transform: translateX(0);
}

.mobile-menu-nav {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.mobile-menu-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 0.5rem;
    color: #e0e0e0;
    font-size: 0.85rem;
    font-family: GoodzFont-NotoSansSC-SemiBold, sans-serif;
    text-decoration: none;
    border-radius: 0.4rem;
    transition: background 0.2s;
}

.mobile-menu-item:hover,
.mobile-menu-item:active {
    background: rgba(255, 255, 255, 0.06);
}

.mobile-menu-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1rem;
    padding: 0 0.3rem;
    margin-left: 0.5rem;
    background: #e74c3c;
    color: #fff;
    font-size: 0.6rem;
    border-radius: 0.5rem;
}

.mobile-menu-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 0.3rem 0;
}

.mobile-menu-balance {
    color: #FFF4BB;
    font-family: GoodzFont-Rajdhani-SemiBold, sans-serif;
}

.mobile-menu-logout {
    color: #e74c3c;
    cursor: pointer;
}

.mobile-menu-login {
    color: #6ED1FF;
    cursor: pointer;
    font-weight: 600;
}

/* PC端默认不显示汉堡菜单 */
.header-nav-desktop {
}

.no-scrollbar {
    /* 针对 Chrome, Safari, 以及所有移动端浏览器 (iOS/Android) */
    -webkit-overflow-scrolling: touch; /* 保证移动端滚动顺滑 */
}

.no-scrollbar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 针对 Firefox (PC端) */
.no-scrollbar {
    scrollbar-width: none !important;
}

/* 针对 IE 和 老版 Edge (PC端) */
.no-scrollbar {
    -ms-overflow-style: none !important;
}


/* ===================== 手机端 (≤768px) ===================== */
@media (max-width: 768px) {
    /* =================== 全局基础覆盖 =================== */
    .app-layout-wrapper {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-top: 2.5rem !important;
    }

    .page {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    .content-container {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    /* =================== Header 响应式 =================== */
    .header-nav-desktop {
        display: none !important;
    }

    .mobile-hamburger {
        display: flex !important;
        border-radius: 0.3rem !important;
        backdrop-filter: blur(4px) !important;
    }

    .header {
        min-width: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        background: rgba(17, 18, 29, 0.95) !important;
        backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
        -webkit-backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
    }


    .section_header {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .header_inner {
        padding: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
    }

    .logo {
        position: relative !important;
        top: auto !important;
        width: auto !important;
        height: 1rem !important;
        max-width: 6rem !important;
        flex-shrink: 0 !important;
    }

    .header-right-wrapper {
        position: relative !important;
        right: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 0.3rem !important;
        margin-left: auto !important;
        margin-right: 0.5rem !important;
        flex-shrink: 0 !important;
    }

    .box_3 {
        padding:0.37rem 0.8rem 0.37rem 0.8rem;
    }

    .box_4 {
        display:flex;
        align-items: center;
        justify-content: center;

        padding: 0;
        background: none;
    }

    .thumbnail_up,
    .thumbnail_down {
        display: none !important;
    }

    .user-menu-button {
        display: none;
    }

    .usdc-container {
        display: none;
    }

    .text_6 {
        display: none;
    }

    .mobile_thumbnail{
        display: none;
    }

    .mobile_avatar{
        width: 1.173rem !important;
        height: 1.173rem !important;
    }

    .header-right-login-button {
        font-size: 0.6rem !important;
        padding: 0.2rem 0 !important;
        white-space: nowrap !important;
    }

    .text-wrapper_1 {
        top: -0.15rem !important;
        right: -0.15rem !important;
    }

    .line_block {
        display: none !important;
    }

    /* =================== Footer 响应式 =================== */
    .section_footer_base {
        min-width: 0 !important;
        width: calc(100% + 1rem) !important;
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
        height: auto !important;
    }

    .section_footer {
        flex-direction: column !important;
        padding: 1rem 0.5rem !important;
        min-height: auto !important;
        height: auto !important;
        min-width: 0 !important;
        width: 100% !important;
        white-space: normal !important;
    }

    .section_footer_left {
        width: 100% !important;
        flex-direction: column !important;
        gap: 1.2rem !important;
        margin-top: 0.5rem !important;
    }

    .section_footer_left_text {
        width: 100% !important;
    }

    .section_footer_left_image_logo {
        width: 6rem !important;
        height: auto !important;
    }

    .section_footer_left_text_text {
        width: 100% !important;
        height: auto !important;
        font-size: 0.6rem !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }

    .section_footer_left_info {
        width: 100% !important;
    }

    .section_footer_left_info_text {
        font-size: 0.55rem !important;
    }

    .section_footer_right {
        width: 100% !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 1rem !important;
        margin-top: 1rem !important;
    }

    .footer_right_code {
        align-items: flex-start !important;
        height: auto !important;
    }

    .footer_right_code_text {
        width: auto !important;
        text-align: left !important;
        font-size: 0.55rem !important;
    }

    .footer_right_code_code_image {
        width: 3.5rem !important;
        height: 3.5rem !important;
    }

    .footer_right_right_icon {
        height: auto !important;
        flex-wrap: wrap !important;
    }

    .footer_right_right_icon_image {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .section_footer_line {
        margin-top: 0.8rem !important;
    }

    .section_footer_bottom {
        flex-direction: column !important;
        gap: 0.3rem !important;
        text-align: center !important;
        padding: 0.5rem 0 !important;
    }

    /* =================== 首页 Banner =================== */
    .section_2 {
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        height: auto !important;
    }

    .section_2::before {
        width: 100vw !important;
    }

    .section_banner {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 8rem !important;
        flex-direction: column !important;
    }

    .section_banner_left {
        width: 100% !important;
    }

    .section_banner_right {
        display: none !important;
    }

    .section_banner_left_text_1 {
        font-size: 1.2rem !important;
    }

    .section_banner_left_text_2 {
        font-size: 0.7rem !important;
        width: 100% !important;
    }

    .section_banner_left_button_frame {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
    }

    .section_banner_left_button,
    .section_banner_left_button_2 {
        width: auto !important;
        min-width: 5rem !important;
        padding: 0 0.8rem !important;
        height: 1.8rem !important;
        font-size: 0.6rem !important;
    }

    /* =================== 首页热门区域 =================== */
    .section_hot_container {
        width: 100% !important;
        min-width: 0 !important;
    }

    .section_hot_title_frame {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.5rem !important;
    }

    .section_hot_title_frame_right {
        width: 100% !important;
    }

    .shelves {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.4rem !important;
        width: 100% !important;
    }

    .shelves_market {
        margin-top: 5rem !important;
    }

    /* =================== 市场页 =================== */
    .section_market {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* ===========================================================================
       商品详情弹窗 — 核心修复
       布局：左侧内容在上，右侧内容追加至下方，形成上下布局
       滚动：整体滚动查看（取消分段滚动）
       底部："立即购买"按钮悬浮在屏幕底部，留出适当底边距
       =========================================================================== */

    .action-page {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important; /* 配合 fixed 使用 % 更稳 */
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* 遮罩层：负责背景变暗和模糊 */
    .action-overlay {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;

        background-color: rgba(0, 0, 0, 0.6) !important;
        backdrop-filter: blur(0.16rem) !important;

        z-index: 0 !important; /* 放在 page 内部的最底层 */
    }

    .goods-detail-box {
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        max-width: 100vw !important;
        flex-direction: column !important;
        gap: 0 !important;
        border-radius: 0 !important;
        position: relative !important;
    }

    /* 主容器：改为纵向排列 + 整体滚动 */
    .goods-detail-container {
        width: 100% !important;
        height: 100% !important;
        max-height: 100vh !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 0 !important;
        padding: 0.5rem !important;
        padding-bottom: 6rem !important; /* 给悬浮购买按钮留足空间 */
        border-radius: 0 !important;
        border: none !important;
        position: relative !important;
    }

    /* 针对 WebKit 浏览器 (Chrome, Safari, 安卓/iOS Webview) 隐藏滚动条 */
    .goods-detail-container::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* ===== 左侧容器（图片+信息区域）：在上方，宽度100% ===== */
    .goods-detail-left-container {
        width: 100% !important;
        height: auto !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
        order: 1 !important;
    }

    .goods-detail-left-image-container {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        max-height: 70vw !important;
        border: 0.32rem !important;
    }

    .goods-detail-left-image_1 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-image_2_frame {
        width: 80% !important;
        max-width: 12rem !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    .goods-detail-left-image_2_back,
    .goods-detail-left-image_2 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-image_3 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-bot-container-top {
        width: 100% !important;
        height: auto !important;
        /*min-height: 2.5rem !important;*/
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding-top: 0.13rem !important;
        padding-bottom: 0.13rem !important;
    }

    .goods-detail-left-bot-container-top-left {
        width: auto !important;
        flex: 1 !important;
        height: auto !important;
        margin: 0.3rem !important;
    }

    /* 2. 内部 Flex 容器 */
    .goods-detail-container-top-left-user {
        width: 100% !important;
        height: 3.2rem !important;
        min-height: 3.2rem !important;
        background: linear-gradient(90deg, rgba(0, 128, 183, 0.1) 0%, rgba(0, 128, 183, 0.4) 100%) !important;

        /* 【关键修改】保持与父容器一致：上直角，下圆角 */
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0.32rem !important; /* 左下圆角 */
        border-bottom-right-radius: 0.32rem !important; /* 右下圆角 */

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding-right: 0 !important;

        /* 这里的 overflow: hidden 可以去掉，因为父级 inner 已经裁切了 */
        /* overflow: hidden !important; */
    }

    /* 头像：保持不变 */
    .goods-detail-container-bot-user-imag {
        width: 2rem !important;
        height: 2rem !important;
        border-radius: 50% !important;
        margin-left: 0.8rem !important;
        margin-right: 0.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        flex-shrink: 0 !important;
        object-fit: cover !important;
    }

    /* 名字：保持不变 */
    .goods-detail-container-bot-user-name {
        flex: 1 !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        font-size: 0.9rem !important;
        font-family: GoodzFont-Rajdhani-SemiBold !important;
        color: #9E9D9D !important;
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 3. 右侧箭头背景框 */
    .goods-detail-container-top-user-icon-frame {
        background-image: url(/_next/static/media/detail-user-back.59631151.png) !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        width: 50% !important;
        flex-shrink: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;

        /* 【关键修改】只有右下角是圆角，其他全是直角 */
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important; /* 左下角是内部连接处，应该是直角 */
        border-bottom-right-radius: 0.32rem !important; /* 只有这里是圆角 */
    }

    /* 箭头图标：保持不变 */
    .goods-detail-container-bot-user-icon {
        width: 1rem !important;
        height: 1rem !important;
        object-fit: contain !important;
        z-index: 105 !important;
        position: static !important;
    }

    .goods-detail-left-bot-container-top-right {
        width: 5rem !important;
        min-width: 5rem !important;
        height: 3.5rem !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .goods-detail-left-bot-container-top-right-img {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-bot-container-top-right-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 2.2rem !important;
        height: 2.6rem !important;
    }

    /* ===== 右侧容器（详情区域）：追加至下方，取消独立滚动 ===== */
    .goods-detail-right-container {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        padding: 0 !important;
        margin-top: 0.5rem !important;
    }

    /* ===== 右侧容器内所有固定宽度子元素 → 100% ===== */
    .goods-detail-right-container-title {
        width: 100% !important;
    }

    .goods-detail-right-container-block2 {
        flex-direction: column !important;
        height: auto !important;
        gap: 0.3rem !important;
        width: 100% !important;
    }

    .goods-detail-right-container-block2_left {
        width: 100% !important;
    }

    .goods-detail-right-container-block2_left-text {
        width: auto !important;
        max-width: 100% !important;
    }

    .goods-detail-right-container-block2_right {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* 藏品介绍文字 — 固定宽度21.68rem → 100% */
    .goods-detail-right-collection-text {
        width: 100% !important;
        word-break: break-word !important;
    }

    /* 藏品详细信息表格 — 固定宽度21.68rem → 100%，修复文字竖排 */
    .goods-detail-right-collection-detail-table-frame-first,
    .goods-detail-right-collection-detail-table-frame {
        width: 100% !important;
        height: auto !important;
        min-height: 1.44rem !important;
    }

    /* 表格行：确保横向排列，两端对齐 */
    .goods-detail-right-collection-detail-table-frame-top {
        width: 100% !important;
        height: auto !important;
        min-height: 0.72rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        padding: 0.2rem 0 !important;
    }

    /* 表格行左侧文字（标签）— 靠左 */
    .goods-detail-right-collection-detail-table-frame-top-text {
        position: static !important;
        left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: left !important;
    }

    /* 表格行右侧文字 — 靠右 */
    .goods-detail-right-collection-detail-table-frame-top-right-text {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: right !important;
    }

    /* 表格行右侧图标（稀有度）— 靠右 */
    .goods-detail-right-collection-detail-table-frame-top-first-icon {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
        height: 1rem !important;
    }

    .goods-detail-right-collection-detail-table-frame-line {
        width: 100% !important;
    }

    /* 获取途径块 — 固定宽度21.8133rem → 100% */
    .goods-detail-right-pathway-block {
        width: 100% !important;
        height: 3.1466rem !important;
        min-height: 3.1466rem !important;
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        overflow: hidden !important;
    }

    .goods-detail-right-pathway-block-left {
        flex: 1 !important;
        min-width: 0 !important;
        z-index: 1 !important;
    }

    /* 图片容器：固定高度，宽度自适应，溢出裁切 */
    .goods-detail-right-pathway-block-right {
        width: 8rem !important;
        height: 100% !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        border-radius: 0 0.4266rem 0.4266rem 0 !important;
    }

    /* 图片：保持原始比例，居中裁切两侧 */
    .goods-detail-right-pathway-block-right-back,
    .goods-detail-right-pathway-block-right-pre {
        width: auto !important;
        height: 100% !important;
        min-width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* 关联物品卡牌滚动区 — 固定宽度21.8133rem → 100% */
    .goods-detail-right-about-card-scroll-inner {
        width: 100% !important;
        overflow-x: auto !important;
    }

    /* ===== 社区市场 "在市场中查看" — 修复竖排 ===== */
    .goods-detail-right-big-title {
        width: 100% !important;
        height: auto !important;
        min-height: 0.8266rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .goods-detail-right-big-title-left {
        flex-shrink: 0 !important;
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right {
        width: auto !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right-left {
        position: relative !important;
        right: auto !important;
        margin: 0 !important;
        height: auto !important;
        white-space: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right-left-text {
        white-space: nowrap !important;
        height: auto !important;
    }

    .goods-detail-right-big-title-market-right-left-line {
        display: none !important;
    }

    .goods-detail-right-big-title-market-right-icon {
        position: relative !important;
        right: auto !important;
        margin-left: 0.2rem !important;
        flex-shrink: 0 !important;
    }

    /* ===== 订购单列表和提交按钮 — 满宽 ===== */
    .goods-detail-right-purchase-order-table {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-table-item-frame {
        width: 100% !important;
        padding: 0 0.5rem !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-table-item {
        width: 50% !important;
        flex: 1 !important;
    }

    .goods-detail-right-purchase-order-submit {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-text-frame {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .goods-detail-right-purchase-order-table-blank-text {
        width: 100% !important;
    }

    /* ===== 查看卡组图鉴 / 查看该卡交易历史 ===== */
    .goods-detail-right-about-page {
        width: 100% !important;
        height: auto !important;
    }

    .goods-detail-right-about-page-block {
        width: 100% !important;
        height: auto !important;
        min-height: 2.2133rem !important;
    }

    /* ===== 底部最后区块（出售/永久化/回收） ===== */
    .goods-detail-right-last-frame {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 2rem !important;
    }

    .goods-detail-right-last-frame-block {
        width: 100% !important;
        height: auto !important;
        min-height: 3rem !important;
        padding: 0.5rem !important;
    }

    /* 空白垫片 — 给底部悬浮按钮留空间 */
    .goods-detail-container-right-blank {
        height: 4rem !important;
        min-height: 4rem !important;
    }

    /* ===== 底部操作栏 — 改为透明背景容器，让按钮独立悬浮 ===== */
    .goods-detail-container-bot {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        z-index: 9100 !important;
        background: transparent !important;
        border-radius: 0 !important;
        border-top: none !important;
        padding: 0 !important;
        pointer-events: none !important; /* 让容器不拦截点击 */
    }

    /* "立即购买"按钮：独立悬浮在屏幕底部中央 */
    .goods-detail-container-bot-buy {
        position: absolute !important;
        bottom: calc(0.6rem + env(safe-area-inset-bottom, 0.3rem)) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 2rem) !important;
        max-width: 20rem !important;
        min-width: auto !important;
        height: 2.4rem !important;
        margin: 0 !important;
        border-radius: 1.2rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 9101 !important;
        pointer-events: auto !important; /* 按钮本身可以点击 */
        box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.4) !important;
    }

    .goods-detail-container-bot-buy-left {
        font-size: 0.7rem !important;
    }

    .goods-detail-container-bot-buy-right {
        font-size: 0.8rem !important;
    }

    .wanted-order-frame-container {
        justify-content: center !important;
        width: 100% !important;
    }

    .action-button-frame{
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        margin: 0 !important;
        justify-content: space-between !important;
    }


    .goods-detail-container-bot-order {
        width: 90% !important;
        height: auto !important;
        min-height: 2rem !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-radius: 1.0666rem !important;
        display: flex !important;
        flex-direction: row !important;
    }

    /* 关闭按钮 — 固定在右上角 */
    .popup-close {
        position: fixed !important;
        top: 1rem !important;
        right: 1rem !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        object-fit: cover;
    }

    /* =================== 购买订单弹窗 =================== */
    .goods-detail-buy-order-container {
        width: 95vw !important;
        max-width: none !important;
        height: auto !important;
        max-height: 85vh !important;
        overflow-y: auto !important;
    }

    .goods-detail-buy-order-container-block1 {
        flex-direction: column !important;
    }

    .goods-detail-buy-order-container-block1_left {
        width: 100% !important;
    }

    .goods-detail-buy-order-container-block1_right {
        width: 100% !important;
    }

    .goods-detail-buy-order-container-block2 {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .goods-detail-buy-order-container-block2_table {
        min-width: 20rem !important;
    }

    /* =================== 上架/求购/求购详情弹窗 =================== */
    .fixed.inset-0 .w-\[26\.1866rem\] {
        width: 95vw !important;
        max-width: 95vw !important;
    }

    .fixed.inset-0 .w-\[26\.1866rem\] .border-t-\[0\.08rem\],
    .fixed.inset-0 [class*="border-t-"] {
        width: calc(100% + 1.7rem) !important;
        margin-left: -0.8533rem !important;
        margin-right: -0.8533rem !important;
    }

    .fixed.inset-0 .absolute.left-\[100\%\] {
        left: auto !important;
        right: 0.3rem !important;
        top: 0.3rem !important;
        margin-left: 0 !important;
        position: absolute !important;
    }

    .w-\[21\.09rem\] {
        width: 90vw !important;
        max-width: 20rem !important;
    }

    .w-\[12\.45rem\] {
        width: 80% !important;
    }

    /* =================== 库存页 =================== */
    .stock-page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .stock-content {
        width: 100% !important;
        flex-direction: column !important;
        margin-left: 0 !important;
    }

    .stock-left {
        display: none !important;
    }

    .ifPhoneLayout{
        display: flex;
    }

    .stock-right{
        width: 100% !important;
        height: 100% !important;
    }

    .ip_name{
        display: none !important;
    }

    /* 下拉框最外层容器 */
    .cur-collect-dropdown-wrapper {
        position: relative; /* 相对定位，作为绝对定位弹窗的锚点 */
        cursor: pointer;
        display: flex !important;
    }

    /* 触发区（显示的文本和箭头） */
    .cur-collect-trigger {
        display: flex;
        align-items: center;
        gap: 0.2rem !important;
    }

    .trigger-icon {
        width: 0.5rem;
        height: 0.3rem;
        transition: transform 0.3s;
    }

    .trigger-icon.up {
        transform: rotate(180deg); /* 展开时箭头向上翻转 */
    }

    /* 悬浮的下拉菜单内容区 */
    .cur-collect-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 0.2rem;
        width: 10rem;
        background: rgba(24, 24, 30, 1);
        border-radius: 0.32rem !important;
        z-index: 20 !important;
        overflow: hidden;
    }

    .dropdown-header {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.5rem;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.5866rem;
        color: #DEDFDF;
    }

    .dropdown-list {
        max-height: 12rem; /* 限制最高高度 */
        overflow-y: auto;  /* 超出后出现滚动条 */
        padding-bottom: 0.3rem;
    }

    /* 每一项的样式 */
    .dropdown-item {
        display: flex;
        align-items: center;
        padding: 0.3rem 0.5rem;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .dropdown-item-icon {
        width: 0.8rem;
        height: 0.8rem;
        /*border-radius: 0.32rem !important;*/
        margin-right: 0.32rem !important;
    }

    .dropdown-item-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; /* 文字过长显示省略号 */

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.5866rem;
        color: #DEDFDF;
    }

    .stock-back-container {
        /* 1. 定位与尺寸 (保持不变) */
        position: absolute;
        top: 0;
        right: 0;
        /*width: 48.7733rem;*/
        width: 100% !important;
        margin: 0 !important;
        /*height: 29.44rem;*/

        /* 2. 溢出隐藏 (用于配合内部图片的 scale 放大) */
        overflow: hidden;
        pointer-events: none;
        z-index: -1;

        /* 标准写法 */
        mask: radial-gradient(51.31% 100% at 49.99% -21.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%);

        max-width: none;
        max-height: none;

        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .stock-right-frame-section_1_block1 {
        width: 100% !important;
    }

    .stock-left-frame-top-block1 {
        width: 100% !important;
    }

    .stock-left-frame-top-block1-search {
        flex: 1 !important;
        width: auto !important;
    }

    .stock-left-frame-top-block3 {
        padding-bottom: 0.5rem !important;
        max-height: 10rem !important;
        overflow-y: auto !important;
    }

    .stock-left-item-frame {
        width: 100% !important;
    }

    .stock-left-item-frame-text {
        width: auto !important;
        flex: 1 !important;
    }

    .stock-center-line {
        display: none !important;
    }

    .stock-center-line_2 {
        display: none !important;
        margin-left: 0 !important;
    }

    .stock-right-frame-section_1 {
        width: 100%;
        margin-top: 1rem;
    }

    .ip_name{
        display: none !important;
    }

    .stock-right-frame-section_1_block1 {
        width: 100% !important;
    }

    .stock-right-frame-section_1_block1_right {
        width: auto !important;
        flex: 1 !important;
    }

    .stock-right-frame-section_1_block2 {
        width: 100% !important;
        flex-wrap: wrap !important;
        gap: 0.3rem !important;
    }

    .glass_tab-text {
        font-size: 0.5rem !important;
        padding: 0.15rem 0.4rem !important;
    }

    .stock-right-frame-section_1_block3_search_back {
        width: 70% !important;
    }

    .stock-right-frame-section_1_block3_search {
        width: 100% !important;
    }

    .stock-right-frame-section_1_block3_right_text {
        margin-left: 0.3rem !important;
        font-size: 0.45rem !important;
    }

    .stock-right-frame-section_1_line {
        width: 100% !important;
    }

    .stock-right-frame-section_2 {
        width: 100% !important;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    /* =================== 用户页响应式 =================== */
    .user-page {
        width: 100% !important;
    }

    .w-\[49\.8666rem\] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .flex.flex-row.gap-\[1\.73rem\] {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }

    .w-\[9\.73rem\] {
        width: 100% !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
        flex-shrink: 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .w-\[9\.73rem\]::-webkit-scrollbar {
        display: none;
    }

    .w-\[9\.73rem\] > .flex.flex-col {
        flex-direction: row !important;
        gap: 0 !important;
        width: max-content !important;
    }

    .w-\[9\.73rem\] .flex.items-center {
        white-space: nowrap !important;
        padding: 0.3rem 0.5rem !important;
        flex-shrink: 0 !important;
    }

    .w-\[4\.4266rem\].h-\[4\.4266rem\] {
        width: 3rem !important;
        height: 3rem !important;
    }

    .w-\[17\.64rem\] {
        width: 100% !important;
    }

    /* =================== 通知页面响应式 =================== */
    .notice-page {
        width: 100% !important;
    }

    /* =================== 我的市场响应式 =================== */
    .my-market-page {
        width: 100% !important;
    }

    .max-w-\[54\.4rem\] {
        max-width: 100% !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .max-w-\[54\.4rem\] .grid.grid-cols-12 {
        font-size: 0.5rem !important;
    }

    .max-w-\[54\.4rem\] .w-\[3\.44rem\] {
        width: 2.5rem !important;
        height: 2.5rem !important;
    }

    .max-w-\[54\.4rem\] .w-\[4\.8rem\] {
        width: 3.5rem !important;
        font-size: 0.5rem !important;
    }

    /* =================== 支付页响应式 =================== */
    .payment_page {
        height: auto !important;
        min-height: 15rem !important;
        padding: 0.8rem !important;
    }

    .payment-card {
        width: 100% !important;
        flex-direction: column !important;
    }

    .payment-card_block1 {
        width: 100% !important;
    }

    .payment-card_block2 {
        width: 100% !important;
        height: 0.053rem !important;
        margin: 0.8rem 0 !important;
    }

    .payment-card-content_card {
        flex-wrap: wrap !important;
    }

    .payment-card-img_card {
        width: 2.8rem !important;
        height: 2.8rem !important;
    }

    .block_num_frame {
        min-width: 1.8rem !important;
    }

    /* =================== 登录页响应式 =================== */
    .login-page {
        padding: 0.5rem !important;
    }

    .login-page-overlay {
        padding: 0.5rem !important;
    }

    .login-card {
        width: 95vw !important;
        max-width: 18rem !important;
    }

    .login-card-des {
        width: 90% !important;
    }

    .login-card-button,
    .login-card-cancel {
        width: 90% !important;
        max-width: 14rem !important;
    }

    div[role="dialog"] > div > div {
        max-width: 95vw !important;
        width: 95vw !important;
        min-height: auto !important;
    }

    div[role="dialog"] > div > div > div {
        width: 100% !important;
        max-width: none !important;
    }

    /* =================== 通用模态框响应式 =================== */
    .w-\[17\.97rem\],
    .w-\[18\.24rem\] {
        width: 90vw !important;
        max-width: 20rem !important;
    }

    /* =================== 交易表格响应式 =================== */
    .grid.grid-cols-12 {
        gap: 0 !important;
    }

    /* =================== 背景装饰 =================== */
    .overly_colorful {
        width: 100% !important;
        min-width: 0 !important;
    }

    .overly_colorful::before {
        width: 100vw !important;
    }

    /* =================== 搜索框通用 =================== */
    .text_11 {
        font-size: 0.45rem !important;
    }

    .thumbnail_5 {
        width: 0.5rem !important;
        height: 0.5rem !important;
    }

    /* =================== 防止水平溢出 =================== */
    html, body {
        overflow-x: hidden !important;
    }

    .scrollToTop {
        display: none !important;
    }

    /* =================卡片本体大小通用 满屏=====================*/
    .action-card{
        position: relative;
        width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
        min-height: 100vh !important;
    }

    .action-card-body {
        position: absolute;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: none !important;
    }

    .action-card-close {
        position: absolute !important;
        margin: 0 !important;
        left: auto !important;
        right: 0.85rem !important;
        top: 0.85rem !important;
        z-index: 200 !important;
        background: rgba(0, 0, 0, 0.6) !important;
        border-radius: 50% !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* =================出售弹窗 满屏适配=====================*/
    .put-shelves-card {
        position: relative;
        width: calc(100vw - 0.4266rem) !important;
        max-width: calc(100vw - 0.4266rem) !important;
        height: auto !important;
        max-height: 90vh !important;
        border-radius: 0.32rem !important;
        overflow-y: auto !important;
        margin: 0.2133rem !important;
    }

    .put-shelves-card-body {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 90vh !important;
        border-radius: 0.32rem !important;
        box-shadow: none !important;
        border: none !important;
    }

    .put-shelves-card-close {
        position: absolute !important;
        margin: 0 !important;
        left: auto !important;
        right: 0.85rem !important;
        top: 0.85rem !important;
        z-index: 200 !important;
        background: rgba(0, 0, 0, 0.6) !important;
        border-radius: 50% !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .handbookGroup{
        width: 100% !important;
    }

    .subHeader {
        margin-top: 1.5rem !important;
    }

    /* 只在手机端激活这套逻辑，防止干扰PC端 */
    @media (max-width: 767px) {
        .mobile-loading-container {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 12px !important;
            padding: 12px 24px !important;
            min-width: 140px !important;
            max-width: 90vw !important;
            background: rgba(26, 28, 30, 0.95) !important;
            backdrop-filter: blur(20px) !important;
            -webkit-backdrop-filter: blur(20px) !important;
            border: 1px solid rgba(255, 255, 255, 0.1) !important;
            border-radius: 9999px !important;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
            height: 56px !important; /* 强制手机端高度 */
        }

        .mobile-loading-spinner {
            display: block !important;
            position: relative !important;
            width: 20px !important;
            height: 20px !important;
            min-width: 20px !important;
            min-height: 20px !important;
            flex-shrink: 0 !important;
            border-radius: 50% !important;
            border: 3px solid rgba(255, 255, 255, 0.1) !important;
            border-top-color: #6EB6FF !important;
            border-right-color: #6EB6FF !important;
            animation: mobile-spin 0.8s linear infinite !important;
        }

        .mobile-loading-text {
            color: rgba(255, 255, 255, 0.95) !important;
            font-size: 15px !important;
            font-weight: 500 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            font-family: 'Noto Sans SC', sans-serif !important;
            line-height: 1.2 !important;
        }
    }

    @keyframes mobile-spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    .hr-progress-section {
        width: 50vw !important;
    }

    .InstantFilmBackUi{
        transform: scale(0.35) !important;
    }

    .header_left{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.2rem !important;
    }

}

@media (min-width: 769px) and (max-width: 1200px) {
    /*
       ===========================================================================
       1. 核心缩放策略：调整根字体大小
       如果你的项目是基于 rem 布局的，稍微调大 html 的 font-size
       可以让所有元素在这个尺寸下整体“变大”，解决看起来太小的问题。
       (PC通常默认16px，这里提升到 18px-20px 左右，或者使用 vw)
       ===========================================================================
    */
    .stock-right-frame-section_1_line {
        width: 100% !important;
    }

    .handbookGroup{
        width: 100% !important;
    }

    /* =================== 全局容器布局 =================== */
    /* 强制内容区域占满屏幕宽度的 95%-100%，消除 PC 端的大量留白 */
    .app-layout-wrapper {
        /*padding-top: 3rem !important; !* 头部留出空间 *!*/
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

    .page,
    .content-container,
    .section_market,
    .stock-page,
    .user-page,
    .notice-page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* =================== Header & Footer =================== */
    .header {
        position: fixed !important; /* 强制固定在视口顶部 */
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        /* 重置 PC 端的负 Margin 和计算宽度，直接占满视口 */
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        /* 取消最小宽度限制，防止出现横向滚动条 */
        min-width: 0 !important;
        /* 保持背景色/模糊逻辑 */
        background: transparent !important;
    }

    .section_header {
        width: 100% !important; /* 填满 header 的宽度 */
        height: 3rem !important; /* 稍微加高一点，适应平板触控 */

        /* 调整左右内边距，不要像 PC 那么宽，也不要像手机那么窄 */
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;

        box-sizing: border-box !important;

        /* 确保背景层生效 */
        background-color: rgba(17, 18, 29, 0.95) !important;
        backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
        -webkit-backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
    }

    /* 修复伪类背景（如果 .section_header 的背景色不够用） */
    .section_header::before {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        /* PC端是 absolute，这里保持即可 */
    }

    /* 3. 内部布局核心：取消固定宽度 */
    .header_inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;

        display: flex !important;
        align-items: center !important;
    }

    .header_left{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.2rem !important;
    }

    .line_block_first {
        position: absolute;
        bottom: 0 !important;
        left: 5.3rem;
        height: 1.653rem;
        width: 1.493rem;
        display: flex;
        flex-direction: column; /* 内部竖向排列 */
    }

    /* =================== 市场列表 (Grid 优化) =================== */
    /* 平板上通常显示 3 列或 4 列，让卡片看起来大一点 */
    .shelves {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 强制 3 列，卡片会变大 */
        gap: 1rem !important;
        width: 100% !important;
    }

    .shelves_market {
        margin-top: 5rem !important;
    }

    /* 如果屏幕稍微宽一点（接近1100px），可以用 4 列 */
    @media (min-width: 1000px) {
        .shelves {
            grid-template-columns: repeat(4, 1fr) !important;
        }
    }

    /* ===================库存页 (Stock) =================== */
    .stock-content {
        margin: 0 !important;
        width: 100% !important;
        flex-direction: column !important; /* 平板竖屏时可能需要改为上下结构，横屏保持 row */
    }

    .stock-left {
        display: none !important;
    }

    .ifPhoneLayout{
        display: flex;
    }

    .stock-right{
        width: 100% !important;
        height: 100% !important;
    }

    .stock-center-line_2 {
        display: none !important;
        margin-left: 0 !important;
    }

    .stock-right-frame-section_1 {
        width: 100%;
        margin-top: 1rem;
    }

    .ip_name{
        display: none !important;
    }

    /* 下拉框最外层容器 */
    .cur-collect-dropdown-wrapper {
        position: relative; /* 相对定位，作为绝对定位弹窗的锚点 */
        cursor: pointer;
        display: flex !important;
    }

    /* 触发区（显示的文本和箭头） */
    .cur-collect-trigger {
        display: flex;
        align-items: center;
        gap: 0.2rem !important;
    }

    .trigger-icon {
        width: 0.5rem;
        height: 0.3rem;
        transition: transform 0.3s;
    }

    .trigger-icon.up {
        transform: rotate(180deg); /* 展开时箭头向上翻转 */
    }

    /* 悬浮的下拉菜单内容区 */
    .cur-collect-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 0.2rem;
        width: 10rem;
        background: rgba(24, 24, 30, 1);
        border-radius: 0.32rem !important;
        z-index: 20 !important;
        overflow: hidden;
    }

    .dropdown-header {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
        padding-left: 0.5rem;

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.5866rem;
        color: #DEDFDF;
    }

    .dropdown-list {
        max-height: 12rem; /* 限制最高高度 */
        overflow-y: auto;  /* 超出后出现滚动条 */
        padding-bottom: 0.3rem;
    }

    /* 每一项的样式 */
    .dropdown-item {
        display: flex;
        align-items: center;
        padding: 0.3rem 0.5rem;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .dropdown-item-icon {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.32rem !important;
    }

    .dropdown-item-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; /* 文字过长显示省略号 */

        font-family: GoodzFont-NotoSansSC-SemiBold;
        font-weight: 600;
        font-size: 0.5866rem;
        color: #DEDFDF;
    }

    .stock-back-container {
        /* 1. 定位与尺寸 (保持不变) */
        position: absolute;
        top: 0;
        right: 0;
        /*width: 48.7733rem;*/
        width: 100% !important;
        margin: 0 !important;
        /*height: 29.44rem;*/

        /* 2. 溢出隐藏 (用于配合内部图片的 scale 放大) */
        overflow: hidden;
        pointer-events: none;
        z-index: -1;

        /* 标准写法 */
        mask: radial-gradient(51.31% 100% at 49.99% -21.75%, #000000 0%, #000000 52.6%, rgba(0, 0, 0, 0.18) 83.33%, rgba(0, 0, 0, 0) 95.31%);

        max-width: none;
        max-height: none;

        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .stock-right-frame-section_1_block1 {
        width: 100% !important;
    }

    .stock-right-frame-section_2 {
        display: grid !important;
        width: 100% !important;
        justify-content: flex-start;
    }


    @media (max-width: 920px) {
        .stock-right-frame-section_1_block3_right_text{
            display: none !important;
        }
    }

    /* =================== 详情弹窗 (WantedOrderDetail) =================== */
    /*
       在中等屏幕下，不要全屏（像手机那样），也不要太窄（像PC那样）。
       我们要一个“大号卡片”居中显示。
    */
    .action-page {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 2rem !important; /* 四周留黑边 */
    }

    .action-card {
        /* 覆盖 PC 的 w-[26rem]，改用更大的宽度 */
        width: 65vw !important;
        max-width: 85vw !important; /* 防止超出屏幕 */
        transform: none !important; /* 防止 PC 端可能的 scale 影响 */
    }

    @media (min-width: 1000px){
        .action-card {
            width: 63vw !important;
        }
    }

    /* 详情页内部图片高度限制，防止把弹窗撑太长 */
    .goods-detail-left-image-container {
        max-height: 18rem !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }

    /* 按钮样式适配：比手机版宽，比 PC 版大 */
    .goods-detail-container-bot-order {
        width: 90% !important;
        height: 3.5rem !important; /* 更适合手指点击的高度 */
        margin: 0 auto !important;
        padding: 0 1.5rem !important;
        border-radius: 2rem !important;

        /* 确保它是 Flex 布局 */
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;

        /* 加上背景色，防止悬浮时看不清 */
        background-color: rgba(20, 20, 30, 0.95) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    .goods-detail-container-bot-buy-left,
    .goods-detail-container-bot-buy-right {
        font-size: 1.1rem !important; /* 字体加大 */
    }

    /* =================== 其他通用修正 =================== */
    /* 修正 Banner 区域 */
    .section_banner {
        width: 100% !important;
        height: auto !important;
        min-height: 12rem !important;
    }

    /* 用户页头部 */
    .w-\[49\.8666rem\] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 搜索框等小组件放大 */
    .stock-left-frame-top-block1-search {
        height: 2.5rem !important; /* 输入框加高 */
    }


    /*============================================物品详情start================================================*/
    .goods-detail-box {
        width: 75vw !important;
        height: 80vh !important;
        max-height: 85vh !important;
        max-width: 75vw !important;
        flex-direction: column !important;
        gap: 0 !important;
        border-radius: 0 !important;
        position: relative !important;
    }

    @media (min-width: 1000px){
        .goods-detail-box {
            width: 68vw !important;
            height: 80vh !important;
            max-height: 85vh !important;
            max-width: 68vw !important;
            flex-direction: column !important;
            gap: 0 !important;
            border-radius: 0 !important;
            position: relative !important;
        }
    }

    /* 针对 WebKit 浏览器 (Chrome, Safari, 安卓/iOS Webview) 隐藏滚动条 */
    .goods-detail-container::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    /* ===== 左侧容器（图片+信息区域）：在上方，宽度100% ===== */
    .goods-detail-left-container {
        width: 100% !important;
        height: auto !important;
        flex-shrink: 0 !important;
        overflow: visible !important;
        order: 1 !important;
    }

    .goods-detail-left-image-container {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        max-height: 70vw !important;
        border: 0.32rem !important;
    }

    .goods-detail-left-image_1 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-image_2_frame {
        width: 80% !important;
        max-width: 12rem !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    .goods-detail-left-image_2_back,
    .goods-detail-left-image_2 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-image_3 {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-bot-container-top {
        width: 100% !important;
        height: auto !important;
        min-height: 2.5rem !important;
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-left-bot-container-top-left {
        width: auto !important;
        flex: 1 !important;
        height: auto !important;
        margin: 0.3rem !important;
    }

    /* 1. 最外层父容器：控制整体裁切形状 2*/
    .goods-detail-container-top-left-user-inner {
        height: 100% !important;
        width: 100% !important;
        margin-bottom: 1rem !important;
        margin-top: auto !important;
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        z-index: 104 !important;
        overflow: hidden !important; /* 裁切超出部分 */
        /* 【关键修改】父容器也必须是：上直角，下圆角 */
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0.4266rem !important;
        border-bottom-right-radius: 0.4266rem !important;
    }

    /* 背景纹理：保持不变 */
    .goods-detail-container-top-left-user-inner::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        background: url(/_next/static/media/goods-detail-container-bot-back.977babf8.png) no-repeat !important;
        background-size: 100% 100% !important;
        opacity: 0.1 !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }

    /* 2. 内部 Flex 容器 */
    .goods-detail-container-top-left-user {
        width: 100% !important;
        height: 3.2rem !important;
        min-height: 3.2rem !important;
        background: linear-gradient(90deg, rgba(0, 128, 183, 0.1) 0%, rgba(0, 128, 183, 0.4) 100%) !important;

        /* 【关键修改】保持与父容器一致：上直角，下圆角 */
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0.32rem !important; /* 左下圆角 */
        border-bottom-right-radius: 0.32rem !important; /* 右下圆角 */

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding-right: 0 !important;

    }

    /* 头像：保持不变 */
    .goods-detail-container-bot-user-imag {
        width: 2rem !important;
        height: 2rem !important;
        border-radius: 50% !important;
        margin-left: 0.8rem !important;
        margin-right: 0.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        flex-shrink: 0 !important;
        object-fit: cover !important;
    }

    /* 名字：保持不变 */
    .goods-detail-container-bot-user-name {
        flex: 1 !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        font-size: 0.9rem !important;
        font-family: GoodzFont-Rajdhani-SemiBold !important;
        color: #9E9D9D !important;
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /* 3. 右侧箭头背景框 */
    .goods-detail-container-top-user-icon-frame {
        background-image: url(/_next/static/media/detail-user-back.59631151.png) !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        width: 50% !important;
        flex-shrink: 0 !important;
        height: 100% !important;
        margin: 0 !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;

        /* 【关键修改】只有右下角是圆角，其他全是直角 */
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important; /* 左下角是内部连接处，应该是直角 */
        border-bottom-right-radius: 0.32rem !important; /* 只有这里是圆角 */
    }

    /* 箭头图标：保持不变 */
    .goods-detail-container-bot-user-icon {
        width: 1rem !important;
        height: 1rem !important;
        object-fit: contain !important;
        z-index: 105 !important;
        position: static !important;
    }

    .goods-detail-left-bot-container-top-right {
        width: 5rem !important;
        min-width: 5rem !important;
        height: 3.5rem !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
    }

    .goods-detail-left-bot-container-top-right-img {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    .goods-detail-left-bot-container-top-right-center {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 2.2rem !important;
        height: 2.6rem !important;
    }

    /* ===== 右侧容器（详情区域）：追加至下方，取消独立滚动 ===== */
    .goods-detail-right-container {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        flex-shrink: 0 !important;
        order: 2 !important;
        padding: 0 !important;
        margin-top: 0.5rem !important;
    }

    /* ===== 右侧容器内所有固定宽度子元素 → 100% ===== */
    .goods-detail-right-container-title {
        width: 100% !important;
    }

    .goods-detail-right-container-block2 {
        flex-direction: column !important;
        height: auto !important;
        gap: 0.3rem !important;
        width: 100% !important;
    }

    .goods-detail-right-container-block2_left {
        width: 100% !important;
    }

    .goods-detail-right-container-block2_left-text {
        width: auto !important;
        max-width: 100% !important;
    }

    .goods-detail-right-container-block2_right {
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* 藏品介绍文字 — 固定宽度21.68rem → 100% */
    .goods-detail-right-collection-text {
        width: 100% !important;
        word-break: break-word !important;
    }

    /* 藏品详细信息表格 — 固定宽度21.68rem → 100%，修复文字竖排 */
    .goods-detail-right-collection-detail-table-frame-first,
    .goods-detail-right-collection-detail-table-frame {
        width: 100% !important;
        height: auto !important;
        min-height: 1.44rem !important;
    }

    /* 表格行：确保横向排列，两端对齐 */
    .goods-detail-right-collection-detail-table-frame-top {
        width: 100% !important;
        height: auto !important;
        min-height: 0.72rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
        padding: 0.2rem 0 !important;
    }

    /* 表格行左侧文字（标签）— 靠左 */
    .goods-detail-right-collection-detail-table-frame-top-text {
        position: static !important;
        left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: left !important;
    }

    /* 表格行右侧文字 — 靠右 */
    .goods-detail-right-collection-detail-table-frame-top-right-text {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-left: auto !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        text-align: right !important;
    }

    /* 表格行右侧图标（稀有度）— 靠右 */
    .goods-detail-right-collection-detail-table-frame-top-first-icon {
        position: static !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
        height: 1rem !important;
    }

    .goods-detail-right-collection-detail-table-frame-line {
        width: 100% !important;
    }

    /* 获取途径块 — 固定宽度21.8133rem → 100% */
    .goods-detail-right-pathway-block {
        width: 100% !important;
        height: 3.1466rem !important;
        min-height: 3.1466rem !important;
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        overflow: hidden !important;
    }

    .goods-detail-right-pathway-block-left {
        flex: 1 !important;
        min-width: 0 !important;
        z-index: 1 !important;
    }

    /* 图片容器：固定高度，宽度自适应，溢出裁切 */
    .goods-detail-right-pathway-block-right {
        width: 8rem !important;
        height: 100% !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        border-radius: 0 0.4266rem 0.4266rem 0 !important;
    }

    /* 图片：保持原始比例，居中裁切两侧 */
    .goods-detail-right-pathway-block-right-back,
    .goods-detail-right-pathway-block-right-pre {
        width: auto !important;
        height: 100% !important;
        min-width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    /* 关联物品卡牌滚动区 — 固定宽度21.8133rem → 100% */
    .goods-detail-right-about-card-scroll-inner {
        width: 100% !important;
        overflow-x: auto !important;
    }

    /* ===== 社区市场 "在市场中查看" — 修复竖排 ===== */
    .goods-detail-right-big-title {
        width: 100% !important;
        height: auto !important;
        min-height: 0.8266rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .goods-detail-right-big-title-left {
        flex-shrink: 0 !important;
        width: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right {
        width: auto !important;
        flex-shrink: 0 !important;
        position: relative !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right-left {
        position: relative !important;
        right: auto !important;
        margin: 0 !important;
        height: auto !important;
        white-space: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .goods-detail-right-big-title-market-right-left-text {
        white-space: nowrap !important;
        height: auto !important;
    }

    .goods-detail-right-big-title-market-right-left-line {
        display: none !important;
    }

    .goods-detail-right-big-title-market-right-icon {
        position: relative !important;
        right: auto !important;
        margin-left: 0.2rem !important;
        flex-shrink: 0 !important;
    }

    /* ===== 订购单列表和提交按钮 — 满宽 ===== */
    .goods-detail-right-purchase-order-table {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-table-item-frame {
        width: 100% !important;
        padding: 0 0.5rem !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-table-item {
        width: 50% !important;
        flex: 1 !important;
    }

    .goods-detail-right-purchase-order-submit {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .goods-detail-right-purchase-order-text-frame {
        width: 100% !important;
        flex-wrap: wrap !important;
    }

    .goods-detail-right-purchase-order-table-blank-text {
        width: 100% !important;
    }

    /* ===== 查看卡组图鉴 / 查看该卡交易历史 ===== */
    .goods-detail-right-about-page {
        width: 100% !important;
        height: auto !important;
    }

    .goods-detail-right-about-page-block {
        width: 100% !important;
        height: auto !important;
        min-height: 2.2133rem !important;
    }

    /* ===== 底部最后区块（出售/永久化/回收） ===== */
    .goods-detail-right-last-frame {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 2rem !important;
    }

    .goods-detail-right-last-frame-block {
        width: 100% !important;
        height: auto !important;
        min-height: 3rem !important;
        padding: 0.5rem !important;
    }

    /* 空白垫片 — 给底部悬浮按钮留空间 */
    .goods-detail-container-right-blank {
        height: 4rem !important;
        min-height: 4rem !important;
    }

    .goods-detail-container {
        width: 100% !important;
        height: 100% !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 0 !important;
        padding: 0.5rem !important;
        padding-bottom: 6rem !important; /* 给悬浮购买按钮留足空间 */
        border: none !important;
        position: static !important;

        display: flex !important;
        /* 确保内容高度至少占满，sticky 才能生效 */
        min-height: 100% !important;
    }

    /* ===== 底部操作栏 — 改为透明背景容器，让按钮独立悬浮 ===== */
    /* 1. 悬浮底座容器 */
    .goods-detail-container-bot {
        position: absolute !important; /* 相对于 .goods-detail-box 定位 */
        bottom: 0 !important;           /* 永远固定在 85vh 弹窗的底部 */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        /* 设置一个合适的高度，或者保持 0 靠子元素溢出 */
        height: 4rem !important;
        z-index: 9999 !important;      /* 确保在所有内容之上 */
        background: transparent !important;
        pointer-events: none !important; /* 容器不阻碍点击下层内容 */
    }

    /* 3. 中间包装层：确保它是透明且不裁切的 */
    .goods-detail-container-top-left-user-inner {
        width: 100% !important;
        height: 100% !important;
        position: relative !important;
        overflow: visible !important; /* 必须为 visible，否则按钮会被裁切 */
        background: transparent !important;
        pointer-events: none !important;
    }

    /* 4. 立即购买按钮 */
    .goods-detail-container-bot-buy {
        position: absolute !important;
        /* 距离弹窗底部的距离，env 处理苹果刘海屏高度 */
        bottom: calc(1rem + env(safe-area-inset-bottom, 0.5rem)) !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        /* 宽度和样式 */
        width: calc(100% - 3rem) !important;
        max-width: 22rem !important;
        height: 2.16rem;
        /* 强制开启点击 */
        pointer-events: auto !important;
        background: linear-gradient(40deg, #D7EDFF 0%, #E4F0FE 100%);
        border-radius: 1.5rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.5) !important;
        z-index: 10001 !important;
    }

    .goods-detail-container-bot-buy-left {
        font-size: 0.7rem !important;
    }

    .goods-detail-container-bot-buy-right {
        font-size: 0.8rem !important;
    }

    .wanted-order-frame-container {
        justify-content: center !important;
        width: 100% !important;
    }

    .action-button-frame{
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        margin: 0 !important;
        justify-content: space-between !important;
    }


    .goods-detail-container-bot-order {
        width: 90% !important;
        height: auto !important;
        min-height: 2rem !important;
        align-items: center !important;
        justify-content: space-between !important;
        border-radius: 1.0666rem !important;
        display: flex !important;
        flex-direction: row !important;
    }

    /* 关闭按钮 — 固定在右上角 */
    .popup-close {
        position: absolute !important;
        top: 0 !important;
        right: -2rem !important;
        backdrop-filter: blur(4px) !important;
        width: 1.6rem !important;
        height: 1.6rem !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 100 !important;
        object-fit: cover;
    }

    /* =================== 购买订单弹窗 =================== */
    .goods-detail-buy-order-container {
        width: 95vw !important;
        max-width: none !important;
        height: auto !important;
        max-height: 85vh !important;
        overflow-y: auto !important;
    }

    .goods-detail-buy-order-container-block1 {
        flex-direction: column !important;
    }

    .goods-detail-buy-order-container-block1_left {
        width: 100% !important;
    }

    .goods-detail-buy-order-container-block1_right {
        width: 100% !important;
    }

    .goods-detail-buy-order-container-block2 {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .goods-detail-buy-order-container-block2_table {
        min-width: 20rem !important;
    }
    /*================================物品详情end======================================================================*/
    .payment_page {
        height: auto !important;
        min-height: 15rem !important;
        padding: 0.8rem !important;
    }

    .payment-card {
        width: 100% !important;
        flex-direction: column !important;
    }

    .payment-card_block1 {
        width: 100% !important;
    }

    .payment-card_block2 {
        width: 100% !important;
        height: 0.053rem !important;
        margin: 0.8rem 0 !important;
    }

    .payment-card-content_card {
        flex-wrap: wrap !important;
    }

    .payment-card-img_card {
        width: 2.8rem !important;
        height: 2.8rem !important;
    }

    .block_num_frame {
        min-width: 1.8rem !important;
    }

    /* =================== 登录页响应式 =================== */
    .login-page {
        padding: 0.5rem !important;
    }

    .login-page-overlay {
        padding: 0.5rem !important;
    }

    .login-card {
        width: 95vw !important;
        max-width: 18rem !important;
    }

    .login-card-des {
        width: 90% !important;
    }

    .login-card-button,
    .login-card-cancel {
        width: 90% !important;
        max-width: 14rem !important;
    }

    div[role="dialog"] > div > div {
        max-width: 95vw !important;
        width: 95vw !important;
        min-height: auto !important;
    }

    div[role="dialog"] > div > div > div {
        width: 100% !important;
        max-width: none !important;
    }


    .subHeader {
        margin-top: 1.5rem !important;
    }

    .InstantFilmBackUi{
        transform: scale(0.35) !important;
    }
}


@media (min-width: 1201px) and (max-width: 1440px) {
    .handbookGroup{
        width: 100% !important;
    }

    .stock-right-frame-section_2 {
        display: grid !important;
        width: 100% !important;
        justify-content: flex-start;
    }
}



/* ===================== 小手机 (≤480px) ===================== */
@media (max-width: 480px) {
    .header_left{
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.2rem !important;
    }

    .shelves {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.3rem !important;
    }

    .stock-right-frame-section_2 {
        justify-content: center !important;
        margin-left: auto;
        margin-right: auto;
    }

    .goods-detail-right-container {
        padding: 0.3rem !important;
    }

    .mobile-menu-panel {
        width: 65vw !important;
    }

    .goods-detail-left-image_2_frame {
        width: 8rem !important;
        height: 8rem !important;
    }

    .stock-left-frame-top-block3 {
        max-height: 8rem !important;
    }

    .InstantFilmBackUi{
        transform: scale(0.3) !important;
    }

    .stock-right-frame-section_1_block3_search_back {
        width: 70% !important;
    }
}


/* =====================调根字号 PC端 (1201px 及以上) ===================== */
@media (min-width: 1201px) {
    html {
        font-size: clamp(20px, 0.4vw + 15px, 28px) !important;
    }

    .app-layout-wrapper {
        max-width: 3840px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important;
        overflow-x: hidden !important;
    }

    .header {
        min-width: 0 !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        background: rgba(17, 18, 29, 0.95) !important;
        backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
        -webkit-backdrop-filter: blur(12px) brightness(1.1) saturate(1.2) !important;
    }
}

@media (max-width: 1200px) {
    .user-info-item{
        margin-top: 0.5rem !important;
    }
}

html {
    font-size: clamp(20px, 0.4vw + 15px, 28px) !important;
}

/*@media (min-width: 769px) and (max-width: 920px) {*/
/*    html {*/
/*        font-size: 2.8vw !important;*/
/*    }*/
/*}*/

/*@media (min-width: 921px) and (max-width: 1200px) {*/
/*    html {*/
/*        font-size: 2.5vw !important;*/
/*    }*/
/*}*/