/* Qni / ui12: scoped mobile presentation, 375px design canvas. */
body.ui12{--pink:#ff4876;--muted:#697386;background:#f8f9fa!important;color:#161616!important;font:14px/1.5 Arial,sans-serif!important;max-width:480px!important;min-height:100vh;margin:0 auto!important;width:100%!important;overflow-x:hidden}
body.ui12 *{box-sizing:border-box}
body.ui12 a{color:inherit;text-decoration:none}
body.ui12 button{font:inherit;cursor:pointer;border:0}
body.ui12 h2{font-size:17px;line-height:1.4;margin:0 0 14px;font-weight:600}
body.ui12 p{margin:12px 0}
body.ui12 img{max-width:100%}
.ui12.q-has-nav{padding-bottom:92px!important}
.q-header{height:64px;background:#ff527e;color:white;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}
.q-back{position:absolute;left:16px;font-size:32px;font-weight:400}
.q-content{padding:16px}
.q-card{background:white;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 3px #00000004}
.q-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}
.q-between h2{margin:0}
.q-accent{color:var(--pink)!important}
.q-button,.ui12 #autoStart{display:block;width:100%;padding:12px 16px!important;background:var(--pink)!important;color:white!important;border:0;border-radius:9px!important;text-align:center;line-height:1.5!important;font-size:16px!important;cursor:pointer;margin:20px 0!important;height:auto!important}
.q-pill,.q-badge{display:inline-block;border-radius:30px;padding:8px 16px;background:var(--pink);color:white}
.q-badge{padding:3px 8px}
.ui12 .notAllow{opacity:.55}
.q-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:1000;display:flex;background:#fff;padding:14px 8px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -1px 5px #00000003}
.q-nav a{display:flex;flex:1;min-width:0;align-items:center;flex-direction:column;gap:7px;color:#515d6c!important;font-size:12px}
.q-nav img{width:24px;height:24px}
.q-nav a[aria-current]{color:var(--pink)!important}
.q-home{padding:24px 16px 12px;background:linear-gradient(#ffd0dc 0,#f8f9fa 260px)}
.q-carousel{display:flex;overflow:auto;scroll-snap-type:x mandatory;border-radius:14px;margin:0 0 12px;scrollbar-width:none}
.q-carousel img{flex:0 0 100%;width:100%;scroll-snap-align:start}
.q-shortcuts,.q-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;text-align:center}
.q-shortcuts a,.q-shortcuts button,.q-services a{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:13px;background:transparent;padding:0}
.q-shortcuts img,.q-services img{width:34px;height:34px}
.q-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.q-level{grid-column:span 2;display:flex;flex-direction:column;align-items:center;text-align:center;background:#f7f7f7;border-radius:6px;overflow:hidden;min-width:0}
.q-level strong{width:100%;font-size:13px;color:#3169d7;background:#dfeaff;padding:4px 1px 0}
.q-level span{font-size:10px;color:#749aff;background:#dfeaff;width:100%;padding-bottom:6px}
.q-level img{width:75%;aspect-ratio:1;object-fit:contain;margin:6px}
.q-level:nth-child(2) strong,.q-level:nth-child(2) span{background:#fce8d8;color:#ff6600}
.q-level:nth-child(3) strong,.q-level:nth-child(3) span{background:#fbe6ec;color:#f44c69}
.q-level:nth-child(n+4){grid-column:span 3;display:grid;grid-template-columns:1fr 42%;padding:4px}
.q-level:nth-child(n+4) strong,.q-level:nth-child(n+4) span{background:none;text-align:left;grid-column:1}
.q-level:nth-child(n+4) img{grid-column:2;grid-row:1/3;width:100%;margin:0}
.q-rank{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f2f5;font-size:13px}
.q-rank:last-child{border:0}
.q-rank>span:first-child{width:24px;text-align:center}
.q-rank img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.q-rank em{margin-left:auto;color:#ff714f;font-style:normal}
.q-auth{padding:0 16px 36px}
.q-login{background:linear-gradient(#ffd0dc,#f8f9fa 250px)!important}
.q-auth .q-logo{display:block;width:95px;height:95px;margin:100px auto 52px}
.q-auth label{display:block;font-size:15px;margin-bottom:16px}
.ui12 .q-auth input{display:block;width:100%;height:48px;border:1px solid #ddd!important;border-radius:8px;background:white;color:#333;font-size:16px;padding:12px 15px;margin-top:6px;outline:none}
.ui12 .q-auth input:focus{border-color:var(--pink)!important}
.ui12 .q-auth .q-button{margin-top:28px!important}
.q-auth-link{display:block;text-align:center;color:#97a0b5;margin-top:26px!important;font-size:14px}
.q-auth-link a{color:#333!important}
.q-register{padding-top:20px;background:linear-gradient(#fff0f5,#f8f9fa 150px)}
.q-profile{display:flex;align-items:center;gap:10px;padding:18px 16px;background:white}
.q-profile>img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.q-profile h2{margin:0!important}
.q-profile p{margin:4px 0!important;color:#707889;font-size:12px}
.q-profile a{font-size:11px;color:var(--pink)!important}
.q-wallet{display:flex;align-items:center;text-align:center;color:white;background:linear-gradient(100deg,#ff337e,#ff70a8);border-radius:9px;padding:12px 8px}
.q-wallet>div{flex:1}
.q-wallet>div+div{border-left:1px solid white}
.q-wallet strong{display:block;margin-top:8px}
.q-actions{display:flex;gap:28px;padding:0 18px}
.q-actions .q-button{border-radius:30px!important;font-weight:bold;font-size:14px!important}
.q-banner{display:block;width:100%;border-radius:14px;margin:12px 0 16px}
.q-services{gap:22px 8px;padding:10px 0 20px}
.q-task-hero{height:164px;background:url('/static12/96341e28-8360-4edd-96c5-35896fe61c44.png') center/cover;display:flex;justify-content:center;align-items:center}
.q-task-hero img{width:105px;height:105px;object-fit:contain;border-radius:20px}
.q-inset{padding:12px;background:#f5f5f5;border-radius:8px}
.q-tips{padding-left:28px;color:#535e6e}
.q-tips li{padding:8px 0}
.q-invest-summary{padding:22px 16px;background:#ff4876;color:white;text-align:center;border-radius:12px;margin-bottom:20px}
.q-invest-summary>strong{font-size:22px}
.q-invest-summary img{width:28px;vertical-align:middle}
.q-invest-summary p{margin:0 0 20px!important}
.q-invest-summary .q-between{text-align:left;margin-bottom:0}
.q-invest-summary .q-between strong{display:block;margin-top:8px;font-size:18px}
.q-invest-product{display:block;background:linear-gradient(140deg,white 68%,#fff3f5 68%);border-radius:7px;padding:12px 14px;margin:12px 0}
.q-invest-product>.q-between{margin:0 0 24px;font-size:16px}
.q-invest-product small{color:#ff603f;background:#ffebe6}
.q-product-stats{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;text-align:center;font-size:15px;overflow-wrap:anywhere}
.q-product-stats small{display:block;background:none;color:#666;font-size:13px;margin-top:12px}
.q-three{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}
.q-three strong{display:block;margin:12px 0;color:var(--pink)}
.q-member{border-top:1px solid #eee;padding-top:14px}
.q-member strong{color:var(--pink)}
.q-url{overflow-wrap:anywhere;padding:10px;background:#fafafa}
.q-referral{text-align:center}
.q-referral>strong{font-size:25px}
.q-referral .q-shortcuts{margin-top:24px}
.ui12 progress{width:100%;height:8px;accent-color:var(--pink)}

/* Retain legacy form hooks and data-driven lists, normalize their visual containers. */
.ui12.q-legacy .navBarBox,.ui12.q-legacy .boxtop{background:#ff527e!important;color:white!important;height:64px!important;line-height:64px!important;max-width:480px;width:100%;left:auto!important;border:0!important;box-shadow:none!important}
.ui12.q-legacy .navTitle{background:none!important;color:white!important;font-size:18px!important;font-weight:600!important;line-height:64px!important}
.ui12.q-legacy .navRightText{color:white!important;top:0!important;font-size:12px!important}
.ui12.q-legacy .navLeftArrowIcon{top:22px!important;width:20px!important;height:20px!important;filter:brightness(0) invert(1)}
.ui12.q-legacy #app,.ui12.q-legacy .pageBg,.ui12.q-legacy .orders{background:#f8f9fa!important;min-height:100vh}
.ui12.q-legacy .navBarPadding{padding-top:70px!important}
.ui12.q-legacy .continueBtn,.ui12.q-legacy .save-btn2,.ui12.q-legacy .itemBtn{background:#ff4876!important;color:white!important;border:0!important;border-radius:8px!important;line-height:44px!important;font-size:15px!important}
.ui12.q-legacy .inputOuter,.ui12.q-legacy .inputOuter1{background:white!important;border:1px solid #ddd!important;border-radius:8px!important}
.ui12.q-legacy input:not([type=hidden]){font-size:15px!important;color:#333!important}
.ui12.q-legacy .greenColor{color:#ff4876!important}
.ui12.q-legacy .greenBorder{border-color:#ff4876!important}
.ui12.q-legacy .rechargeItem{width:30%!important;padding:12px 4px!important;margin:5px 1.5%!important;border-radius:8px!important;text-align:center;background:white;color:#444;border:1px solid #eee}
.ui12.q-legacy .rechargeItemActive{background:#ff4876!important;color:white!important;border-color:#ff4876!important}
.ui12.q-legacy .rechargeListBox{display:flex!important;flex-wrap:wrap!important}
.ui12.q-legacy .rechargeradio{background:white;border-radius:10px;border:1px solid #eee;margin:14px 0;padding:18px!important}
.ui12.q-legacy .rechargeradio.checked{border-color:#ff4876!important}
.ui12.q-legacy .allbox{width:100%!important;margin:0!important}
.ui12.q-legacy .recharge{padding:16px!important}
.ui12.q-legacy .orderListItem,.ui12.q-legacy .recordItem,.ui12.q-legacy .itemWrap{background:white!important;border-radius:12px!important;margin:12px 0!important}
.ui12.q-legacy .vipListItem{border-radius:12px!important;background:linear-gradient(135deg,#ffe4ed,#fff)!important}
.ui12.q-legacy .nextLevelBox,.ui12.q-legacy .totalRewardBox{border-radius:12px!important;background:linear-gradient(100deg,#ff337e,#ff70a8)!important;color:white!important}
.ui12 .van-popup,.ui12 .van-dialog{max-width:460px}
.ui12 .van-toast{max-width:90vw}
.ui12 #tanchuang .messaeg_flex{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}
.ui12 #tanchuang .message_wrapper{width:78%;max-width:380px;background:linear-gradient(#ffd0e4,white);border-radius:28px;padding:30px 18px}
.ui12 #tanchuang .message_info{color:#ff4876!important;font-size:18px!important;margin:8px 0!important}
.ui12 #tanchuang .message_info_content{width:100%!important;height:auto!important;max-height:50vh!important;margin:10px 0!important}
.ui12 #tanchuang .message_body{font-size:14px!important;color:#111!important}
.q-download{background:#fff0f5 url('/static12/504ca3a6-d463-4d16-a12a-9890ef60e2bf.png') top center/100% auto no-repeat!important}
.q-download main{text-align:center;padding:70px 16px}
.q-download-logo{width:80px;height:80px}
.q-download h1{font-size:24px}
.q-download main>a{display:block;margin:25px auto;width:157px}
.q-download main>a img{width:157px}
.q-download .q-header{background:transparent;color:#222}

@media(min-width:481px){body.ui12{box-shadow:0 0 25px #0000000d}
}
@media(max-width:350px){.q-content,.q-home{padding-left:12px;padding-right:12px}
.q-product-stats{font-size:13px}
.q-shortcuts a,.q-services a{font-size:11px}
.q-actions{gap:12px;padding:0}
.q-level strong{font-size:11px}
}


.ui12 .q-records .balanceItem{padding:18px 14px;background:white;border:0;border-radius:12px;margin-bottom:14px;box-shadow:none}
.ui12 .q-records .balanceItem .flexBetween{display:flex;justify-content:space-between;gap:12px}
.ui12 .q-records .changeMoney,.ui12 .q-records .changeMoneyFaile{font-size:18px;font-weight:600;color:#ff4876;margin-bottom:10px}
.ui12 .q-records .balanceScript,.ui12 .q-records .scriptItem{font-size:12px;line-height:1.8;color:#71717a}
.q-empty{text-align:center;color:#9299a7;padding:80px 20px}
.q-fields label{display:block;margin-bottom:18px;color:#666}
.ui12 .q-fields input{display:block;width:100%;border:1px solid #eee!important;background:#fafafa!important;border-radius:8px;padding:12px!important;margin:6px 0 0!important;height:46px;position:static!important;line-height:22px!important;font-size:15px!important}
.q-fields input[readonly]{color:#555}
.q-history{display:block;text-align:right;color:#ff4876!important}
.q-amount{display:flex;align-items:center;padding:10px 14px;background:white;border-radius:8px;border:1px solid #eee;gap:12px}
.q-amount input{width:100%;border:0;min-width:0;padding:10px;font-size:18px}
.q-muted{color:#9299a7;font-size:12px}
.q-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.ui12 .q-presets .rechargeItem{width:100%;margin:0;padding:12px 6px;border:1px solid #ddd;border-radius:8px;text-align:center;background:#fff;color:#333;font-size:16px;cursor:pointer}
.ui12 .q-presets .rechargeItemActive,.ui12 .q-presets .rechargeItem.active{border-color:#ff4876;background:#ff4876;color:#fff}
.q-payment .rechargeradio{display:flex;align-items:center;gap:12px;padding:18px;border-radius:10px;background:white;margin:16px 0;border:1px solid #eee;cursor:pointer}
.q-payment .rechargeradio img{width:24px;height:24px}
.q-payment .q-payment-art{display:block;width:82px;margin:32px auto}
.q-payment p{font-size:13px;color:#747b87;text-align:center}
.q-payment a{display:block;text-align:center;color:#ff4876!important}
.ui12 .pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;font-size:14px}
.ui12 .pagination li{list-style:none;padding:4px 8px}
.ui12 .pagination .active{color:#ff4876}

.ui12.ctrl-vip .vipWrap{padding:0 16px!important}
.ui12.ctrl-vip .myVipMsg{background:linear-gradient(100deg,#ff337e,#ff70a8)!important;padding:20px!important;border-radius:12px!important;margin:16px 0!important;color:white!important}
.ui12.ctrl-vip .vipItem{background:linear-gradient(115deg,#fff0f5,#fff)!important;border:1px solid #ffe2eb!important;border-radius:12px!important;margin:16px 0!important;padding:16px!important;box-shadow:none!important}
.ui12.ctrl-vip .vipItemTop{display:flex!important;gap:10px}
.ui12.ctrl-vip .vipItemLeft{width:55px!important}
.ui12.ctrl-vip .vipItemCenter,.ui12.ctrl-vip .vipItemRight{flex:1!important;min-width:0}
.ui12.ctrl-vip .bigVipIcon{width:50px!important;height:50px!important}
.ui12.ctrl-vip .vipItemHui{font-size:12px!important;color:#787878!important}
.ui12.ctrl-vip .vipItemOrange{font-size:13px!important;color:#333!important;overflow-wrap:anywhere}
.ui12.ctrl-vip .upgradeBtn{border:0!important;background:#ff4876!important;color:white!important;padding:8px 14px!important;border-radius:20px!important}
.ui12.ctrl-vip .vipCurrent{display:none!important}
.ui12.ctrl-vip .vipItemBot{margin-top:14px!important}
.ui12.my-referral .teamMainBox111{background:white!important;padding:16px!important}
.ui12.my-referral .nextLevelBox{padding:16px!important;margin:16px 0!important}
.ui12.my-referral .betweenItemNumBox{width:33%!important}
.ui12.my-referral .teamMainBox,.ui12.my-reward .levalBoxWrap,.ui12.my-reward .vipRewardList{background:white!important;border-radius:10px!important;overflow:hidden}
.ui12.my-referral .levelHeadItem,.ui12.my-reward .levelHeadItem{display:flex!important;background:#ff4876!important;color:white!important;padding:12px 0!important}
.ui12.my-referral .levelHeadItem>div,.ui12.my-referral .levelItem>div{width:25%!important;flex:1;text-align:center;font-size:12px!important}
.ui12.my-reward .levelHeadItem>div,.ui12.my-reward .levelItem>div{flex:1;text-align:center;font-size:12px!important}
.ui12.my-referral .levelItem,.ui12.my-reward .levelItem{padding:10px 0!important;background:white!important;border-bottom:1px solid #f0f0f0!important}
.ui12.my-referral .itemLevelTextBox,.ui12.my-reward .itemLevelTextBox{background:none!important;color:#555!important}
.ui12.my-reward .ruleTit{color:#ff4876!important;font-size:16px!important}
.ui12.my-reward .ruleScript{font-size:13px!important;color:#666!important;line-height:1.7!important}
.ui12.ctrl-junior .junior-title{background:white!important}
.ui12.ctrl-junior .mint-tab-container-item li{background:white!important;border-radius:12px!important;margin:16px 0!important;padding:18px 14px!important}
.ui12.ctrl-junior .mint-tab-container-item ul{padding:0!important}


body.ui12 *{font-family:Arial,Helvetica,sans-serif!important}
body.ui12.q-login{background:linear-gradient(#ffd0dc,#f8f9fa 250px)!important}
.ui12.my-referral .navBarPadding,.ui12.my-reward .navBarPadding,.ui12.ctrl-junior .navBarPadding{padding-top:0!important}
.q-legacy .pagebg{background:#f8f9fa!important}
.q-level:nth-child(n+4) strong{color:#111;font-size:14px}
.q-level:nth-child(n+4) span{color:#f66d20}
.ui12 .q-profile h2{font-size:18px}
.q-ranking .q-rank:nth-child(2)>span:first-child{color:#e3a700;font-size:19px;font-weight:bold}
.q-ranking .q-rank:nth-child(3)>span:first-child{color:#9cafb8;font-size:19px;font-weight:bold}
.q-ranking .q-rank:nth-child(4)>span:first-child{color:#d69564;font-size:19px;font-weight:bold}


.ui12 .q-payment .q-selected{border-color:#ff4876;background:#fff0f5}
.ui12 .q-nav,.ui12 .q-header{flex-shrink:0}
.ui12 .q-card p{overflow-wrap:anywhere}


.q-vip-profile{background:linear-gradient(100deg,#ff337e,#ff70a8);border-radius:12px;padding:18px;color:white;margin-bottom:18px}
.q-vip-profile p{font-size:13px;margin:4px 0!important}
.q-vip-profile h2{color:white!important}
.q-vip-profile h2 span{font-size:12px;background:#fff3;border-radius:10px;padding:3px 9px}
.q-vip-card{border-radius:12px;background:linear-gradient(110deg,#fff1f5,white);border:1px solid #ffe0eb;margin-bottom:18px;padding:16px}
.q-vip-card:nth-of-type(3){background:linear-gradient(110deg,#fff5dd,white);border-color:#ffe9ad}
.q-vip-card:nth-of-type(4){background:linear-gradient(110deg,#e9f5ff,white);border-color:#d1e7fc}
.q-vip-card:nth-of-type(5){background:linear-gradient(110deg,#efeaff,white);border-color:#e0d2ff}
.q-vip-details{display:grid;grid-template-columns:55px 1fr 1.4fr;gap:12px;align-items:center}
.q-vip-details p{font-size:11px;color:#888;margin:8px 0!important}
.q-vip-details strong{display:block;font-size:12px;color:#333;margin-top:4px;overflow-wrap:anywhere}
.q-vip-level{text-align:center}
.q-vip-level img{width:50px;height:50px;object-fit:contain}
.q-vip-current{background:#eee8;padding:8px;text-align:center;color:#8c8c8c;border-radius:20px;margin:12px auto 0;width:90%}
.q-vip-card .q-button{border-radius:24px!important;margin-bottom:0!important;padding:7px!important}


.ui12 #tanchuang .message_info{position:relative;padding-top:25px}
.q-announcement-bell{position:absolute;width:85px;height:85px;top:-70px;left:50%;transform:translateX(-50%)}
.q-ranking .q-rank>span:first-child{width:28px;flex-shrink:0}
.q-ranking .q-rank>span:first-child img{width:28px;height:auto;border-radius:0}
.ui12 .q-register .continueBtn{margin-top:24px!important}


.q-wallet>div,.q-three>div,.q-invest-summary .q-between>div{min-width:0;overflow-wrap:anywhere}.q-rank>span:nth-of-type(2){min-width:0;flex:1;overflow-wrap:anywhere}.q-rank em{max-width:40%;overflow-wrap:anywhere;text-align:right}.q-profile>div{min-width:0;overflow-wrap:anywhere}.q-card .q-between>span{min-width:0;overflow-wrap:anywhere}.q-card .q-between>strong{overflow-wrap:anywhere;max-width:45%}.q-nav a:focus-visible,.ui12 button:focus-visible,.ui12 a:focus-visible{outline:2px solid #b52250;outline-offset:3px}.q-empty{grid-column:1/-1}

/* Let the final ranking row scroll fully above the fixed navigation. */
body.ui12.q-home-page{height:auto!important;padding-bottom:0!important}
.q-home-page .q-home{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}

/* Task screen follows the supplied mobile artboard; transaction hooks stay intact. */
body.ui12.q-task-page{height:auto!important;padding-bottom:0!important}
.q-task-page .q-header{font-size:18px;height:64px}
.q-task-page .q-task-hero{height:164px}
.q-task-page .q-task-content{padding:8px 16px calc(100px + env(safe-area-inset-bottom,0px))}
.q-task-content .q-card{padding:16px 14px;border-radius:10px;margin:0 0 16px;box-shadow:0 2px 3px #00000006}
.q-task-content h2{font-size:16px;font-weight:400;line-height:24px;margin:0}
.q-task-row{display:flex;align-items:flex-start;gap:14px}
.q-task-icon{width:24px;height:24px;flex-shrink:0;object-fit:contain;margin-top:2px}
.q-task-row-content{min-width:0;flex:1}
.q-task-membership .q-task-row+.q-task-row{margin-top:20px}
.q-task-content .q-task-income{font-size:14px;font-weight:600;color:#ff527e;margin:10px 0 0}
.q-task-content .q-task-amount{font-size:11px;color:#717b8b;margin:5px 0 0}
.q-task-membership-title{display:flex;align-items:center;justify-content:space-between;gap:6px}
.q-task-membership-title h2{font-size:15px;white-space:nowrap}
.q-task-membership-title a{font-size:11px;color:#ff527e!important;white-space:nowrap}
.q-task-content .q-task-level{display:flex;gap:5px;align-items:center;margin:10px 0 0;color:#70798b;font-size:13px;flex-wrap:wrap}
.q-task-level .q-badge{padding:2px 7px;font-size:15px;line-height:22px}
.q-task-information>h2{margin-bottom:8px}
.q-task-balance{display:flex;align-items:center;gap:12px;background:#f4f4f5;border-radius:8px;padding:10px 8px;font-size:15px}
.q-task-balance .q-task-icon{width:20px;height:20px;margin:0}
.q-task-balance strong{margin-left:auto;max-width:45%;overflow-wrap:anywhere;font-size:16px;font-weight:400;color:#ff527e}
.q-task-count{margin:16px 8px 0;gap:12px}
.q-task-count>.q-task-icon{width:16px;height:16px;margin-top:4px}
.q-task-count-line{display:flex;gap:10px;justify-content:space-between;font-size:13px;line-height:22px}
.q-task-count-line strong{font-size:16px;font-weight:400;white-space:nowrap}
.q-task-content .q-task-upgrade{font-size:13px;line-height:18px;color:#ff336b;margin:10px 0 4px}
.q-task-warning>h2{display:flex;align-items:center;gap:8px;font-size:18px}
.q-task-warning-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#eeb400;color:white;font-weight:bold;font-size:15px}
.q-task-warning .q-tips{margin:10px 0 8px;padding-left:30px;font-size:13px;line-height:20px;color:#535e6e}
.q-task-warning .q-tips li{padding:7px 0 7px 0}
@media(max-width:350px){.q-task-membership-title h2{font-size:14px}.q-task-membership-title a{font-size:10px}.q-task-count-line{font-size:12px}}

body.ui12.q-task-page .q-task-content h2{font-size:16px;font-weight:400;line-height:24px;margin:0}
body.ui12.q-task-page .q-task-warning>h2{font-size:18px}
body.ui12.q-task-page .q-task-membership-title h2{font-size:15px}
@media(max-width:350px){body.ui12.q-task-page .q-task-membership-title h2{font-size:14px}}

.q-team-bonus-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.q-team-bonus-info{flex:1;min-width:0}
.q-team-bonus-info .q-between{justify-content:flex-start;flex-wrap:wrap;gap:4px 14px;margin:0 0 12px}
.q-team-bonus-info p{margin:0}
.q-team-vip{display:flex;flex:none;flex-direction:column;align-items:center;width:76px;text-decoration:none}
.q-team-vip img{display:block;width:76px;height:76px;object-fit:contain}
.q-team-vip span{display:block;min-width:58px;padding:2px 8px;border-radius:4px 10px;background:linear-gradient(110deg,#d9bc83,#ae8c52);color:#fff;font-size:13px;font-weight:700;font-style:italic;line-height:18px;text-align:center}

body.ui12 .q-team-bonus-info h2{font-size:14px;font-weight:400;line-height:20px;color:#41292f;margin:0}
.q-team-bonus-info .q-team-rules{display:inline-flex;align-items:center;gap:6px;color:#41292f;font-size:10px;font-weight:400;line-height:17px;white-space:nowrap;text-decoration:none}
.q-team-rules-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#41292f;color:#fff;font-size:11px;font-weight:700;line-height:14px}
@media(max-width:350px){.q-team-bonus-info .q-between{column-gap:6px}}

/* Reward rules: match the demo's readable copy and two compact tables. */
body.ui12.q-reward-page{height:auto!important;color:#4d4d4d!important;background:#f8f9fa!important}
.q-reward-page .q-header{font-size:16px;background:#ff527e}
.q-reward-page .q-back{left:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.q-reward-content{font-size:14px;line-height:21px}
.q-reward-referral{padding:16px 12px 0;background:#fff}
.q-reward-team{padding:0 12px 24px}
body.ui12 .q-reward-content p{margin:0}
body.ui12 .q-reward-content h2{margin:24px 0 16px;color:#2b2b2b;font-size:14px;line-height:21px;font-weight:700}
.q-reward-table-wrap{margin:24px 0 20px;border-radius:7px 7px 12px 12px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #dbe7f329}
.q-reward-table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:12px;line-height:16px;text-align:center;color:#4d4d4d}
.q-reward-table th{padding:7px 4px;background:#ff4876;color:#fff;font-weight:400;vertical-align:middle}
.q-reward-table td{height:24px;padding:4px;background:#fff;border:0;font-weight:400;vertical-align:middle}
.q-reward-table tbody tr:first-child td{padding-top:12px}
.q-reward-table tbody tr:last-child td{padding-bottom:12px}
.q-reward-team-table th{padding-top:7px;padding-bottom:7px}

/* Referral details: demo summary, level table and plain rule copy. */
body.ui12.q-referral-page{height:auto!important;color:#2b2b2b!important;background:#f8f9fa!important}
.q-referral-page .q-header{font-size:16px}
.q-referral-page .q-back{left:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.q-referral-content{padding:16px 12px 32px}
.q-referral-summary{padding:14px 12px 8px;background:#ff4876;color:#fff;border-radius:10px}
.q-referral-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:18px}
.q-referral-progress-label span{min-width:0;overflow-wrap:anywhere}
.ui12 .q-referral-progress{display:block;width:100%;height:8px;margin:12px 0 14px;border:0;border-radius:8px;overflow:hidden;background:#ff9cb5;appearance:none;-webkit-appearance:none}
.q-referral-progress::-webkit-progress-bar{background:#ff9cb5;border-radius:8px}
.q-referral-progress::-webkit-progress-value{background:#fff;border-radius:8px}
.q-referral-progress::-moz-progress-bar{background:#fff;border-radius:8px}
.q-referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;text-align:center}
.q-referral-stats dt{font-size:12px;line-height:18px;font-weight:400}
.q-referral-stats dd{margin:6px 0 0;font-size:14px;line-height:22px;overflow-wrap:anywhere}
.q-referral-stats small{margin-left:2px;font-size:12px}
.q-referral-table-wrap{margin:10px 0 18px;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #dbe7f329}
.q-referral-table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;color:#2b2b2b;text-align:center;font-size:12px;line-height:16px}
.q-referral-table th{background:#ff4876;color:#fff;padding:7px 2px;font-weight:400;vertical-align:middle}
.q-referral-table td{padding:4px 2px;height:24px;border:0;background:#fff;vertical-align:middle}
.q-referral-table tbody tr:first-child td{padding-top:12px}
.q-referral-table tbody tr:last-child td{padding-bottom:12px}
.q-referral-lock{display:inline-block;vertical-align:middle;color:#2b2b2b}
.q-referral-lock-current{color:#ff4876}
.q-referral-notes{font-size:14px;line-height:19px}
body.ui12 .q-referral-notes p{margin:0}

/* Finance pages share the demo's pink header and separate white form cards. */
body.ui12.q-finance-page{height:auto!important;padding-bottom:0!important;background:#f8f9fa!important;color:#2b2b2b!important}
.q-finance-page .q-header{font-size:16px;background:#ff527e;padding-top:20px}
.q-finance-page .q-back{left:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.q-header .q-header-link{position:absolute;right:12px;color:white;text-decoration:underline;font-size:11px;font-weight:400}
.q-finance-content{padding:14px 12px 30px}
body.ui12 .q-finance-content h2{font-size:16px;line-height:22px;font-weight:400;margin:18px 0}
.q-finance-card{display:block;margin:0 0 12px;padding:16px 18px;background:#fff;border-radius:10px;box-shadow:0 2px 3px #00000006;min-width:0}
.q-finance-label,.q-finance-field>span,.q-finance-field>label{display:block;color:#a3a3a3;font-size:14px;line-height:20px;margin:0 0 10px;font-weight:400}
.q-finance-value{display:block;font-size:18px;line-height:24px;font-weight:400;color:#565b65;overflow-wrap:anywhere}
.ui12 .q-finance-field input,.ui12 .q-finance-field select{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:#565b65;font:16px/24px Arial,sans-serif;height:26px;text-indent:0}
.ui12 .q-finance-field input::placeholder{color:#aaa}
.ui12 .q-finance-field input:focus,.ui12 .q-finance-field select:focus{outline:1px solid #ff9db5;outline-offset:4px}
.q-finance-page .q-button{width:100%!important;min-height:42px;margin:14px 0!important;padding:10px 12px!important;font-size:14px!important;border-radius:8px!important;font-weight:400;box-shadow:none}
.q-recharge-balance{background:#ff4876;color:#fff;text-align:center;padding:10px 12px;font-size:16px;line-height:20px;font-weight:600;overflow-wrap:anywhere}
.q-recharge-page .q-finance-content{padding:20px 12px 40px}
body.ui12.q-recharge-page h2{font-size:14px;line-height:20px;font-weight:600;margin:0 0 8px}
.q-recharge-amount{display:flex;gap:12px;align-items:center;min-height:51px;border-radius:30px;background:#eee;padding:10px 16px;font-size:18px}
.q-recharge-amount input{flex:1;min-width:0;width:100%;border:0;margin:0;padding:0;height:30px;background:transparent;box-shadow:none;text-align:right;color:#2b2b2b;font:18px/30px Arial,sans-serif;outline:none}
body.ui12 .q-recharge-limit{margin:14px 0 21px;font-size:11px;line-height:17px;text-align:center}
.q-recharge-limit span{color:#ff4876}
.q-recharge-page .q-presets{gap:15px 18px;margin:0 8px 29px}
.ui12.q-recharge-page .q-presets .rechargeItem{padding:8px 4px;border:0;border-radius:24px;background:#eee;line-height:19px;font-size:14px;height:auto;float:none;width:100%;margin:0}
.ui12.q-recharge-page .q-presets .rechargeItemActive{background:#ff4876;color:white}
.q-recharge-page .q-button.q-recharge-submit{margin:0 0 32px!important;min-height:44px}
body.ui12 .q-recharge-instructions h2{margin:0 0 12px}
body.ui12 .q-recharge-instructions p{font-size:14px;line-height:20px;margin:0 0 14px}
.q-payment-content{display:flex;flex-direction:column;min-height:max(745px,calc(100svh - 64px));padding-top:19px}
.q-payment-methods{margin:0 8px 26px;padding:16px 14px 3px;border-radius:12px;background:#fff;box-shadow:0 3px 14px #00000004}
body.ui12 .q-payment-methods h2{font-size:15px;font-weight:600;line-height:21px;margin:0 0 12px}
.ui12 .q-payment-methods .rechargeradio{display:flex;align-items:center;gap:8px;padding:8px 2px;width:100%;min-height:38px;border:0;border-bottom:1px solid #eee;border-radius:0;background:transparent;text-align:left;color:#2b2b2b;font-size:13px;line-height:18px}
.q-payment-methods .rechargeradio:last-child{border-bottom:0}
.q-payment-methods .rechargeradio img{flex:none;width:21px;height:20px;object-fit:contain}
.q-payment-methods .rechargeradio span{overflow-wrap:anywhere;min-width:0}
.ui12 .q-payment-methods .q-selected{background:#fff0f5;border-radius:6px;color:#ff4876}
.q-payment-content .q-button{margin:0 8px 16px!important;width:calc(100% - 16px)!important;min-height:40px;padding:9.5px 12px!important}
body.ui12 .q-payment-note{font-size:14px;line-height:17px;color:#666;margin:0}
.q-payment-service{align-self:flex-end;margin:96px 6px 0;width:82px;display:block}
.q-payment-service img{display:block;width:82px;height:95px;object-fit:contain}
.q-payment-banks{display:block;width:214px;height:67px;object-fit:contain;align-self:center;margin:157px auto 2px}
.q-withdraw-fee{padding:12px;text-align:center;background:#ff2560;color:white;font-size:14px;line-height:20px;border-radius:8px;margin-bottom:16px}
.q-withdraw-page .q-finance-content{padding-top:14px}
body.ui12 .q-credit-score{font-size:12px;color:#8c919b;margin:4px 0 16px;text-align:right}
.q-withdraw-amount{display:flex;align-items:center;gap:10px;font-size:18px;color:#565b65;min-height:62px}
.q-withdraw-amount input{min-width:0;width:100%;flex:1;padding:0;margin:0;border:0;background:transparent;outline:0;font-size:18px;line-height:26px;color:#565b65}
.ui12 .q-withdraw-amount button{flex:none;color:#ff4876;background:transparent;padding:0;font-size:14px}
.q-bank-line{display:flex;align-items:center;gap:8px}
.q-bank-line input{flex:1}
.q-bank-line a{flex:none;color:#ff4876!important;background:#fff4f7;padding:3px 12px;border-radius:6px;font-size:12px;line-height:18px}
.ui12 .q-finance-field input.q-bank-number{font-size:12px;color:#8c919b;line-height:18px;height:18px;margin-top:3px}
.q-withdraw-instructions ul{padding:0 0 0 14px;margin:0;color:#565b65;font-size:14px;line-height:20px;list-style:disc}
.q-withdraw-instructions li{padding:0 0 12px;list-style:disc}
.q-withdraw-instructions li:last-child{padding-bottom:0}
.q-bank-bound{text-align:center;padding:26px 18px;color:#ff4876}
body.ui12 .q-bank-bound h2{margin:12px 0;color:#2b2b2b;font-weight:600}
body.ui12 .q-bank-bound p{color:#697386;font-size:14px;line-height:21px;margin:0}
.q-bindbank-page .q-finance-content>h2{margin-top:4px}
.q-transfer-page .shuoM,.q-transfer-page .bottomTxt{padding:16px 12px;font-size:14px;line-height:21px;margin:0}
.q-transfer-page .contentbody{margin:0 12px;padding:16px;background:white;border-radius:12px}
.q-transfer-page .contentbody h1{font-size:16px;margin:0 0 16px;font-weight:600;line-height:24px}
.q-transfer-page .inputCss{display:grid;grid-template-columns:minmax(75px,1fr) minmax(0,1.6fr) 48px;gap:8px;align-items:center;margin:0;padding:14px 0;border-bottom:1px solid #eee;font-size:13px;line-height:20px}
.q-transfer-page .inputCss>div{width:auto;float:none;padding:0;min-width:0;overflow-wrap:anywhere}
.q-transfer-page .inputCss .title{color:#8c919b}
.q-transfer-page .inputCss .copy{color:#ff4876;cursor:pointer}
.q-transfer-page .infoma{margin:12px 0;font-size:12px;color:#8c919b}
.q-transfer-page .submitBT{margin:0}
body.ui12.q-transfer-page #submitpay{display:block;width:100%;background:#ff4876!important;color:#fff;border:0;border-radius:8px;padding:12px;font-size:16px;line-height:20px}
.q-transfer-page #webcopyinput{position:fixed;left:-100px;top:0;opacity:0}
.q-record-heading{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f3f3f3;padding-bottom:12px;align-items:center}
.q-record-heading strong{font-size:18px;color:#ff4876;overflow-wrap:anywhere;min-width:0}
.q-record-heading time{font-size:11px;color:#9b9b9b;text-align:right}
body.ui12 .q-finance-record p{margin:10px 0 0;font-size:13px;color:#697386;overflow-wrap:anywhere}
.q-settings-profile{text-align:center;padding:26px 0 22px}
.q-settings-profile img{width:64px;height:64px;border-radius:16px}
body.ui12 .q-settings-profile h2{font-size:18px;font-weight:600;margin:12px 0 0}
.q-settings-link{display:flex;gap:12px;align-items:center;padding:20px 16px}
.q-settings-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#fff0f5;border-radius:10px;color:#ff4876;flex:none}
.q-settings-link strong{display:block;font-size:15px;font-weight:400}
.q-settings-link small{display:block;margin-top:4px;color:#8c919b;font-size:12px}
.q-settings-arrow{margin-left:auto;color:#aeb4c0;font-size:24px}
.q-settings-page .logoutBtn.q-button{margin-top:28px!important}
body.ui12.q-download{height:auto!important;background:#fd2955!important}
.q-download .q-header{background:#ff527e;color:white;font-size:16px;padding-top:20px}
.q-download .q-back{left:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.q-download main{position:relative;width:100%;aspect-ratio:375/667;padding:0;text-align:center;background:url('/static12/504ca3a6-d463-4d16-a12a-9890ef60e2bf.png') center/100% 100% no-repeat}
.q-download-heading{padding:9% 12px 0}
.q-download h1{font-size:24px;font-weight:400;line-height:30px;margin:0;color:#000}
body.ui12.q-download p{font-size:14px;line-height:20px;color:#ff4876;margin:8px 0 18px}
.q-download-logo{display:block;width:80px;height:80px;margin:0 auto}
.q-download-actions{position:absolute;bottom:8.7%;left:6.5%;right:4.8%;display:flex;gap:5.6%;align-items:center;justify-content:space-between}
.q-download-actions a{display:block;width:47.2%;margin:0}
.q-download-actions img{display:block;width:100%;height:auto}
@media(max-width:350px){.q-header .q-header-link{font-size:10px;right:8px}.q-recharge-page .q-header{font-size:15px}.q-recharge-page .q-presets{gap:12px}.q-withdraw-amount{padding:14px 12px;gap:6px}.ui12 .q-withdraw-amount button{font-size:12px}.q-bank-line a{padding:3px 8px}}

.q-transfer-page .inputCss::before,.q-transfer-page .inputCss::after{display:none;content:none}

.q-transfer-page .inputCss .copy{white-space:nowrap;overflow-wrap:normal}

.q-withdraw-page .q-freeze-label{display:flex;justify-content:space-between;align-items:center;gap:8px}
.q-freeze-label small{font-size:11px;color:#8c919b;white-space:nowrap}
.q-withdraw-page .q-finance-value{font-size:20px}
.q-withdraw-page .q-finance-value span{font-size:16px}
.q-withdraw-page .q-finance-field{padding:14px 18px}
.q-withdraw-page .q-finance-field>span,.q-withdraw-page .q-finance-field>label{margin-bottom:8px}
.ui12.q-withdraw-page .q-finance-field input[type=hidden]{display:none}
.q-withdraw-page .q-withdraw-password{padding-bottom:6px}
.q-withdraw-page .q-button{min-height:40px;padding:9.5px 12px!important}