body {
    background-image: url(https://file.qw.chat/v1/20240614210322487-%E7%BD%91%E7%AB%99%E8%83%8C%E6%99%AF-1.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}
body, html {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

.navbar{
    backdrop-filter: saturate(5) blur(20px);
}
.d-none {
    display: none !important;
}
.bf-svg{
    background-image: url(https://file.qw.chat/v1/bg-1.svg);
    background-position: 0 0;
    opacity: 0.75;
}
.avatar-plas-btn{
    border: 1px dashed rgb(217, 217, 217);
}
.avatar-plas-btn:hover{
    border: 1px dashed #ff3f9f!important;
    color: #ff3f9f;
}
.tjwxaa a:hover{
    color: #ff3f9f;
    border-color: color-mix(in oklab, var(--color-pink-700) 5%, transparent)!important;
}

.main-content {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.form-input, .form-textarea, .form-select, .form-multiselect {
    width: 100%;
    border-radius: .375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-left: .875rem;
    padding-right: .875rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 15px;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    transition-property: all;
    transition-timing-function:
            cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms;
}
.menu-wx{
    border-right: 2px solid #ff3f9f;
}
.drawer-content {
    grid-row-start: 1;
    grid-column-start: 2;
    min-width: 0
}

@media(min-width:1024px) {
    .main-content {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }
}
.textarea:focus,.textarea:focus-within,.input:focus,.input:focus-within {
    --input-color: var(--color-secondary);
    box-shadow: 0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset!important;
    outline: 1px solid var(--input-color)!important;
    outline-offset: 0!important;
    isolation: isolate!important;
    z-index: 1!important;
}
.vip-card {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    padding: 15px;
    background: #d2b484;
    color: #866127;
    transition: .3s;
}
.abs-center {
    width: 100%;
    font-size: 10em;
    left: 55%;
    top: 60%;
    opacity: .2;
    z-index: 0;
    position: absolute;
    right: .7em;
    transform: translateY(-50%);
}
.img-icon {
    height: 50px!important;
    max-width: 100px!important;
}
.lanjin{
    background: #6882E0!important;
    color: #fff!important;
}
.bojin{
    background: #FC6060!important;
    color: #fff!important;
}
.payvip-icon {
    background: linear-gradient(300deg, #4c4d51, #2a2a31 15%, #85858a 40%, #393a3c 60%, #393838 80%, #5e5f62 100%);
    text-shadow: none;
    font-weight: 400;
    position: relative;
    color: #ece0e0;
    border: none;
    --this-color: #ece0e0;
    overflow: hidden;
}
.txgj{
    top: -2px;
    transform: scale(1.7);
    width: 90px;
    position: absolute;
}
.wx-notice {
    position: fixed;
    border-radius: 4px;
    padding: 10px;
    max-width: 400px;
    top: 160px;
    left: 50%;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    background: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    z-index: 10001
}

.wx-popup {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto
}

.wx-popup-body {
    opacity: 0;
    visibility: hidden;
    position: relative;
    width: 100%;
    max-width: 420px;
    padding-top: 2rem;
    padding-bottom: 2rem;
    -webkit-transform: translateX(0) translateY(-40px) scale(.98);
    transform: translateX(0) translateY(-40px) scale(.98);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wx-popup-close {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    text-align: center;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}

.wx-popup-close .svg-close {
    display: inline-block;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTUxMiAwQzIyOS4yIDAgMCAyMjkuMTk5OTk5IDAgNTEyYzAgMjgyLjggMjI5LjIgNTEyIDUxMiA1MTIgMjgyLjgwMDAwMSAwIDUxMi0yMjkuMiA1MTItNTEyQzEwMjQgMjI5LjE5OTk5OSA3OTQuODAwMDAxIDAgNTEyIDB6bTIxMy40NjA1MjIgNzI1Ljk3NTY1OWMtNi4wNzcyNDkgNi4wNzcyNDgtMTQuMDY0NDg4IDkuMTE1ODcyLTIyLjA1MTcyNyA5LjExNTg3Mi03Ljk4NzI0MiAwLTE2LjA2MTI5OC0zLjAzODYyNC0yMi4xMzg1NDgtOS4yMDI2OUw1MTIgNTU2LjI3MTMyMyAzNDIuNzI5NzUyIDcyNS44ODg4NDFjLTYuMDc3MjQ4IDYuMTY0MDY2LTE0LjE1MTMwNiA5LjIwMjY5LTIyLjEzODU0NiA5LjIwMjY5LTcuOTg3MjQgMC0xNS45NzQ0NzktMy4wMzg2MjQtMjIuMDUxNzI3LTkuMTE1ODcyLTEyLjI0MTMxMy0xMi4xNTQ0OTYtMTIuMjQxMzEzLTMxLjk0ODk2LS4wODY4MTgtNDQuMTkwMjczTDQ2Ny44OTY1NDYgNTExLjk5NDIzIDI5OC40NTI2NjEgMzQyLjIwMzA3NGMtMTIuMTU0NDk1LTEyLjI0MTMxMi0xMi4xNTQ0OTUtMzIuMDM1Nzc2LjA4NjgxOC00NC4xOTAyNzEgMTIuMjQxMzEzLTEyLjE1NDQ5NSAzMi4wMzU3NzctMTIuMTU0NDk1IDQ0LjE5MDI3My4wODY4MTdMNTEyIDQ2Ny43MTcxNDFsMTY5LjI3MDI0Ny0xNjkuNzA0MzM4YzEyLjE1NDQ5NS0xMi4yNDEzMTMgMzEuOTQ4OTU5LTEyLjI0MTMxMyA0NC4xOTAyNzUtLjA4NjgxOCAxMi4yNDEzMTMgMTIuMTU0NDk1IDEyLjI0MTMxMyAzMS45NDg5NTkuMDg2ODE4IDQ0LjE5MDI3Mkw1NTYuMTAzNDU0IDUxMS45OTQyMyA3MjUuNTQ3MzQgNjgxLjc4NTM4NmMxMi4xNTQ0OTUgMTIuMjQxMzEzIDEyLjE1NDQ5NSAzMi4wMzU3NzctLjA4NjgxOCA0NC4xOTAyNzN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.wx-popup-close .svg-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wx-popup-content {
    background: var(--color-base-100);
    padding: 1.25rem;
    position: relative;
    border-radius: 6px;
    border-radius: .5rem;
    overflow: hidden
}

.wx-popup-open {
    overflow: hidden
}

.wx-popup-open .wx-popup {
    opacity: 1;
    visibility: visible
}

.wx-popup-open .wx-popup-body {
    -webkit-transform: translateX(0) translateY(0) scale(1);
    transform: translateX(0) translateY(0) scale(1);
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.dimmer {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 90
}
/*颜色统一放这里*/
.border-base-content\/5 {
    border-color: color-mix(in oklab,var(--color-base-content)5%,transparent);
}

#sfz .userinfo{
    margin:5px;
}