:root{--sp-1: 2px;--sp-2: 4px;--sp-3: 6px;--sp-4: 8px;--sp-5: 12px;--sp-6: 16px;--sp-7: 20px;--sp-8: 24px;--sp-page-sm: 32px;--sp-page: 40px;--sp-page-lg: 48px;--sp-layout-56: 56px;--sp-layout-64: 64px;--sp-layout-80: 80px;--sp-layout-96: 96px;--sp-layout-128: 128px;--fs-caption: 12px;--fs-footnote: 13px;--fs-body: 14px;--fs-body-lg: 16px;--fs-title: 18px;--fs-title-lg: 20px;--fs-display: 24px;--fs-display-lg: 28px;--fs-display-xl: 32px;--fs-page-title: 36px;--fs-display-2xl: 40px;--fs-score: 44px;--fs-score-lg: 60px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--inset-card: calc(var(--sp-7) + var(--bw-hairline));--w-content: 896px;--h-page-offset: 120px;--h-touch: 44px;--h-field: 46px;--h-btn: 48px;--h-btn-sm: 34px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-fast: .16s;--dur: .24s;--bw-hairline: 1px;--blur-panel: 20px;--blur-bar: 16px;--ls-title: -.2px;--t-on-accent: #fff;--t-accent-soft: rgba(200, 135, 78, .1);--t-accent-soft-strong: rgba(200, 135, 78, .3);--t-card-edge: rgba(255, 255, 255, .6);--shadow-card: 0 1px 2px rgba(var(--t-shadow), .05);--t-danger: #c0392b;--t-card: rgba(255, 255, 255, .55);--t-surface-strong: rgba(255, 255, 255, .92);--t-surface: rgba(255, 255, 255, .62);--t-surface-soft: rgba(255, 255, 255, .4);--t-card-strong: rgba(255, 255, 255, .72);--t-line: rgba(var(--t-shadow), .1);--t-line-strong: rgba(var(--t-shadow), .18);--t-field: rgba(255, 255, 255, .92);--t-field-line: rgba(var(--t-shadow), .16);--t-muted-bg: rgba(var(--t-shadow), .045);--t-focus: var(--t-accent)}@media (min-width: 600px){:root{--inset-card: calc(var(--sp-page-sm) + var(--bw-hairline))}}:root{--t-btn: linear-gradient(135deg, #a8611d, #8f4d12, #7d4310, #8f4d12);--t-btn2: linear-gradient(135deg, #a8611d, #7d4310);--t-bg: radial-gradient(circle at 16% 12%, rgba(240, 208, 117, .24), transparent 50%), radial-gradient(circle at 86% 26%, rgba(232, 168, 75, .16), transparent 56%), radial-gradient(circle at 50% 94%, rgba(184, 72, 95, .14), transparent 62%), linear-gradient(165deg, #fffcf7 0%, #fef5ec 38%, #fef8f2 70%, #fffdfa 100%);--t-title: #3d2a17;--t-sub: #6f5637;--t-sub-soft: #8f7757;--t-accent: #8f4d12;--t-shadow: 96, 60, 26}body.theme-male{--t-btn: linear-gradient(135deg, #a35a12, #8a4708, #763a06, #8a4708);--t-btn2: linear-gradient(135deg, #a35a12, #763a06);--t-bg: radial-gradient(circle at 16% 12%, rgba(240, 208, 117, .22), transparent 50%), radial-gradient(circle at 86% 26%, rgba(214, 145, 60, .15), transparent 56%), radial-gradient(circle at 50% 94%, rgba(170, 82, 52, .13), transparent 62%), linear-gradient(165deg, #fffdf8 0%, #fdf6ee 38%, #fef9f4 70%, #fffefb 100%);--t-title: #38260f;--t-sub: #6b5230;--t-sub-soft: #8b7450;--t-accent: #8a4708;--t-shadow: 92, 56, 18}body.theme-female{--t-btn: linear-gradient(135deg, #ad5a44, #8f4230, #7a3324, #8f4230);--t-btn2: linear-gradient(135deg, #ad5a44, #7a3324);--t-bg: radial-gradient(circle at 16% 12%, rgba(240, 208, 117, .46), transparent 48%), radial-gradient(circle at 86% 26%, rgba(226, 130, 110, .16), transparent 56%), radial-gradient(circle at 50% 94%, rgba(184, 72, 95, .18), transparent 62%), linear-gradient(165deg, #fffcf9 0%, #fef3f1 38%, #fef8f5 70%, #fffdfb 100%);--t-title: #3d1f16;--t-sub: #72503f;--t-sub-soft: #96755f;--t-accent: #8f4230;--t-shadow: 100, 52, 30}.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.theme-dark{--t-btn: linear-gradient(135deg, #3f74c4, #2a4d8f, #1f3a6e, #2a4d8f);--t-btn2: linear-gradient(135deg, #3f74c4, #1f3a6e);--t-bg: radial-gradient(circle at 72% 4%, rgba(30, 42, 102, .9), transparent 64%), radial-gradient(circle at 90% 34%, rgba(106, 63, 143, .55), transparent 56%), radial-gradient(circle at 50% 99%, rgba(184, 72, 95, .44), transparent 60%), radial-gradient(circle at 12% 10%, rgba(240, 208, 117, .2), transparent 46%), linear-gradient(175deg, #080d28 0%, #101638 30%, #1d1846 56%, #231a3c 78%, #170e28 100%);--t-title: #eef2fb;--t-sub: #a3b0cc;--t-sub-soft: #7d8aa8;--t-accent: #f0d075;--t-shadow: 0, 0, 0;--t-danger: #ff8a7a;--t-focus: #f0d075;--t-card: rgba(26, 34, 70, .55);--t-card-strong: rgba(26, 34, 70, .85);--t-card-edge: rgba(255, 255, 255, .1);--t-surface-strong: rgba(19, 26, 56, .92);--t-surface: rgba(26, 34, 70, .62);--t-surface-soft: rgba(255, 255, 255, .06);--t-muted-bg: rgba(255, 255, 255, .06);--t-line: rgba(255, 255, 255, .12);--t-line-strong: rgba(255, 255, 255, .2);--t-field: rgba(255, 255, 255, .06);--t-field-line: rgba(255, 255, 255, .16);--t-accent-soft: rgba(240, 208, 117, .14);--t-accent-soft-strong: rgba(240, 208, 117, .26);--t-on-accent: #1a1636}body{background:var(--t-bg);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,ul,li,ol,h1,h2,h3,h4,h5,h6{box-sizing:border-box;margin:0;padding:0;font-family:inherit;list-style:none}img{object-fit:cover;vertical-align:bottom;border:none}.m-l-10{margin-left:var(--sp-4)!important}.m-l-16{margin-left:var(--sp-6)!important}.m-r-10{margin-right:var(--sp-4)!important}.m-r-16{margin-right:var(--sp-6)!important}.m-b-10{margin-bottom:var(--sp-4)!important}.p-10{padding:var(--sp-4)!important}.p-t-10{padding-top:var(--sp-4)!important}.p-r-10{padding-right:var(--sp-4)!important}.p-b-10{padding-bottom:var(--sp-4)!important}.p-l-10{padding-left:var(--sp-4)!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:var(--fs-title)!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:var(--t-title);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:var(--t-title)}.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}.q-field--outlined:not(.q-textarea) .q-field__control{height:var(--h-field);min-height:var(--h-field);border-radius:var(--r-md)}.q-field__native,.q-field__input{font-size:var(--fs-body)}.page-head{padding-bottom:var(--sp-7)}.page-head-title{font-size:var(--fs-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-title);color:var(--t-title)}.page-head-sub{margin-top:var(--sp-2);font-size:var(--fs-footnote);color:var(--t-sub)}.c-form-item .c-form-label,.c-form-textarea .c-form-label{margin-bottom:var(--sp-4);font-size:var(--fs-body);color:var(--t-title)}.c-title-36{text-align:center;font-size:var(--fs-page-title);color:var(--t-title);font-weight:700}.c-sub-title-18{text-align:center;font-size:var(--fs-title);color:var(--t-title)}.f-w-b{font-weight:700}@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 var(--sp-6)!important}.register-container{padding-top:var(--sp-page-lg)!important;padding-bottom:var(--sp-7)!important}.register-container .sub-title{padding-bottom:var(--sp-8)!important}.recharge-container .title{font-size:24px!important}.recharge-container .sub-titlte{font-size:14px!important}.recharge-container .limit-num{margin-top:var(--sp-layout-56)!important;font-size:24px!important}.recharge-container .limit-content{padding-top:var(--sp-page-lg)!important}.recharge-container .limit-main{padding-top:var(--sp-page-lg)!important;padding-bottom:var(--sp-8)!important}.personal-edit-container .personal-form-container{padding:var(--sp-6) var(--sp-6) var(--sp-4)!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 var(--sp-4)!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:var(--sp-6)!important}}