/*! CSS Used from: Embedded */
.v-theme--dark {
    color-scheme: dark;
    --v-theme-background: 11, 18, 32;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 22, 28, 33;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 204, 191, 214;
    --v-theme-surface-bright-overlay-multiplier: 2;
    --v-theme-surface-light: 66, 66, 66;
    --v-theme-surface-light-overlay-multiplier: 1;
    --v-theme-surface-variant: 26, 32, 39;
    --v-theme-surface-variant-overlay-multiplier: 1;
    --v-theme-on-surface-variant: 163, 182, 201;
    --v-theme-primary: 255, 224, 130;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 39, 124, 193;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 99, 102, 241;
    --v-theme-secondary-overlay-multiplier: 2;
    --v-theme-secondary-darken-1: 72, 169, 166;
    --v-theme-secondary-darken-1-overlay-multiplier: 2;
    --v-theme-error: 207, 102, 121;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 2;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 2;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 2;
    --v-theme-on-surface: 163, 182, 201;
    --v-theme-on-background: 163, 182, 201;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-surface-light: 255, 255, 255;
    --v-theme-on-primary: 0, 0, 0;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 255, 255, 255;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-border-color: 255, 255, 255;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 1;
    --v-medium-emphasis-opacity: 0.7;
    --v-disabled-opacity: 0.5;
    --v-idle-opacity: 0.1;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.16;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 66, 66, 66;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 52, 52, 52;
    --v-theme-on-code: 204, 204, 204;
}

/*! CSS Used from: Embedded */
.bg-transparent {
    background-color: transparent !important;
    color: currentColor !important;
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    margin: 0;
    padding: 0;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline-width: 0;
}

input {
    border-radius: 0;
}

button,
input {
    font: inherit;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

[role=button],
[type=button],
button {
    color: inherit;
    cursor: pointer;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

button,
input {
    background-color: transparent;
    border-style: none;
}

img {
    border-style: none;
}

.v-locale--is-ltr {
    direction: ltr;
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12)) !important;
}

/*! CSS Used from: Embedded */
.mdi:before {
    display: inline-block;
    font: 24px/1 Material Design Icons;
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-briefcase-outline:before {
    content: "󰠔";
}

.mdi-chevron-down:before {
    content: "󰅀";
}

.mdi-close:before {
    content: "󰅖";
}

.mdi-headset:before {
    content: "󰋎";
}

.mdi-magnify:before {
    content: "󰍉";
}

.mdi-menu:before {
    content: "󰍜";
}

.mdi-plus-thick:before {
    content: "󱇬";
}

/*! CSS Used from: Embedded */
.wmiao {
    font-family: wmiao !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wuli-jiangbei:before {
    content: "";
}

.wuli-pose:before {
    content: "";
}

.wuli-shouye:before {
    content: "";
}

.wuli-jiaocheng:before {
    content: "";
}

.wuli-tupian:before {
    content: "";
}

.wuli-ziliao:before {
    content: "";
}

.wuli-zhaopin:before {
    content: "";
}

.wuli-donghua:before {
    content: "";
}

.wuli-wenda:before {
    content: "";
}

.wuli-moxing:before {
    content: "";
}

.wuli-ruanjian:before {
    content: "";
}

.wuli-chajian:before {
    content: "";
}

.wuli-xuexi:before {
    content: "";
}

.wuli-soft:before {
    content: "";
}

.wuli-shipin:before {
    content: "";
}

.wuli-pinglun:before {
    content: "";
}

/*! CSS Used from: Embedded */
.content-area {
    overflow-anchor: none;
}

.v-btn,
.v-card,
.v-field {
    box-shadow: none !important;
}

.v-field--variant-solo-filled {
    border-radius: var(--radius-input, 8px) !important;
}

.v-field input,
.v-field--variant-solo-filled input,
.v-text-field input {
    color: var(--color-text-normal) !important;
}

.v-field__overlay {
    background: transparent !important;
    opacity: 0 !important;
}

.v-card {
    background-color: var(--color-bg-light) !important;
}

.v-card {
    border-radius: 12px !important;
}

.v-btn {
    border-radius: var(--radius-button, 8px) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.v-btn .v-btn__overlay {
    background-color: transparent !important;
}

.v-btn:active .v-btn__overlay {
    opacity: 0 !important;
}

.v-btn,
.v-btn--variant-text {
    color: var(--color-text-normal) !important;
}

.bar-search .v-field--variant-solo-filled {
    background: var(--color-bg-light) !important;
}

.bar-search .v-field__overlay {
    background: transparent !important;
    opacity: 0 !important;
}

.v-btn--variant-flat:not(.bg-primary):not(.bg-success):not(.bg-error):not(.bg-warning):not(.bg-info) {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.v-btn--variant-flat:not(.bg-primary):not(.bg-success):not(.bg-error):not(.bg-warning):not(.bg-info):hover {
    background: var(--color-hover-bg-normal) !important;
}

.v-list-item-title {
    color: var(--color-text-normal) !important;
}

.publish-btn,
.v-btn.publish-btn {
    background: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    border: none !important;
    color: #000 !important;
    height: 40px !important;
    min-height: 40px !important;
}

.v-btn.publish-btn .v-btn__content {
    color: #000 !important;
}

.v-btn.publish-btn:hover {
    filter: brightness(1.1) !important;
}

/*! CSS Used from: Embedded */
.v-application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex;
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

/*! CSS Used from: Embedded */
.v-btn {
    align-items: center;
    border-radius: 4px;
    display: inline-grid;
    flex-shrink: 0;
    font-weight: 500;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 28px;
    font-size: var(--v-btn-size);
    min-width: 50px;
    padding: 0 12px;
}

.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 36px;
    font-size: var(--v-btn-size);
    min-width: 64px;
    padding: 0 16px;
}

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height));
}

.v-btn {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-btn:hover>.v-btn__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-btn--variant-text {
    background: transparent;
    color: inherit;
}

.v-btn--variant-elevated,
.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-text .v-btn__overlay {
    background: currentColor;
}

.v-btn .v-btn__underlay {
    position: absolute;
}

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem;
}

.v-btn--icon.v-btn--density-default {
    height: calc(var(--v-btn-height) + 12px);
    width: calc(var(--v-btn-height) + 12px);
}

.v-btn--elevated:focus,
.v-btn--elevated:hover {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn .v-icon {
    --v-icon-size-multiplier: .8571428571;
}

.v-btn--icon .v-icon {
    --v-icon-size-multiplier: 1;
}

.v-btn__content {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap;
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (forced-colors:active) {
    .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
        border: thin solid;
    }
}

/*! CSS Used from: Embedded */
.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    min-width: 1em;
    opacity: var(--v-icon-opacity, 1);
    position: relative;
    text-align: center;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
}

.v-icon--clickable {
    cursor: pointer;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier)*1.5em);
}

/*! CSS Used from: Embedded */
.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1), -webkit-mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s, -webkit-mask-size 0s;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: .5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors:active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    height: inherit;
    inset: 0 auto 0 0;
    position: absolute;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

/*! CSS Used from: Embedded */
.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-compact {
    --v-input-control-height: 40px;
    --v-input-padding-top: 8px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

/*! CSS Used from: Embedded */
.v-list {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    outline: none;
    overflow: auto;
    padding: 8px 0;
    position: relative;
}

.v-list {
    background: rgba(var(--v-theme-surface));
    border-radius: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-list--nav {
    padding-inline: 8px;
}

.v-list--nav .v-list-item:not(:first-child) {
    margin-top: 4px;
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    min-height: 40px;
    padding-inline-end: 16px;
    transition: min-height .2s cubic-bezier(.4, 0, .2, 1);
}

.v-list-subheader__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-list--density-compact .v-list-subheader {
    min-height: 32px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--nav .v-list-subheader {
    font-size: .75rem;
}

/*! CSS Used from: Embedded */
.v-list-item {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content 1fr auto;
    max-width: 100%;
    outline: none;
    padding: 4px 16px;
    position: relative;
    text-decoration: none;
}

.v-list-item:hover>.v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active>.v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active:hover>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
}

.v-list-item {
    border-radius: 0;
}

.v-list-item--variant-text {
    background: transparent;
    color: inherit;
}

.v-list-item--variant-text .v-list-item__overlay {
    background: currentColor;
}

.v-list-item .v-list-item__underlay {
    position: absolute;
}

.v-list-item--rounded {
    border-radius: 4px;
}

.v-list-item--link {
    cursor: pointer;
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    min-width: 40px;
    overflow: hidden;
}

.v-list-item-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    line-height: 1.5;
    text-transform: none;
}

.v-list-item--nav .v-list-item-title {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
}

.v-list-item--density-compact {
    min-height: 32px;
}

.v-list-item--density-compact.v-list-item--one-line {
    min-height: 40px;
}

.v-list-item--nav {
    padding-inline: 8px;
}

.v-list-item__underlay {
    position: absolute;
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

.v-list {
    --indent-padding: 0px;
}

.v-list--nav {
    --indent-padding: -8px;
}

@media (forced-colors:active) {
    .v-list-item--link:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-]>* {
        color: highlight !important;
    }
}

/*! CSS Used from: Embedded */
.v-overlay-container {
    contain: layout;
    display: contents;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

/*! CSS Used from: Embedded */
.v-text-field input {
    color: inherit;
    flex: 1;
    min-width: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}

.v-text-field input:active,
.v-text-field input:focus {
    outline: none;
}

.v-text-field input:invalid {
    box-shadow: none;
}

.v-text-field .v-field {
    cursor: text;
}

/*! CSS Used from: Embedded */
.v-field {
    border-radius: 4px;
    contain: layout;
    display: grid;
    flex: 1 0;
    font-size: 16px;
    grid-area: control;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    letter-spacing: .009375em;
    max-width: 100%;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--appended {
    padding-inline-end: 12px;
}

.v-field--variant-solo-filled {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-field--variant-solo-filled {
    background: rgb(var(--v-theme-surface));
    border-color: transparent;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-input--density-compact .v-field--variant-solo-filled {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 0px;
}

.v-field--no-label {
    --v-field-padding-top: 0px;
}

.v-input--density-compact .v-field--no-label {
    --v-field-padding-bottom: 8px;
}

.v-field.v-field--appended {
    --v-field-padding-end: 6px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .009375em;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    opacity: var(--v-high-emphasis-opacity);
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-bottom: var(--v-field-input-padding-bottom);
    padding-top: var(--v-field-input-padding-top);
    position: relative;
    width: 100%;
}

.v-input--density-compact .v-field__input {
    row-gap: 4px;
}

input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:active,
.v-field__input:focus {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    grid-area: field;
    position: relative;
}

.v-field__append-inner {
    grid-area: append-inner;
    padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top, 8px);
}

.v-field--center-affix .v-field__append-inner {
    align-items: center;
    padding-top: 0;
}

.v-field__append-inner>.v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover:hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field__loader {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    width: 100%;
}

.v-field__overlay {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.v-field--variant-solo-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

@media (hover:hover) {
    .v-field--variant-solo-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
    }
}

@media (forced-colors:active) {
    .v-field .v-progress-linear {
        border: none;
    }
}

/*! CSS Used from: Embedded */
.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}

.v-card {
    border-radius: 4px;
}

.v-card--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card .v-card__underlay {
    position: absolute;
}

.v-card__loader {
    inset: 0 0 auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media (forced-colors:active) {
    .v-card__loader .v-progress-linear {
        border: none;
    }
}

@media (forced-colors:active) {
    .v-card:not(.v-card--variant-text, .v-card--variant-plain) {
        border: thin solid;
    }
}

/*! CSS Used from: Embedded */
.v-layout {
    --v-scrollbar-offset: 0px;
    display: flex;
    flex: 1 1 auto;
}

.v-layout--full-height {
    --v-scrollbar-offset: inherit;
    height: 100%;
}

/*! CSS Used from: Embedded */
#__nuxt,
body {
    height: 100%;
    overflow: hidden;
}

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

.v-theme--dark {
    --v-theme-surface: transparent;
    --v-theme-background: var(--color-bg-normal);
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

input::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

/*! CSS Used from: Embedded */
.main-content .content-area {
    overflow-x: hidden !important;
    padding: 0 !important;
}

/*! CSS Used from: Embedded */
.app-layout[data-v-bec46792] {
    height: 100vh;
    width: 100%;
}

.app-layout[data-v-bec46792],
.main-content[data-v-bec46792] {
    display: flex;
    overflow: hidden;
}

.main-content[data-v-bec46792] {
    background: var(--color-bg-normal) !important;
    color: var(--color-text-normal) !important;
    flex: 1;
    flex-direction: column;
}

.content-area[data-v-bec46792] {
    flex: 1;
    overflow: auto;
    padding: 20px !important;
    min-height: 200vh;
}

.content-area[data-v-bec46792]::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-track {
    background: transparent;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

@media (max-width:900px) {
    .app-layout[data-v-bec46792] {
        display: flex;
        overflow: hidden;
        width: 100vw;
    }

    .main-content[data-v-bec46792] {
        flex: 1;
        max-width: 100vw;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }

    .content-area[data-v-bec46792] {
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        padding-bottom: 56px;
        scrollbar-width: none;
        width: 100%;
        -ms-overflow-style: none;
    }

    .content-area[data-v-bec46792]::-webkit-scrollbar {
        display: none;
    }
}

/*! CSS Used from: Embedded */
.sidebar[data-v-4fc3ea22] {
    background: var(--color-bg-dark) !important;
    box-shadow: var(--shadow);
    color: var(--color-text-dark) !important;
    flex-direction: column;
    width: 220px;
    z-index: 10;
}

.sidebar[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.sidebar-header[data-v-4fc3ea22] {
    height: 64px;
    padding: 0 20px;
}

.logo[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    align-items: center;
    justify-content: center;
}

.logo[data-v-4fc3ea22] {
    cursor: pointer;
    display: flex;
}

.logo-image[data-v-4fc3ea22] {
    height: 40px;
    max-width: 100%;
    width: auto;
}

.sidebar-title[data-v-4fc3ea22] {
    color: var(--color-text-normal);
    display: none;
    font-size: 16px;
    font-weight: 600;
}

.pc-only[data-v-4fc3ea22] {
    display: flex;
}

.close-btn[data-v-4fc3ea22],
.mobile-only[data-v-4fc3ea22] {
    display: none;
}

.close-btn[data-v-4fc3ea22] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.category-menu[data-v-4fc3ea22] {
    background: transparent;
    flex: 1;
    overflow: auto;
    padding: 10px 16px 54px;
}

.category-menu[data-v-4fc3ea22] .v-list-item {
    background: transparent !important;
    border-radius: var(--radius-button, 8px);
    color: var(--menu-color, var(--color-text-dark)) !important;
    margin-bottom: 4px;
    min-height: 48px;
}

.category-menu[data-v-4fc3ea22] .v-list-item-title {
    font-size: 16px;
}

.category-menu[data-v-4fc3ea22] .v-list-item__content {
    overflow: visible;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active {
    background: var(--color-active-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active .v-list-item-title {
    color: var(--color-primary) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover:not(.v-list-item--active) {
    background: var(--color-hover-bg-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover .v-list-item-title {
    color: var(--color-text-normal) !important;
}

.menu-category-header[data-v-4fc3ea22] {
    color: var(--color-text-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    opacity: .7;
    padding: 12px 16px 8px !important;
    text-transform: uppercase;
}

.category-item[data-v-4fc3ea22] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow: visible;
}

.category-text[data-v-4fc3ea22] {
    flex: 1;
}

.category-badge[data-v-4fc3ea22] {
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.2;
    margin-left: auto;
    padding: 2px 6px;
    white-space: nowrap;
}

.sidebar-footer[data-v-4fc3ea22] {
    margin-top: 0;
}

.footer-content[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    font-size: 10px;
    line-height: 1.6;
    opacity: .7;
}

.footer-content[data-v-4fc3ea22] a,
.footer-content[data-v-4fc3ea22] a:active,
.footer-content[data-v-4fc3ea22] a:hover,
.footer-content[data-v-4fc3ea22] a:link,
.footer-content[data-v-4fc3ea22] a:visited {
    color: inherit !important;
    text-decoration: none !important;
}

.sidebar-footer-section[data-v-4fc3ea22] {
    margin-top: 36px;
}

.friend-links-section[data-v-4fc3ea22] {
    padding: 0 0 10px;
}

.friend-links-header[data-v-4fc3ea22] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: opacity .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.friend-links-header[data-v-4fc3ea22]:hover {
    opacity: .7;
}

.friend-links-title[data-v-4fc3ea22] {
    font-size: 13px;
    font-weight: 400;
}

.friend-links-title[data-v-4fc3ea22],
.toggle-icon[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    opacity: .7;
}

.toggle-icon[data-v-4fc3ea22] {
    transition: transform .3s ease;
}

.contact-buttons-wrapper[data-v-4fc3ea22] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.contact-buttons-fixed[data-v-4fc3ea22] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: 38px;
    padding: 6px 12px;
}

.contact-button[data-v-4fc3ea22] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 4px;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 11px;
    gap: 3px;
    justify-content: center;
    opacity: .7;
    padding: 4px 8px;
    position: relative;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.contact-button[data-v-4fc3ea22]:hover {
    background: var(--color-hover-bg-normal);
    opacity: 1;
}

@media (max-width:900px) {
    .sidebar[data-v-4fc3ea22] {
        flex-shrink: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        transform: translate(-100%);
        transition: transform .3s ease;
        width: 220px;
        z-index: 2800;
    }

    .sidebar[data-v-4fc3ea22]:not(.sidebar-open) {
        overflow: hidden;
        width: 0;
    }

    .close-btn[data-v-4fc3ea22] {
        display: flex;
    }

    .pc-only[data-v-4fc3ea22] {
        display: none;
    }

    .mobile-only[data-v-4fc3ea22] {
        display: block;
    }

    .sidebar-header[data-v-4fc3ea22] {
        justify-content: flex-start;
    }
}

/*! CSS Used from: Embedded */
.top-bar[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-dark) !important;
    color: var(--color-text-normal) !important;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    height: 64px;
    padding: 0 24px;
}

.menu-toggle[data-v-20519d8f] {
    display: none;
    height: 40px;
    width: 40px;
}

.filter-btn-area[data-v-20519d8f] {
    flex-shrink: 0;
    min-width: 120px;
}

.mobile-search-btn[data-v-20519d8f] {
    height: 40px;
    width: 40px;
}

.mobile-logo[data-v-20519d8f] {
    display: none;
}

.search-wrapper[data-v-20519d8f] {
    border-radius: var(--radius-input, var(--radius-button, 8px));
    overflow: hidden;
}

.bar-search[data-v-20519d8f] {
    max-width: 480px;
    width: 480px;
}

.bar-search[data-v-20519d8f] input {
    font-weight: 600;
}

.search-icon[data-v-20519d8f] {
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color .2s;
}

.search-icon[data-v-20519d8f]:hover {
    color: var(--color-text-normal);
}

@media (max-width:900px) {
    .top-bar[data-v-20519d8f] {
        gap: 4px;
        padding: 0 8px;
        position: relative;
    }

    .menu-toggle[data-v-20519d8f] {
        display: flex;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
    }

    .desktop-search[data-v-20519d8f] {
        display: none;
    }

    .mobile-logo[data-v-20519d8f] {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 50%;
        pointer-events: auto;
        position: absolute;
        transform: translate(-50%);
    }

    .mobile-logo-img[data-v-20519d8f] {
        height: 32px;
        width: auto;
    }

    .bar-spacer[data-v-20519d8f] {
        flex: 1;
    }

    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
    }

    .auth-buttons[data-v-20519d8f] {
        display: flex !important;
    }

    .auth-buttons .topbar-auth-btn[data-v-20519d8f] {
        display: none !important;
    }

    .auth-buttons .topbar-lang-switch[data-v-20519d8f] {
        display: none;
    }
}

.bar-spacer[data-v-20519d8f] {
    flex: 1;
}

.right-actions[data-v-20519d8f] {
    gap: 8px;
}

.right-actions[data-v-20519d8f] {
    align-items: center;
    display: flex;
}

.lang-flag[data-v-20519d8f] {
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px;
}

.auth-buttons[data-v-20519d8f] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.topbar-lang-switch[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: var(--radius-input);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-right: 4px;
    padding: 4px;
    position: relative;
}

.topbar-lang-switch[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal);
}

.lang-option-item[data-v-20519d8f] {
    align-items: center;
    color: var(--color-text-dark);
    display: flex;
    font-size: 13px;
    gap: 3px;
    height: 32px;
    justify-content: center;
    position: relative;
    transition: color .2s;
    width: 60px;
    z-index: 1;
}

.lang-option-item .lang-flag[data-v-20519d8f] {
    height: 14px;
    width: 14px;
}

.lang-option-item.active[data-v-20519d8f] {
    color: var(--color-text-normal);
}

.lang-slider[data-v-20519d8f] {
    background: var(--color-bg-dark);
    border-radius: calc(var(--radius-input) - 2px);
    height: 32px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: transform .2s ease;
    width: 60px;
}

.topbar-auth-btn[data-v-20519d8f] {
    border-radius: var(--radius-input) !important;
    font-size: 14px !important;
    height: 40px !important;
    letter-spacing: normal !important;
    padding: 0 16px !important;
    text-transform: none !important;
}

.topbar-login-btn[data-v-20519d8f] {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.topbar-login-btn[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal) !important;
}

.topbar-register-btn[data-v-20519d8f] {
    background: var(--color-primary) !important;
    color: #000 !important;
}

.topbar-register-btn[data-v-20519d8f]:hover {
    background: var(--color-primary-light) !important;
}

@media (max-width:900px) {
    .filter-btn-area[data-v-20519d8f] {
        min-width: auto;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
        order: -2;
    }
}

.search-wrapper[data-v-20519d8f] {
    max-width: 480px;
    position: relative;
    width: 480px;
}

.search-wrapper .bar-search[data-v-20519d8f] {
    width: 100%;
}

.mobile-search-btn[data-v-20519d8f] {
    display: none;
}

@media (max-width:900px) {
    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
        flex-shrink: 0;
        height: 40px;
        width: 40px;
    }
}

/*! CSS Used from: Embedded */
.avatar-with-frame[data-v-c590cc69] {
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
}

.avatar-image[data-v-c590cc69] {
    border-radius: 50%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.avatar-frame[data-v-c590cc69] {
    left: 50%;
    max-height: none !important;
    max-width: none !important;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/*! CSS Used from: Embedded */
.mobile-tabbar[data-v-3003ffae] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    bottom: 0;
    box-shadow: 0 -4px 12px var(--color-shadow-color);
    display: none;
    height: 56px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 101;
}

@media (max-width:900px) {
    .mobile-tabbar[data-v-3003ffae] {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }
}

.tab-item[data-v-3003ffae] {
    border-radius: 0 !important;
    color: var(--color-text-dark) !important;
    flex: 1;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.tab-item[data-v-3003ffae] .v-btn__content {
    height: 100%;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    position: relative;
}

.tab-label[data-v-3003ffae] {
    font-size: 11px;
    margin-top: 2px;
}

.tab-item.text-only .tab-content[data-v-3003ffae] {
    justify-content: center;
}

.text-only-label[data-v-3003ffae] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
}

.publish-btn-wrapper[data-v-3003ffae] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

.publish-btn[data-v-3003ffae] {
    background: var(--color-primary) !important;
    border-radius: 8px !important;
    color: #000 !important;
    height: 32px !important;
    min-width: 40px !important;
    width: 40px !important;
}

.publish-btn[data-v-3003ffae] .v-icon {
    font-weight: 900;
}

.publish-btn[data-v-3003ffae]:active {
    transform: scale(.95);
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/entry.37luo2Hi.css */
.bg-transparent {
    background-color: transparent !important;
    color: currentColor !important;
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    margin: 0;
    padding: 0;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline-width: 0;
}

input {
    border-radius: 0;
}

button,
input {
    font: inherit;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

[role=button],
[type=button],
button {
    color: inherit;
    cursor: pointer;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

button,
input {
    background-color: transparent;
    border-style: none;
}

img {
    border-style: none;
}

.v-locale--is-ltr {
    direction: ltr;
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12)) !important;
}

.v-application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex;
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

.v-btn {
    align-items: center;
    border-radius: 4px;
    display: inline-grid;
    flex-shrink: 0;
    font-weight: 500;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 28px;
    font-size: var(--v-btn-size);
    min-width: 50px;
    padding: 0 12px;
}

.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 36px;
    font-size: var(--v-btn-size);
    min-width: 64px;
    padding: 0 16px;
}

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height));
}

.v-btn {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-btn:hover>.v-btn__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-btn--variant-text {
    background: transparent;
    color: inherit;
}

.v-btn--variant-elevated,
.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-text .v-btn__overlay {
    background: currentColor;
}

.v-btn .v-btn__underlay {
    position: absolute;
}

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem;
}

.v-btn--icon.v-btn--density-default {
    height: calc(var(--v-btn-height) + 12px);
    width: calc(var(--v-btn-height) + 12px);
}

.v-btn--elevated:focus,
.v-btn--elevated:hover {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn .v-icon {
    --v-icon-size-multiplier: .8571428571;
}

.v-btn--icon .v-icon {
    --v-icon-size-multiplier: 1;
}

.v-btn__content {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap;
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (forced-colors:active) {
    .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
        border: thin solid;
    }
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    min-width: 1em;
    opacity: var(--v-icon-opacity, 1);
    position: relative;
    text-align: center;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
}

.v-icon--clickable {
    cursor: pointer;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier)*1.5em);
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1), -webkit-mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s, -webkit-mask-size 0s;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: .5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors:active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    height: inherit;
    inset: 0 auto 0 0;
    position: absolute;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-compact {
    --v-input-control-height: 40px;
    --v-input-padding-top: 8px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

.v-list {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    outline: none;
    overflow: auto;
    padding: 8px 0;
    position: relative;
}

.v-list {
    background: rgba(var(--v-theme-surface));
    border-radius: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-list--nav {
    padding-inline: 8px;
}

.v-list--nav .v-list-item:not(:first-child) {
    margin-top: 4px;
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    min-height: 40px;
    padding-inline-end: 16px;
    transition: min-height .2s cubic-bezier(.4, 0, .2, 1);
}

.v-list-subheader__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-list--density-compact .v-list-subheader {
    min-height: 32px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--nav .v-list-subheader {
    font-size: .75rem;
}

.v-list-item {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content 1fr auto;
    max-width: 100%;
    outline: none;
    padding: 4px 16px;
    position: relative;
    text-decoration: none;
}

.v-list-item:hover>.v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active>.v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active:hover>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
}

.v-list-item {
    border-radius: 0;
}

.v-list-item--variant-text {
    background: transparent;
    color: inherit;
}

.v-list-item--variant-text .v-list-item__overlay {
    background: currentColor;
}

.v-list-item .v-list-item__underlay {
    position: absolute;
}

.v-list-item--rounded {
    border-radius: 4px;
}

.v-list-item--link {
    cursor: pointer;
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    min-width: 40px;
    overflow: hidden;
}

.v-list-item-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    line-height: 1.5;
    text-transform: none;
}

.v-list-item--nav .v-list-item-title {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
}

.v-list-item--density-compact {
    min-height: 32px;
}

.v-list-item--density-compact.v-list-item--one-line {
    min-height: 40px;
}

.v-list-item--nav {
    padding-inline: 8px;
}

.v-list-item__underlay {
    position: absolute;
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

.v-list {
    --indent-padding: 0px;
}

.v-list--nav {
    --indent-padding: -8px;
}

@media (forced-colors:active) {
    .v-list-item--link:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-]>* {
        color: highlight !important;
    }
}

.v-overlay-container {
    contain: layout;
    display: contents;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
}

.v-text-field input {
    color: inherit;
    flex: 1;
    min-width: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}

.v-text-field input:active,
.v-text-field input:focus {
    outline: none;
}

.v-text-field input:invalid {
    box-shadow: none;
}

.v-text-field .v-field {
    cursor: text;
}

.v-field {
    border-radius: 4px;
    contain: layout;
    display: grid;
    flex: 1 0;
    font-size: 16px;
    grid-area: control;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    letter-spacing: .009375em;
    max-width: 100%;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--appended {
    padding-inline-end: 12px;
}

.v-field--variant-solo-filled {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-field--variant-solo-filled {
    background: rgb(var(--v-theme-surface));
    border-color: transparent;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-input--density-compact .v-field--variant-solo-filled {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 0px;
}

.v-field--no-label {
    --v-field-padding-top: 0px;
}

.v-input--density-compact .v-field--no-label {
    --v-field-padding-bottom: 8px;
}

.v-field.v-field--appended {
    --v-field-padding-end: 6px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .009375em;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    opacity: var(--v-high-emphasis-opacity);
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-bottom: var(--v-field-input-padding-bottom);
    padding-top: var(--v-field-input-padding-top);
    position: relative;
    width: 100%;
}

.v-input--density-compact .v-field__input {
    row-gap: 4px;
}

input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:active,
.v-field__input:focus {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    grid-area: field;
    position: relative;
}

.v-field__append-inner {
    grid-area: append-inner;
    padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top, 8px);
}

.v-field--center-affix .v-field__append-inner {
    align-items: center;
    padding-top: 0;
}

.v-field__append-inner>.v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover:hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field__loader {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    width: 100%;
}

.v-field__overlay {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.v-field--variant-solo-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

@media (hover:hover) {
    .v-field--variant-solo-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
    }
}

@media (forced-colors:active) {
    .v-field .v-progress-linear {
        border: none;
    }
}

.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}

.v-card {
    border-radius: 4px;
}

.v-card--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card .v-card__underlay {
    position: absolute;
}

.v-card__loader {
    inset: 0 0 auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media (forced-colors:active) {
    .v-card__loader .v-progress-linear {
        border: none;
    }
}

@media (forced-colors:active) {
    .v-card:not(.v-card--variant-text, .v-card--variant-plain) {
        border: thin solid;
    }
}

.v-layout {
    --v-scrollbar-offset: 0px;
    display: flex;
    flex: 1 1 auto;
}

.v-layout--full-height {
    --v-scrollbar-offset: inherit;
    height: 100%;
}

#__nuxt,
body {
    height: 100%;
    overflow: hidden;
}

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

.v-theme--dark {
    --v-theme-surface: transparent;
    --v-theme-background: var(--color-bg-normal);
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

input::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/UserAvatarWithFrame.DBfbDZD8.css */
.avatar-with-frame[data-v-c590cc69] {
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
}

.avatar-image[data-v-c590cc69] {
    border-radius: 50%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.avatar-frame[data-v-c590cc69] {
    left: 50%;
    max-height: none !important;
    max-width: none !important;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/_id_.B2AW6HKb.css */
.main-content .content-area {
    overflow-x: hidden !important;
    padding: 0 !important;
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/default.BjCjoGj-.css */
.sidebar[data-v-4fc3ea22] {
    background: var(--color-bg-dark) !important;
    box-shadow: var(--shadow);
    color: var(--color-text-dark) !important;
    flex-direction: column;
    width: 220px;
    z-index: 10;
}

.sidebar[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.sidebar-header[data-v-4fc3ea22] {
    height: 64px;
    padding: 0 20px;
}

.logo[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    align-items: center;
    justify-content: center;
}

.logo[data-v-4fc3ea22] {
    cursor: pointer;
    display: flex;
}

.logo-image[data-v-4fc3ea22] {
    height: 40px;
    max-width: 100%;
    width: auto;
}

.sidebar-title[data-v-4fc3ea22] {
    color: var(--color-text-normal);
    display: none;
    font-size: 16px;
    font-weight: 600;
}

.pc-only[data-v-4fc3ea22] {
    display: flex;
}

.close-btn[data-v-4fc3ea22],
.mobile-only[data-v-4fc3ea22] {
    display: none;
}

.close-btn[data-v-4fc3ea22] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.category-menu[data-v-4fc3ea22] {
    background: transparent;
    flex: 1;
    overflow: auto;
    padding: 10px 16px 54px;
}

.category-menu[data-v-4fc3ea22] .v-list-item {
    background: transparent !important;
    border-radius: var(--radius-button, 8px);
    color: var(--menu-color, var(--color-text-dark)) !important;
    margin-bottom: 4px;
    min-height: 48px;
}

.category-menu[data-v-4fc3ea22] .v-list-item-title {
    font-size: 16px;
}

.category-menu[data-v-4fc3ea22] .v-list-item__content {
    overflow: visible;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active {
    background: var(--color-active-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active .v-list-item-title {
    color: var(--color-primary) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover:not(.v-list-item--active) {
    background: var(--color-hover-bg-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover .v-list-item-title {
    color: var(--color-text-normal) !important;
}

.menu-category-header[data-v-4fc3ea22] {
    color: var(--color-text-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    opacity: .7;
    padding: 12px 16px 8px !important;
    text-transform: uppercase;
}

.category-item[data-v-4fc3ea22] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow: visible;
}

.category-text[data-v-4fc3ea22] {
    flex: 1;
}

.category-badge[data-v-4fc3ea22] {
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.2;
    margin-left: auto;
    padding: 2px 6px;
    white-space: nowrap;
}

.sidebar-footer[data-v-4fc3ea22] {
    margin-top: 0;
}

.footer-content[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    font-size: 10px;
    line-height: 1.6;
    opacity: .7;
}

.footer-content[data-v-4fc3ea22] a,
.footer-content[data-v-4fc3ea22] a:active,
.footer-content[data-v-4fc3ea22] a:hover,
.footer-content[data-v-4fc3ea22] a:link,
.footer-content[data-v-4fc3ea22] a:visited {
    color: inherit !important;
    text-decoration: none !important;
}

.sidebar-footer-section[data-v-4fc3ea22] {
    margin-top: 36px;
}

.friend-links-section[data-v-4fc3ea22] {
    padding: 0 0 10px;
}

.friend-links-header[data-v-4fc3ea22] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: opacity .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.friend-links-header[data-v-4fc3ea22]:hover {
    opacity: .7;
}

.friend-links-title[data-v-4fc3ea22] {
    font-size: 13px;
    font-weight: 400;
}

.friend-links-title[data-v-4fc3ea22],
.toggle-icon[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    opacity: .7;
}

.toggle-icon[data-v-4fc3ea22] {
    transition: transform .3s ease;
}

.contact-buttons-wrapper[data-v-4fc3ea22] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.contact-buttons-fixed[data-v-4fc3ea22] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: 38px;
    padding: 6px 12px;
}

.contact-button[data-v-4fc3ea22] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 4px;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 11px;
    gap: 3px;
    justify-content: center;
    opacity: .7;
    padding: 4px 8px;
    position: relative;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.contact-button[data-v-4fc3ea22]:hover {
    background: var(--color-hover-bg-normal);
    opacity: 1;
}

@media (max-width:900px) {
    .sidebar[data-v-4fc3ea22] {
        flex-shrink: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        transform: translate(-100%);
        transition: transform .3s ease;
        width: 220px;
        z-index: 2800;
    }

    .sidebar[data-v-4fc3ea22]:not(.sidebar-open) {
        overflow: hidden;
        width: 0;
    }

    .close-btn[data-v-4fc3ea22] {
        display: flex;
    }

    .pc-only[data-v-4fc3ea22] {
        display: none;
    }

    .mobile-only[data-v-4fc3ea22] {
        display: block;
    }

    .sidebar-header[data-v-4fc3ea22] {
        justify-content: flex-start;
    }
}

.top-bar[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-dark) !important;
    color: var(--color-text-normal) !important;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    height: 64px;
    padding: 0 24px;
}

.menu-toggle[data-v-20519d8f] {
    display: none;
    height: 40px;
    width: 40px;
}

.filter-btn-area[data-v-20519d8f] {
    flex-shrink: 0;
    min-width: 120px;
}

.mobile-search-btn[data-v-20519d8f] {
    height: 40px;
    width: 40px;
}

.mobile-logo[data-v-20519d8f] {
    display: none;
}

.search-wrapper[data-v-20519d8f] {
    border-radius: var(--radius-input, var(--radius-button, 8px));
    overflow: hidden;
}

.bar-search[data-v-20519d8f] {
    max-width: 480px;
    width: 480px;
}

.bar-search[data-v-20519d8f] input {
    font-weight: 600;
}

.search-icon[data-v-20519d8f] {
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color .2s;
}

.search-icon[data-v-20519d8f]:hover {
    color: var(--color-text-normal);
}

@media (max-width:900px) {
    .top-bar[data-v-20519d8f] {
        gap: 4px;
        padding: 0 8px;
        position: relative;
    }

    .menu-toggle[data-v-20519d8f] {
        display: flex;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
    }

    .desktop-search[data-v-20519d8f] {
        display: none;
    }

    .mobile-logo[data-v-20519d8f] {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 50%;
        pointer-events: auto;
        position: absolute;
        transform: translate(-50%);
    }

    .mobile-logo-img[data-v-20519d8f] {
        height: 32px;
        width: auto;
    }

    .bar-spacer[data-v-20519d8f] {
        flex: 1;
    }

    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
    }

    .auth-buttons[data-v-20519d8f] {
        display: flex !important;
    }

    .auth-buttons .topbar-auth-btn[data-v-20519d8f] {
        display: none !important;
    }

    .auth-buttons .topbar-lang-switch[data-v-20519d8f] {
        display: none;
    }
}

.bar-spacer[data-v-20519d8f] {
    flex: 1;
}

.right-actions[data-v-20519d8f] {
    gap: 8px;
}

.right-actions[data-v-20519d8f] {
    align-items: center;
    display: flex;
}

.lang-flag[data-v-20519d8f] {
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px;
}

.auth-buttons[data-v-20519d8f] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.topbar-lang-switch[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: var(--radius-input);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-right: 4px;
    padding: 4px;
    position: relative;
}

.topbar-lang-switch[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal);
}

.lang-option-item[data-v-20519d8f] {
    align-items: center;
    color: var(--color-text-dark);
    display: flex;
    font-size: 13px;
    gap: 3px;
    height: 32px;
    justify-content: center;
    position: relative;
    transition: color .2s;
    width: 60px;
    z-index: 1;
}

.lang-option-item .lang-flag[data-v-20519d8f] {
    height: 14px;
    width: 14px;
}

.lang-option-item.active[data-v-20519d8f] {
    color: var(--color-text-normal);
}

.lang-slider[data-v-20519d8f] {
    background: var(--color-bg-dark);
    border-radius: calc(var(--radius-input) - 2px);
    height: 32px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: transform .2s ease;
    width: 60px;
}

.topbar-auth-btn[data-v-20519d8f] {
    border-radius: var(--radius-input) !important;
    font-size: 14px !important;
    height: 40px !important;
    letter-spacing: normal !important;
    padding: 0 16px !important;
    text-transform: none !important;
}

.topbar-login-btn[data-v-20519d8f] {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.topbar-login-btn[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal) !important;
}

.topbar-register-btn[data-v-20519d8f] {
    background: var(--color-primary) !important;
    color: #000 !important;
}

.topbar-register-btn[data-v-20519d8f]:hover {
    background: var(--color-primary-light) !important;
}

@media (max-width:900px) {
    .filter-btn-area[data-v-20519d8f] {
        min-width: auto;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
        order: -2;
    }
}

.search-wrapper[data-v-20519d8f] {
    max-width: 480px;
    position: relative;
    width: 480px;
}

.search-wrapper .bar-search[data-v-20519d8f] {
    width: 100%;
}

.mobile-search-btn[data-v-20519d8f] {
    display: none;
}

@media (max-width:900px) {
    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
        flex-shrink: 0;
        height: 40px;
        width: 40px;
    }
}

.mobile-tabbar[data-v-3003ffae] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    bottom: 0;
    box-shadow: 0 -4px 12px var(--color-shadow-color);
    display: none;
    height: 56px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 101;
}

@media (max-width:900px) {
    .mobile-tabbar[data-v-3003ffae] {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }
}

.tab-item[data-v-3003ffae] {
    border-radius: 0 !important;
    color: var(--color-text-dark) !important;
    flex: 1;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.tab-item[data-v-3003ffae] .v-btn__content {
    height: 100%;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    position: relative;
}

.tab-label[data-v-3003ffae] {
    font-size: 11px;
    margin-top: 2px;
}

.tab-item.text-only .tab-content[data-v-3003ffae] {
    justify-content: center;
}

.text-only-label[data-v-3003ffae] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
}

.publish-btn-wrapper[data-v-3003ffae] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

.publish-btn[data-v-3003ffae] {
    background: var(--color-primary) !important;
    border-radius: 8px !important;
    color: #000 !important;
    height: 32px !important;
    min-width: 40px !important;
    width: 40px !important;
}

.publish-btn[data-v-3003ffae] .v-icon {
    font-weight: 900;
}

.publish-btn[data-v-3003ffae]:active {
    transform: scale(.95);
}

.app-layout[data-v-bec46792] {
    height: 100vh;
    width: 100%;
}

.app-layout[data-v-bec46792],
.main-content[data-v-bec46792] {
    display: flex;
    overflow: hidden;
}

.main-content[data-v-bec46792] {
    background: var(--color-bg-normal) !important;
    color: var(--color-text-normal) !important;
    flex: 1;
    flex-direction: column;
}

.content-area[data-v-bec46792] {
    flex: 1;
    overflow: auto;
    padding: 20px !important;
}

.content-area[data-v-bec46792]::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-track {
    background: transparent;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

@media (max-width:900px) {
    .app-layout[data-v-bec46792] {
        display: flex;
        overflow: hidden;
        width: 100vw;
    }

    .main-content[data-v-bec46792] {
        flex: 1;
        max-width: 100vw;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }

    .content-area[data-v-bec46792] {
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        padding-bottom: 56px;
        scrollbar-width: none;
        width: 100%;
        -ms-overflow-style: none;
    }

    .content-area[data-v-bec46792]::-webkit-scrollbar {
        display: none;
    }
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/rank.xqttAql2.css */
.rank-card[data-v-3059426e] {
    overflow: hidden;
    border-radius: 12px !important;
}

.rank-card-header[data-v-3059426e] {
    background: linear-gradient(135deg, var(--color-primary) 0, gold 100%);
    border-bottom: 2px solid var(--color-line-normal);
    padding: 16px 20px;
    text-align: center;
}

.rank-title[data-v-3059426e] {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}

.rank-item[data-v-3059426e],
.rank-list[data-v-3059426e] {
    padding: 12px;
}

.rank-item[data-v-3059426e] {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    margin-bottom: 8px;
    transition: 0.2s;
}

.rank-item[data-v-3059426e]:last-child {
    margin-bottom: 0px;
}

.rank-item[data-v-3059426e]:hover {
    background: var(--color-hover-bg-normal);
    transform: translate(4px);
}

.rank-item.rank-first[data-v-3059426e] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 215, 0, 0.05));
}

.rank-item.rank-second[data-v-3059426e] {
    background: linear-gradient(135deg, rgba(191, 191, 191, 0.1), rgba(191, 191, 191, 0.05));
}

.rank-item.rank-third[data-v-3059426e] {
    background: linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(205, 127, 50, 0.05));
}

.rank-number[data-v-3059426e] {
    flex-shrink: 0;
    text-align: center;
    width: 32px;
}

.rank-medal i[data-v-3059426e] {
    font-size: 24px;
}

.rank-text[data-v-3059426e] {
    color: var(--color-text-dark);
    font-size: 16px;
    font-weight: 700;
}

.rank-user[data-v-3059426e] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.rank-user[data-v-3059426e],
.user-info[data-v-3059426e] {
    flex: 1 1 0%;
    min-width: 0px;
}

.username[data-v-3059426e] {
    font-size: 18px;
    font-weight: 600;
}

.user-group[data-v-3059426e],
.username[data-v-3059426e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-group[data-v-3059426e] {
    color: var(--color-text-dark);
    font-size: 12px;
}

.rank-value[data-v-3059426e] {
    flex-shrink: 0;
    text-align: right;
}

.value-main[data-v-3059426e] {
    color: var(--color-primary);
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 4px;
}

.value-label[data-v-3059426e] {
    color: var(--color-text-dark);
    font-size: 11px;
}

@media (max-width: 900px) {
    .rank-card-header[data-v-3059426e] {
        padding: 14px 16px;
    }

    .rank-title[data-v-3059426e] {
        font-size: 16px;
    }

    .rank-list[data-v-3059426e] {
        padding: 8px;
    }

    .rank-item[data-v-3059426e] {
        gap: 10px;
        padding: 10px;
    }

    .rank-number[data-v-3059426e] {
        width: 28px;
    }

    .rank-medal i[data-v-3059426e] {
        font-size: 20px;
    }

    .rank-text[data-v-3059426e] {
        font-size: 14px;
        font-weight: 700;
    }

    .username[data-v-3059426e] {
        font-size: 13px;
    }

    .user-group[data-v-3059426e] {
        font-size: 11px;
    }

    .value-main[data-v-3059426e] {
        font-size: 16px;
    }
}

.rank-content-card[data-v-82fdbad0] {
    overflow: hidden;
    border-radius: 12px !important;
}

.rank-card-header[data-v-82fdbad0] {
    background: linear-gradient(135deg, var(--color-primary) 0, gold 100%);
    border-bottom: 2px solid var(--color-line-normal);
    padding: 16px 20px;
    text-align: center;
}

.rank-title[data-v-82fdbad0] {
    color: rgb(0, 0, 0);
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}

.rank-item[data-v-82fdbad0],
.rank-list[data-v-82fdbad0] {
    padding: 12px;
}

.rank-item[data-v-82fdbad0] {
    align-items: flex-start;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
    transition: 0.2s;
}

.rank-item[data-v-82fdbad0]:last-child {
    margin-bottom: 0px;
}

.rank-item[data-v-82fdbad0]:hover {
    background: var(--color-hover-bg-normal);
    transform: translate(4px);
}

.rank-item.rank-first[data-v-82fdbad0] {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 215, 0, 0.05));
}

.rank-item.rank-second[data-v-82fdbad0] {
    background: linear-gradient(135deg, rgba(191, 191, 191, 0.1), rgba(191, 191, 191, 0.05));
}

.rank-item.rank-third[data-v-82fdbad0] {
    background: linear-gradient(135deg, rgba(205, 127, 50, 0.1), rgba(205, 127, 50, 0.05));
}

.rank-number[data-v-82fdbad0] {
    flex-shrink: 0;
    padding-top: 4px;
    text-align: center;
    width: 32px;
}

.rank-medal i[data-v-82fdbad0] {
    font-size: 24px;
}

.rank-text[data-v-82fdbad0] {
    color: var(--color-text-dark);
    font-size: 16px;
    font-weight: 700;
}

.content-cover[data-v-82fdbad0] {
    background: var(--color-bg-dark);
    border-radius: 8px;
    flex-shrink: 0;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 120px;
}

.content-cover img[data-v-82fdbad0] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.no-cover[data-v-82fdbad0] {
    color: var(--color-text-dark);
    font-size: 32px;
    height: 100%;
    width: 100%;
}

.no-cover[data-v-82fdbad0] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.content-type-badge[data-v-82fdbad0] {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 10px;
    padding: 2px 6px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.content-info[data-v-82fdbad0] {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    gap: 8px;
    min-width: 0px;
}

.content-title[data-v-82fdbad0] {
    color: var(--color-text-normal);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-author[data-v-82fdbad0] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.author-name[data-v-82fdbad0] {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .rank-card-header[data-v-82fdbad0] {
        padding: 14px 16px;
    }

    .rank-title[data-v-82fdbad0] {
        font-size: 16px;
    }

    .rank-list[data-v-82fdbad0] {
        padding: 8px;
    }

    .rank-item[data-v-82fdbad0] {
        gap: 10px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .rank-number[data-v-82fdbad0] {
        width: 28px;
    }

    .rank-medal i[data-v-82fdbad0] {
        font-size: 20px;
    }

    .rank-text[data-v-82fdbad0] {
        font-size: 14px;
        font-weight: 700;
    }

    .content-cover[data-v-82fdbad0] {
        height: 60px;
        width: 90px;
    }

    .content-title[data-v-82fdbad0] {
        font-size: 16px;
        font-weight: 600;
    }

    .author-name[data-v-82fdbad0] {
        font-size: 13px;
        font-weight: 600;
    }
}

.rank-page[data-v-8eddbc56] {
    min-height: 100vh;
    padding-top: 0px;
    position: relative;
    width: 100%;
}

.rank-page[data-v-8eddbc56]::before {
    background-image: url("https://static.wmiao.com/wmimg/paihangbang/20260413001.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
}

.rank-page[data-v-8eddbc56]::after,
.rank-page[data-v-8eddbc56]::before {
    content: "";
    height: 400px;
    left: 0px;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.rank-page[data-v-8eddbc56]::after {
    background: linear-gradient(transparent 0px, transparent 20%, rgba(16, 21, 25, 0.05) 30%, rgba(16, 21, 25, 0.15) 40%, rgba(16, 21, 25, 0.3) 50%, rgba(16, 21, 25, 0.5) 60%, rgba(16, 21, 25, 0.7) 72%, rgb(19, 25, 29) 84%, rgb(19, 25, 29) 93%, rgb(19, 25, 29));
    pointer-events: none;
    z-index: 1;
}

.rank-header-bg[data-v-8eddbc56] {
    padding: 200px 16px 0px;
    position: relative;
    z-index: 2;
}

.rank-content[data-v-8eddbc56] {
    padding-top: 20px;
    position: relative;
    z-index: 2;
}

.rank-section[data-v-8eddbc56] {
    margin-bottom: 40px;
}

.rank-grid[data-v-8eddbc56] {
    display: grid;
    gap: 20px;
    width: 100%;
}

.rank-grid-4[data-v-8eddbc56],
.rank-grid-5[data-v-8eddbc56] {
    grid-template-columns: repeat(4, 1fr);
}

@media (min-width: 2300px) {
    .rank-header-bg[data-v-8eddbc56] {
        padding: 400px 16px 0px;
    }

    .rank-grid[data-v-8eddbc56] {
        gap: 24px;
    }
}

@media (min-width: 2900px) {
    .rank-header-bg[data-v-8eddbc56] {
        padding: 400px 16px 0px;
    }
}

@media (min-width: 3000px) {

    .rank-header-bg[data-v-8eddbc56],
    .rank-page[data-v-8eddbc56]::after,
    .rank-page[data-v-8eddbc56]::before {
        display: none;
    }
}

@media (max-width: 1600px) {
    .rank-grid-5[data-v-8eddbc56] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1280px) {

    .rank-grid-4[data-v-8eddbc56],
    .rank-grid-5[data-v-8eddbc56] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .rank-page[data-v-8eddbc56] {
        padding: 16px 0px 0px;
    }

    .rank-page[data-v-8eddbc56]::after,
    .rank-page[data-v-8eddbc56]::before {
        height: 300px;
    }

    .rank-section[data-v-8eddbc56] {
        margin-bottom: 32px;
        padding: 0px 16px;
    }

    .rank-grid[data-v-8eddbc56] {
        gap: 12px;
    }

    .rank-grid-4[data-v-8eddbc56],
    .rank-grid-5[data-v-8eddbc56] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {

    .rank-page[data-v-8eddbc56]::after,
    .rank-page[data-v-8eddbc56]::before {
        height: 250px;
    }

    .rank-section[data-v-8eddbc56] {
        margin-bottom: 24px;
        padding: 0px 12px;
    }

    .rank-grid-4[data-v-8eddbc56],
    .rank-grid-5[data-v-8eddbc56] {
        gap: 12px;
        grid-template-columns: 1fr;
    }
}

/*! CSS Used keyframes */
@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}

/*! CSS Used fontfaces */
@font-face {
    font-family: wmiao;
    src: url(https://www.wmiao.com/_nuxt/iconfont.CypyjPWd.woff2) format("woff2"), url(https://www.wmiao.com/_nuxt/iconfont.Dy8HlJ_T.woff) format("woff"), url(https://www.wmiao.com/_nuxt/iconfont.DOCBoBPF.ttf) format("truetype");
}

/*! CSS Used from: Embedded */
.v-theme--dark {
    color-scheme: dark;
    --v-theme-background: 11, 18, 32;
    --v-theme-background-overlay-multiplier: 1;
    --v-theme-surface: 22, 28, 33;
    --v-theme-surface-overlay-multiplier: 1;
    --v-theme-surface-bright: 204, 191, 214;
    --v-theme-surface-bright-overlay-multiplier: 2;
    --v-theme-surface-light: 66, 66, 66;
    --v-theme-surface-light-overlay-multiplier: 1;
    --v-theme-surface-variant: 26, 32, 39;
    --v-theme-surface-variant-overlay-multiplier: 1;
    --v-theme-on-surface-variant: 163, 182, 201;
    --v-theme-primary: 255, 224, 130;
    --v-theme-primary-overlay-multiplier: 2;
    --v-theme-primary-darken-1: 39, 124, 193;
    --v-theme-primary-darken-1-overlay-multiplier: 2;
    --v-theme-secondary: 99, 102, 241;
    --v-theme-secondary-overlay-multiplier: 2;
    --v-theme-secondary-darken-1: 72, 169, 166;
    --v-theme-secondary-darken-1-overlay-multiplier: 2;
    --v-theme-error: 207, 102, 121;
    --v-theme-error-overlay-multiplier: 2;
    --v-theme-info: 33, 150, 243;
    --v-theme-info-overlay-multiplier: 2;
    --v-theme-success: 76, 175, 80;
    --v-theme-success-overlay-multiplier: 2;
    --v-theme-warning: 251, 140, 0;
    --v-theme-warning-overlay-multiplier: 2;
    --v-theme-on-surface: 163, 182, 201;
    --v-theme-on-background: 163, 182, 201;
    --v-theme-on-surface-bright: 0, 0, 0;
    --v-theme-on-surface-light: 255, 255, 255;
    --v-theme-on-primary: 0, 0, 0;
    --v-theme-on-primary-darken-1: 255, 255, 255;
    --v-theme-on-secondary: 255, 255, 255;
    --v-theme-on-secondary-darken-1: 255, 255, 255;
    --v-theme-on-error: 255, 255, 255;
    --v-theme-on-info: 255, 255, 255;
    --v-theme-on-success: 255, 255, 255;
    --v-theme-on-warning: 255, 255, 255;
    --v-border-color: 255, 255, 255;
    --v-border-opacity: 0.12;
    --v-high-emphasis-opacity: 1;
    --v-medium-emphasis-opacity: 0.7;
    --v-disabled-opacity: 0.5;
    --v-idle-opacity: 0.1;
    --v-hover-opacity: 0.04;
    --v-focus-opacity: 0.12;
    --v-selected-opacity: 0.08;
    --v-activated-opacity: 0.12;
    --v-pressed-opacity: 0.16;
    --v-dragged-opacity: 0.08;
    --v-theme-kbd: 66, 66, 66;
    --v-theme-on-kbd: 255, 255, 255;
    --v-theme-code: 52, 52, 52;
    --v-theme-on-code: 204, 204, 204;
}

/*! CSS Used from: Embedded */
.bg-transparent {
    background-color: transparent !important;
    color: currentColor !important;
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    margin: 0;
    padding: 0;
}

[hidden] {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline-width: 0;
}

input {
    border-radius: 0;
}

button,
input,
select {
    font: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role=button],
[type=button],
button {
    color: inherit;
    cursor: pointer;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

button,
input,
select {
    background-color: transparent;
    border-style: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

img {
    border-style: none;
}

[aria-controls] {
    cursor: pointer;
}

.v-locale--is-ltr {
    direction: ltr;
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12)) !important;
}

/*! CSS Used from: Embedded */
.mdi:before {
    display: inline-block;
    font: 24px/1 Material Design Icons;
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-briefcase-outline:before {
    content: "󰠔";
}

.mdi-chevron-down:before {
    content: "󰅀";
}

.mdi-close:before {
    content: "󰅖";
}

.mdi-headset:before {
    content: "󰋎";
}

.mdi-magnify:before {
    content: "󰍉";
}

.mdi-menu:before {
    content: "󰍜";
}

.mdi-menu-down:before {
    content: "󰍝";
}

.mdi-plus-thick:before {
    content: "󱇬";
}

/*! CSS Used from: Embedded */
.wmiao {
    font-family: wmiao !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.wuli-jiangbei:before {
    content: "";
}

.wuli-pose:before {
    content: "";
}

.wuli-shouye:before {
    content: "";
}

.wuli-jiaocheng:before {
    content: "";
}

.wuli-ziliao:before {
    content: "";
}

.wuli-zhaopin:before {
    content: "";
}

.wuli-donghua:before {
    content: "";
}

.wuli-wenda:before {
    content: "";
}

.wuli-moxing:before {
    content: "";
}

.wuli-ruanjian:before {
    content: "";
}

.wuli-chajian:before {
    content: "";
}

.wuli-xuexi:before {
    content: "";
}

.wuli-soft:before {
    content: "";
}

.wuli-wode:before {
    content: "";
}

.wuli-shipin:before {
    content: "";
}

.wuli-pinglun:before {
    content: "";
}

/*! CSS Used from: Embedded */
.content-area {
    overflow-anchor: none;
}

.v-btn,
.v-card,
.v-field {
    box-shadow: none !important;
}

.v-field--variant-outlined {
    background: var(--color-bg-light) !important;
}

.v-field--variant-outlined,
.v-field--variant-solo-filled,
.v-select .v-field {
    border-radius: var(--radius-input, 8px) !important;
}

.v-field--variant-outlined .v-field__outline {
    --v-field-border-opacity: .3;
}

.v-field--variant-outlined .v-field__field {
    background: transparent !important;
    border-radius: var(--radius-input, 8px) !important;
}

.v-field input,
.v-field--variant-solo-filled input,
.v-select .v-field__input,
.v-select .v-select__selection,
.v-select .v-select__selection-text,
.v-select input,
.v-text-field input {
    color: var(--color-text-normal) !important;
}

.v-field--variant-outlined:before {
    display: none !important;
}

.v-field--variant-outlined .v-field__outline__start {
    border-radius: var(--radius-input, 8px) 0 0 var(--radius-input, 8px) !important;
    border-width: 1px 0 1px 1px !important;
    flex: 0 0 12px !important;
}

.v-field--variant-outlined .v-field__outline__end {
    border-radius: 0 var(--radius-input, 8px) var(--radius-input, 8px) 0 !important;
    border-width: 1px 1px 1px 0 !important;
    flex: 1 !important;
}

.v-field--variant-outlined .v-field__outline__end,
.v-field--variant-outlined .v-field__outline__start {
    border-color: var(--color-line-normal) !important;
    border-style: solid !important;
    opacity: 1 !important;
}

.v-field--variant-outlined:hover .v-field__outline__end,
.v-field--variant-outlined:hover .v-field__outline__start {
    border-color: var(--color-primary) !important;
}

.v-field__overlay {
    background: transparent !important;
    opacity: 0 !important;
}

.v-card {
    background-color: var(--color-bg-light) !important;
}

.v-card {
    border-radius: 12px !important;
}

.v-btn {
    border-radius: var(--radius-button, 8px) !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.v-btn .v-btn__overlay {
    background-color: transparent !important;
}

.v-btn:active .v-btn__overlay {
    opacity: 0 !important;
}

.v-btn,
.v-btn--variant-text {
    color: var(--color-text-normal) !important;
}

.v-select .v-field--active .v-field__overlay,
.v-select .v-field:active .v-field__overlay {
    opacity: 0 !important;
}

.v-select .v-field .v-field__overlay {
    background-color: transparent !important;
}

.bar-search .v-field--variant-solo-filled {
    background: var(--color-bg-light) !important;
}

.bar-search .v-field__overlay {
    background: transparent !important;
    opacity: 0 !important;
}

.v-btn--variant-flat:not(.bg-primary):not(.bg-success):not(.bg-error):not(.bg-warning):not(.bg-info) {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.v-btn--variant-flat:not(.bg-primary):not(.bg-success):not(.bg-error):not(.bg-warning):not(.bg-info):hover {
    background: var(--color-hover-bg-normal) !important;
}

.v-list-item-title {
    color: var(--color-text-normal) !important;
}

.v-field--variant-outlined .v-field__outline__end,
.v-field--variant-outlined .v-field__outline__start {
    border-color: var(--color-line-normal) !important;
}

.v-field--variant-outlined:hover .v-field__outline__end,
.v-field--variant-outlined:hover .v-field__outline__start {
    border-color: var(--color-line-dark) !important;
}

.publish-btn,
.v-btn.publish-btn {
    background: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
    border: none !important;
    color: #000 !important;
    height: 40px !important;
    min-height: 40px !important;
}

.v-btn.publish-btn .v-btn__content {
    color: #000 !important;
}

.v-btn.publish-btn:hover {
    filter: brightness(1.1) !important;
}

/*! CSS Used from: Embedded */
.v-application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex;
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

/*! CSS Used from: Embedded */
.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0;
}

.v-img--booting .v-responsive__sizer {
    transition: none;
}

.v-img__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.v-img__img--cover {
    -o-object-fit: cover;
    object-fit: cover;
}

/*! CSS Used from: Embedded */
.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%;
}

.v-responsive__sizer~.v-responsive__content {
    margin-inline-start: -100%;
}

.v-responsive__sizer {
    flex: 1 0 0px;
    pointer-events: none;
    transition: padding-bottom .2s cubic-bezier(.4, 0, .2, 1);
}

/*! CSS Used from: Embedded */
.v-btn {
    align-items: center;
    border-radius: 4px;
    display: inline-grid;
    flex-shrink: 0;
    font-weight: 500;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 28px;
    font-size: var(--v-btn-size);
    min-width: 50px;
    padding: 0 12px;
}

.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 36px;
    font-size: var(--v-btn-size);
    min-width: 64px;
    padding: 0 16px;
}

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height));
}

.v-btn {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-btn:hover>.v-btn__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-btn--variant-text {
    background: transparent;
    color: inherit;
}

.v-btn--variant-elevated,
.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-text .v-btn__overlay {
    background: currentColor;
}

.v-btn .v-btn__underlay {
    position: absolute;
}

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem;
}

.v-btn--icon.v-btn--density-default {
    height: calc(var(--v-btn-height) + 12px);
    width: calc(var(--v-btn-height) + 12px);
}

.v-btn--elevated:focus,
.v-btn--elevated:hover {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn .v-icon {
    --v-icon-size-multiplier: .8571428571;
}

.v-btn--icon .v-icon {
    --v-icon-size-multiplier: 1;
}

.v-btn__content {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap;
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (forced-colors:active) {
    .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
        border: thin solid;
    }
}

/*! CSS Used from: Embedded */
.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    min-width: 1em;
    opacity: var(--v-icon-opacity, 1);
    position: relative;
    text-align: center;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
}

.v-icon--clickable {
    cursor: pointer;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier)*1.5em);
}

/*! CSS Used from: Embedded */
.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1), -webkit-mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s, -webkit-mask-size 0s;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: .5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors:active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    height: inherit;
    inset: 0 auto 0 0;
    position: absolute;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

/*! CSS Used from: Embedded */
.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-compact {
    --v-input-control-height: 40px;
    --v-input-padding-top: 8px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

/*! CSS Used from: Embedded */
.v-list {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    outline: none;
    overflow: auto;
    padding: 8px 0;
    position: relative;
}

.v-list {
    background: rgba(var(--v-theme-surface));
    border-radius: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-list--nav {
    padding-inline: 8px;
}

.v-list--nav .v-list-item:not(:first-child) {
    margin-top: 4px;
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    min-height: 40px;
    padding-inline-end: 16px;
    transition: min-height .2s cubic-bezier(.4, 0, .2, 1);
}

.v-list-subheader__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-list--density-compact .v-list-subheader {
    min-height: 32px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--nav .v-list-subheader {
    font-size: .75rem;
}

/*! CSS Used from: Embedded */
.v-list-item {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content 1fr auto;
    max-width: 100%;
    outline: none;
    padding: 4px 16px;
    position: relative;
    text-decoration: none;
}

.v-list-item:hover>.v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active>.v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active:hover>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
}

.v-list-item {
    border-radius: 0;
}

.v-list-item--variant-text {
    background: transparent;
    color: inherit;
}

.v-list-item--variant-text .v-list-item__overlay {
    background: currentColor;
}

.v-list-item .v-list-item__underlay {
    position: absolute;
}

.v-list-item--rounded {
    border-radius: 4px;
}

.v-list-item--link {
    cursor: pointer;
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    min-width: 40px;
    overflow: hidden;
}

.v-list-item-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    line-height: 1.5;
    text-transform: none;
}

.v-list-item--nav .v-list-item-title {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
}

.v-list-item--density-compact {
    min-height: 32px;
}

.v-list-item--density-compact.v-list-item--one-line {
    min-height: 40px;
}

.v-list-item--nav {
    padding-inline: 8px;
}

.v-list-item__underlay {
    position: absolute;
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

.v-list {
    --indent-padding: 0px;
}

.v-list--nav {
    --indent-padding: -8px;
}

@media (forced-colors:active) {
    .v-list-item--link:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-]>* {
        color: highlight !important;
    }
}

/*! CSS Used from: Embedded */
.v-select .v-field .v-field__input,
.v-select .v-field.v-field {
    cursor: pointer;
}

.v-select .v-field .v-field__input>input {
    align-self: flex-start;
    caret-color: transparent;
    flex: 0 0;
    left: 0;
    opacity: 1;
    padding-inline: inherit;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: none;
    width: 100%;
}

.v-select .v-field--dirty .v-select__selection {
    margin-inline-end: 2px;
}

.v-select .v-select__selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-select__selection {
    align-items: center;
    display: inline-flex;
    letter-spacing: inherit;
    line-height: inherit;
    max-width: 100%;
}

.v-select--selected .v-field .v-field__input>input {
    opacity: 0;
}

.v-select__menu-icon {
    margin-inline-start: 4px;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
}

/*! CSS Used from: Embedded */
.v-text-field input {
    color: inherit;
    flex: 1;
    min-width: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}

.v-text-field input:active,
.v-text-field input:focus {
    outline: none;
}

.v-text-field input:invalid {
    box-shadow: none;
}

.v-text-field .v-field {
    cursor: text;
}

/*! CSS Used from: Embedded */
.v-field {
    border-radius: 4px;
    contain: layout;
    display: grid;
    flex: 1 0;
    font-size: 16px;
    grid-area: control;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    letter-spacing: .009375em;
    max-width: 100%;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--appended {
    padding-inline-end: 12px;
}

.v-field--variant-solo-filled {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-field--variant-solo-filled {
    background: rgb(var(--v-theme-surface));
    border-color: transparent;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-input--density-compact .v-field--variant-solo-filled {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 0px;
}

.v-field--no-label,
.v-field--variant-outlined {
    --v-field-padding-top: 0px;
}

.v-input--density-compact .v-field--no-label,
.v-input--density-compact .v-field--variant-outlined {
    --v-field-padding-bottom: 8px;
}

.v-field.v-field--appended {
    --v-field-padding-end: 6px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .009375em;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    opacity: var(--v-high-emphasis-opacity);
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-bottom: var(--v-field-input-padding-bottom);
    padding-top: var(--v-field-input-padding-top);
    position: relative;
    width: 100%;
}

.v-input--density-compact .v-field__input {
    row-gap: 4px;
}

.v-field__input input {
    letter-spacing: inherit;
}

.v-field__input input::placeholder,
input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:active,
.v-field__input:focus {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    grid-area: field;
    position: relative;
}

.v-field__append-inner {
    grid-area: append-inner;
    padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top, 8px);
}

.v-field--center-affix .v-field__append-inner {
    align-items: center;
    padding-top: 0;
}

.v-field__append-inner>.v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover:hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__end,
.v-field--variant-outlined .v-field__outline__start {
    border: 0 solid;
    opacity: var(--v-field-border-opacity);
}

@media (prefers-reduced-motion:no-preference) {

    .v-field--variant-outlined .v-field__outline__end,
    .v-field--variant-outlined .v-field__outline__start {
        transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
    }
}

.v-field--variant-outlined .v-field__outline__start {
    border-bottom-width: var(--v-field-border-width);
    border-end-end-radius: 0;
    border-end-start-radius: inherit;
    border-inline-start-width: var(--v-field-border-width);
    border-start-end-radius: 0;
    border-start-start-radius: inherit;
    border-top-width: var(--v-field-border-width);
    flex: 0 0 12px;
}

.v-field--variant-outlined .v-field__outline__end {
    border-bottom-width: var(--v-field-border-width);
    border-end-end-radius: inherit;
    border-end-start-radius: 0;
    border-inline-end-width: var(--v-field-border-width);
    border-start-end-radius: inherit;
    border-start-start-radius: 0;
    border-top-width: var(--v-field-border-width);
    flex: 1;
}

.v-field__loader {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    width: 100%;
}

.v-field--variant-outlined .v-field__loader {
    left: 1px;
    top: calc(100% - 3px);
    width: calc(100% - 2px);
}

.v-field__overlay {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.v-field--variant-solo-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

@media (hover:hover) {
    .v-field--variant-solo-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
    }
}

@media (forced-colors:active) {
    .v-field .v-progress-linear {
        border: none;
    }
}

/*! CSS Used from: Embedded */
.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}

.v-card {
    border-radius: 4px;
}

.v-card:hover>.v-card__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-card--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card .v-card__underlay {
    position: absolute;
}

.v-card--hover {
    cursor: pointer;
}

.v-card--hover:after,
.v-card--hover:before {
    border-radius: inherit;
    content: "";
    display: block;
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: inherit;
}

.v-card--hover:before {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    opacity: 1;
    z-index: -1;
}

.v-card--hover:after {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    opacity: 0;
    z-index: 1;
}

.v-card--hover:hover:after {
    opacity: 1;
}

.v-card--hover:hover:before {
    opacity: 0;
}

.v-card--hover:hover {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card--link {
    cursor: pointer;
}

.v-card-text {
    flex: 1 1 auto;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    opacity: var(--v-card-text-opacity, 1);
    padding: 1rem;
    text-transform: none;
}

.v-card .v-card-text {
    line-height: 1.425;
}

.v-card__loader {
    inset: 0 0 auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media (forced-colors:active) {
    .v-card__loader .v-progress-linear {
        border: none;
    }
}

.v-card__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

@media (forced-colors:active) {
    .v-card:not(.v-card--variant-text, .v-card--variant-plain) {
        border: thin solid;
    }
}

/*! CSS Used from: Embedded */
.v-layout {
    --v-scrollbar-offset: 0px;
    display: flex;
    flex: 1 1 auto;
}

.v-layout--full-height {
    --v-scrollbar-offset: inherit;
    height: 100%;
}

/*! CSS Used from: Embedded */
#__nuxt,
body {
    height: 100%;
    overflow: hidden;
}

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

.v-theme--dark {
    --v-theme-surface: transparent;
    --v-theme-background: var(--color-bg-normal);
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

input::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

/*! CSS Used from: Embedded */
.kecheng-index[data-v-66bef5fc] {
    margin: 0 auto;
    width: 100%;
}

.kecheng-filter-bar[data-v-66bef5fc] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 10px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 16px 20px;
}

.filter-tab[data-v-66bef5fc],
.filter-tabs[data-v-66bef5fc] {
    display: flex;
    gap: 8px;
}

.filter-tab[data-v-66bef5fc] {
    align-items: center;
    background: var(--color-bg-dark);
    border: none;
    border-radius: 8px;
    color: var(--color-text-normal);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    padding: 10px 20px;
    transition: all .2s;
}

.filter-tab[data-v-66bef5fc]:hover {
    background: var(--color-hover-bg-normal);
}

.filter-tab.active[data-v-66bef5fc] {
    background: var(--color-primary);
    color: #000;
    font-weight: 600;
}

.filter-right[data-v-66bef5fc] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.sort-select[data-v-66bef5fc] {
    min-width: 160px;
}

.sort-select[data-v-66bef5fc] .v-field {
    height: 40px;
}

.sort-select[data-v-66bef5fc] .v-field__input {
    min-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
}

.course-grid[data-v-66bef5fc] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    margin-bottom: 32px;
    width: 100%;
}

.course-card[data-v-66bef5fc] {
    border-radius: 12px !important;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s;
}

.course-card[data-v-66bef5fc]:hover {
    transform: translateY(-4px);
}

.course-cover[data-v-66bef5fc] {
    position: relative;
    width: 100%;
}

.course-info[data-v-66bef5fc] {
    padding: 16px !important;
}

.course-title[data-v-66bef5fc] {
    color: var(--color-text-normal);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin: 0 0 8px;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    overflow: hidden;
}

.course-desc[data-v-66bef5fc] {
    background: var(--color-bg-dark);
    border-radius: 8px;
    margin: 0 0 12px;
    padding: 8px 12px;
}

.course-desc-text[data-v-66bef5fc] {
    color: var(--color-text-dark);
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    margin: 0;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
}

.course-meta[data-v-66bef5fc] {
    color: var(--color-text-dark);
    display: flex;
    font-size: 12px;
    gap: 16px;
    margin-bottom: 12px;
}

.meta-item[data-v-66bef5fc] {
    gap: 4px;
}

.course-footer[data-v-66bef5fc],
.meta-item[data-v-66bef5fc] {
    align-items: center;
    display: flex;
}

.course-footer[data-v-66bef5fc] {
    border-top: 1px solid var(--color-line-normal);
    justify-content: space-between;
    padding-top: 12px;
}

.course-teacher[data-v-66bef5fc] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: visible;
}

.teacher-name[data-v-66bef5fc] {
    color: var(--color-text-dark);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-price-wrapper[data-v-66bef5fc] {
    flex-shrink: 0;
}

.course-price[data-v-66bef5fc] {
    align-items: baseline;
    background: var(--color-primary);
    border-radius: 6px;
    color: #000;
    display: flex;
    font-weight: 600;
    gap: 2px;
    padding: 4px 12px;
    white-space: nowrap;
}

.price-symbol[data-v-66bef5fc] {
    font-size: 12px;
}

.price-value[data-v-66bef5fc] {
    font-size: 16px;
}

@media (max-width:900px) {
    .kecheng-index[data-v-66bef5fc] {
        padding: 12px;
    }

    .kecheng-filter-bar[data-v-66bef5fc] {
        gap: 12px;
        padding: 12px;
    }

    .filter-tab[data-v-66bef5fc],
    .filter-tabs[data-v-66bef5fc] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .filter-tab[data-v-66bef5fc] {
        font-size: 13px;
        height: 36px;
        padding: 8px 12px;
    }

    .sort-select[data-v-66bef5fc] {
        flex: 1;
        min-width: 100px;
    }

    .sort-select[data-v-66bef5fc] .v-field {
        height: 36px;
    }

    .sort-select[data-v-66bef5fc] .v-field__input {
        min-height: 36px;
    }

    .course-grid[data-v-66bef5fc] {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .course-card[data-v-66bef5fc] {
        min-width: 0;
    }

    .course-info[data-v-66bef5fc] {
        padding: 12px;
    }

    .course-title[data-v-66bef5fc] {
        font-size: 16px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .course-desc[data-v-66bef5fc] {
        padding: 6px 10px;
    }

    .course-desc-text[data-v-66bef5fc] {
        font-size: 12px;
    }

    .course-meta[data-v-66bef5fc] {
        gap: 12px;
    }

    .course-meta[data-v-66bef5fc],
    .teacher-name[data-v-66bef5fc] {
        font-size: 11px;
    }

    .price-value[data-v-66bef5fc] {
        font-size: 14px;
    }
}

/*! CSS Used from: Embedded */
.app-layout[data-v-bec46792] {
    height: 100vh;
    width: 100%;
}

.app-layout[data-v-bec46792],
.main-content[data-v-bec46792] {
    display: flex;
    overflow: hidden;
}

.main-content[data-v-bec46792] {
    background: var(--color-bg-normal) !important;
    color: var(--color-text-normal) !important;
    flex: 1;
    flex-direction: column;
}

.content-area[data-v-bec46792] {
    flex: 1;
    overflow: auto;
    padding: 20px !important;
}

.content-area[data-v-bec46792]::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-track {
    background: transparent;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

@media (max-width:900px) {
    .app-layout[data-v-bec46792] {
        display: flex;
        overflow: hidden;
        width: 100vw;
    }

    .main-content[data-v-bec46792] {
        flex: 1;
        max-width: 100vw;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }

    .content-area[data-v-bec46792] {
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        padding-bottom: 56px;
        scrollbar-width: none;
        width: 100%;
        -ms-overflow-style: none;
    }

    .content-area[data-v-bec46792]::-webkit-scrollbar {
        display: none;
    }
}

/*! CSS Used from: Embedded */
.sidebar[data-v-4fc3ea22] {
    background: var(--color-bg-dark) !important;
    box-shadow: var(--shadow);
    color: var(--color-text-dark) !important;
    flex-direction: column;
    width: 220px;
    z-index: 10;
}

.sidebar[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.sidebar-header[data-v-4fc3ea22] {
    height: 64px;
    padding: 0 20px;
}

.logo[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    align-items: center;
    justify-content: center;
}

.logo[data-v-4fc3ea22] {
    cursor: pointer;
    display: flex;
}

.logo-image[data-v-4fc3ea22] {
    height: 40px;
    max-width: 100%;
    width: auto;
}

.sidebar-title[data-v-4fc3ea22] {
    color: var(--color-text-normal);
    display: none;
    font-size: 16px;
    font-weight: 600;
}

.pc-only[data-v-4fc3ea22] {
    display: flex;
}

.close-btn[data-v-4fc3ea22],
.mobile-only[data-v-4fc3ea22] {
    display: none;
}

.close-btn[data-v-4fc3ea22] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.category-menu[data-v-4fc3ea22] {
    background: transparent;
    flex: 1;
    overflow: auto;
    padding: 10px 16px 54px;
}

.category-menu[data-v-4fc3ea22] .v-list-item {
    background: transparent !important;
    border-radius: var(--radius-button, 8px);
    color: var(--menu-color, var(--color-text-dark)) !important;
    margin-bottom: 4px;
    min-height: 48px;
}

.category-menu[data-v-4fc3ea22] .v-list-item-title {
    font-size: 16px;
}

.category-menu[data-v-4fc3ea22] .v-list-item__content {
    overflow: visible;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active {
    background: var(--color-active-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active .v-list-item-title {
    color: var(--color-primary) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover:not(.v-list-item--active) {
    background: var(--color-hover-bg-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover .v-list-item-title {
    color: var(--color-text-normal) !important;
}

.menu-category-header[data-v-4fc3ea22] {
    color: var(--color-text-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    opacity: .7;
    padding: 12px 16px 8px !important;
    text-transform: uppercase;
}

.category-item[data-v-4fc3ea22] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow: visible;
}

.category-text[data-v-4fc3ea22] {
    flex: 1;
}

.category-badge[data-v-4fc3ea22] {
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.2;
    margin-left: auto;
    padding: 2px 6px;
    white-space: nowrap;
}

.sidebar-footer[data-v-4fc3ea22] {
    margin-top: 0;
}

.footer-content[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    font-size: 10px;
    line-height: 1.6;
    opacity: .7;
}

.footer-content[data-v-4fc3ea22] a,
.footer-content[data-v-4fc3ea22] a:active,
.footer-content[data-v-4fc3ea22] a:hover,
.footer-content[data-v-4fc3ea22] a:link,
.footer-content[data-v-4fc3ea22] a:visited {
    color: inherit !important;
    text-decoration: none !important;
}

.sidebar-footer-section[data-v-4fc3ea22] {
    margin-top: 36px;
}

.friend-links-section[data-v-4fc3ea22] {
    padding: 0 0 10px;
}

.friend-links-header[data-v-4fc3ea22] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: opacity .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.friend-links-header[data-v-4fc3ea22]:hover {
    opacity: .7;
}

.friend-links-title[data-v-4fc3ea22] {
    font-size: 13px;
    font-weight: 400;
}

.friend-links-title[data-v-4fc3ea22],
.toggle-icon[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    opacity: .7;
}

.toggle-icon[data-v-4fc3ea22] {
    transition: transform .3s ease;
}

.contact-buttons-wrapper[data-v-4fc3ea22] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.contact-buttons-fixed[data-v-4fc3ea22] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: 38px;
    padding: 6px 12px;
}

.contact-button[data-v-4fc3ea22] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 4px;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 11px;
    gap: 3px;
    justify-content: center;
    opacity: .7;
    padding: 4px 8px;
    position: relative;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.contact-button[data-v-4fc3ea22]:hover {
    background: var(--color-hover-bg-normal);
    opacity: 1;
}

@media (max-width:900px) {
    .sidebar[data-v-4fc3ea22] {
        flex-shrink: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        transform: translate(-100%);
        transition: transform .3s ease;
        width: 220px;
        z-index: 2800;
    }

    .sidebar[data-v-4fc3ea22]:not(.sidebar-open) {
        overflow: hidden;
        width: 0;
    }

    .close-btn[data-v-4fc3ea22] {
        display: flex;
    }

    .pc-only[data-v-4fc3ea22] {
        display: none;
    }

    .mobile-only[data-v-4fc3ea22] {
        display: block;
    }

    .sidebar-header[data-v-4fc3ea22] {
        justify-content: flex-start;
    }
}

/*! CSS Used from: Embedded */
.top-bar[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-dark) !important;
    color: var(--color-text-normal) !important;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    height: 64px;
    padding: 0 24px;
}

.menu-toggle[data-v-20519d8f] {
    display: none;
    height: 40px;
    width: 40px;
}

.filter-btn-area[data-v-20519d8f] {
    flex-shrink: 0;
    min-width: 120px;
}

.mobile-search-btn[data-v-20519d8f] {
    height: 40px;
    width: 40px;
}

.mobile-logo[data-v-20519d8f] {
    display: none;
}

.search-wrapper[data-v-20519d8f] {
    border-radius: var(--radius-input, var(--radius-button, 8px));
    overflow: hidden;
}

.bar-search[data-v-20519d8f] {
    max-width: 480px;
    width: 480px;
}

.bar-search[data-v-20519d8f] input {
    font-weight: 600;
}

.search-icon[data-v-20519d8f] {
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color .2s;
}

.search-icon[data-v-20519d8f]:hover {
    color: var(--color-text-normal);
}

@media (max-width:900px) {
    .top-bar[data-v-20519d8f] {
        gap: 4px;
        padding: 0 8px;
        position: relative;
    }

    .menu-toggle[data-v-20519d8f] {
        display: flex;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
    }

    .desktop-search[data-v-20519d8f] {
        display: none;
    }

    .mobile-logo[data-v-20519d8f] {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 50%;
        pointer-events: auto;
        position: absolute;
        transform: translate(-50%);
    }

    .mobile-logo-img[data-v-20519d8f] {
        height: 32px;
        width: auto;
    }

    .bar-spacer[data-v-20519d8f] {
        flex: 1;
    }

    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
    }

    .auth-buttons[data-v-20519d8f] {
        display: flex !important;
    }

    .auth-buttons .topbar-auth-btn[data-v-20519d8f] {
        display: none !important;
    }

    .auth-buttons .topbar-lang-switch[data-v-20519d8f] {
        display: none;
    }
}

.bar-spacer[data-v-20519d8f] {
    flex: 1;
}

.right-actions[data-v-20519d8f] {
    gap: 8px;
}

.right-actions[data-v-20519d8f] {
    align-items: center;
    display: flex;
}

.lang-flag[data-v-20519d8f] {
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px;
}

.auth-buttons[data-v-20519d8f] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.topbar-lang-switch[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: var(--radius-input);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-right: 4px;
    padding: 4px;
    position: relative;
}

.topbar-lang-switch[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal);
}

.lang-option-item[data-v-20519d8f] {
    align-items: center;
    color: var(--color-text-dark);
    display: flex;
    font-size: 13px;
    gap: 3px;
    height: 32px;
    justify-content: center;
    position: relative;
    transition: color .2s;
    width: 60px;
    z-index: 1;
}

.lang-option-item .lang-flag[data-v-20519d8f] {
    height: 14px;
    width: 14px;
}

.lang-option-item.active[data-v-20519d8f] {
    color: var(--color-text-normal);
}

.lang-slider[data-v-20519d8f] {
    background: var(--color-bg-dark);
    border-radius: calc(var(--radius-input) - 2px);
    height: 32px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: transform .2s ease;
    width: 60px;
}

.topbar-auth-btn[data-v-20519d8f] {
    border-radius: var(--radius-input) !important;
    font-size: 14px !important;
    height: 40px !important;
    letter-spacing: normal !important;
    padding: 0 16px !important;
    text-transform: none !important;
}

.topbar-login-btn[data-v-20519d8f] {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.topbar-login-btn[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal) !important;
}

.topbar-register-btn[data-v-20519d8f] {
    background: var(--color-primary) !important;
    color: #000 !important;
}

.topbar-register-btn[data-v-20519d8f]:hover {
    background: var(--color-primary-light) !important;
}

@media (max-width:900px) {
    .filter-btn-area[data-v-20519d8f] {
        min-width: auto;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
        order: -2;
    }
}

.search-wrapper[data-v-20519d8f] {
    max-width: 480px;
    position: relative;
    width: 480px;
}

.search-wrapper .bar-search[data-v-20519d8f] {
    width: 100%;
}

.mobile-search-btn[data-v-20519d8f] {
    display: none;
}

@media (max-width:900px) {
    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
        flex-shrink: 0;
        height: 40px;
        width: 40px;
    }
}

/*! CSS Used from: Embedded */
.avatar-with-frame[data-v-c590cc69] {
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
}

.avatar-image[data-v-c590cc69] {
    border-radius: 50%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.avatar-frame[data-v-c590cc69] {
    left: 50%;
    max-height: none !important;
    max-width: none !important;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/*! CSS Used from: Embedded */
.mobile-tabbar[data-v-3003ffae] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    bottom: 0;
    box-shadow: 0 -4px 12px var(--color-shadow-color);
    display: none;
    height: 56px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 101;
}

@media (max-width:900px) {
    .mobile-tabbar[data-v-3003ffae] {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }
}

.tab-item[data-v-3003ffae] {
    border-radius: 0 !important;
    color: var(--color-text-dark) !important;
    flex: 1;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.tab-item[data-v-3003ffae] .v-btn__content {
    height: 100%;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    position: relative;
}

.tab-item.active[data-v-3003ffae] {
    color: var(--color-primary) !important;
}

.tab-label[data-v-3003ffae] {
    font-size: 11px;
    margin-top: 2px;
}

.tab-item.text-only .tab-content[data-v-3003ffae] {
    justify-content: center;
}

.text-only-label[data-v-3003ffae] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
}

.tab-item.text-only.active .text-only-label[data-v-3003ffae] {
    font-weight: 600;
}

.publish-btn-wrapper[data-v-3003ffae] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

.publish-btn[data-v-3003ffae] {
    background: var(--color-primary) !important;
    border-radius: 8px !important;
    color: #000 !important;
    height: 32px !important;
    min-width: 40px !important;
    width: 40px !important;
}

.publish-btn[data-v-3003ffae] .v-icon {
    font-weight: 900;
}

.publish-btn[data-v-3003ffae]:active {
    transform: scale(.95);
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/entry.37luo2Hi.css */
.bg-transparent {
    background-color: transparent !important;
    color: currentColor !important;
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit;
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit;
}

* {
    margin: 0;
    padding: 0;
}

[hidden] {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline-width: 0;
}

input {
    border-radius: 0;
}

button,
input,
select {
    font: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role=button],
[type=button],
button {
    color: inherit;
    cursor: pointer;
}

button,
html [type=button] {
    -webkit-appearance: button;
}

button,
input,
select {
    background-color: transparent;
    border-style: none;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

img {
    border-style: none;
}

[aria-controls] {
    cursor: pointer;
}

.v-locale--is-ltr {
    direction: ltr;
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12)) !important;
}

.v-application {
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
    display: flex;
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0;
}

.v-img--booting .v-responsive__sizer {
    transition: none;
}

.v-img__img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.v-img__img--cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.v-responsive__content {
    flex: 1 0 0px;
    max-width: 100%;
}

.v-responsive__sizer~.v-responsive__content {
    margin-inline-start: -100%;
}

.v-responsive__sizer {
    flex: 1 0 0px;
    pointer-events: none;
    transition: padding-bottom .2s cubic-bezier(.4, 0, .2, 1);
}

.v-btn {
    align-items: center;
    border-radius: 4px;
    display: inline-grid;
    flex-shrink: 0;
    font-weight: 500;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content auto max-content;
    justify-content: center;
    letter-spacing: .0892857143em;
    line-height: normal;
    max-width: 100%;
    outline: none;
    position: relative;
    text-decoration: none;
    text-indent: .0892857143em;
    text-transform: uppercase;
    transition-duration: .28s;
    transition-property: box-shadow, transform, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.v-btn--size-small {
    --v-btn-size: .75rem;
    --v-btn-height: 28px;
    font-size: var(--v-btn-size);
    min-width: 50px;
    padding: 0 12px;
}

.v-btn--size-default {
    --v-btn-size: .875rem;
    --v-btn-height: 36px;
    font-size: var(--v-btn-size);
    min-width: 64px;
    padding: 0 16px;
}

.v-btn.v-btn--density-default {
    height: calc(var(--v-btn-height));
}

.v-btn {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
}

.v-btn:hover>.v-btn__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-btn--variant-text {
    background: transparent;
    color: inherit;
}

.v-btn--variant-elevated,
.v-btn--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-btn--variant-elevated {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-flat {
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--variant-text .v-btn__overlay {
    background: currentColor;
}

.v-btn .v-btn__underlay {
    position: absolute;
}

.v-btn--icon {
    border-radius: 50%;
    min-width: 0;
    padding: 0;
}

.v-btn--icon.v-btn--size-default {
    --v-btn-size: 1rem;
}

.v-btn--icon.v-btn--density-default {
    height: calc(var(--v-btn-height) + 12px);
    width: calc(var(--v-btn-height) + 12px);
}

.v-btn--elevated:focus,
.v-btn--elevated:hover {
    box-shadow: 0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn--elevated:active {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-btn .v-icon {
    --v-icon-size-multiplier: .8571428571;
}

.v-btn--icon .v-icon {
    --v-icon-size-multiplier: 1;
}

.v-btn__content {
    align-items: center;
    display: flex;
    transition: transform, opacity .2s cubic-bezier(.4, 0, .2, 1);
}

.v-btn__content {
    grid-area: content;
    justify-content: center;
    white-space: nowrap;
}

.v-btn__overlay {
    background-color: currentColor;
    border-radius: inherit;
    opacity: 0;
    transition: opacity .2s ease-in-out;
}

.v-btn__overlay,
.v-btn__underlay {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

@media (forced-colors:active) {
    .v-btn:not(.v-btn--variant-text, .v-btn--variant-plain) {
        border: thin solid;
    }
}

.v-icon {
    --v-icon-size-multiplier: 1;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    height: 1em;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    min-width: 1em;
    opacity: var(--v-icon-opacity, 1);
    position: relative;
    text-align: center;
    text-indent: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
}

.v-icon--clickable {
    cursor: pointer;
}

.v-icon--size-default {
    font-size: calc(var(--v-icon-size-multiplier)*1.5em);
}

.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: .2s cubic-bezier(.4, 0, .2, 1), -webkit-mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s;
    transition: .2s cubic-bezier(.4, 0, .2, 1), mask-size 0s, -webkit-mask-size 0s;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear {
        border: thin solid buttontext;
    }
}

.v-progress-linear__background,
.v-progress-linear__buffer {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: var(--v-border-opacity);
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit;
    width: 100%;
}

@media (forced-colors:active) {
    .v-progress-linear__buffer {
        background-color: highlight !important;
        opacity: .5 !important;
    }
}

.v-progress-linear__indeterminate {
    background: currentColor;
}

@media (forced-colors:active) {
    .v-progress-linear__indeterminate {
        background-color: highlight !important;
    }
}

.v-progress-linear__indeterminate .long,
.v-progress-linear__indeterminate .short {
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    animation-play-state: paused;
    height: inherit;
    inset: 0 auto 0 0;
    position: absolute;
    width: auto;
}

.v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
}

.v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
}

.v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.v-input--density-compact {
    --v-input-control-height: 40px;
    --v-input-padding-top: 8px;
}

.v-input--horizontal {
    grid-template-areas: "prepend control append" "a messages b";
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    grid-template-rows: 1fr auto;
}

.v-input__control {
    display: flex;
    grid-area: control;
}

.v-list {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    outline: none;
    overflow: auto;
    padding: 8px 0;
    position: relative;
}

.v-list {
    background: rgba(var(--v-theme-surface));
    border-radius: 0;
    box-shadow: 0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-list--nav {
    padding-inline: 8px;
}

.v-list--nav .v-list-item:not(:first-child) {
    margin-top: 4px;
}

.v-list-subheader {
    align-items: center;
    background: inherit;
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.375rem;
    min-height: 40px;
    padding-inline-end: 16px;
    transition: min-height .2s cubic-bezier(.4, 0, .2, 1);
}

.v-list-subheader__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-list--density-compact .v-list-subheader {
    min-height: 32px;
    padding-inline-start: calc(16px + var(--indent-padding)) !important;
}

.v-list--nav .v-list-subheader {
    font-size: .75rem;
}

.v-list-item {
    align-items: center;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: grid;
    flex: none;
    grid-template-areas: "prepend content append";
    grid-template-columns: max-content 1fr auto;
    max-width: 100%;
    outline: none;
    padding: 4px 16px;
    position: relative;
    text-decoration: none;
}

.v-list-item:hover>.v-list-item__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active>.v-list-item__overlay {
    opacity: calc(var(--v-activated-opacity)*var(--v-theme-overlay-multiplier));
}

.v-list-item--active:hover>.v-list-item__overlay {
    opacity: calc((var(--v-activated-opacity) + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
}

.v-list-item {
    border-radius: 0;
}

.v-list-item--variant-text {
    background: transparent;
    color: inherit;
}

.v-list-item--variant-text .v-list-item__overlay {
    background: currentColor;
}

.v-list-item .v-list-item__underlay {
    position: absolute;
}

.v-list-item--rounded {
    border-radius: 4px;
}

.v-list-item--link {
    cursor: pointer;
}

.v-list-item__content {
    align-self: center;
    grid-area: content;
    min-width: 40px;
    overflow: hidden;
}

.v-list-item-title {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    word-wrap: break-word;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    line-height: 1.5;
    text-transform: none;
}

.v-list-item--nav .v-list-item-title {
    font-size: .8125rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1rem;
}

.v-list-item--density-compact {
    min-height: 32px;
}

.v-list-item--density-compact.v-list-item--one-line {
    min-height: 40px;
}

.v-list-item--nav {
    padding-inline: 8px;
}

.v-list-item__underlay {
    position: absolute;
}

.v-list-item__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

.v-list {
    --indent-padding: 0px;
}

.v-list--nav {
    --indent-padding: -8px;
}

@media (forced-colors:active) {
    .v-list-item--link:not(.v-list-item--active) {
        color: buttontext;
    }

    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-],
    .v-list-item--active:not(.v-list-item--disabled) [class*=v-list-item-]>* {
        color: highlight !important;
    }
}

.v-select .v-field .v-field__input,
.v-select .v-field.v-field {
    cursor: pointer;
}

.v-select .v-field .v-field__input>input {
    align-self: flex-start;
    caret-color: transparent;
    flex: 0 0;
    left: 0;
    opacity: 1;
    padding-inline: inherit;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: none;
    width: 100%;
}

.v-select .v-field--dirty .v-select__selection {
    margin-inline-end: 2px;
}

.v-select .v-select__selection-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-select__selection {
    align-items: center;
    display: inline-flex;
    letter-spacing: inherit;
    line-height: inherit;
    max-width: 100%;
}

.v-select--selected .v-field .v-field__input>input {
    opacity: 0;
}

.v-select__menu-icon {
    margin-inline-start: 4px;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
}

.v-text-field input {
    color: inherit;
    flex: 1;
    min-width: 0;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
}

.v-text-field input:active,
.v-text-field input:focus {
    outline: none;
}

.v-text-field input:invalid {
    box-shadow: none;
}

.v-text-field .v-field {
    cursor: text;
}

.v-field {
    border-radius: 4px;
    contain: layout;
    display: grid;
    flex: 1 0;
    font-size: 16px;
    grid-area: control;
    grid-template-areas: "prepend-inner field clear append-inner";
    grid-template-columns: min-content minmax(0, 1fr) min-content min-content;
    letter-spacing: .009375em;
    max-width: 100%;
    position: relative;
    --v-theme-overlay-multiplier: 1;
    --v-field-padding-start: 16px;
    --v-field-padding-end: 16px;
    --v-field-padding-top: 8px;
    --v-field-padding-bottom: 4px;
    --v-field-input-padding-top: calc(var(--v-field-padding-top, 8px) + var(--v-input-padding-top, 0px));
    --v-field-input-padding-bottom: var(--v-field-padding-bottom, 4px);
}

.v-field--appended {
    padding-inline-end: 12px;
}

.v-field--variant-solo-filled {
    box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-field--variant-solo-filled {
    background: rgb(var(--v-theme-surface));
    border-color: transparent;
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-input--density-compact .v-field--variant-solo-filled {
    --v-input-control-height: 40px;
    --v-field-padding-bottom: 0px;
}

.v-field--no-label,
.v-field--variant-outlined {
    --v-field-padding-top: 0px;
}

.v-input--density-compact .v-field--no-label,
.v-input--density-compact .v-field--variant-outlined {
    --v-field-padding-bottom: 8px;
}

.v-field.v-field--appended {
    --v-field-padding-end: 6px;
}

.v-field__input {
    align-items: center;
    color: inherit;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: .009375em;
    min-height: max(var(--v-input-control-height, 56px), 1.5rem + var(--v-field-input-padding-top) + var(--v-field-input-padding-bottom));
    min-width: 0;
    opacity: var(--v-high-emphasis-opacity);
    padding-inline: var(--v-field-padding-start) var(--v-field-padding-end);
    padding-bottom: var(--v-field-input-padding-bottom);
    padding-top: var(--v-field-input-padding-top);
    position: relative;
    width: 100%;
}

.v-input--density-compact .v-field__input {
    row-gap: 4px;
}

.v-field__input input {
    letter-spacing: inherit;
}

.v-field__input input::placeholder,
input.v-field__input::placeholder {
    color: currentColor;
    opacity: var(--v-disabled-opacity);
}

.v-field__input:active,
.v-field__input:focus {
    outline: none;
}

.v-field__input:invalid {
    box-shadow: none;
}

.v-field__field {
    align-items: flex-start;
    display: flex;
    flex: 1 0;
    grid-area: field;
    position: relative;
}

.v-field__append-inner {
    grid-area: append-inner;
    padding-inline-start: var(--v-field-padding-after);
}

.v-field__append-inner {
    align-items: flex-start;
    display: flex;
    padding-top: var(--v-input-padding-top, 8px);
}

.v-field--center-affix .v-field__append-inner {
    align-items: center;
    padding-top: 0;
}

.v-field__append-inner>.v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}

.v-field__outline {
    --v-field-border-width: 1px;
    --v-field-border-opacity: .38;
    align-items: stretch;
    contain: layout;
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
}

@media (hover:hover) {
    .v-field:hover .v-field__outline {
        --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit;
}

.v-field--variant-outlined .v-field__outline__end,
.v-field--variant-outlined .v-field__outline__start {
    border: 0 solid;
    opacity: var(--v-field-border-opacity);
}

@media (prefers-reduced-motion:no-preference) {

    .v-field--variant-outlined .v-field__outline__end,
    .v-field--variant-outlined .v-field__outline__start {
        transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
    }
}

.v-field--variant-outlined .v-field__outline__start {
    border-bottom-width: var(--v-field-border-width);
    border-end-end-radius: 0;
    border-end-start-radius: inherit;
    border-inline-start-width: var(--v-field-border-width);
    border-start-end-radius: 0;
    border-start-start-radius: inherit;
    border-top-width: var(--v-field-border-width);
    flex: 0 0 12px;
}

.v-field--variant-outlined .v-field__outline__end {
    border-bottom-width: var(--v-field-border-width);
    border-end-end-radius: inherit;
    border-end-start-radius: 0;
    border-inline-end-width: var(--v-field-border-width);
    border-start-end-radius: inherit;
    border-start-start-radius: 0;
    border-top-width: var(--v-field-border-width);
    flex: 1;
}

.v-field__loader {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    width: 100%;
}

.v-field--variant-outlined .v-field__loader {
    left: 1px;
    top: calc(100% - 3px);
    width: calc(100% - 2px);
}

.v-field__overlay {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.v-field--variant-solo-filled .v-field__overlay {
    background-color: currentColor;
    opacity: .04;
    transition: opacity .25s cubic-bezier(.4, 0, .2, 1);
}

@media (hover:hover) {
    .v-field--variant-solo-filled:hover .v-field__overlay {
        opacity: calc((.04 + var(--v-hover-opacity))*var(--v-theme-overlay-multiplier));
    }
}

@media (forced-colors:active) {
    .v-field .v-progress-linear {
        border: none;
    }
}

.v-card {
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: .28s;
    transition-property: box-shadow, opacity, background;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 0;
}

.v-card {
    border-radius: 4px;
}

.v-card:hover>.v-card__overlay {
    opacity: calc(var(--v-hover-opacity)*var(--v-theme-overlay-multiplier));
}

.v-card--variant-elevated {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}

.v-card--variant-elevated {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card .v-card__underlay {
    position: absolute;
}

.v-card--hover {
    cursor: pointer;
}

.v-card--hover:after,
.v-card--hover:before {
    border-radius: inherit;
    content: "";
    display: block;
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: inherit;
}

.v-card--hover:before {
    box-shadow: 0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    opacity: 1;
    z-index: -1;
}

.v-card--hover:after {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
    opacity: 0;
    z-index: 1;
}

.v-card--hover:hover:after {
    opacity: 1;
}

.v-card--hover:hover:before {
    opacity: 0;
}

.v-card--hover:hover {
    box-shadow: 0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
}

.v-card--link {
    cursor: pointer;
}

.v-card-text {
    flex: 1 1 auto;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    opacity: var(--v-card-text-opacity, 1);
    padding: 1rem;
    text-transform: none;
}

.v-card .v-card-text {
    line-height: 1.425;
}

.v-card__loader {
    inset: 0 0 auto;
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media (forced-colors:active) {
    .v-card__loader .v-progress-linear {
        border: none;
    }
}

.v-card__overlay {
    background-color: currentColor;
    border-radius: inherit;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .2s ease-in-out;
}

@media (forced-colors:active) {
    .v-card:not(.v-card--variant-text, .v-card--variant-plain) {
        border: thin solid;
    }
}

.v-layout {
    --v-scrollbar-offset: 0px;
    display: flex;
    flex: 1 1 auto;
}

.v-layout--full-height {
    --v-scrollbar-offset: inherit;
    height: 100%;
}

#__nuxt,
body {
    height: 100%;
    overflow: hidden;
}

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

.v-theme--dark {
    --v-theme-surface: transparent;
    --v-theme-background: var(--color-bg-normal);
}

::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

input::placeholder {
    color: var(--color-text-dark) !important;
    opacity: 1 !important;
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/UserAvatarWithFrame.DBfbDZD8.css */
.avatar-with-frame[data-v-c590cc69] {
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    position: relative;
}

.avatar-image[data-v-c590cc69] {
    border-radius: 50%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.avatar-frame[data-v-c590cc69] {
    left: 50%;
    max-height: none !important;
    max-width: none !important;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/index.-NrDlmH2.css */
.kecheng-index[data-v-66bef5fc] {
    margin: 0 auto;
    width: 100%;
}

.kecheng-filter-bar[data-v-66bef5fc] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 10px;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 16px 20px;
}

.filter-tab[data-v-66bef5fc],
.filter-tabs[data-v-66bef5fc] {
    display: flex;
    gap: 8px;
}

.filter-tab[data-v-66bef5fc] {
    align-items: center;
    background: var(--color-bg-dark);
    border: none;
    border-radius: 8px;
    color: var(--color-text-normal);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    padding: 10px 20px;
    transition: all .2s;
}

.filter-tab[data-v-66bef5fc]:hover {
    background: var(--color-hover-bg-normal);
}

.filter-tab.active[data-v-66bef5fc] {
    background: var(--color-primary);
    color: #000;
    font-weight: 600;
}

.filter-right[data-v-66bef5fc] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.sort-select[data-v-66bef5fc] {
    min-width: 160px;
}

.sort-select[data-v-66bef5fc] .v-field {
    height: 40px;
}

.sort-select[data-v-66bef5fc] .v-field__input {
    min-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
}

.course-grid[data-v-66bef5fc] {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    margin-bottom: 32px;
    width: 100%;
}

.course-card[data-v-66bef5fc] {
    border-radius: 12px !important;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s;
}

.course-card[data-v-66bef5fc]:hover {
    transform: translateY(-4px);
}

.course-cover[data-v-66bef5fc] {
    position: relative;
    width: 100%;
}

.course-info[data-v-66bef5fc] {
    padding: 16px !important;
}

.course-title[data-v-66bef5fc] {
    color: var(--color-text-normal);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    margin: 0 0 8px;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    overflow: hidden;
}

.course-desc[data-v-66bef5fc] {
    background: var(--color-bg-dark);
    border-radius: 8px;
    margin: 0 0 12px;
    padding: 8px 12px;
}

.course-desc-text[data-v-66bef5fc] {
    color: var(--color-text-dark);
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    margin: 0;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
}

.course-meta[data-v-66bef5fc] {
    color: var(--color-text-dark);
    display: flex;
    font-size: 12px;
    gap: 16px;
    margin-bottom: 12px;
}

.meta-item[data-v-66bef5fc] {
    gap: 4px;
}

.course-footer[data-v-66bef5fc],
.meta-item[data-v-66bef5fc] {
    align-items: center;
    display: flex;
}

.course-footer[data-v-66bef5fc] {
    border-top: 1px solid var(--color-line-normal);
    justify-content: space-between;
    padding-top: 12px;
}

.course-teacher[data-v-66bef5fc] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 8px;
    min-width: 0;
    overflow: visible;
}

.teacher-name[data-v-66bef5fc] {
    color: var(--color-text-dark);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course-price-wrapper[data-v-66bef5fc] {
    flex-shrink: 0;
}

.course-price[data-v-66bef5fc] {
    align-items: baseline;
    background: var(--color-primary);
    border-radius: 6px;
    color: #000;
    display: flex;
    font-weight: 600;
    gap: 2px;
    padding: 4px 12px;
    white-space: nowrap;
}

.price-symbol[data-v-66bef5fc] {
    font-size: 12px;
}

.price-value[data-v-66bef5fc] {
    font-size: 16px;
}

@media (max-width:900px) {
    .kecheng-index[data-v-66bef5fc] {
        padding: 12px;
    }

    .kecheng-filter-bar[data-v-66bef5fc] {
        gap: 12px;
        padding: 12px;
    }

    .filter-tab[data-v-66bef5fc],
    .filter-tabs[data-v-66bef5fc] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .filter-tab[data-v-66bef5fc] {
        font-size: 13px;
        height: 36px;
        padding: 8px 12px;
    }

    .sort-select[data-v-66bef5fc] {
        flex: 1;
        min-width: 100px;
    }

    .sort-select[data-v-66bef5fc] .v-field {
        height: 36px;
    }

    .sort-select[data-v-66bef5fc] .v-field__input {
        min-height: 36px;
    }

    .course-grid[data-v-66bef5fc] {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }

    .course-card[data-v-66bef5fc] {
        min-width: 0;
    }

    .course-info[data-v-66bef5fc] {
        padding: 12px;
    }

    .course-title[data-v-66bef5fc] {
        font-size: 16px;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .course-desc[data-v-66bef5fc] {
        padding: 6px 10px;
    }

    .course-desc-text[data-v-66bef5fc] {
        font-size: 12px;
    }

    .course-meta[data-v-66bef5fc] {
        gap: 12px;
    }

    .course-meta[data-v-66bef5fc],
    .teacher-name[data-v-66bef5fc] {
        font-size: 11px;
    }

    .price-value[data-v-66bef5fc] {
        font-size: 14px;
    }
}

/*! CSS Used from: https://www.wmiao.com/_nuxt/default.BjCjoGj-.css */
.sidebar[data-v-4fc3ea22] {
    background: var(--color-bg-dark) !important;
    box-shadow: var(--shadow);
    color: var(--color-text-dark) !important;
    flex-direction: column;
    width: 220px;
    z-index: 10;
}

.sidebar[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    display: flex;
    flex-shrink: 0;
    position: relative;
}

.sidebar-header[data-v-4fc3ea22] {
    height: 64px;
    padding: 0 20px;
}

.logo[data-v-4fc3ea22],
.sidebar-header[data-v-4fc3ea22] {
    align-items: center;
    justify-content: center;
}

.logo[data-v-4fc3ea22] {
    cursor: pointer;
    display: flex;
}

.logo-image[data-v-4fc3ea22] {
    height: 40px;
    max-width: 100%;
    width: auto;
}

.sidebar-title[data-v-4fc3ea22] {
    color: var(--color-text-normal);
    display: none;
    font-size: 16px;
    font-weight: 600;
}

.pc-only[data-v-4fc3ea22] {
    display: flex;
}

.close-btn[data-v-4fc3ea22],
.mobile-only[data-v-4fc3ea22] {
    display: none;
}

.close-btn[data-v-4fc3ea22] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.category-menu[data-v-4fc3ea22] {
    background: transparent;
    flex: 1;
    overflow: auto;
    padding: 10px 16px 54px;
}

.category-menu[data-v-4fc3ea22] .v-list-item {
    background: transparent !important;
    border-radius: var(--radius-button, 8px);
    color: var(--menu-color, var(--color-text-dark)) !important;
    margin-bottom: 4px;
    min-height: 48px;
}

.category-menu[data-v-4fc3ea22] .v-list-item-title {
    font-size: 16px;
}

.category-menu[data-v-4fc3ea22] .v-list-item__content {
    overflow: visible;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active {
    background: var(--color-active-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item--active .v-list-item-title {
    color: var(--color-primary) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover:not(.v-list-item--active) {
    background: var(--color-hover-bg-normal) !important;
}

.category-menu[data-v-4fc3ea22] .v-list-item:hover .v-list-item-title {
    color: var(--color-text-normal) !important;
}

.menu-category-header[data-v-4fc3ea22] {
    color: var(--color-text-dark) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    opacity: .7;
    padding: 12px 16px 8px !important;
    text-transform: uppercase;
}

.category-item[data-v-4fc3ea22] {
    align-items: center;
    display: flex;
    gap: 8px;
    overflow: visible;
}

.category-text[data-v-4fc3ea22] {
    flex: 1;
}

.category-badge[data-v-4fc3ea22] {
    border-radius: 10px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 1.2;
    margin-left: auto;
    padding: 2px 6px;
    white-space: nowrap;
}

.sidebar-footer[data-v-4fc3ea22] {
    margin-top: 0;
}

.footer-content[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    font-size: 10px;
    line-height: 1.6;
    opacity: .7;
}

.footer-content[data-v-4fc3ea22] a,
.footer-content[data-v-4fc3ea22] a:active,
.footer-content[data-v-4fc3ea22] a:hover,
.footer-content[data-v-4fc3ea22] a:link,
.footer-content[data-v-4fc3ea22] a:visited {
    color: inherit !important;
    text-decoration: none !important;
}

.sidebar-footer-section[data-v-4fc3ea22] {
    margin-top: 36px;
}

.friend-links-section[data-v-4fc3ea22] {
    padding: 0 0 10px;
}

.friend-links-header[data-v-4fc3ea22] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: opacity .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.friend-links-header[data-v-4fc3ea22]:hover {
    opacity: .7;
}

.friend-links-title[data-v-4fc3ea22] {
    font-size: 13px;
    font-weight: 400;
}

.friend-links-title[data-v-4fc3ea22],
.toggle-icon[data-v-4fc3ea22] {
    color: var(--color-text-dark);
    opacity: .7;
}

.toggle-icon[data-v-4fc3ea22] {
    transition: transform .3s ease;
}

.contact-buttons-wrapper[data-v-4fc3ea22] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 100;
}

.contact-buttons-fixed[data-v-4fc3ea22] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    box-sizing: border-box;
    display: flex;
    gap: 6px;
    height: 38px;
    padding: 6px 12px;
}

.contact-button[data-v-4fc3ea22] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: 4px;
    color: var(--color-text-dark);
    cursor: pointer;
    display: flex;
    flex: 1;
    font-size: 11px;
    gap: 3px;
    justify-content: center;
    opacity: .7;
    padding: 4px 8px;
    position: relative;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.contact-button[data-v-4fc3ea22]:hover {
    background: var(--color-hover-bg-normal);
    opacity: 1;
}

@media (max-width:900px) {
    .sidebar[data-v-4fc3ea22] {
        flex-shrink: 0;
        height: 100vh;
        left: 0;
        position: fixed;
        top: 0;
        transform: translate(-100%);
        transition: transform .3s ease;
        width: 220px;
        z-index: 2800;
    }

    .sidebar[data-v-4fc3ea22]:not(.sidebar-open) {
        overflow: hidden;
        width: 0;
    }

    .close-btn[data-v-4fc3ea22] {
        display: flex;
    }

    .pc-only[data-v-4fc3ea22] {
        display: none;
    }

    .mobile-only[data-v-4fc3ea22] {
        display: block;
    }

    .sidebar-header[data-v-4fc3ea22] {
        justify-content: flex-start;
    }
}

.top-bar[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-dark) !important;
    color: var(--color-text-normal) !important;
    display: flex;
    flex-shrink: 0;
    gap: 16px;
    height: 64px;
    padding: 0 24px;
}

.menu-toggle[data-v-20519d8f] {
    display: none;
    height: 40px;
    width: 40px;
}

.filter-btn-area[data-v-20519d8f] {
    flex-shrink: 0;
    min-width: 120px;
}

.mobile-search-btn[data-v-20519d8f] {
    height: 40px;
    width: 40px;
}

.mobile-logo[data-v-20519d8f] {
    display: none;
}

.search-wrapper[data-v-20519d8f] {
    border-radius: var(--radius-input, var(--radius-button, 8px));
    overflow: hidden;
}

.bar-search[data-v-20519d8f] {
    max-width: 480px;
    width: 480px;
}

.bar-search[data-v-20519d8f] input {
    font-weight: 600;
}

.search-icon[data-v-20519d8f] {
    color: var(--color-text-dark);
    cursor: pointer;
    transition: color .2s;
}

.search-icon[data-v-20519d8f]:hover {
    color: var(--color-text-normal);
}

@media (max-width:900px) {
    .top-bar[data-v-20519d8f] {
        gap: 4px;
        padding: 0 8px;
        position: relative;
    }

    .menu-toggle[data-v-20519d8f] {
        display: flex;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
    }

    .desktop-search[data-v-20519d8f] {
        display: none;
    }

    .mobile-logo[data-v-20519d8f] {
        align-items: center;
        cursor: pointer;
        display: flex;
        justify-content: center;
        left: 50%;
        pointer-events: auto;
        position: absolute;
        transform: translate(-50%);
    }

    .mobile-logo-img[data-v-20519d8f] {
        height: 32px;
        width: auto;
    }

    .bar-spacer[data-v-20519d8f] {
        flex: 1;
    }

    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
    }

    .auth-buttons[data-v-20519d8f] {
        display: flex !important;
    }

    .auth-buttons .topbar-auth-btn[data-v-20519d8f] {
        display: none !important;
    }

    .auth-buttons .topbar-lang-switch[data-v-20519d8f] {
        display: none;
    }
}

.bar-spacer[data-v-20519d8f] {
    flex: 1;
}

.right-actions[data-v-20519d8f] {
    gap: 8px;
}

.right-actions[data-v-20519d8f] {
    align-items: center;
    display: flex;
}

.lang-flag[data-v-20519d8f] {
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 18px;
}

.auth-buttons[data-v-20519d8f] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.topbar-lang-switch[data-v-20519d8f] {
    align-items: center;
    background: var(--color-bg-light);
    border-radius: var(--radius-input);
    cursor: pointer;
    display: flex;
    height: 40px;
    margin-right: 4px;
    padding: 4px;
    position: relative;
}

.topbar-lang-switch[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal);
}

.lang-option-item[data-v-20519d8f] {
    align-items: center;
    color: var(--color-text-dark);
    display: flex;
    font-size: 13px;
    gap: 3px;
    height: 32px;
    justify-content: center;
    position: relative;
    transition: color .2s;
    width: 60px;
    z-index: 1;
}

.lang-option-item .lang-flag[data-v-20519d8f] {
    height: 14px;
    width: 14px;
}

.lang-option-item.active[data-v-20519d8f] {
    color: var(--color-text-normal);
}

.lang-slider[data-v-20519d8f] {
    background: var(--color-bg-dark);
    border-radius: calc(var(--radius-input) - 2px);
    height: 32px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: transform .2s ease;
    width: 60px;
}

.topbar-auth-btn[data-v-20519d8f] {
    border-radius: var(--radius-input) !important;
    font-size: 14px !important;
    height: 40px !important;
    letter-spacing: normal !important;
    padding: 0 16px !important;
    text-transform: none !important;
}

.topbar-login-btn[data-v-20519d8f] {
    background: var(--color-bg-light) !important;
    color: var(--color-text-normal) !important;
}

.topbar-login-btn[data-v-20519d8f]:hover {
    background: var(--color-hover-bg-normal) !important;
}

.topbar-register-btn[data-v-20519d8f] {
    background: var(--color-primary) !important;
    color: #000 !important;
}

.topbar-register-btn[data-v-20519d8f]:hover {
    background: var(--color-primary-light) !important;
}

@media (max-width:900px) {
    .filter-btn-area[data-v-20519d8f] {
        min-width: auto;
    }

    .menu-toggle[data-v-20519d8f] {
        flex-shrink: 0;
        order: -2;
    }
}

.search-wrapper[data-v-20519d8f] {
    max-width: 480px;
    position: relative;
    width: 480px;
}

.search-wrapper .bar-search[data-v-20519d8f] {
    width: 100%;
}

.mobile-search-btn[data-v-20519d8f] {
    display: none;
}

@media (max-width:900px) {
    .mobile-search-btn[data-v-20519d8f] {
        display: flex;
        flex-shrink: 0;
        height: 40px;
        width: 40px;
    }
}

.mobile-tabbar[data-v-3003ffae] {
    background: var(--color-bg-dark);
    border-top: 1px solid var(--color-line-normal);
    bottom: 0;
    box-shadow: 0 -4px 12px var(--color-shadow-color);
    display: none;
    height: 56px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 101;
}

@media (max-width:900px) {
    .mobile-tabbar[data-v-3003ffae] {
        align-items: center;
        display: flex;
        justify-content: space-around;
    }
}

.tab-item[data-v-3003ffae] {
    border-radius: 0 !important;
    color: var(--color-text-dark) !important;
    flex: 1;
    height: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.tab-item[data-v-3003ffae] .v-btn__content {
    height: 100%;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.tab-content[data-v-3003ffae] {
    position: relative;
}

.tab-item.active[data-v-3003ffae] {
    color: var(--color-primary) !important;
}

.tab-label[data-v-3003ffae] {
    font-size: 11px;
    margin-top: 2px;
}

.tab-item.text-only .tab-content[data-v-3003ffae] {
    justify-content: center;
}

.text-only-label[data-v-3003ffae] {
    font-size: 15px;
    font-weight: 500;
    margin-top: 0;
}

.tab-item.text-only.active .text-only-label[data-v-3003ffae] {
    font-weight: 600;
}

.publish-btn-wrapper[data-v-3003ffae] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 8px;
}

.publish-btn[data-v-3003ffae] {
    background: var(--color-primary) !important;
    border-radius: 8px !important;
    color: #000 !important;
    height: 32px !important;
    min-width: 40px !important;
    width: 40px !important;
}

.publish-btn[data-v-3003ffae] .v-icon {
    font-weight: 900;
}

.publish-btn[data-v-3003ffae]:active {
    transform: scale(.95);
}

.app-layout[data-v-bec46792] {
    height: 100vh;
    width: 100%;
}

.app-layout[data-v-bec46792],
.main-content[data-v-bec46792] {
    display: flex;
    overflow: hidden;
}

.main-content[data-v-bec46792] {
    background: var(--color-bg-normal) !important;
    color: var(--color-text-normal) !important;
    flex: 1;
    flex-direction: column;
}

.content-area[data-v-bec46792] {
    flex: 1;
    overflow: auto;
    padding: 20px !important;
}

.content-area[data-v-bec46792]::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-track {
    background: transparent;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb {
    background: var(--color-scrollbar);
    border-radius: 4px;
}

.content-area[data-v-bec46792]::-webkit-scrollbar-thumb:hover {
    background: var(--color-scrollbar-hover);
}

@media (max-width:900px) {
    .app-layout[data-v-bec46792] {
        display: flex;
        overflow: hidden;
        width: 100vw;
    }

    .main-content[data-v-bec46792] {
        flex: 1;
        max-width: 100vw;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }

    .content-area[data-v-bec46792] {
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        padding-bottom: 56px;
        scrollbar-width: none;
        width: 100%;
        -ms-overflow-style: none;
    }

    .content-area[data-v-bec46792]::-webkit-scrollbar {
        display: none;
    }
}

/*! CSS Used keyframes */
@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-ltr {
    0% {
        left: -90%;
        right: 100%;
    }

    60% {
        left: -90%;
        right: 100%;
    }

    to {
        left: 100%;
        right: -35%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short-ltr {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    to {
        left: 107%;
        right: -8%;
    }
}

/*! CSS Used fontfaces */
@font-face {
    font-family: wmiao;
    src: url(https://www.wmiao.com/_nuxt/iconfont.CypyjPWd.woff2) format("woff2"), url(https://www.wmiao.com/_nuxt/iconfont.Dy8HlJ_T.woff) format("woff"), url(https://www.wmiao.com/_nuxt/iconfont.DOCBoBPF.ttf) format("truetype");
}