:root{--t-btn: linear-gradient(135deg, #687078, #788088, #889098, #687078);--t-btn2: linear-gradient(135deg, #788088, #889098);--t-bg: linear-gradient(160deg, #eaecee 0%, #eeefe9 40%, #f4f3ef 70%, #e8ebf0 100%);--t-title: #2a3038;--t-sub: #7a8490;--t-accent: #c8874e;--t-shadow: 48, 58, 68}body.theme-male{--t-btn: linear-gradient(135deg, #4f6878, #5f7888, #6f8898, #4f6878);--t-btn2: linear-gradient(135deg, #5f7888, #6f8898);--t-bg: linear-gradient(160deg, #e4ecf4 0%, #ecf0ee 40%, #f2f4f0 70%, #e4e9f6 100%);--t-title: #1a2e42;--t-sub: #6b8496;--t-shadow: 38, 62, 88}body.theme-female{--t-btn: linear-gradient(135deg, #8a6b7c, #9a7b8c, #a88b9a, #8a6b7c);--t-btn2: linear-gradient(135deg, #9a7b8c, #a88b9a);--t-bg: linear-gradient(160deg, #f0e8ee 0%, #f5efe8 40%, #faf6ee 70%, #ece8f2 100%);--t-title: #3a2640;--t-sub: #987e94;--t-shadow: 88, 52, 76}.main-layout-content .bg-black{background:var(--t-btn)!important}.main-layout-content .q-btn-toggle .q-btn--active{background:var(--t-btn)!important;color:#fff!important}.main-layout-content .q-btn-dropdown.bg-black{background:var(--t-btn)!important;border-radius:10px}body{background:#f9fafb}p,ul,li,ol,h1,h2,h3,h4,h5,h6{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;list-style:none}img{object-fit:cover;vertical-align:bottom;border:none}.m-l-10{margin-left:10px!important}.m-l-16{margin-left:16px!important}.m-r-10{margin-right:10px!important}.m-r-16{margin-right:16px!important}.m-b-10{margin-bottom:10px!important}.p-10{padding:10px!important}.p-t-10{padding-top:10px!important}.p-r-10{padding-right:10px!important}.p-b-10{padding-bottom:10px!important}.p-l-10{padding-left:10px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-16{font-size:16px!important}.f-s-18{font-size:18px!important}.f-s-24{font-size:24px!important}.t-l{text-align:left!important}.t-c{text-align:center!important}.t-r{text-align:right!important}.c-link{color:#000;text-decoration:none}.c-text-btn{padding:0;min-width:auto;min-height:auto;width:auto;height:auto;border:none;border-radius:0;box-shadow:none;line-height:16px;color:#000}.c-text-btn .q-ripple{display:none!important}.c-text-btn:before,.c-text-btn:after{box-shadow:none}.c-text-btn:active:before{transition:none!important;background:transparent!important;box-shadow:0 5px 10px #0000004d!important}.c-form-item .c-form-label,.c-form-textarea .c-form-label{margin-bottom:8px;font-size:14px;color:#000}.c-title-36{text-align:center;font-size:36px;color:#000;font-weight:700}.c-sub-title-18{text-align:center;font-size:18px;color:#4b5563}.f-w-b{font-weight:700}.c-date-picker-time .dp__input{padding-right:10px;height:42px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}.c-date-picker-time .dp__action_select{background:#000!important;color:#fff!important}@media (max-width: 896px){.c-title-36{font-size:20px!important}.c-sub-title-18{font-size:14px!important}.main-layout-container .main-layout-head .head-toolbar{padding:0 16px!important}.register-container{padding-top:50px!important;padding-bottom:20px!important}.register-container .sub-title{padding-bottom:24px!important}.recharge-container .title{font-size:24px!important}.recharge-container .sub-titlte{font-size:14px!important}.recharge-container .limit-num{margin-top:55px!important;font-size:24px!important}.recharge-container .limit-content{padding-top:50px!important}.recharge-container .limit-main{padding-top:44px!important;padding-bottom:22px!important}.personal-edit-container .personal-form-container{padding:16px 16px 10px!important}.personal-data-container .my-data-title .page-title .edit-icon{width:18px!important;height:18px!important}.personal-data-container .personal-data-content .personal-data-main .match-code{padding:0 10px!important}.personal-data-container .img-code{width:74px!important;height:74px!important}.personal-data-container .img-content{margin-left:32%!important}.image-carousel-container .carousel-container,.image-carousel-container .carousel-track{height:130px!important}.image-carousel-container .carousel-item.active{width:130px!important;height:130px!important}.image-carousel-container .carousel-item:not(.active){width:66px!important;height:66px!important}.swiper-container-view{margin-left:5%!important}.swiper-container-view .my-swiper-container{height:130px!important}.swiper-container-view .swiper-slide{width:66px!important;height:66px!important;transition:width .3s ease,height .3s ease}.swiper-container-view .swiper-slide.activeSlide{width:130px!important;height:130px!important}.match-container .match-content{padding:16px!important}}