@charset "UTF-8";
*, :before, :after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-pan-x: ;
    --un-pan-y: ;
    --un-pinch-zoom: ;
    --un-scroll-snap-strictness: proximity;
    --un-ordinal: ;
    --un-slashed-zero: ;
    --un-numeric-figure: ;
    --un-numeric-spacing: ;
    --un-numeric-fraction: ;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
    --un-shadow-inset: ;
    --un-shadow: 0 0 rgb(0 0 0 / 0);
    --un-ring-inset: ;
    --un-ring-offset-width: 0px;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0px;
    --un-ring-color: rgb(147 197 253 / .5);
    --un-blur: ;
    --un-brightness: ;
    --un-contrast: ;
    --un-drop-shadow: ;
    --un-grayscale: ;
    --un-hue-rotate: ;
    --un-invert: ;
    --un-saturate: ;
    --un-sepia: ;
    --un-backdrop-blur: ;
    --un-backdrop-brightness: ;
    --un-backdrop-contrast: ;
    --un-backdrop-grayscale: ;
    --un-backdrop-hue-rotate: ;
    --un-backdrop-invert: ;
    --un-backdrop-opacity: ;
    --un-backdrop-saturate: ;
    --un-backdrop-sepia:
}

:root {
    background-color: var(--fallback-b1, oklch(var(--b1)/1));
    color: var(--fallback-bc, oklch(var(--bc)/1))
}

[data-theme] {
    background-color: var(--fallback-b1, oklch(var(--b1)/1));
    color: var(--fallback-bc, oklch(var(--bc)/1))
}

@supports not (color: oklch(0% 0 0)) {
    :root {
        color-scheme: light;
        --fallback-p: #491eff;
        --fallback-pc: #d4dbff;
        --fallback-s: #ff41c7;
        --fallback-sc: #fff9fc;
        --fallback-a: #00cfbd;
        --fallback-ac: #00100d;
        --fallback-n: #2b3440;
        --fallback-nc: #d7dde4;
        --fallback-b1: #ffffff;
        --fallback-b2: #e5e6e6;
        --fallback-b3: #e5e6e6;
        --fallback-bc: #1f2937;
        --fallback-in: #00b3f0;
        --fallback-inc: #000000;
        --fallback-su: #00ca92;
        --fallback-suc: #000000;
        --fallback-wa: #ffc22d;
        --fallback-wac: #000000;
        --fallback-er: #ff6f70;
        --fallback-erc: #000000
    }
}

@supports not (color: oklch(0% 0 0)) {
    @media (prefers-color-scheme: dark) {
        :root {
            color-scheme: dark;
            --fallback-p: #7582ff;
            --fallback-pc: #050617;
            --fallback-s: #ff71cf;
            --fallback-sc: #190211;
            --fallback-a: #00c7b5;
            --fallback-ac: #000e0c;
            --fallback-n: #2a323c;
            --fallback-nc: #a6adbb;
            --fallback-b1: #1d232a;
            --fallback-b2: #191e24;
            --fallback-b3: #15191e;
            --fallback-bc: #a6adbb;
            --fallback-in: #00b3f0;
            --fallback-inc: #000000;
            --fallback-su: #00ca92;
            --fallback-suc: #000000;
            --fallback-wa: #ffc22d;
            --fallback-wac: #000000;
            --fallback-er: #ff6f70;
            --fallback-erc: #000000
        }
    }
}

html {
    -webkit-tap-highlight-color: transparent
}

* {
    scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent
}
/*
*:hover {
    scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent
}
*/
@keyframes button-pop {
    0% {
        transform: scale(var(--btn-focus-scale, .98))
    }
    40% {
        transform: scale(1.02)
    }
    to {
        transform: scale(1)
    }
}

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }
    50% {
        background-position-y: -2px
    }
    to {
        background-position-y: 0
    }
}

@keyframes modal-pop {
    0% {
        opacity: 0
    }
}

@keyframes progress-loading {
    50% {
        background-position-x: -115%
    }
}

@keyframes radiomark {
    0% {
        box-shadow: 0 0 0 12px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 12px var(--fallback-b1, oklch(var(--b1)/1)) inset
    }
    50% {
        box-shadow: 0 0 0 3px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 3px var(--fallback-b1, oklch(var(--b1)/1)) inset
    }
    to {
        box-shadow: 0 0 0 4px var(--fallback-b1, oklch(var(--b1)/1)) inset, 0 0 0 4px var(--fallback-b1, oklch(var(--b1)/1)) inset
    }
}

@keyframes rating-pop {
    0% {
        transform: translateY(-.125em)
    }
    40% {
        transform: translateY(-.125em)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes skeleton {
    0% {
        background-position: 150%
    }
    to {
        background-position: -50%
    }
}

@keyframes toast-pop {
    0% {
        transform: scale(.9);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

:root {
    color-scheme: light;
    --in: 72.06% .191 231.6;
    --su: 64.8% .15 160;
    --wa: 84.71% .199 83.87;
    --er: 71.76% .221 22.18;
    --pc: 89.824% .06192 275.75;
    --ac: 15.352% .0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
    --p: 49.12% .3096 275.75;
    --s: 69.71% .329 342.55;
    --sc: 98.71% .0106 342.55;
    --a: 76.76% .184 183.61;
    --n: 32.1785% .02476 255.701624;
    --nc: 89.4994% .011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% .00108 197.137559;
    --bc: 27.8078% .029596 256.847952
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --in: 72.06% .191 231.6;
        --su: 64.8% .15 160;
        --wa: 84.71% .199 83.87;
        --er: 71.76% .221 22.18;
        --pc: 13.138% .0392 275.75;
        --sc: 14.96% .052 342.55;
        --ac: 14.902% .0334 183.61;
        --inc: 0% 0 0;
        --suc: 0% 0 0;
        --wac: 0% 0 0;
        --erc: 0% 0 0;
        --rounded-box: 1rem;
        --rounded-btn: .5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: .25s;
        --animation-input: .2s;
        --btn-focus-scale: .95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: .5rem;
        --p: 65.69% .196 275.75;
        --s: 74.8% .26 342.55;
        --a: 74.51% .167 183.61;
        --n: 31.3815% .021108 254.139175;
        --nc: 74.6477% .0216 264.435964;
        --b1: 25.3267% .015896 252.417568;
        --b2: 23.2607% .013807 253.100675;
        --b3: 21.1484% .01165 254.087939;
        --bc: 74.6477% .0216 264.435964
    }
}

[data-theme=light] {
    color-scheme: light;
    --in: 72.06% .191 231.6;
    --su: 64.8% .15 160;
    --wa: 84.71% .199 83.87;
    --er: 71.76% .221 22.18;
    --pc: 89.824% .06192 275.75;
    --ac: 15.352% .0368 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
    --p: 49.12% .3096 275.75;
    --s: 69.71% .329 342.55;
    --sc: 98.71% .0106 342.55;
    --a: 76.76% .184 183.61;
    --n: 32.1785% .02476 255.701624;
    --nc: 89.4994% .011585 252.096176;
    --b1: 100% 0 0;
    --b2: 96.1151% 0 0;
    --b3: 92.4169% .00108 197.137559;
    --bc: 27.8078% .029596 256.847952
}

[data-theme=dark] {
    color-scheme: dark;
    --in: 72.06% .191 231.6;
    --su: 64.8% .15 160;
    --wa: 84.71% .199 83.87;
    --er: 71.76% .221 22.18;
    --pc: 13.138% .0392 275.75;
    --sc: 14.96% .052 342.55;
    --ac: 14.902% .0334 183.61;
    --inc: 0% 0 0;
    --suc: 0% 0 0;
    --wac: 0% 0 0;
    --erc: 0% 0 0;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
    --p: 65.69% .196 275.75;
    --s: 74.8% .26 342.55;
    --a: 74.51% .167 183.61;
    --n: 31.3815% .021108 254.139175;
    --nc: 74.6477% .0216 264.435964;
    --b1: 25.3267% .015896 252.417568;
    --b2: 23.2607% .013807 253.100675;
    --b3: 21.1484% .01165 254.087939;
    --bc: 74.6477% .0216 264.435964
}

.btn {
    display: inline-flex;
    height: 3rem;
    min-height: 3rem;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded-btn, .5rem);
    border-color: transparent;
    border-color: oklch(var(--btn-color, var(--b2)) / var(--un-border-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1em;
    gap: .5rem;
    font-weight: 600;
    text-decoration-line: none;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1);
    border-width: var(--border-btn, 1px);
    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
    --un-text-opacity: 1;
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-text-opacity)));
    --un-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --un-shadow-colored: 0 1px 2px 0 var(--un-shadow-color);
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    outline-color: var(--fallback-bc, oklch(var(--bc)/1));
    background-color: oklch(var(--btn-color, var(--b2)) / var(--un-bg-opacity));
    --un-bg-opacity: 1;
    --un-border-opacity: 1
}

.btn:disabled, .btn[disabled] {
    pointer-events: none;
    --un-border-opacity: 0;
    background-color: var(--fallback-n, oklch(var(--n)/var(--un-bg-opacity)));
    --un-bg-opacity: .2;
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-text-opacity)));
    --un-text-opacity: .2
}

:where(.btn:is(input[type=checkbox])), :where(.btn:is(input[type=radio])) {
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn:is(input[type=checkbox]):after, .btn:is(input[type=radio]):after {
    --un-content: attr(aria-label);
    content: var(--un-content)
}

.checkbox {
    flex-shrink: 0;
    --chkbg: var(--fallback-bc, oklch(var(--bc)/1));
    --chkfg: var(--fallback-b1, oklch(var(--b1)/1));
    height: 1.5rem;
    width: 1.5rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--rounded-btn, .5rem);
    border-width: 1px;
    border-color: var(--fallback-bc, oklch(var(--bc)/var(--un-border-opacity)));
    --un-border-opacity: .2
}

.footer {
    display: grid;
    width: 100%;
    grid-auto-flow: row;
    place-items: start;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 2.5rem;
    font-size: .875rem;
    line-height: 1.25rem
}

.footer > * {
    display: grid;
    place-items: start;
    gap: .5rem
}

.label {
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem
}

.input {
    flex-shrink: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .875rem;
    font-size: 1rem;
    line-height: 1.25rem;
    line-height: 2;
    line-height: 1.5rem;
    border-radius: var(--rounded-btn, .5rem);
    border-width: 1px;
    border-color: transparent;
    --un-bg-opacity: 1;
    background-color: var(--fallback-b1, oklch(var(--b1)/var(--un-bg-opacity)))
}

.input[type=number]::-webkit-inner-spin-button {
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin-inline-end: -1rem
}

.input-sm[type=number]::-webkit-inner-spin-button {
    margin-top: 0;
    margin-bottom: 0;
    margin-inline-end: -0px
}

.link {
    cursor: pointer;
    text-decoration-line: underline
}

.textarea {
    min-height: 3rem;
    flex-shrink: 1;
    padding: .5rem 1rem;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    border-radius: var(--rounded-btn, .5rem);
    border-width: 1px;
    border-color: transparent;
    --un-bg-opacity: 1;
    background-color: var(--fallback-b1, oklch(var(--b1)/var(--un-bg-opacity)))
}

.btm-nav > *:where(.active) {
    border-top-width: 2px;
    --un-bg-opacity: 1;
    background-color: var(--fallback-b1, oklch(var(--b1)/var(--un-bg-opacity)))
}

.btm-nav > * .label {
    font-size: 1rem;
    line-height: 1.5rem
}

.btn:active:focus, .btn:active:hover {
    animation: button-pop 0s ease-out;
    transform: scale(var(--btn-focus-scale, .97))
}

.btn:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px
}

.btn.glass {
    --un-shadow: 0 0 #0000;
    --un-shadow-colored: 0 0 #0000;
    box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
    outline-color: currentColor
}

.btn.glass.btn-active {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.btn.btn-disabled {
    --un-border-opacity: 0;
    background-color: var(--fallback-n, oklch(var(--n)/var(--un-bg-opacity)));
    --un-bg-opacity: .2;
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-text-opacity)));
    --un-text-opacity: .2
}

.btn:is(input[type=checkbox]:checked), .btn:is(input[type=radio]:checked) {
    --un-border-opacity: 1;
    border-color: var(--fallback-p, oklch(var(--p)/var(--un-border-opacity)));
    --un-bg-opacity: 1;
    background-color: var(--fallback-p, oklch(var(--p)/var(--un-bg-opacity)));
    --un-text-opacity: 1;
    color: var(--fallback-pc, oklch(var(--pc)/var(--un-text-opacity)))
}

.btn:is(input[type=checkbox]:checked):focus-visible, .btn:is(input[type=radio]:checked):focus-visible {
    outline-color: var(--fallback-p, oklch(var(--p)/1))
}

.checkbox:focus {
    box-shadow: none
}

.checkbox:focus-visible {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc, oklch(var(--bc)/1))
}

.checkbox:disabled {
    border-width: 0px;
    cursor: not-allowed;
    border-color: transparent;
    --un-bg-opacity: 1;
    background-color: var(--fallback-bc, oklch(var(--bc)/var(--un-bg-opacity)));
    opacity: .2
}

.checkbox:checked, .checkbox[aria-checked=true] {
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, .2s) ease-out;
    background-color: var(--chkbg);
    background-image: linear-gradient(-45deg, transparent 65%, var(--chkbg) 65.99%), linear-gradient(45deg, transparent 75%, var(--chkbg) 75.99%), linear-gradient(-45deg, var(--chkbg) 40%, transparent 40.99%), linear-gradient(45deg, var(--chkbg) 30%, var(--chkfg) 30.99%, var(--chkfg) 40%, transparent 40.99%), linear-gradient(-45deg, var(--chkfg) 50%, var(--chkbg) 50.99%)
}

.checkbox:indeterminate {
    --un-bg-opacity: 1;
    background-color: var(--fallback-bc, oklch(var(--bc)/var(--un-bg-opacity)));
    background-repeat: no-repeat;
    animation: checkmark var(--animation-input, .2s) ease-out;
    background-image: linear-gradient(90deg, transparent 80%, var(--chkbg) 80%), linear-gradient(-90deg, transparent 80%, var(--chkbg) 80%), linear-gradient(0deg, var(--chkbg) 43%, var(--chkfg) 43%, var(--chkfg) 57%, var(--chkbg) 57%)
}

.input input {
    --un-bg-opacity: 1;
    background-color: var(--fallback-p, oklch(var(--p)/var(--un-bg-opacity)));
    background-color: transparent
}

.input input:focus, .link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.input-bordered, .textarea-bordered {
    border-color: var(--fallback-bc, oklch(var(--bc)/.2))
}

.input:focus, .input:focus-within, .textarea:focus {
    box-shadow: none;
    border-color: var(--fallback-bc, oklch(var(--bc)/.2));
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--fallback-bc, oklch(var(--bc)/.2))
}

.input:disabled, .input:has(>input[disabled]), .input[disabled], .textarea:disabled, .textarea[disabled] {
    cursor: not-allowed;
    --un-border-opacity: 1;
    border-color: var(--fallback-b2, oklch(var(--b2)/var(--un-border-opacity)));
    --un-bg-opacity: 1;
    background-color: var(--fallback-b2, oklch(var(--b2)/var(--un-bg-opacity)));
    color: var(--fallback-bc, oklch(var(--bc)/.4))
}

.input:has(>input[disabled])::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.input:disabled::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.input[disabled]::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.input:disabled::-moz-placeholder, .input:has(>input[disabled])::-moz-placeholder, .input[disabled]::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.input:disabled::placeholder, .input:has(>input[disabled])::placeholder, .input[disabled]::placeholder, .textarea:disabled::placeholder, .textarea[disabled]::placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.input:has(>input[disabled]) > input[disabled] {
    cursor: not-allowed
}

.input::-webkit-date-and-time-value {
    text-align: inherit
}

.join > :where(*:not(:first-child)):is(.btn), .join.join-horizontal > :where(*:not(:first-child)):is(.btn) {
    margin-inline-start: calc(var(--border-btn) * -1)
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.menu li > *:not(ul,.menu-title,details,.btn).active {
    --un-bg-opacity: 1;
    background-color: var(--fallback-n, oklch(var(--n)/var(--un-bg-opacity)));
    --un-text-opacity: 1;
    color: var(--fallback-nc, oklch(var(--nc)/var(--un-text-opacity)))
}

.mockup-browser .mockup-browser-toolbar .input {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 1.75rem;
    width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --un-bg-opacity: 1;
    background-color: var(--fallback-b2, oklch(var(--b2)/var(--un-bg-opacity)));
    padding-left: 2rem;
    direction: ltr
}

.mockup-browser .mockup-browser-toolbar .input:before {
    content: "";
    position: absolute;
    left: .5rem;
    top: 50%;
    aspect-ratio: 1 / 1;
    height: .75rem;
    --un-translate-y: -50%;
    transform: translate(var(--un-translate-x), var(--un-translate-y)) rotate(var(--un-rotate)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y));
    border-radius: 9999px;
    border-width: 2px;
    border-color: currentColor;
    opacity: .6
}

.mockup-browser .mockup-browser-toolbar .input:after {
    content: "";
    position: absolute;
    left: 1.25rem;
    top: 50%;
    height: .5rem;
    --un-translate-y: 25%;
    --un-rotate: -45deg;
    transform: translate(var(--un-translate-x), var(--un-translate-y)) rotate(var(--un-rotate)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y));
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor;
    opacity: .6
}

.table tr.active, .table tr.active:nth-child(2n) {
    --un-bg-opacity: 1;
    background-color: var(--fallback-b2, oklch(var(--b2)/var(--un-bg-opacity)))
}

.table-zebra tr.active, .table-zebra tr.active:nth-child(2n) {
    --un-bg-opacity: 1;
    background-color: var(--fallback-b3, oklch(var(--b3)/var(--un-bg-opacity)))
}

.textarea:disabled::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.textarea[disabled]::-moz-placeholder {
    color: var(--fallback-bc, oklch(var(--bc)/var(--un-placeholder-opacity)));
    --un-placeholder-opacity: .2
}

.artboard.phone {
    width: 320px
}

.artboard.phone-1.horizontal {
    width: 568px;
    height: 320px
}

.artboard.phone-2.horizontal {
    width: 667px;
    height: 375px
}

.artboard.phone-3.horizontal {
    width: 736px;
    height: 414px
}

.artboard.phone-4.horizontal {
    width: 812px;
    height: 375px
}

.artboard.phone-5.horizontal {
    width: 896px;
    height: 414px
}

.artboard.phone-6.horizontal {
    width: 1024px;
    height: 320px
}

.btm-nav-xs > *:where(.active) {
    border-top-width: 1px
}

.btm-nav-md > *:where(.active), .btm-nav-sm > *:where(.active) {
    border-top-width: 2px
}

.btm-nav-lg > *:where(.active) {
    border-top-width: 4px
}

.input-sm {
    height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: .875rem;
    line-height: 2rem
}

.join.join-vertical > :where(*:not(:first-child)):is(.btn) {
    margin-top: calc(var(--border-btn) * -1)
}

@media (hover: hover) {
    .btn:hover {
        --un-border-opacity: 1;
        border-color: var(--fallback-b3, oklch(var(--b3)/var(--un-border-opacity)));
        --un-bg-opacity: 1;
        background-color: var(--fallback-b3, oklch(var(--b3)/var(--un-bg-opacity)))
    }

    .btn.glass:hover {
        --glass-opacity: 25%;
        --glass-border-opacity: 15%
    }

    .btn:disabled:hover, .btn[disabled]:hover {
        --un-border-opacity: 0;
        background-color: var(--fallback-n, oklch(var(--n)/var(--un-bg-opacity)));
        --un-bg-opacity: .2;
        color: var(--fallback-bc, oklch(var(--bc)/var(--un-text-opacity)));
        --un-text-opacity: .2
    }
}

@media (hover: hover) {
    .label a:hover {
        --un-text-opacity: 1;
        color: var(--fallback-bc, oklch(var(--bc)/var(--un-text-opacity)))
    }

    .menu li > *:not(ul,.menu-title,details,.btn).active {
        --un-bg-opacity: 1;
        background-color: var(--fallback-n, oklch(var(--n)/var(--un-bg-opacity)));
        --un-text-opacity: 1;
        color: var(--fallback-nc, oklch(var(--nc)/var(--un-text-opacity)))
    }
}

@media (min-width: 48rem) {
    .footer {
        grid-auto-flow: column
    }
}

@media (prefers-reduced-motion: no-preference) {
    .btn {
        animation: button-pop var(--animation-btn, .25s) ease-out
    }
}

@supports (color: color-mix(in oklab,black,black)) {
    @media (hover: hover) {
        .btn:hover {
            background-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--un-bg-opacity, 1)) 90%, black);
            border-color: color-mix(in oklab, oklch(var(--btn-color, var(--b2)) / var(--un-border-opacity, 1)) 90%, black)
        }

        .btn:is(input[type=checkbox]:checked):hover, .btn:is(input[type=radio]:checked):hover {
            background-color: color-mix(in oklab, var(--fallback-p, oklch(var(--p)/1)) 90%, black);
            border-color: color-mix(in oklab, var(--fallback-p, oklch(var(--p)/1)) 90%, black)
        }
    }
}

@supportsnot (color: oklch(0% 0 0)) {
    .btn {
        background-color: var(--btn-color, var(--fallback-b2));
        border-color: var(--btn-color, var(--fallback-b2));
    }
} @supportsnot (color: oklch(0% 0 0)) {
    @media (hover: hover) {
        .btn:hover {
            background-color: var(--btn-color, var(--fallback-b2));
            border-color: var(--btn-color, var(--fallback-b2));
        }
    }
} .m-auto {
      margin: auto
  }

.mx-5px {
    margin-left: 5px;
    margin-right: 5px
}

.ml-1 {
    margin-left: .25rem
}

.ml-12px {
    margin-left: 12px
}

.ml-40px {
    margin-left: 40px
}

.ml-auto {
    margin-left: auto
}

.mr-38px {
    margin-right: 38px
}

.mt-35px {
    margin-top: 35px
}

.h-102px {
    height: 102px
}

.h-172px {
    height: 172px
}

.h-190px {
    height: 190px
}

.w-1200px {
    width: 1200px
}

.w-378px {
    width: 378px
}

.w-680px {
    width: 680px
}

.\!flex {
    display: flex !important
}



.flex {
    display: flex
}

.flex-1 {
    flex: 1 1 0%
}

.grow {
    flex-grow: 1
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.\!justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between
}

.gap-2 {
    gap: .5rem
}

.bg-blue {
    --un-bg-opacity: 1;
    background-color: rgb(96 165 250 / var(--un-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --un-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.px-20px {
    padding-left: 20px;
    padding-right: 20px
}

.py-15px {
    padding-top: 15px;
    padding-bottom: 15px
}

.pb-20px {
    padding-bottom: 20px
}

.pb-6px {
    padding-bottom: 6px
}

.pr-96px {
    padding-right: 96px
}

.pt-22px {
    padding-top: 22px
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-14px {
    font-size: 14px
}

.text-24px {
    font-size: 24px
}

.text-64px {
    font-size: 64px
}

.text-\[\#fff\] {
    --un-text-opacity: 1;
    color: rgb(255 255 255 / var(--un-text-opacity))
}

.underline {
    text-decoration-line: underline
}

@keyframes enter-x-animation {
    to {
        opacity: 1;
        transform: translate(0)
    }
}

* > .enter-x:nth-child(1) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(1) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(1), * > .-enter-x:nth-child(1) {
    z-index: 19;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .05s
}

* > .enter-x:nth-child(2) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(2) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(2), * > .-enter-x:nth-child(2) {
    z-index: 18;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .1s
}

* > .enter-x:nth-child(3) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(3) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(3), * > .-enter-x:nth-child(3) {
    z-index: 17;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .15s
}

* > .enter-x:nth-child(4) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(4) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(4), * > .-enter-x:nth-child(4) {
    z-index: 16;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .2s
}

* > .enter-x:nth-child(5) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(5) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(5), * > .-enter-x:nth-child(5) {
    z-index: 15;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .25s
}

* > .enter-x:nth-child(6) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(6) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(6), * > .-enter-x:nth-child(6) {
    z-index: 14;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .3s
}

* > .enter-x:nth-child(7) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(7) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(7), * > .-enter-x:nth-child(7) {
    z-index: 13;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .35s
}

* > .enter-x:nth-child(8) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(8) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(8), * > .-enter-x:nth-child(8) {
    z-index: 12;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .4s
}

* > .enter-x:nth-child(9) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(9) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(9), * > .-enter-x:nth-child(9) {
    z-index: 11;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .45s
}

* > .enter-x:nth-child(10) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(10) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(10), * > .-enter-x:nth-child(10) {
    z-index: 10;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .5s
}

* > .enter-x:nth-child(11) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(11) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(11), * > .-enter-x:nth-child(11) {
    z-index: 9;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .55s
}

* > .enter-x:nth-child(12) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(12) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(12), * > .-enter-x:nth-child(12) {
    z-index: 8;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .6s
}

* > .enter-x:nth-child(13) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(13) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(13), * > .-enter-x:nth-child(13) {
    z-index: 7;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .65s
}

* > .enter-x:nth-child(14) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(14) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(14), * > .-enter-x:nth-child(14) {
    z-index: 6;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .7s
}

* > .enter-x:nth-child(15) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(15) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(15), * > .-enter-x:nth-child(15) {
    z-index: 5;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .75s
}

* > .enter-x:nth-child(16) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(16) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(16), * > .-enter-x:nth-child(16) {
    z-index: 4;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .8s
}

* > .enter-x:nth-child(17) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(17) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(17), * > .-enter-x:nth-child(17) {
    z-index: 3;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .85s
}

* > .enter-x:nth-child(18) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(18) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(18), * > .-enter-x:nth-child(18) {
    z-index: 2;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .9s
}

* > .enter-x:nth-child(19) {
    transform: translate(50px)
}

* > .-enter-x:nth-child(19) {
    transform: translate(-50px)
}

* > .enter-x:nth-child(19), * > .-enter-x:nth-child(19) {
    z-index: 1;
    opacity: 0;
    animation: enter-x-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .95s
}

@keyframes enter-y-animation {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

* > .enter-y:nth-child(1) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(1) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(1), * > .-enter-y:nth-child(1) {
    z-index: 19;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .05s
}

* > .enter-y:nth-child(2) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(2) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(2), * > .-enter-y:nth-child(2) {
    z-index: 18;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .1s
}

* > .enter-y:nth-child(3) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(3) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(3), * > .-enter-y:nth-child(3) {
    z-index: 17;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .15s
}

* > .enter-y:nth-child(4) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(4) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(4), * > .-enter-y:nth-child(4) {
    z-index: 16;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .2s
}

* > .enter-y:nth-child(5) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(5) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(5), * > .-enter-y:nth-child(5) {
    z-index: 15;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .25s
}

* > .enter-y:nth-child(6) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(6) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(6), * > .-enter-y:nth-child(6) {
    z-index: 14;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .3s
}

* > .enter-y:nth-child(7) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(7) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(7), * > .-enter-y:nth-child(7) {
    z-index: 13;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .35s
}

* > .enter-y:nth-child(8) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(8) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(8), * > .-enter-y:nth-child(8) {
    z-index: 12;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .4s
}

* > .enter-y:nth-child(9) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(9) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(9), * > .-enter-y:nth-child(9) {
    z-index: 11;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .45s
}

* > .enter-y:nth-child(10) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(10) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(10), * > .-enter-y:nth-child(10) {
    z-index: 10;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .5s
}

* > .enter-y:nth-child(11) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(11) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(11), * > .-enter-y:nth-child(11) {
    z-index: 9;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .55s
}

* > .enter-y:nth-child(12) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(12) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(12), * > .-enter-y:nth-child(12) {
    z-index: 8;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .6s
}

* > .enter-y:nth-child(13) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(13) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(13), * > .-enter-y:nth-child(13) {
    z-index: 7;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .65s
}

* > .enter-y:nth-child(14) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(14) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(14), * > .-enter-y:nth-child(14) {
    z-index: 6;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .7s
}

* > .enter-y:nth-child(15) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(15) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(15), * > .-enter-y:nth-child(15) {
    z-index: 5;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .75s
}

* > .enter-y:nth-child(16) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(16) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(16), * > .-enter-y:nth-child(16) {
    z-index: 4;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .8s
}

* > .enter-y:nth-child(17) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(17) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(17), * > .-enter-y:nth-child(17) {
    z-index: 3;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .85s
}

* > .enter-y:nth-child(18) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(18) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(18), * > .-enter-y:nth-child(18) {
    z-index: 2;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .9s
}

* > .enter-y:nth-child(19) {
    transform: translateY(50px)
}

* > .-enter-y:nth-child(19) {
    transform: translateY(-50px)
}

* > .enter-y:nth-child(19), * > .-enter-y:nth-child(19) {
    z-index: 1;
    opacity: 0;
    animation: enter-y-animation .4s ease-in-out .3s;
    animation-fill-mode: forwards;
    animation-delay: .95s
}

@media (max-width: 767.9px) {
    .\<md\:hidden {
        display: none
    }
}

@media (min-width: 768px) {
    .md\:\!hidden {
        display: none !important
    }

    .md\:hidden {
        display: none
    }
}

@font-face {
    font-family: 阿里妈妈数黑体 Bold;
    src: url(/assets/AlimamaShuHeiTi-Bold.woff2?t=1718354959124) format("woff2"), url(/assets/AlimamaShuHeiTi-Bold.woff?t=1718354959124) format("woff"), url(/assets/AlimamaShuHeiTi-Bold.ttf?t=1718354959124) format("truetype");
    font-weight: 700;
    font-display: block
}

@font-face {
    font-family: AlibabaPuHuiTi;
    src: url(/assets/AlibabaPuHuiTi-3-55-Regular.eot);
    src: url(/assets/AlibabaPuHuiTi-3-55-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/AlibabaPuHuiTi-3-55-Regular.woff) format("woff"), url(/assets/AlibabaPuHuiTi-3-55-Regular.ttf) format("truetype"), url(/assets/AlibabaPuHuiTi-3-55-Regular.svg#AlibabaPuHuiTi-3-55-Regular) format("svg");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: iconfont;
    src: url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAAAwwAAsAAAAAEfgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA8F0nQY21hcAAAAYgAAACwAAACVIFZgg9nbHlmAAACOAAAB4oAAApI8yGs+mhlYWQAAAnEAAAALwAAADYrJktraGhlYQAACfQAAAAdAAAAJAozBeZobXR4AAAKFAAAABUAAABAQqMAAGxvY2EAAAosAAAAIgAAACIX0BU2bWF4cAAAClAAAAAfAAAAIAEeAGtuYW1lAAAKcAAAAUAAAAJnEKM8sHBvc3QAAAuwAAAAfQAAAKJa6wh9eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGHRYpzAwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnjE+u8bc8L+BgYH5DkMjUJgRRRETAInzDWJ4nO2SyQ0CQQwEa3aX+wwB/mTCDeJLQLwIihgIodOA9hqIAls1ki2PPXIP0AFqszINlDuFsJuzpc3XDNt8w9XxmD4VjWotddZFz9cLVBytv9HPiqvn9oUdJkyZOTNyv8Zzu/Tca+D+VUwqXf42bs/HJ5rFZhNvD1WJ94jqpK1ZJnFb68RbRpsk9NM2CY21S0J77ROrgQ6JdUHHxAqhU2Kt0DmJP6NLQrzrmVDeNp84OnicdVZdjNxWFfa5nrHH9tge/12PZ+zxjj3rmez87M7s/JTdndndNGqSZZuGJmmkkFSJGkRKgAApgodUJPAQHkIRKqygqFJTVQipaaVSpL7wU5CAilAkRCkSqkCoElIA8VK1D63W4dizTShqZqzjc32vr75zvu+ca4Yw+GPPk7cYl9nFMLP1CQz69ageBTzHc6ZNbbrYG45s2hv2oT+BXgVMBYIOsJ/Y8qqtuf0bz2/sn2slztH+qcaW0vC2H14/99Vz66k5udU41T/6/op0adXbUrwGnFrfWbJ+LoGQSXF8jvyd0Zg5ZsQcYhgwK7DYm5BBvwNhoBAjGo6G/XmIEFhQ70AC0IMqoguUZG1vArjSDi2T60B9EAZRf7iM0Qx71MONqMnBsfaB+erqQqlzoBOsLjgvw4lNMVfSQrn9hY5cVR/oD+Asl/tjbSUMV/at1Gor5bakiNDKiRLfkhSpzYsiGeLbpYVJML3F2fu/XmGtjCSwYhiKLN+49+AJOfebcLw32WDvOPxOm5dA5HEnqclLEt8WFZGBJF7yDvkesw8jjUbDURfD4btRkvt6l/JKGh/fHSZDLuEB/11cuAp4pUOeUwFTkvzr0/fIbwWWZDxbygq92rBkaiw7Y7iWmCV5jq/LUtNv2YVI5jWQHavtWDyXITzf9j1N5bKE8Nkcz8EPfFfNsTMF9fDSnCNn9NnqPqM8b+uCKeYe2hy3fFNk6z2Hgj7fnGsEM46tyaJatDzHL1ccl1JVTfm8+XP2LLvGlJglZoN5ELXF2ZUE73wS7hj6URMCJBA1xs9G03ADjKFDEs+ukMUqMpqEBgpBeu0dKbAovjpKYUJsOhpSC+UIv8/yQrMl8FmbEBCyEZcDAlAtLi/mlRlvvzej5HsrxbmKy2aWjg9QHMeXMqxbiV+ffHI8PjPuHF4Lx5+aNA8MxIyU1yd3l9b3GJXFo78ydFvXbM04kBE41uFyOc5heTGbsUjkz5qGYdX8iJiz86355mans9lEh9wPkzMXzkwgXDvcmTw8iU9Eu5uKJ5suJzpZYun9o4u39N4n/2RUpszUGXwG1YCzNJNi3MOB1o/YaqJgHKFy63fwyX/imtdoePAG2nPxK4KiCHBXYu/gkxtLc9vvzC0vzxFxbmn7D5qj6472ww/cUmmm+H6B9WgyXcTW53jgkB3owC2MsxbtjXYEOED5hdWkaZhTrbIv60L83V1tx4yvCvpClfy1uhBnSqvOF09+o0hIFgp0frs/TwuQJWzxykm4kQMuftsROBlyHOTiz4a9XvgqFLTNjU/3sjylgVkqmQGlfHbx7MZOz7j5E/aX7DpqLGJ6zARxJtoIeIVYJvWhAlgpiz2USj+LqsH2ZSdJs+/gs08Gj953+MeHDl7YuzQ0SUW9tGffxw/d9+g92xdlW1Fs2XDd52Rbxsssl59TEk8xymWyvnl+Bn/nn3jg3seWrmmqsN+q+ue/f+2yTEu2DG7dhQ/xUvzvspfZDGqgwnSY5akGsCTS/CYlwpscZjWFmBBufOj0jhrY5e0rfqvlk0fQfo0W4idFXcQLHirQ0/8/VaCYeZyAEy3/1WQKzQsFKuqmJlKy//bDH6mU+pSmckC8f2OvslXsz3uYjyHaqWCXIcneFAj6qXixtndGo6SIe1j6eO2szE6jmMaw+L8D9vOm65pCgm47n1jh1rhg+Lx1bLx6ZXV8zOJ9o5A8jEkhhfePKUq4Xjbjnxlu4vvUNWC3WbZ96hhrp13Pc0+vGQ717bto4c3k5Q8YjA978s2vcEfYS3gWMoCYgZqo+g4ZIS3RPCRpRoGtQqZlr9vwtG3HD9qrbbDAey/rtTLQmcm8F79pZvUce6ZYjA/ad6Oh0FkvQtSoSAF2PmulKLyv3ZvsJZZF7j08eT+Sch+NYcolZoRrw7CSFJsC9dmon01LLT2aQzwOo0E9TS+1bOwCUfyXoNsNIAp6vTiGzxSqlFYL8eMGkSuqnCEkI6uV+PFDRukex0xsCY51g6eqvV71iWjxd68JvFOIjxlORnhNWfiyLJpSRzIkefvXJeMto5SaKf9ofkreZShW28Hk3MITqI4iYBMRIL/48YDc29jN8azCJmCZWIqV6SGVQh/hFCoBp0xsFcnc6PYk6Yo09+drBQuo+vzrOWpK0mXsnKJcUN2y7IqKV1JdrVjSvcIZuaLxjuoZTlF3FYfT/HzBjOyZarFhkrezLP8ioDj+pNIXeVbUJXJVMl7ipbLHC1qtP5rV1YoryHknWPhSJyjmH8lxpYqm+c3lby03fU2rlDhBpI3RxksfHe6yUl08lsmzu5kmwwiYZB4wCoLH8FT8iXJTLhIdTwvAphOI2DhetVfseC3Hs3nN4MNu+O2gK3DPcrlu+M2gO5I8ncALcMHU4y1O11U+w7nxKGHyBicI3I2U01c6AqEeM9UnNuZ/s4DfSIhjglpEeZp20uOG2JovwnGZ0JocX1RVuKgoZpEo+HCQD0tsPn4230AjuTXp9l7/wr2MNKaEMQHDSj73RjAc9Mkb8UW5ZuMOx+NnZCKpmoKbqfAUHMmTck2Kr8fX86GsSnBE1cz/Ariap4sAAHicY2BkYGAA4sPiTiHx/DZfGbhZGEDg0U3m7Qj6fz1bKHMjkMvBwAQSBQAfvgpyAHicY2BkYGBu+N/AEMMWygAEQJKRARUIAABWDgMnAAAAeJxjYWBgYCECs4Ui8f0QbAAT7QDmAAAAAAAAAABEALwBLAG8AgwCXgK+AxYDhgO8BBYEkgTWBPwFJAAAeJxjYGRgYBBgiGdgYQABJiDmAkIGhv9gPgMAE50BigB4nIWRPW7CQBCFn8GQBJQoSqQ0aVYpKBLJ/JRIqVCgp6AHs+ZHttdaL0jUOU2OkBPkCOloc4pIedhDA0W82tlv3r6ZHckA7rCHh/K75y7ZwyWzkiu4wKNwlfqTsE9+Fq6hiZ5wnfqrcAMveBNusmPGDp5/xayFd2EPt/gQruAGn8JV6l/CPvlbuIYH/AjXqf8KNzDxroWbaHnhwOqp03M126lVaNLIpO54jvViE0/tqTzRNl+ZVHWDzlEa6VTbY5t8u+g5F6nImkQNeavj2KjMmrUOXbB0Luu325HoQWgSDGChMYVjnENhhh3jCiEMUkRFdGf5mO4FNohZaf91T+i2yKkfcoUuAnTOXCO60sJ5Ok2OLV/rUXV0K27LmoQ0lFrNSWKy4g883K2phNQDLIuqDH20uaITf1DMkPwB2JNvV3icbcRLEoIwEAXAPBwiggoehEPFZCCxIljDL3J6rXJrL1pl6qdU/zXIcAAhh8YRBU4oUeGMC66o0eCm9MRGrC+WiaU1zlEXhCn56L7tlvyeEm3vPVEXTaToH31lRMatldD7WQ/jHCzrdYzLk/O7sHH0El5p4DQr9QGOOiGzAAAA) format("woff"), url(/assets/iconfont.ttf?t=1723028279552) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-search:before {
    content: ""
}

.icon-user-add:before {
    content: ""
}

.icon-fire:before {
    content: ""
}

.icon-xhld:before {
    content: ""
}

.icon-xhzc:before {
    content: ""
}

.icon-hzxx:before {
    content: ""
}

.icon-wyzx:before {
    content: ""
}

.icon-flal:before {
    content: ""
}

.icon-lhjg:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-notice:before {
    content: ""
}

.icon-volume:before {
    content: ""
}

.icon-bread:before {
    content: ""
}

.icon-prev:before {
    content: ""
}

.icon-next:before {
    content: ""
}

.header {
    width: 100%;
    background-color: #fff;
    position: relative
}

.header-swiper {
    width: 100%;
    height: 700px
}

.header-logo-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 700px
}

.header-logo-section-right {
    margin-top: 25px;
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

.header-logo-section-right > * {
    vertical-align: middle
}

.header-logo-section-right .icon-user-add {
    font-size: 32px;
    margin-right: 4px
}

.header-logo-section-right .icon-search {
    margin-left: 36px;
    font-size: 32px
}

.header-logo-section-right .search-box {
    width: 280px;
    height: 36px;
    border-radius: 100px;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    margin-left: 38px
}

.header-logo-section-right .search-box .label {
    width: 220px;
    outline: none;
    background: none
}

.header-logo-section-right .search-box .label::-moz-placeholder {
    color: #fff
}

.header-logo-section-right .search-box .label::placeholder {
    color: #fff
}

.header-logo-section-right .search-box .index-search-button {
    width: 24px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEQSURBVHgB3VSBEYIwDAxOwAiMwAiMwAa6AWwgI7CBbuAIHUGdADeADWJ6tEfoaZvgnef5d7mjNM0nbfIAfwtEzMmOZIZsxBmjW+/hE1CAhgX1gYfgn13XoIXL2qMjK4L9iuzMfFpN8IZlVyZ8W0ZSgSB44QJjmHXkzMEnpHE+gQLu0dNVMMcSFGCJ9SlH2yEjKOGu1sK82t+x75xsAiWyLHuw81GC6Z1TDOxKpxTBzRKIWm4NT3CHRCbtxi4apF2UM2eR1rCpNxJ/LwMiCcC1pKjkomMHja3GPqSr0LZkg8vMcMgV1lUyYBwmqEJH4ohqnJXTBruSXch6ZA+KyyRvIxEm8nUSteRoSAZUztJv4wnEHAH5+glaNAAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    cursor: pointer
}

.header-logo-image {
    margin-top: 52px
}

.header-logo-slogo {
    font-family: AlibabaPuHuiTi;
    color: #fff;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.38;
    margin-top: 32px
}

.header-logo-slogo-desc {
    margin-top: 26px;
    color: #ffffffb3;
    font-family: 阿里妈妈数黑体 Bold;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.82;
    letter-spacing: 2.5px
}

.header-menu-container {
    background-color: #007ed6;
    position: sticky;
    top: 0;
    z-index: 99
}

.header .search-box.input {
    --rounded-btn: 999px;
    width: 280px;
    height: 36px;
    font-size: 16px
}

.header .search-box.input input::-moz-placeholder {
    color: #999
}

.header .search-box.input input::placeholder {
    color: #999
}

.header-menu {
    width: 100%
}

.header-menu-list {
    display: flex;
    --color: #FFFFFF;
    --bg-color: #007ED6
}

.header-menu-list > *:where(.active) {
    --color: #333333;
    --bg-color: #ffffff
}

.header-menu-list > *:not(.active):hover {
    --bg-color: rgba(0, 0, 0, .2);
    cursor: pointer
}

.header-menu-item {
    width: 120px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-out;
    color: var(--color);
    background-color: var(--bg-color)
}

.header-theme-inner .header-swiper {
    height: 430px
}

.header-theme-inner .header-section {
    display: flex
}

.header-theme-inner .header-logo-wrap {
    display: none
}

.header-theme-inner .header-inner-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: AlibabaPuHuiTi;
    font-style: normal;
    font-weight: 400
}

.header-theme-inner .header-inner-title-cn {
    color: #fff;
    font-size: 64px
}

.header-theme-inner .header-inner-title-en {
    color: #fff;
    font-size: 24px;
    line-height: 1.5
}

.header-section {
    display: none;
    height: 103px;
    align-items: center
}

.header-section-logo {
    width: auto;
    height: 68px
}

.header-section-right {
    margin-left: auto;
    color: #333;
    display: flex;
    align-items: center
}

.header-section-right .icon-user-add {
    font-size: 32px;
    margin-right: 4px
}

.header-section-right .icon-search {
    margin-left: 36px;
    font-size: 32px
}

.header-section-right .search-box {
    width: 280px;
    height: 36px;
    border-radius: 100px;
    border: 1px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 14px;
    margin-left: 38px
}

.header-section-right .search-box input {
    width: 220px;
    outline: none
}

.header-section-right .search-box .search-button {
    width: 24px;
    height: 24px;
    background-image: url(https://vastweb-oss.wepolices.com/goss/image/2024/08/07/sOMlUHKq.png);
    background-size: 100% 100%;
    cursor: pointer
}

.header-inner-title {
    display: none;
    position: absolute;
    top: 103px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 430px
}

.footer-wrap {
    width: 100%;
    background-color: #007ed6;
    padding: 20px 0;
    font-family: PingFang SC
}

.footer-left {
    color: #fff;
    font-size: 14px;
    line-height: 30px
}

.footer-right {
    margin-left: auto;
    text-align: right;
    color: #fff;
    font-size: 14px;
    line-height: 30px
}

.footer-right-item {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.footer-right-item img {
    width: 19px;
    height: 19px;
    margin: 0 4px
}

body {
    background-color: #f9f9f9;
    padding-bottom: env(safe-area-inset-bottom)
}

@media (min-width: 768px) {
    body {
        min-width: 1260px;
        padding-bottom: 0
    }
}

.content-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1260px;
    padding-left: 30px;
    padding-right: 30px
}

@media (min-width: 768px) {
    .mobile {
        display: none
    }
}

.pc {
    display: none
}

@media (min-width: 768px) {
    .pc {
        display: block
    }
}

.full-img {
    width: 100%;
    height: 100%;
    line-height: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.swiper {
    overflow: hidden;
    position: relative
}

.swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%
}

.swiper-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    position: relative
}

.swiper-slide a {
    width: 100%;
    height: 100%
}

.swiper-slide__text {
    position: absolute;
    top: 18%;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 阿里妈妈数黑体 Bold, sans-serif;
    pointer-events: none
}

@media (min-width: 768px) {
    .swiper-slide__text {
        top: 25%
    }
}

.swiper-slide__text .main-text {
    font-size: 4.8vw
}

@media (min-width: 768px) {
    .swiper-slide__text .main-text {
        font-size: 52px
    }
}

.swiper-slide__text .sub-text {
    font-size: 1.6vw;
    opacity: .5
}

@media (min-width: 768px) {
    .swiper-slide__text .sub-text {
        font-size: 16px
    }
}

.swiper-slide__info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #0009;
    display: flex;
    align-items: center;
    padding: 8px 24px;
    color: #fff
}

.swiper-slide__info .main-text {
    flex: 1;
    font-size: 16px;
    font-style: normal;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.swiper-slide__info .sub-text {
    padding-left: 1em;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .05em
}

.swiper-slide__info .sub-text .is-highlight {
    color: #6dcfff;
    font-size: 20px
}

.hover-visible {
    opacity: 0;
    transition: opacity .35s ease-out
}

.hover-visible:hover {
    opacity: 1
}

.page-bread {
    display: flex;
    align-items: center;
    gap: .8vw;
    padding: 2.6667vw 4vw;
    font-size: 3.7333vw;
    font-weight: 400;
    line-height: 1;
    color: #999
}

@media (min-width: 768px) {
    .page-bread {
        gap: 6px;
        padding: 20px 30px;
        font-size: 16px
    }
}

.page-bread .iconfont {
    display: inline-block;
    font-size: 3.7333vw;
    color: #ed7020
}

@media (min-width: 768px) {
    .page-bread .iconfont {
        font-size: 20px
    }
}

.page-bread a {
    color: #999
}

.page-bread .active {
    color: #0094dc
}

.page-pagination {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 30px auto;
    gap: 6px
}

@media (max-width: 767.9px) {
    .page-pagination {
        display: none
    }
}

.page-pagination-block {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 32px;
    border: 1px solid #dbdfe2;
    cursor: pointer;
    border-radius: 4px
}

.page-pagination-num {
    color: #333;
    font-size: 16px;
    font-weight: 400
}

.page-pagination .active {
    background-color: #007ed6;
    color: #fff
}

.page-pagination-jump input {
    width: 40px;
    padding: 0;
    text-align: center;
    border-radius: 4px
}

.page-banner img {
    margin: 0 auto
}

.page-tabs {
    background: #f7f7f7
}

@media screen and (min-width: 768px) {
    .page-tabs {
        background: #fff;
        box-shadow: 0 4px 4px #a6a6a640
    }
}

.page-tabs-content {
    overflow-x: auto;
    display: flex;
    gap: 3.4667vw;
    padding: 0 3.4667vw;
    scrollbar-color: auto;
    scrollbar-width: none
}

.page-tabs-item {
    flex: 0 0 auto;
    padding: 3.4667vw 0;
    color: #333;
    font-size: 3.7333vw;
    font-weight: 400
}

@media (min-width: 768px) {
    .page-tabs-item {
        gap: 26px;
        padding-top: 26px;
        padding-bottom: 26px;
        font-size: 18px
    }
}

.page-tabs .active {
    color: #0094dc;
    font-weight: 500;
    position: relative
}

.page-tabs .active:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 8.8vw;
    height: .2667vw;
    background-color: #0094dc;
    left: 50%;
    transform: translate(-50%)
}

@media (min-width: 768px) {
    .page-tabs .active:after {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .page-content-min-height {
        min-height: calc(100vh - 60vw)
    }
}

@media screen and (min-width: 768px) {
    .page-content-min-height {
        min-height: calc(100vh - 778px)
    }
}

@media screen and (max-width: 768px) {
    .page-content-min-height-bread {
        min-height: calc(100vh - 68vw)
    }
}

@media screen and (min-width: 768px) {
    .page-content-min-height-bread {
        min-height: calc(100vh - 838px)
    }
}