[v-cloak] {
    display: none;
}

:root,
[data-bs-theme=light] {
    --bs-blue: #1e80ff;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #FF5200;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #1e80ff;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #FF0000;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 30, 128, 255;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text: #1e80ff;
    --bs-secondary-text: #6c757d;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #FF5200;
    --bs-danger-text: #FF0000;
    --bs-light-text: #6c757d;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #e9ecef;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1.4rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 242, 243, 245;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: #1e80ff;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #1e80ff;
    --bs-link-hover-color-rgb: 20, 118, 255;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #f3f3f3;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

html {
    font-size: 10px;
}

body {
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    top: -50%;
    width: 100%;
    height: 1120px;
    background-image: linear-gradient(90deg, #5fb8ff, #fe97ff);
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    filter: blur(50px);
    opacity: .1;
}

:focus-visible {
    outline: none;
}

.form-control,
.form-select {
    font-size: 14px !important;
}

.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 30px #fff inset;
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 96rem;
}

.container-fluid {
    max-width: 140rem;
}

a {
    color: var(--bs-gray-600);
    text-decoration: none;
}

a:hover {
    color: var(--bs-link-hover-color);
}

.ql-editor {
    font-family: var(--bs-body-font-family);
}

.ql-editor,
.ql-editor p,
.ql-editor ul,
.ql-editor img,
.ql-editor ol,
.content,
.content p,
.content ul,
.content img,
.content ol {
    margin-bottom: 2rem !important;
    font-size: 1.6rem !important;
    text-align: justify !important;
}

.ql-editor a,
.content a {
    background: #FEE;
    padding: .3rem 1rem;
    color: #F33;
}

.fs-1 {
    font-size: 2.8rem !important;
}

.fs-2 {
    font-size: 2.4rem !important;
}

.fs-3 {
    font-size: 2rem !important;
}

.fs-4 {
    font-size: 1.8rem !important;
}

.fs-5 {
    font-size: 1.6rem !important;
}

.fs-6 {
    font-size: 1.4rem !important;
}

.ql-editor img,
.content img {
    max-width: 100%;
}

.ql-editor ul,
.content ul {
    padding-left: 1.5rem;
}

.ql-editor h2,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

.ql-editor b,
.ql-editor strong,
.content b,
.content strong {
    font-weight: 700;
    color: var(--bs-warning-text);
}

.ql-editor blockquote,
.ql-editor pre,
.content blockquote,
.content pre {
    padding: 1rem;
    background-color: var(--bs-gray-200);
}

.line-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile_bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.profile_bg::after {
    content: '';
    position: absolute;
    inset: 0;
}

.avatar_box {
    object-fit: cover;
    border-radius: 5px;
}

.ql-editor {
    min-height: 300px;
}

.ql-toolbar svg {
    vertical-align: unset;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.btn-130 {
    min-width: 130px;
    text-align: center;
}

.nav-item {
    position: relative;
}

.nav-item span {
    position: absolute;
    top: -1.5rem;
    right: -1rem;
    transform: scale(.5);
    background: #f64242;
    font-size: 1.4rem;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem 1rem 1rem 0rem;
    transition: all 0.3s ease-in-out;
    color: #FFF;
}

dialog::backdrop {
    background: rgba(255, 255, 255, 0);
}

dialog[open] {
    margin-top: 8rem;
    animation: MessageMoveIn 0.3s;
}

@-webkit-keyframes MessageMoveIn {
    0% {
        opacity: 0;
        margin-top: 1rem;
    }

    to {
        opacity: 1;
        margin-top: 8rem;
    }
}

@keyframes MessageMoveIn {
    0% {
        opacity: 0;
        margin-top: 1rem;
    }

    to {
        opacity: 1;
        margin-top: 8rem;
    }
}

.list-top-nav {
    margin-bottom: 1rem;
}

.list-top-nav a {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: .2rem .8rem;
    border-radius: .3rem;
    border: 1px solid var(--bs-gray-200);
    position: relative;
}

.background_img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.top_notice {
    background-color: #000;
    background-image: linear-gradient(45deg, rgb(102 16 242 / 50%), rgb(214 51 132 / 50%));
    padding: 1.5rem 0;
    text-align: center;
    color: #FFF;
}

.iconfont {
    height: 2rem;
    width: 2rem;
    display: inline-block;
    background-size: cover;
}

.iconfont_da {
    height: 3rem;
    width: 3rem;
    display: inline-block;
    background-size: cover;
}

.icon-yonghu {
    background-image: url(/img/icon/yonghu.svg);
}

.icon-haibao {
    background-image: url(/img/icon/haibao.svg);
}

.icon-shezhi {
    background-image: url(/img/icon/shezhi.svg);
}

.icon-youxiang {
    background-image: url(/img/icon/youxiang.svg);
}

.icon-mima {
    background-image: url(/img/icon/mima.svg);
}

.icon-ziliao {
    background-image: url(/img/icon/ziliao.svg);
}

.icon-jifen {
    background-image: url(/img/icon/jifen.svg);
}

.icon-huiyuan {
    background-image: url(/img/icon/huiyuan.svg);
}

.icon-dianzan {
    background-image: url(/img/icon/dianzan.svg);
}

.icon-xiaoxi {
    background-image: url(/img/icon/xiaoxi.svg);
}

.icon-shijian {
    background-image: url(/img/icon/shijian.svg);
}

.icon-pinglun {
    background-image: url(/img/icon/pinglun.svg);
}

.icon-gonggao {
    background-image: url(/img/icon/gonggao.svg);
}

.icon-tuichu {
    background-image: url(/img/icon/tuichu.svg);
}

.icon-sousuo {
    background-image: url(/img/icon/sousuo.svg);
}

.icon-chakan {
    background-image: url(/img/icon/chakan.svg);
}

.icon-dizhi {
    background-image: url(/img/icon/dizhi.svg);
}

.icon-shoucang {
    background-image: url(/img/icon/shoucang.svg);
}

.icon-biaoqian {
    background-image: url(/img/icon/biaoqian.svg);
}

.icon-wenzhang {
    background-image: url(/img/icon/wenzhang.svg);
}


.icon-shouye {
    background-image: url(/img/icon/shouye.svg);
}

.icon-erweima {
    background-image: url(/img/icon/erweima.svg);
}

.icon-xiangshang {
    background-image: url(/img/icon/xiangshang.svg);
}

.icon-xinxi {
    background-image: url(/img/icon/xinxi.svg);
}

.icon-shouji {
    background-image: url(/img/icon/shouji.svg);
}


.icon-200 {
    background-image: url(/img/icon/200.svg);
}

.icon-401 {
    background-image: url(/img/icon/401.svg);
}