/* Shared viewport guards, scoped to existing components. Tables keep their own scrolling. */
.site-kyc-mask {position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}
.site-kyc-dialog {box-sizing:border-box;width:420px;max-width:100%;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid #30483d;border-radius:18px;background:linear-gradient(145deg,#15251e,#101714);box-shadow:0 22px 80px #0008;color:#edf7f1;overflow-wrap:anywhere;font-family:inherit}
.site-kyc-dialog h2 {font-size:20px;line-height:1.4;margin:0 0 14px;color:#edf7f1}
.site-kyc-dialog p {font-size:15px;line-height:1.7;margin:0 0 24px;color:#bfcfc6}
.site-kyc-actions {display:flex;gap:12px;flex-wrap:wrap}
.site-kyc-actions button {flex:1 1 135px;min-width:0;min-height:44px;padding:10px 14px;white-space:normal;border:1px solid #40594c;border-radius:9px;background:#1c2c23;color:#e7f3ed;cursor:pointer;font:inherit;line-height:1.45}
.site-kyc-actions .site-kyc-verify {background:#00ce89;border-color:#00ce89;color:#052217;font-weight:600}
.site-kyc-actions button:focus-visible {outline:2px solid #80f1c5;outline-offset:3px}
/* Four actual mobile shortcuts. Optical sizing compensates for built-in artwork padding. */
.home-shortcuts {height:auto!important;min-height:88px;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:10px 2px!important;box-sizing:border-box}
.home-shortcut {height:auto!important;min-height:68px;min-width:0;gap:9px!important;padding:0 3px;box-sizing:border-box}
.home-shortcut uni-image {width:38px!important;height:38px!important;flex:0 0 38px}
.home-shortcut uni-image>div {background-size:32px 32px!important}
.home-shortcut.support-shortcut uni-image>div {background-size:38px 38px!important}
.home-shortcut:nth-child(4) uni-image>div {background-size:40px 40px!important}
.headline[data-v-3a620b97] {white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;font-size:clamp(23px,5.5vw,26px)!important;line-height:1.35!important}
.platform-stats[data-v-3a620b97] {gap:12px!important}
.stat-item[data-v-3a620b97] {min-width:0;flex:1}
.stat-label[data-v-3a620b97] {white-space:normal!important;overflow-wrap:anywhere}
.home-shortcut>uni-text {max-width:100%;min-height:30px;line-height:15px!important;text-align:center;white-space:normal!important;overflow-wrap:anywhere;font-size:12px!important}
/* Uni-app sheets and long translated form labels stay within the viewport. */
uni-page-head .uni-page-head {padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));box-sizing:border-box}
uni-page-head .uni-page-head-hd {flex:0 0 auto;min-width:40px}
uni-page-head .uni-page-head-bd {min-width:0}
uni-page-body .u-modal {box-sizing:border-box;max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 32px);overflow-y:auto}
uni-page-body .u-modal__content {overflow-wrap:anywhere}
uni-page-body .u-form-item--right {min-width:0}
uni-page-body .u-form-item--left__content__label {white-space:normal;overflow-wrap:anywhere}
/* Remove the inherited desktop 1200px floor, then adapt the actual shell components. */
html.pc-ui,html.pc-ui body,html.pc-ui #app,html.pc-ui #app>.night,html.pc-ui #app>.day {min-width:0!important;width:100%!important}
html.pc-ui .el-dialog {max-width:calc(100vw - 32px)!important;box-sizing:border-box}
html.pc-ui .el-dialog__body {max-height:calc(100vh - 190px);max-height:calc(100dvh - 190px);overflow-y:auto;overflow-wrap:anywhere;box-sizing:border-box}
html.pc-ui .el-message-box {width:420px;max-width:calc(100vw - 32px);box-sizing:border-box;overflow-wrap:anywhere}
html.pc-ui .el-message {min-width:0;max-width:calc(100vw - 32px);box-sizing:border-box}
html.pc-ui .el-message__content {line-height:1.5;overflow-wrap:anywhere}
html.pc-ui .el-form-item__content {min-width:0}
html.pc-ui .el-table {max-width:100%}
html.pc-ui .el-table__body-wrapper {overflow-x:auto!important}
html.pc-ui #app .fedui-footer {min-width:0!important;width:100%!important}
html.pc-ui #app .el-footer-content {width:100%!important;max-width:1240px!important;box-sizing:border-box;flex-wrap:wrap;gap:24px!important;padding-left:24px!important;padding-right:24px!important}
html.pc-ui #app .el-footer-box {min-width:0;flex:1 1 180px}
html.pc-ui #app .el-footer-bottom {width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}
html.pc-ui #app ._page-main__content__table {overflow-x:auto!important;max-width:100%;box-sizing:border-box}
html.pc-ui #app .register-page,html.pc-ui #app .reset-password-content {min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box}
html.pc-ui #app .register-content {max-width:calc(100% - 32px)!important;box-sizing:border-box}
html.pc-ui #app .reset-password-content>div {width:760px!important;max-width:calc(100% - 32px)!important;box-sizing:border-box}
html.pc-ui #app .reset-password-content .base-content {max-width:100%;box-sizing:border-box}
html.pc-ui #app .minheight>div.fColor1 {width:100%!important;max-width:100%!important;box-sizing:border-box}
html.pc-ui #app .ao-hero-copy {max-width:100%!important;box-sizing:border-box}
html.pc-ui #app .startup-list-container {min-width:0!important;width:100%!important}
html.pc-ui #app :is(.startup-list-banner-text,.startup-banner-data,.startup-list-content) {width:calc(100% - 48px)!important;max-width:1200px;box-sizing:border-box}
html.pc-ui #app .startup-header-data {max-width:100%;box-sizing:border-box}
html.pc-ui #app :is(.startup-list-common-title,.startup-header-data-content,.startup-banner-data) {flex-wrap:wrap;gap:16px}
html.pc-ui:is([data-pc-page="deposit"],[data-pc-page="withdrawDeposit"]) #app .box {width:calc(100% - 48px)!important;max-width:1200px;box-sizing:border-box}
html.pc-ui #app .setCash :is(.main-input,.baseBtn) {max-width:100%!important;box-sizing:border-box}
@media(max-width:1200px) {
 html.pc-ui #app .nav_bar {min-width:0!important;height:auto!important}
 html.pc-ui #app .nav_bar>.content {width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:64px;box-sizing:border-box;padding:12px 20px!important;margin:0!important;display:flex!important;align-items:center;flex-wrap:wrap;gap:10px 16px}
 html.pc-ui .nav_bar>.content>.navbar-item {order:4;width:100%!important;display:flex;flex-wrap:wrap;margin:0!important;min-width:0;gap:4px;float:none!important;height:auto!important}
 html.pc-ui .nav_bar .navbar-item>li {height:auto!important;line-height:38px!important}
 html.pc-ui .nav_bar>.content>.fr {margin-left:auto;float:none!important}
 html.pc-ui .nav_bar>.content>.fr.flex {margin-left:0}
 html.pc-ui .pc-auth-page {min-width:0!important}
 html.pc-ui .pc-auth-page .ao-login-shell {width:calc(100% - 48px)!important;gap:40px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:1099px) {
 html.pc-ui[data-pc-page="setCash"] #app .account-content {width:100%!important;max-width:100%!important;box-sizing:border-box;padding:20px!important}
 html.pc-ui[data-pc-page="setCash"] #app .account-content .main {width:100%!important;max-width:540px!important;box-sizing:border-box;margin:0 auto!important;padding:20px 0!important}
 html.pc-ui #app .home .ml3 {margin-left:0!important}
 html.pc-ui #app .home .buy-btn-container {min-width:0!important;flex:1 1 0!important;box-sizing:border-box}
 html.pc-ui #app .home .buy-btn {min-width:0!important;width:100%!important;white-space:normal;box-sizing:border-box}
 html.pc-ui[data-pc-page="setCash"] #app .main>div {display:flex;flex-wrap:wrap;gap:10px}
 html.pc-ui[data-pc-page="setCash"] #app .left {flex:0 0 100%;width:100%!important;text-align:left}
 html.pc-ui[data-pc-page="setCash"] #app :is(.main-input,.baseBtn) {width:100%!important;margin-left:0!important;box-sizing:border-box}
 html.pc-ui[data-pc-page="userSetting"] #app :is(.log_ul,#pay-opts,#pay-opts .inp-item) {width:100%!important;max-width:100%;box-sizing:border-box;padding:0!important}
 html.pc-ui[data-pc-page="userSetting"] #app #pay-opts .inp-item {display:flex;flex-wrap:wrap;gap:8px}
 html.pc-ui[data-pc-page="userSetting"] #app #pay-opts .inp-item>div {width:100%!important;text-align:left}
 html.pc-ui[data-pc-page="userSetting"] #app #pay-opts :is(input,.btn) {width:100%!important;max-width:100%;box-sizing:border-box;margin-left:0!important}
 html.pc-ui[data-pc-page="transfer"] #app .content {width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}
 html.pc-ui #app .startup-project-item {flex-wrap:wrap!important;gap:24px}
 html.pc-ui #app .startup-inProgress-introduction {flex:1 1 400px;min-width:0;max-width:100%;box-sizing:border-box}
 html.pc-ui #app .startup-header-data-content {flex-wrap:wrap!important;gap:16px!important}
 html.pc-ui #app .home .exchange-box {width:100%!important;max-width:100%!important;box-sizing:border-box;padding:16px!important;min-width:0}
 html.pc-ui #app .home ul:has(>.flex>.li-todo) {overflow-x:auto!important;max-width:100%;box-sizing:border-box}
 html.pc-ui #app .home ul:has(>.flex>.li-todo)>.flex {min-width:1000px}
 html.pc-ui #app .ao-hero-copy {padding-left:24px!important;padding-right:24px!important}
 html.pc-ui #app .ao-hero-copy h1>span {max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
 html.pc-ui #app .minheight>.main {width:calc(100% - 32px)!important;max-width:100%;box-sizing:border-box;display:flex;gap:16px}
 html.pc-ui #app .minheight .account-main {flex:1;min-width:0;width:auto!important;margin-left:0!important;box-sizing:border-box}
 html.pc-ui #app .minheight .main>.left {flex:0 0 180px;box-sizing:border-box}
 html.pc-ui #app .exchange_layoutMX__0zSjA {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important;width:100%!important;min-width:0!important;height:auto!important;gap:12px!important;padding:12px!important;box-sizing:border-box}
 html.pc-ui #app .exchange_layoutMX__0zSjA>div {position:relative!important;inset:auto!important;grid-area:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html.pc-ui #app .exchange_layoutMX__0zSjA>.exchange_headlineWrapper__X4csW {grid-column:1/-1!important;overflow-x:auto!important}
 html.pc-ui #app .exchange_layoutMX__0zSjA>.exchange_chartWrapper__ugo4R {grid-column:1/-1!important;height:460px!important}
 html.pc-ui #app .exchange_layoutMX__0zSjA>.exchange_actionWrapper__7IkvE {grid-column:1/-1!important}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home>.main {position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-width:0!important;padding:12px!important;box-sizing:border-box}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home .k-line-area {position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap;gap:12px;width:100%!important;height:auto!important}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home .k-line-area>div {position:relative!important;inset:auto!important;min-width:0!important;width:100%!important;max-width:100%!important;flex:1 1 320px!important;box-sizing:border-box;margin:0!important}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home .main-top {display:flex!important;flex-direction:column!important;gap:16px;width:100%!important}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home .main-top>div {width:100%!important;max-width:100%;box-sizing:border-box;min-width:0}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home .info-wrap {width:100%!important;min-width:0;display:flex!important;flex-wrap:wrap!important;height:auto!important}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home>.main>.flex {position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap;width:100%!important;height:auto!important;gap:12px}
 html.pc-ui:is([data-pc-page="secondDealCenter"],[data-pc-page="leverdealCenter"]) #app .home>.main>.flex>div {width:100%!important;min-width:0!important;flex:1 1 320px!important;box-sizing:border-box}
}
@media(max-width:767px) {
 html.pc-ui #app .minheight>.main {flex-direction:column!important}
 html.pc-ui #app .minheight .main>.left {flex:auto;width:100%!important}
 html.pc-ui #app .setting-r>div {width:100%!important;max-width:100%!important;box-sizing:border-box;padding:0!important}
 html.pc-ui #app .setting-r .inp-item {display:flex;flex-wrap:wrap;width:100%!important}
 html.pc-ui #app .setting-r .inp-item>div {width:100%!important;max-width:100%;box-sizing:border-box}
 html.pc-ui #app .setting-r .btn {margin-left:0!important;max-width:100%}
 html.pc-ui[data-pc-page="setCash"] #app .main {max-width:100%;box-sizing:border-box;width:auto!important}
 html.pc-ui[data-pc-page="setCash"] #app .main>.flex {flex-wrap:wrap;gap:8px;margin-bottom:16px}
 html.pc-ui[data-pc-page="setCash"] #app .main-input {width:100%!important;margin-left:0!important}
 html.pc-ui[data-pc-page="setCash"] #app .left {width:100%!important;text-align:left}
 html.pc-ui[data-pc-page="withdraw_address"] #app .flex1 {min-width:0;overflow-wrap:anywhere}
 html.pc-ui[data-pc-page="modifyPassword"] #app .input_sty {max-width:100%!important;width:100%!important;box-sizing:border-box}
 html.pc-ui[data-pc-page="modifyPassword"] #app :is(.phone,.emil) {min-width:0;width:100%!important}
 html.pc-ui[data-pc-page="transfer"] #app .content {max-width:100%!important;width:100%!important;box-sizing:border-box}
 html.pc-ui[data-pc-page="transfer"] #app .content>div,html.pc-ui[data-pc-page="transfer"] #app .num>div {max-width:100%!important;box-sizing:border-box}
 html.pc-ui[data-pc-page="transfer"] #app :is(input,.comfirm-btn) {max-width:100%;box-sizing:border-box}
 html.pc-ui #app .startup-header-data-content {flex-wrap:wrap!important;justify-content:flex-start!important}
 html.pc-ui #app .header-data-item {flex:1 1 120px;min-width:0}
 html.pc-ui #app ._page-main {width:calc(100% - 24px)!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin:16px auto!important;min-height:0!important}
 html.pc-ui #app ._page-main>.partialmenu {width:100%!important;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px}
 html.pc-ui #app .partialmenu-li {flex:1 1 140px;margin:0!important;padding:0 12px!important}
 html.pc-ui #app ._page-main>:not(.partialmenu) {flex:auto!important;width:100%!important}
 html.pc-ui #app ._page-title {padding:18px!important;font-size:21px!important;min-height:60px!important}
 html.pc-ui #app .wallet-operation {display:flex;flex-wrap:wrap}
 html.pc-ui #app .wallet-operation>* {padding:0 12px!important}
 html.pc-ui #app .overview-main {padding:0 16px 18px!important}
 html.pc-ui #app .funds-valuation {flex-direction:column!important;align-items:stretch!important}
 html.pc-ui #app .valuation-detail>div {flex-wrap:wrap;gap:5px}
 html.pc-ui #app ._page-tab {display:flex!important;flex-wrap:wrap;gap:8px;height:auto!important}
 html.pc-ui #app ._page-tab-li {width:auto!important;flex:1 1 120px;min-height:44px;height:auto!important;line-height:1.5!important;padding:12px 8px!important;text-align:center;white-space:normal;box-sizing:border-box}
 html.pc-ui #app ._page-main__content__table {padding:12px!important}
 html.pc-ui #app .ao-brand-slot {max-width:135px!important;flex:0 1 135px!important;margin-left:0!important}
 html.pc-ui #app .ao-brand-slot>a {width:100%!important}
 html.pc-ui #app .pc-target-brand-name {font-size:18px!important;max-width:95px;overflow:hidden;text-overflow:ellipsis}
 html.pc-ui #app .pc-target-brand-logo {width:32px!important;height:32px!important;flex:0 0 32px}
 html.pc-ui #app .nav_bar .login.iconS {display:flex;gap:8px;align-items:center}
 html.pc-ui #app .nav_bar .login.iconS a {margin:0!important;padding:0 8px!important}
 html.pc-ui #app .nav_bar .navbar-item {flex-basis:100%;height:auto!important;line-height:normal!important}
 html.pc-ui #app .nav_bar .navbar-item>li>a {line-height:38px!important;height:auto!important;white-space:normal!important}
 html.pc-ui #app .startup-project-item {flex-direction:column!important;padding:18px!important;gap:18px}
 html.pc-ui #app .startup-project-item>* {width:100%!important;max-width:100%;min-width:0;box-sizing:border-box;margin:0!important}
 html.pc-ui #app .startup-inProgress-introduction {flex-direction:column;gap:16px}
 html.pc-ui #app .startup-inProgress-introduction>* {width:100%!important;max-width:100%;box-sizing:border-box}
 html.pc-ui #app .startup-list-banner-text {padding:24px 0!important;height:auto!important}
 html.pc-ui #app .startup-list-banner {height:auto!important;min-height:360px;padding:24px 0!important}
 html.pc-ui #app .startup-header-data {padding:16px!important;margin:18px 0 0!important}
 html.pc-ui #app .startup-banner-data {height:auto!important;padding:20px 0!important}
 html.pc-ui #app .startup-header-data-content {display:flex!important;gap:16px}
 html.pc-ui #app .banner-data-item {flex:1 1 120px}
 html.pc-ui #app .banner-data-item-num {font-size:26px!important}
 html.pc-ui:is([data-pc-page="deposit"],[data-pc-page="withdrawDeposit"]) #app .box>.flex {flex-direction:column;gap:20px}
 html.pc-ui:is([data-pc-page="deposit"],[data-pc-page="withdrawDeposit"]) #app .box>.flex>div {width:100%!important;margin:0!important;box-sizing:border-box;min-width:0}
 html.pc-ui #app .record-box {overflow-x:auto!important}
 html.pc-ui #app .record-box .table-box {min-width:620px!important}
 html.pc-ui #app .main-input,html.pc-ui #app .baseBtn {max-width:100%!important;box-sizing:border-box}
 html.pc-ui #app .reset-password-content .step {gap:8px;flex-wrap:wrap}
 html.pc-ui #app .reset-password-content .step-each {flex:1 1 110px;width:auto!important;min-width:0;white-space:normal}
 html.pc-ui #app .reset-password-content .step-each>span {white-space:normal;line-height:1.5}
 html.pc-ui #app .exchange_layoutMX__0zSjA {grid-template-columns:minmax(0,1fr)!important}
 html.pc-ui #app .actions_buySellWrapper__HD1OD {display:flex!important;flex-direction:column;gap:24px}
 html.pc-ui #app .actions_doWrapper__POGvp {width:100%!important;box-sizing:border-box}
 html.pc-ui .pc-auth-page .ao-login-shell,html.pc-ui .pc-auth-page .register-content,html.pc-ui .pc-auth-page .vericode-content {width:calc(100% - 32px)!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important;padding:32px 0!important}
 html.pc-ui .pc-auth-page .ao-login-visual,html.pc-ui .pc-auth-page .register-bg,html.pc-ui .pc-auth-page .verificationCode-bg {height:300px!important}
 html.pc-ui .nav_bar>.content {padding:10px 12px!important;gap:8px}
 html.pc-ui .nav_bar .navbar-item>li>a {font-size:12px!important;padding:0 6px!important}
 html.pc-ui .el-dialog {width:calc(100vw - 32px)!important;margin-top:5vh!important}
 html.pc-ui .el-dialog__body {padding:16px!important}
}
