/* =============================================
   SOURCE: style.css?v=real-progress-20260909002445
   ============================================= */

:root{
  --bg:#071225;
  --bg2:#0a172b;
  --panel:#13243a;
  --panel2:#172a43;
  --panel3:#1b2f49;
  --line:#243954;
  --text:#f3f7fb;
  --muted:#9eacbf;
  --cyan:#2ce0d0;
  --cyan2:#11c8bd;
  --blue:#4a9cff;
  --green:#11c88d;
  --red:#ff4d57;
  --gold:#f6b73c;
  --shadow:0 12px 35px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,sans-serif;background:#e8edf4;color:var(--text)}
button,input,select{font:inherit}
button{cursor:pointer}
body{display:flex;justify-content:center}
#app{width:100%;max-width:430px;min-height:100vh;background:var(--bg);box-shadow:0 0 0 1px #d6dde7,0 18px 60px rgba(0,0,0,.2);overflow:hidden}
.app-shell{min-height:100vh;display:flex;flex-direction:column;background:
 radial-gradient(circle at 10% 15%,rgba(19,102,156,.14),transparent 28%),
 radial-gradient(circle at 85% 30%,rgba(0,220,200,.07),transparent 22%),
 var(--bg)}
.topbar{height:64px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;background:#0d1b30;border-bottom:1px solid #1b2c43;position:sticky;top:0;z-index:20}
.brand{font-size:18px;font-weight:800;letter-spacing:.5px}
.user-chip{display:flex;align-items:center;gap:10px;min-width:0}
.avatar{width:34px;height:34px;border-radius:50%;background:#c0a0ee;color:white;display:grid;place-items:center;font-weight:800}
.user-email{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.icon-btn{border:0;background:transparent;color:#fff;font-size:23px;padding:5px 7px}
.page{padding:10px 14px 94px;flex:1}
.hidden{display:none!important}
.hero{border-radius:10px;overflow:hidden;min-height:160px;position:relative;background:
 linear-gradient(120deg,#06436a,#0d2e5a 50%,#11264d);
 border:1px solid #1f4666;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}
.hero:before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(22,213,221,.09) 1px,transparent 1px),
 linear-gradient(rgba(22,213,221,.06) 1px,transparent 1px);background-size:22px 22px;opacity:.7}
.hero-copy{position:relative;text-align:center;padding:10px 8px 8px;border:0;background:transparent;box-shadow:none}
.hero-copy h1{margin:0;font-size:18px;color:#ffc95b;text-shadow:0 2px 8px #000}
.hero-copy p{margin:0;color:#fff;font-weight:600}
.notice{margin:12px 0;padding:12px 14px;border:1px solid #315070;background:#11243a;border-radius:10px;color:#d9e3ee;font-size:12px;line-height:1.55}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.quick-card{border:1px solid #203b59;background:rgba(16,34,57,.72);border-radius:12px;padding:13px;display:flex;align-items:center;justify-content:space-between}
.quick-card strong{display:block;font-size:14px}.quick-card span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.quick-icon{width:38px;height:38px;border-radius:10px;background:#34d6cf;color:#06222b;display:grid;place-items:center;font-size:22px;font-weight:800}
.section-title{display:flex;align-items:center;gap:12px;color:var(--cyan);font-weight:800;font-size:16px;margin:18px 0 12px}
.section-title:before,.section-title:after{content:"";height:1px;background:#248d8d;flex:1}
.coin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.coin-card{background:#142941;border:1px solid #1b3855;border-radius:11px;padding:11px;min-width:0}
.coin-head{display:flex;gap:8px;align-items:center;font-weight:800}
.coin-logo{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f7931a;color:#fff;font-size:14px;font-weight:900;flex:none}
.coin-logo.eth{background:#2f3340}.coin-logo.green{background:#13caa0}.coin-logo.blue{background:#3568dc}.coin-logo.yellow{background:#eab41f}.coin-logo.gray{background:#e5e9ef;color:#334}.coin-logo.purple{background:#8b6cf1}
.coin-sub{font-size:10px;color:var(--muted);margin-top:5px}
.price{font-size:13px;font-weight:800;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.change{font-size:11px;margin-top:3px}.up{color:#18d9a0}.down{color:#ff5862}
.list{display:flex;flex-direction:column;gap:8px}
.asset-row{background:#151f33;border:1px solid #1f3047;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.asset-left{display:flex;align-items:center;gap:10px;min-width:0}.asset-name{font-weight:800}.asset-unit{font-size:10px;color:var(--muted);margin-top:2px}
.asset-price{font-size:12px;font-weight:800;white-space:nowrap}
.change-pill{min-width:62px;text-align:center;border-radius:6px;padding:6px 7px;background:var(--red);color:#fff;font-size:11px;font-weight:800}
.searchbar{display:flex;gap:8px;margin:8px 0 14px}.searchbar input,.searchbar select,.field input,.field select{flex:1;min-width:0;background:#111e31;border:1px solid #42526a;color:#fff;border-radius:9px;padding:11px 12px;outline:none}.searchbar button,.primary-btn{border:0;border-radius:9px;background:var(--cyan);color:#06252a;font-weight:800;padding:0 15px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.tab-btn{border:1px solid #28415c;background:#14243a;color:#cbd6e4;padding:10px;border-radius:9px}.tab-btn.active{background:#153d45;color:#41eee0;border-color:#26bdb4}
.record{background:#13243a;border:1px solid #223b56;border-radius:11px;padding:12px}.record strong{font-size:13px}.record small{display:block;color:var(--muted);margin-top:4px}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:78px;background:#081426;border-top:1px solid #1f3045;display:grid;grid-template-columns:repeat(5,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}
.nav-btn{border:0;background:transparent;color:#7f8ea2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px}.nav-btn .nav-icon{font-size:19px;line-height:1}.nav-btn.active{color:var(--cyan)}
.page-head{height:52px;display:flex;align-items:center;gap:8px;margin:0 -14px 8px;padding:0 14px;background:#0d1b30;border-bottom:1px solid #1b2c43}.page-head h2{font-size:17px;margin:0;flex:1;text-align:center}.back-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(56,217,201,.65);border-radius:12px;background:rgba(22,53,73,.92);color:#7ff7ea!important;font-size:34px!important;font-weight:800;line-height:1;padding:0;box-shadow:0 0 0 2px rgba(56,217,201,.08),0 6px 18px rgba(0,0,0,.22)}.back-btn:active{transform:scale(.96);background:rgba(30,82,96,.96)}.head-spacer{width:42px}
.trade-list{display:flex;flex-direction:column;gap:8px}.trade-row{background:#161f32;border:1px solid #202f45;border-radius:10px;padding:11px;display:flex;align-items:center;justify-content:space-between}.trade-row .mid{font-weight:800;font-size:12px}.trade-row .right{background:var(--red);border-radius:6px;padding:6px 8px;font-size:11px;font-weight:800;min-width:64px;text-align:center}.trade-row:hover{border-color:#2b9caa}
.trade-detail .quote{background:#16263b;border:1px solid #263e59;border-radius:11px;padding:13px}.quote-top{display:flex;justify-content:space-between;align-items:center;font-weight:800}.quote-pair{font-size:17px}.live-dot{display:inline-block;width:7px;height:7px;background:#20d3a1;border-radius:50%;margin-right:6px;box-shadow:0 0 8px #20d3a1}.quote-change{margin-top:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;color:var(--muted);font-size:11px}.stats b{display:block;color:#dbe6f1;margin-top:3px}
.chart-card{margin-top:10px;background:#0e1929;border:1px solid #1c3048;border-radius:11px;padding:10px}.intervals{display:flex;justify-content:space-around;margin-bottom:5px}.intervals button{background:none;border:0;color:#9aa8ba;padding:7px 10px}.intervals button.active{color:#29dce0;border-bottom:2px solid #29dce0}
canvas{width:100%;height:300px;display:block;background:#0c1727;border-radius:6px}
.order-panel{margin-top:10px;background:#16263b;border-radius:11px;padding:12px}.order-panel h3{margin:0 0 10px;font-size:14px}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-btn,.sell-btn{border:0;border-radius:9px;color:#fff;font-weight:900;padding:12px}.buy-btn{background:#10be8c}.sell-btn{background:#f0444e}.order-result{margin-top:10px;color:#a9b7c8;font-size:11px;line-height:1.6}
.asset-summary{background:#14263b;border:1px solid #203c58;border-radius:11px;padding:16px;margin-bottom:16px}.summary-label{color:#b8c5d4;font-size:12px}.total{font-size:28px;font-weight:900;color:#2bd8ce;margin:7px 0 15px}.available{background:#182d45;border-radius:10px;padding:13px}.available b{display:block;color:#28ddd2;font-size:16px;margin-top:5px}
.account-title{border-left:4px solid var(--cyan);padding-left:10px;margin:18px 0 11px;font-size:16px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-card{border:1px solid #223b57;background:#162941;border-radius:11px;padding:14px 7px;text-align:center;min-height:108px}.account-card .aicon{width:40px;height:40px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#194d82;color:#5eb4ff;font-size:18px}.account-card span{font-size:11px}
.settings{background:#16273c;border:1px solid #213b56;border-radius:12px;overflow:hidden}.setting-row{border:0;border-bottom:1px solid #263b53;background:transparent;color:#f2f6fa;width:100%;padding:14px;display:flex;align-items:center;gap:11px;text-align:left}.setting-row:last-child{border-bottom:0}.setting-icon{width:24px;text-align:center}.setting-row .label{flex:1}.setting-row .value{color:#9aa8ba;font-size:12px}.setting-row .arrow{color:var(--cyan);font-size:22px}.setting-row.danger{color:#ff535d}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:430px;max-height:92vh;overflow:auto;background:#0d1a2c;border:1px solid #27405b;border-radius:18px 18px 0 0;padding:16px;box-shadow:0 -15px 60px rgba(0,0,0,.45)}.modal-head{display:flex;align-items:center;gap:10px}.modal-head h3{margin:0;flex:1;font-size:16px}.close-btn{border:0;background:#1a2b42;color:#fff;border-radius:8px;width:34px;height:34px}.deposit-note{background:#3a2023;border:1px solid #7b343a;color:#ffd6d8;border-radius:9px;padding:11px;font-size:11px;line-height:1.55;margin:12px 0}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.method{background:#162940;border:1px solid #29435e;border-radius:10px;padding:14px 10px;color:#fff;text-align:left}.method strong{display:block}.method small{color:#9eacbf}.method.active{border-color:#28d9ce;background:#14333b}.address{margin-top:12px;background:#111f32;border:1px solid #2b4059;border-radius:10px;padding:12px}.address code{display:block;word-break:break-all;color:#dfe8f1;font-size:11px;line-height:1.55}.copy-btn{margin-top:9px;border:0;border-radius:8px;background:#2a4560;color:#fff;padding:8px 10px}.qr-wrap{display:grid;place-items:center;padding:15px}.form-card{background:#13253a;border:1px solid #213c57;border-radius:11px;padding:13px}.field{margin:10px 0}.field label{display:block;color:#b5c1cf;font-size:11px;margin-bottom:6px}.field-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.fee-line,.arrival-line{display:flex;justify-content:space-between;color:#aeb9c8;font-size:11px;margin:8px 0}.fee-line b,.arrival-line b{color:#fff}.withdraw-balance{color:#28d7cc;font-size:12px}.all-btn{border:0;background:transparent;color:#28d7cc;padding:0}.warning-list{margin-top:14px;background:#111f31;border-radius:10px;padding:12px;color:#aeb9c8;font-size:11px;line-height:1.8}.toast{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:92px;background:#132a3d;border:1px solid #2b6670;color:#fff;padding:10px 14px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;max-width:90%;text-align:center}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.lang-btn{border:1px solid #29415b;background:#152940;color:#fff;border-radius:9px;padding:11px;text-align:left}.lang-btn.active{border-color:var(--cyan);color:var(--cyan)}
.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kpi{background:#152940;border:1px solid #223b56;border-radius:10px;padding:12px}.kpi small{color:#9eacbf}.kpi b{display:block;margin-top:5px}
.support-card{background:#152940;border:1px solid #243d59;border-radius:11px;padding:14px;line-height:1.7;color:#c7d2df;font-size:12px}
.empty{padding:30px 10px;text-align:center;color:#718096}
@media (min-width:700px){#app{max-width:430px;margin:20px 0;min-height:calc(100vh - 40px);border-radius:16px}.bottom-nav{bottom:20px;border-radius:0 0 16px 16px}}


/* Screenshot-like trade order panel */
.trade-bottom-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#090b10;z-index:40}
.trade-bottom-bar button{border:0;border-radius:7px;height:43px;color:#fff;font-weight:800;font-size:15px}.trade-bottom-buy{background:#08bd82}.trade-bottom-sell{background:#f33f47}
.order-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.order-modal-head b{font-size:18px;margin-right:8px}
.buy-tag{display:inline-flex;padding:3px 8px;border-radius:5px;background:#ef3036;color:#fff;font-size:11px;font-weight:800}
.period-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.period-grid button,.quick-amounts button{border:0;border-radius:8px;background:#344157;color:#fff;height:42px;font-weight:700}.period-grid button.active{border:1px solid #22d3c5;background:#26394e}
.order-modal-row{display:flex;justify-content:space-between;color:#b8c1ce;font-size:12px;margin:25px 0 10px}.amount-control{display:grid;grid-template-columns:52px 1fr 52px;gap:8px}.amount-control button,.amount-control input{border:0;border-radius:7px;background:#253249;color:#fff;height:42px;text-align:center}.amount-control input{font-weight:800;outline:none}
.quick-amounts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quick-amounts button{height:38px}.order-price-line{display:flex;justify-content:space-between;color:#aeb8c8;font-size:12px;padding:16px 0}.confirm-order{width:100%;height:43px;border:0;border-radius:7px;background:#ef3036;color:#fff;font-weight:800;font-size:15px}.demo-order-note{text-align:center;color:#7e899a;font-size:10px;margin-top:10px}
.order-list-card{background:#111923;border-radius:12px;padding:12px;margin-top:12px}.order-list-card h3{margin:0 0 10px;font-size:15px}.order-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:#1d2939;border-radius:9px;padding:10px;margin-top:7px}.order-preview small,.order-preview b{display:block}.order-preview small{color:#8995a7;font-size:10px}.order-preview b{font-size:11px;margin-top:4px}.order-preview>div:last-child{text-align:right}

/* KYC uploader */
.kyc-notice,.kyc-security{background:#16253a;border:1px solid #263b55;border-radius:9px;padding:10px;color:#aeb9c8;font-size:11px;line-height:1.6}.kyc-form{margin-top:12px}.kyc-form>label,.kyc-file>label:first-child{display:block;color:#c3ccda;font-size:12px;margin:10px 0}.kyc-form em{color:#ff4d57;font-style:normal}.kyc-form input,.kyc-form select{width:100%;margin-top:6px;height:42px;border:1px solid #30445d;background:#101b2b;color:#fff;border-radius:7px;padding:0 11px;outline:none}.kyc-file{margin-top:12px}.file-picker{display:grid!important;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:#101b2b;border:1px dashed #3b526d;border-radius:8px;padding:10px;color:#d7dfeb}.file-picker input{display:none}.file-name{grid-column:1/-1;color:#6ed9cf;font-size:10px;overflow:hidden;text-overflow:ellipsis}.kyc-submit{width:100%;height:43px;margin:14px 0}
@media(max-width:430px){.trade-bottom-bar{width:100%}}


/* v2 responsive interaction improvements */
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.auth-area{display:flex;align-items:center;gap:9px;min-width:0}.auth-buttons{display:flex;align-items:center;gap:5px;color:#77869b;font-size:12px}.auth-btn{border:0;background:transparent;color:#fff;padding:5px 2px;font-size:12px;font-weight:700}.auth-btn:hover,.auth-btn:active{color:var(--cyan)}
.auth-buttons span{color:#58667a}
.account-editor{margin-top:12px;background:#101d2f;border-radius:10px;padding:12px}.account-editor label{display:block;color:#b9c5d4;font-size:11px}.account-editor input,.security-card input,.auth-form input{width:100%;height:42px;margin-top:6px;margin-bottom:9px;background:#0d1929;color:#fff;border:1px solid #30445e;border-radius:8px;padding:0 10px;outline:none}.account-editor .primary-btn{width:100%;height:40px}
.bound-list{margin-top:12px}.bound-row{display:grid;grid-template-columns:85px 1fr 28px;gap:8px;align-items:center;background:#16273b;border:1px solid #263d56;border-radius:8px;padding:9px;margin-top:7px;font-size:11px}.bound-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fadc0}.bound-row button{border:0;background:#2a1c24;color:#ff6470;border-radius:6px;height:28px}
.records-list{margin-top:12px}.record-card{display:flex;justify-content:space-between;align-items:center;background:#16273b;border:1px solid #263d56;border-radius:9px;padding:11px;margin-top:8px}.record-card small{display:block;color:#8795a8;font-size:10px;margin-top:4px}.record-right{text-align:right}.record-right b{color:#38d9c9;font-size:11px}
.deposit-proof{margin-top:10px;background:#111f31;border-radius:10px;padding:12px}.deposit-proof>label:first-child{display:block;color:#b8c4d2;font-size:11px;margin-bottom:8px}.square-upload{width:110px;height:110px;border:1px dashed #3b5a77;border-radius:8px;display:grid;place-items:center;background:#0d1929;color:#50d9ce;font-size:28px;cursor:pointer}.square-upload input{display:none}.deposit-proof .file-name{margin-top:7px}
.secondary-btn{width:100%;height:40px;border:1px solid #35506d;border-radius:8px;background:#1b3048;color:#d8e2ec;margin:8px 0}
.security-card{background:#16273b;border:1px solid #263d56;border-radius:10px;padding:12px;margin-top:10px}.security-card h4{margin:0 0 7px;font-size:13px}.security-card .primary-btn{width:100%;height:40px}
.auth-form{margin-top:12px}.auth-form .primary-btn{width:100%;height:42px}
.loan-note{background:#16273b;border:1px solid #263d56;border-radius:9px;padding:10px;color:#aeb9c8;font-size:11px;line-height:1.6;margin-top:10px}.loan-products{margin-top:10px}.loan-product{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;background:#16273b;border:1px solid #263d56;border-radius:10px;padding:10px;margin-top:8px}.loan-badge{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#194d82;color:#63b9ff;font-weight:800}.loan-main b{display:block;font-size:12px}.loan-main small{display:block;color:#94a2b4;font-size:9px;line-height:1.5;margin-top:4px}.loan-product button{border:0;background:#10b989;color:#fff;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:800}
.modal{will-change:transform}.modal-backdrop{backdrop-filter:blur(2px)}

.qr-fallback{width:170px;height:170px;background:#fff;color:#071225;display:grid;place-items:center;font-size:28px;font-weight:900;border-radius:4px;text-align:center}.qr-fallback small{font-size:9px;font-weight:600}

.loss-negative{color:#ff5964!important}
.order-rule-note{color:#d9e2ee}


/* V8 - screenshot-style order / position history */
.position-page{padding-top:0}
.position-search-row{display:grid;grid-template-columns:1fr 1.05fr auto;gap:8px;align-items:center;margin:0 -2px 10px}
.position-search-box,.position-date-box{height:40px;background:#111d30;border:1px solid #22344c;border-radius:7px;display:flex;align-items:center;min-width:0}
.position-search-box .search-icon,.position-date-box span{color:#c8d3df;padding:0 6px;font-size:15px}
.position-search-box input,.position-date-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f2f6fb;font-size:12px}
.position-date-box input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}
.position-search-btn{height:40px;border:0;border-radius:7px;background:#42cfc7;color:#082b31;font-weight:800;padding:0 12px}
.position-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 -14px 12px;background:#0a1628;border-top:1px solid #13263d;border-bottom:1px solid #13263d}
.position-tab{height:50px;border:0;background:transparent;color:#9aa8ba;font-size:13px;position:relative}
.position-tab.active{color:#25ddd1;font-weight:800}
.position-tab.active:after{content:"";position:absolute;left:30%;right:30%;bottom:7px;height:2px;background:#25ddd1;border-radius:3px}
.position-records{display:flex;flex-direction:column;gap:10px}
.position-card{background:#18263a;border:1px solid #1d324b;border-radius:11px;padding:13px 14px 12px;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.position-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.position-coin{display:flex;align-items:center;gap:9px}
.position-coin .coin-logo{width:34px;height:34px;font-size:16px}
.position-coin b{display:block;font-size:15px}.position-coin span{display:block;color:#c2ccd8;font-size:10px;margin-top:2px}
.position-live,.position-flat{display:flex;align-items:center;gap:6px;border-radius:18px;padding:6px 8px;font-size:10px}
.position-live{background:#7a5a12;color:#ffc44b}.position-live span{font-variant-numeric:tabular-nums}.position-live b{font-weight:700}
.position-flat{background:#0f654f;color:#27d5af}
.position-order-id{color:#a9b5c4;font-size:11px;margin:7px 0 10px}
.position-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:11px}
.position-grid small{display:block;color:#a7b3c1;font-size:10px;margin-bottom:3px}
.position-grid strong{display:block;color:#f4f7fb;font-size:11px;word-break:break-word}
.side-buy{color:#26d7bf!important}.side-sell{color:#ff4c59!important}
.position-profit-row{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #26384e;margin-top:12px;padding-top:9px}
.position-profit-row>span{color:#b7c1ce;font-size:11px}
.position-countdown{display:flex;align-items:center;gap:8px}.position-countdown span{color:#f4f7fb;font-size:11px;font-variant-numeric:tabular-nums}.position-countdown b{background:#f3a000;color:#fff;border-radius:18px;padding:6px 9px;font-size:10px}
.history-profit,.history-loss{display:flex;align-items:center;gap:7px}
.history-profit span{color:#25d6c5;font-size:14px;font-weight:800}.history-profit b{background:#48cfc5;color:#fff;border-radius:16px;padding:6px 9px;font-size:10px}
.history-loss span{color:#ff5661;font-size:14px;font-weight:800}.history-loss b{background:#e84650;color:#fff;border-radius:16px;padding:6px 9px;font-size:10px}
.position-empty{padding:36px 10px;text-align:center;color:#738198;background:#121f32;border-radius:10px}

/* V8 detail order cards */
.detail-order-card{background:#1c2839;border:1px solid #647084;border-radius:10px;padding:12px 10px;margin-top:9px}
.detail-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.detail-order-head small,.detail-order-grid small{display:block;color:#9ba8b8;font-size:10px;margin-bottom:4px}
.detail-order-head b{display:block;color:#d8e0e9;font-size:11px;letter-spacing:.2px}
.detail-holding,.detail-flat{display:flex;align-items:center;gap:5px;border-radius:18px;padding:5px 8px;font-size:9px}
.detail-holding{color:#f6b52f;background:#654d12}.detail-holding span{font-variant-numeric:tabular-nums}.detail-flat{color:#1ed5ad;background:#0c5d4c}
.detail-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:11px}
.detail-order-grid strong{font-size:11px;color:#f4f7fb}
.detail-profit-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #334154;margin-top:11px;padding-top:8px}
.detail-profit-row>span:first-child{color:#aeb9c7;font-size:11px}
.detail-pending{color:#8c99a9!important}.detail-profit-win{color:#25d5c1!important;font-weight:800}.detail-profit-loss{color:#ff5661!important;font-weight:800}
.order-list-card{background:#121a25;border-radius:10px;padding:10px;margin-top:10px}.order-list-card h3{color:#f4f7fb;font-size:14px;margin:2px 2px 9px}
@media(max-width:380px){
  .position-search-row{grid-template-columns:1fr 1fr auto}
  .position-search-btn{padding:0 9px}
}

/* V11 authentication pages */
.auth-page{min-height:100vh;background:#071426;color:#eef4fb;padding:0 18px 28px;box-sizing:border-box}
.auth-top{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2d43}
.auth-back,.auth-language{border:1px solid #29425f;background:#13243a;color:#eef4fb;border-radius:10px;height:40px;padding:0 14px;font-weight:700}
.auth-back{font-size:24px;padding:0 12px}
.auth-language{font-size:12px;color:#35d9cc}
.auth-logo{display:flex;align-items:center;gap:10px;justify-content:center;padding:28px 0 20px;font-size:20px}
.auth-logo .avatar{width:48px;height:48px;font-size:20px}
.auth-panel{max-width:430px;margin:0 auto;background:#13243a;border:1px solid #25415d;border-radius:16px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.auth-panel h1{text-align:center;margin:0 0 24px;font-size:22px}
.auth-panel form{display:flex;flex-direction:column;gap:9px}
.auth-panel label{color:#c4d0de;font-size:13px;margin-top:5px}
.auth-panel input{width:100%;height:48px;box-sizing:border-box;border:1px solid #35506d;background:#0d1b2d;color:#fff;border-radius:9px;padding:0 14px;outline:none;font-size:14px}
.auth-panel input:focus{border-color:#2bd6ca;box-shadow:0 0 0 2px rgba(43,214,202,.12)}
.auth-primary{height:48px;border:0;border-radius:9px;background:#2bd6ca;color:#062126;font-size:16px;font-weight:900;margin-top:12px;cursor:pointer}
.auth-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.auth-bottom button{height:44px;border:1px solid #31506d;background:#172b43;color:#dbe5ef;border-radius:9px;cursor:pointer;font-weight:700}
.auth-bottom button:hover,.auth-primary:hover,.auth-language:hover,.auth-back:hover{filter:brightness(1.08)}
.auth-hint{text-align:center;color:#8191a5;font-size:11px;line-height:1.6;margin:18px 0 0}
@media(max-width:420px){.auth-page{padding-left:14px;padding-right:14px}.auth-panel{padding:20px}.auth-bottom{grid-template-columns:1fr}}

/* =========================================================
   全屏 + 手机/电脑自适应优化
   ========================================================= */

/* 基础重置 */
html {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* 所有元素统一盒模型 */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 图片、视频不要撑破屏幕 */
img,
video,
canvas,
svg {
    max-width: 100%;
}

/* 主程序区域 */
#app {
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    min-height: 100dvh;
}

/* 页面常见容器不要固定死宽度 */
.auth-page,
.account-page,
.position-page,
.detail-page,
.order-page,
.history-page {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
}

/* =========================================================
   手机端
   ========================================================= */

@media (max-width: 768px) {

    html,
    body {
        width: 100%;
        min-width: 0;
        overflow-x: hidden;
    }

    #app {
        width: 100%;
        min-width: 0;
    }

    /* 顶部区域 */
    .auth-top {
        width: 100%;
        height: auto;
        min-height: 56px;
        padding: 8px 12px;
    }

    /* 页面左右间距 */
    .auth-page {
        width: 100%;
        min-height: 100dvh;
        padding-left: 12px;
        padding-right: 12px;
    }

    /* 登录/注册卡片 */
    .auth-panel {
        width: 100%;
        max-width: 430px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
    }

    /* 输入框 */
    .auth-panel input,
    .account-editor input,
    .security-card input,
    .auth-form input {
        width: 100%;
        max-width: 100%;
    }

    /* 两列自动变成一列 */
    .auth-bottom {
        grid-template-columns: 1fr;
    }

    /* 两列数据区域 */
    .position-grid,
    .detail-order-grid {
        grid-template-columns: 1fr;
    }

    /* 搜索/日期区域 */
    .position-search-box,
    .position-date-box {
        width: 100%;
        min-width: 0;
    }

    /* 卡片 */
    .position-card,
    .detail-order-card,
    .security-card,
    .loan-note,
    .order-list-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* 长数字/订单号自动换行 */
    .position-grid strong,
    .detail-order-grid strong,
    .detail-order-head,
    .position-order-id {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* 底部按钮 */
    .auth-bottom button,
    .secondary-btn,
    .auth-primary {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================================
   小手机
   ========================================================= */

@media (max-width: 480px) {

    .auth-page {
        padding-left: 10px;
        padding-right: 10px;
    }

    .auth-panel {
        padding: 16px;
        border-radius: 12px;
    }

    .auth-panel h1 {
        font-size: 20px;
    }

    .auth-panel input {
        height: 46px;
        font-size: 14px;
    }

    .auth-primary {
        height: 46px;
        font-size: 15px;
    }

    .auth-bottom {
        gap: 8px;
    }

    .position-grid,
    .detail-order-grid {
        gap: 10px;
    }
}

/* =========================================================
   超小屏手机
   ========================================================= */

@media (max-width: 380px) {

    .auth-page {
        padding-left: 8px;
        padding-right: 8px;
    }

    .auth-panel {
        padding: 14px;
    }

    .auth-panel input {
        height: 44px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .auth-primary {
        height: 44px;
    }
}

/* =========================================================
   iPhone / 安卓浏览器底部安全区域
   ========================================================= */

@supports (padding: env(safe-area-inset-bottom)) {

    body {
        padding-bottom: env(safe-area-inset-bottom);
    }

    .auth-page {
        padding-bottom: max(
            18px,
            env(safe-area-inset-bottom)
        );
    }
}

/* =========================================================
   防止横向溢出
   ========================================================= */

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
}

#app {
    overflow-x: hidden;
}

/* 表格/超长内容允许横向滚动，而不是撑破整个页面 */
table {
    max-width: 100%;
}

pre {
    max-width: 100%;
    overflow-x: auto;
}

/* 按钮和输入框在手机上不要因为内容撑大 */
button,
input,
select,
textarea {
    max-width: 100%;
    font-family: inherit;
}

/* =========================================================
   手机竖屏时，隐藏不必要的横向排列
   ========================================================= */

@media (max-width: 600px) {

    .detail-order-head {
        flex-wrap: wrap;
    }

    .detail-profit-row,
    .position-profit-row {
        flex-wrap: wrap;
        gap: 6px;
    }

    .position-countdown {
        flex-wrap: wrap;
    }

    .loan-products {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   手机端白边修复
   ========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
}

html {
    overflow-x: hidden !important;
}

body {
    box-sizing: border-box;
    position: relative;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

#app {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden !important;
}

@media screen and (max-width: 600px) {

    html,
    body,
    #app {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    body {
        position: relative;
    }

    /* 防止 100vw 比手机实际内容区宽，产生横向白边 */
    [style*="100vw"] {
        max-width: 100% !important;
    }

    /* 页面主要容器禁止固定最小宽度 */
    .app,
    .page,
    .container,
    .main,
    .content,
    .page-content {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    /* 图片、视频等不得撑破手机屏幕 */
    img,
    video,
    canvas,
    iframe {
        max-width: 100% !important;
    }

    /* 表格允许自己横向滚动，不撑破整个页面 */
    table {
        max-width: 100% !important;
    }
}

/* =========================================================
   iPhone / iOS 输入框防自动放大修复
   所有页面、所有输入框统一处理
   ========================================================= */

input,
textarea,
select,
button {
    -webkit-text-size-adjust: 100%;
}

/* iOS Safari：输入控件字体必须 >= 16px，否则点击会自动放大页面 */
input,
textarea,
select {
    font-size: 16px !important;
    line-height: 1.4;
}

/* 金额、数字、钱包地址、密码等输入框 */
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
}

/* 防止动态生成的输入框被旧样式覆盖 */
input:focus,
textarea:focus,
select:focus {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
}

/* 手机端所有表单控件保持正常尺寸，不因获得焦点改变页面比例 */
@media screen and (max-width: 768px) {
    input,
    textarea,
    select {
        font-size: 16px !important;
        max-width: 100%;
        box-sizing: border-box;
        -webkit-appearance: none;
    }

    input[type="number"] {
        font-size: 16px !important;
    }
}

/* iOS Safari */
@supports (-webkit-touch-callout: none) {
    input,
    textarea,
    select {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
    }
}

/* ===== 手机端输入框防止点击后 Safari 自动放大 ===== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

input,
textarea,
select,
button {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* 金额输入框 */
.deposit-amount,
.deposit-amount input,
input[type="number"],
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"] {
  font-size: 16px !important;
  line-height: 1.4;
}

/* iPhone / 手机屏幕 */
@media screen and (max-width: 600px) {
  input,
  textarea,
  select {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  .deposit-amount input {
    font-size: 16px !important;
    min-height: 44px;
  }
}

/* ===== 充值凭证图片预览 ===== */
.deposit-preview {
  width: 100%;
  margin-top: 12px;
  border-radius: 12px;
  overflow: hidden;
  background: #0c1727;
  border: 1px solid rgba(255,255,255,.10);
}

.deposit-preview img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 320px;
  object-fit: contain;
}


/* ===== 充值金额输入框 ===== */
.deposit-amount{
  margin-top:12px;
  width:100%;
}

.deposit-amount label{
  display:block;
  margin-bottom:7px;
  font-size:14px;
}

.deposit-amount input{
  display:block;
  width:100%;
  min-height:44px;
  box-sizing:border-box;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  background:#20242c;
  color:#fff;
  outline:none;
  font-size:16px !important;
  line-height:22px;
  -webkit-text-size-adjust:100%;
  -webkit-appearance:none;
}

.deposit-amount input:focus{
  border-color:#2bd9cb;
}

/* ===== 充值凭证预览 ===== */
.deposit-proof{
  margin-top:14px;
}

.deposit-preview{
  width:100%;
  margin-top:12px;
  border-radius:12px;
  overflow:hidden;
  background:#0c1727;
  border:1px solid rgba(255,255,255,.10);
  box-sizing:border-box;
}

.deposit-preview img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  max-height:320px;
  object-fit:contain;
}

/* 上传成功后仍然保留上传区域 */
.square-upload.has-file{
  border-color:#2bd9cb;
}

/* ===== iPhone / Safari：禁止输入框导致页面自动放大 ===== */
input,
textarea,
select{
  font-size:16px !important;
  -webkit-text-size-adjust:100%;
}

@media screen and (max-width:600px){
  input,
  textarea,
  select{
    font-size:16px !important;
    -webkit-text-size-adjust:100%;
  }

  .deposit-amount input{
    font-size:16px !important;
  }
}

/* ===== 二维码移动端尺寸修复 ===== */
#qrcode{
  width:170px !important;
  height:170px !important;
  max-width:170px !important;
  max-height:170px !important;
  margin:14px auto 0 !important;
  overflow:hidden !important;
  display:block !important;
  box-sizing:border-box !important;
}

#qrcode img,
#qrcode canvas{
  display:block !important;
  width:170px !important;
  height:170px !important;
  max-width:170px !important;
  max-height:170px !important;
  margin:0 auto !important;
  object-fit:contain !important;
}

@media screen and (max-width:600px){
  #qrcode{
    width:170px !important;
    height:170px !important;
    max-width:170px !important;
    max-height:170px !important;
  }

  #qrcode img,
  #qrcode canvas{
    width:170px !important;
    height:170px !important;
    max-width:170px !important;
    max-height:170px !important;
  }
}


/* account profile / UID / credit / referral */
.profile-card{display:flex;align-items:center;gap:12px;margin:12px 14px 10px;padding:14px;border:1px solid #2a4564;border-radius:14px;background:#152b45;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.profile-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#a98be6;color:#fff;font-weight:800;font-size:20px;flex:none}
.profile-main{min-width:0;flex:1}.profile-email{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta{display:flex;gap:12px;margin-top:5px;font-size:12px;color:#b9c9db}.profile-invite{text-align:right;min-width:78px}.profile-invite small{display:block;color:#9eb2c9;font-size:10px;margin-bottom:3px}.profile-invite strong{font-size:15px;letter-spacing:1px;color:#27d5d2}


.home-banner{position:relative;width:100%;max-width:760px;aspect-ratio:2/1;margin:14px 0;border-radius:18px;overflow:hidden;background:#0b172a;box-shadow:0 10px 30px rgba(0,0,0,.12);contain:layout paint;isolation:isolate}
.home-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-banner-track{position:absolute;inset:0}
.home-banner .banner-track{position:absolute;inset:0;width:100%;height:100%;transform:none!important}
.home-banner .banner-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .35s ease;will-change:opacity;backface-visibility:hidden}
.home-banner .banner-slide.active{opacity:1;visibility:visible;z-index:1}
.home-banner-overlay{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.home-banner-dots{position:absolute;right:16px;bottom:16px;display:flex;gap:6px;z-index:3}
.home-banner-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}
.home-banner-dots i.active{background:#fff}
.home-banner-empty{width:100%;height:100%;min-height:0}
.home-banner:not(.is-ready){background:#0b172a}
.home-banner.is-ready{min-height:0}
@media(max-width:700px){.home-banner{max-width:none;width:100%;aspect-ratio:2/1}.home-banner img{height:100%}.home-banner-overlay{left:12px;right:12px;bottom:12px;font-size:14px}}
.loan-apply-row{display:flex;gap:8px;align-items:center;margin-top:10px}
.loan-apply-row input{flex:1;min-width:0}
.loan-history{margin-top:18px}
.loan-history-list,.repayment-history{display:grid;gap:8px;margin-top:8px}
.loan-history-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr auto;gap:8px;align-items:center;padding:10px;border:1px solid rgba(127,146,170,.18);border-radius:10px}
@media(max-width:700px){.home-banner img{height:150px}.loan-history-row{grid-template-columns:1fr 1fr}.loan-history-row .mini{justify-self:start}}
.security-modal-body{padding:18px}.security-status{display:flex;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #233a54;border-radius:10px;background:#0d1b2e;color:#d7e2ef;margin-bottom:14px}.security-status b{font-size:12px;padding:6px 9px;border-radius:999px;background:#142a43}.security-section{padding:14px;border:1px solid #20344c;border-radius:10px;margin-bottom:12px}.security-section h4{margin:0 0 12px}.security-section label{display:block;margin:10px 0;color:#aebbd0;font-size:12px}.security-section input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #29435f;border-radius:7px;background:#0a1525;color:#fff}.security-hint{font-size:12px;color:#91a4bb;margin-bottom:8px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.language-option{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;cursor:pointer}.language-option.active{border-color:#16c79a;background:#eefcf8;color:#087e65;font-weight:700}
.home-banner{position:relative;overflow:hidden}.home-banner>img{display:block;width:100%;height:100%;object-fit:cover}.home-banner-overlay{position:absolute;left:18px;bottom:14px;color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.55)}.home-banner-dots{position:absolute;right:18px;bottom:14px;display:flex;gap:5px}.home-banner-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}.home-banner-dots i.active{background:#fff}

.banner-track{display:flex;width:100%;height:100%;transition:transform .55s ease;will-change:transform}.banner-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden}.banner-slide img{display:block;width:100%;height:100%;object-fit:cover}.home-banner-dots{z-index:2;cursor:pointer}.home-banner-dots i{cursor:pointer}


/* v22 banner stabilization: fixed 760x380 (2:1), preload + opacity crossfade; no DOM-wide flashing */
.home-banner{width:100%;max-width:760px;aspect-ratio:2/1;min-height:0;height:auto!important;overflow:hidden}
.home-banner .banner-track{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;transform:none!important;transition:none!important}
.home-banner .banner-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;flex:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .35s ease!important;transform:none!important}
.home-banner .banner-slide.active{opacity:1!important;visibility:visible!important}
.home-banner .banner-slide img{width:100%!important;height:100%!important;object-fit:cover!important}
.home-banner .home-banner-dots{z-index:5}
@media(max-width:700px){.home-banner{max-width:none;aspect-ratio:2/1}.home-banner .banner-slide img{height:100%!important}}


/* v22 home hero layout: 760x380 banner, title below without a border */
.hero{display:block;max-width:760px;margin:0 auto;background:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important;overflow:visible!important}
.hero:before{display:none!important}
.hero .hero-copy{padding:8px 0 6px!important;text-align:center;border:0!important;background:transparent!important;box-shadow:none!important}
.hero .hero-copy h1{font-size:18px!important;line-height:1.35!important;margin:0!important}
@media(max-width:700px){.hero{max-width:100%}.hero .hero-copy{padding-top:7px!important}.hero .hero-copy h1{font-size:17px!important}}
\n/* v25: auth form is mounted outside #app so background page renders cannot replace it. */\n#authRoot:empty{display:none}\n#authRoot{min-height:100vh}\nbody[data-auth-page="login"] #app,\nbody[data-auth-page="register"] #app{display:none}\nbody[data-auth-page="login"] #authRoot,\nbody[data-auth-page="register"] #authRoot{display:block}\n

/* v27: authentication stays on the current page as a centered modal overlay.
   The home page remains mounted underneath; no separate/split registration page. */
#authRoot:empty{display:none}
body.auth-locked #app{display:block!important}
body.auth-locked #authRoot{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  padding:0!important;
  overflow:auto!important;
  background:rgba(3,10,22,.70)!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
body.auth-locked #authRoot .auth-page{
  min-height:100%!important;
  min-height:100dvh!important;
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  padding:14px 14px 28px!important;
}
body.auth-locked #authRoot .auth-top{
  width:min(760px,100%);
  flex:0 0 auto;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body.auth-locked #authRoot .auth-logo{
  width:100%;
  max-width:520px;
  padding:18px 0 14px!important;
  flex:0 0 auto;
}
body.auth-locked #authRoot .auth-panel{
  width:min(430px,100%);
  max-width:430px;
  margin:0 auto!important;
  box-sizing:border-box;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
}
@media(max-width:700px){
  body.auth-locked #authRoot{background:rgba(3,10,22,.84)!important}
  body.auth-locked #authRoot .auth-page{padding:10px 10px 20px!important}
  body.auth-locked #authRoot .auth-panel{margin-top:0!important}
  body.auth-locked #authRoot .auth-logo{padding:14px 0 10px!important}
}


/* V29 standalone feature pages: all non-trading functions open as full pages. */
.standalone-feature-page{position:fixed;inset:0;z-index:1000;background:#071522;overflow:auto;padding-bottom:30px}.standalone-feature-inner{max-width:1100px;margin:0 auto;min-height:100%;padding:18px 16px 40px;color:#fff}.standalone-feature-page .modal-head{position:sticky;top:0;z-index:3;background:#071522;padding:14px 0;border-bottom:1px solid #17334b;margin-bottom:16px}.standalone-feature-page .modal-head h3{margin:0;font-size:20px}.standalone-feature-page .modal-head .close-btn{background:#12283a;color:#fff;border:0;border-radius:8px;width:38px;height:38px;font-size:24px;cursor:pointer}.standalone-feature-page .modal-body,.standalone-feature-page .security-modal-body,.standalone-feature-page .kyc-form{background:#0b1d2c;border:1px solid #17334b;border-radius:14px;padding:18px}.standalone-feature-page .modal-foot{padding:16px 0;display:flex;gap:10px;justify-content:flex-end}.inbox-btn{position:relative}.unread-dot{position:absolute;right:5px;top:5px;width:9px;height:9px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 2px #071522}.notification-list{display:grid;gap:10px}.notification-item{display:block;width:100%;text-align:left;background:#0b1d2c;color:#fff;border:1px solid #17334b;border-radius:12px;padding:14px}.notification-item.unread{border-color:#ff4d5a}.notification-item b{display:block;font-size:15px}.notification-item span{display:block;font-size:12px;opacity:.65;margin:4px 0 8px}.notification-item div{line-height:1.6}@media(max-width:700px){.standalone-feature-inner{padding:10px 12px 28px}.standalone-feature-page .modal-body,.standalone-feature-page .security-modal-body,.standalone-feature-page .kyc-form{padding:14px}}

/* ===== V29 KYC IMAGE PREVIEW ===== */

.kyc-image-preview{
  margin-top:12px;
  width:100%;
  min-height:150px;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:10px;
  background:rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.kyc-image-preview img{
  display:block;
  width:100%;
  max-height:280px;
  object-fit:contain;
  border-radius:10px;
}

.kyc-preview-empty{
  padding:35px 15px;
  color:#8295aa;
  font-size:13px;
  text-align:center;
}

.kyc-image-preview.has-image{
  border-style:solid;
  padding:6px;
}

.kyc-file{
  margin-bottom:18px;
}

.kyc-file .file-name{
  margin-left:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* ===== V29 Notification List + Detail ===== */

.notification-item{
  width:100%;
  text-align:left;
  padding:15px 16px;
}

.notification-item-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:7px;
}

.notification-item-head b{
  flex:1;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.notification-excerpt{
  font-size:13px;
  line-height:1.55;
  opacity:.72;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-bottom:7px;
}

.notification-time{
  font-size:12px;
  opacity:.55;
}

.notification-unread-badge{
  width:8px;
  height:8px;
  border-radius:50%;
  background:currentColor;
  flex:0 0 8px;
}

.notification-item.unread b{
  font-weight:700;
}

.notification-detail{
  padding:22px 18px 35px;
}

.notification-detail-time{
  font-size:12px;
  opacity:.6;
  margin-bottom:20px;
}

.notification-detail-content{
  font-size:15px;
  line-height:1.8;
  word-break:break-word;
}

.notification-detail-content img{
  max-width:100%;
  height:auto;
}

.notification-back-btn{
  border:0;
  background:transparent;
  font-size:22px;
  cursor:pointer;
  padding:4px 8px;
}


/* =========================================================
   V30 Loan Center / Repayment Center
   ========================================================= */

.loan-center-tabs{
  display:flex;
  gap:10px;
  margin:14px 0 20px;
}

.loan-center-tabs button{
  flex:1;
  min-height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:inherit;
  cursor:pointer;
}

.loan-center-tabs button.active{
  background:rgba(255,255,255,.12);
  font-weight:700;
}

.loan-section-title{
  font-size:16px;
  font-weight:700;
  margin:20px 0 12px;
}

.loan-product-v30{
  padding:16px;
}

.loan-product-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}

.loan-product-meta span,
.loan-description{
  font-size:13px;
  opacity:.82;
}

.loan-order-card,
.repayment-loan-block{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:16px;
  margin-bottom:14px;
  background:rgba(255,255,255,.025);
}

.loan-order-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.loan-order-card-head > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.loan-order-card-head code{
  opacity:.65;
  font-size:12px;
  word-break:break-all;
}

.loan-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  font-size:12px;
  white-space:nowrap;
  background:rgba(255,255,255,.08);
}

.loan-status.pending{background:rgba(255,193,7,.14)}
.loan-status.approved{background:rgba(46,204,113,.14)}
.loan-status.rejected{background:rgba(231,76,60,.14)}
.loan-status.repaid{background:rgba(52,152,219,.14)}
.loan-status.overdue{background:rgba(230,126,34,.14)}

.loan-waiting-box,
.loan-rejected-box{
  padding:14px;
  border-radius:10px;
  background:rgba(255,255,255,.045);
  text-align:center;
  margin-bottom:12px;
}

.loan-metrics-grid,
.loan-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.loan-metrics-grid > div,
.loan-detail-grid > div{
  padding:11px;
  border-radius:10px;
  background:rgba(255,255,255,.035);
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.loan-metrics-grid span,
.loan-detail-grid span{
  font-size:12px;
  opacity:.68;
}

.loan-card-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
}

.repayment-records-title{
  font-weight:700;
  margin:18px 0 10px;
}

.repayment-record-row{
  display:grid;
  grid-template-columns:1.5fr 1fr .8fr 1.2fr;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:13px;
}

.loan-detail-page,
.repayment-form-page{
  padding:8px 0 20px;
}

.loan-detail-order{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.repayment-detail-item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:13px;
  margin-bottom:10px;
}

.repayment-proof-thumb{
  display:block;
  max-width:220px;
  max-height:180px;
  object-fit:contain;
  border-radius:10px;
  margin-top:10px;
}

.loan-detail-repay{
  width:100%;
  margin-top:16px;
}

.repayment-loan-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:18px;
}

.repayment-loan-summary > div{
  padding:13px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  gap:5px;
}

.repayment-field{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:16px;
}

.repayment-field input,
.repayment-field textarea{
  width:100%;
  box-sizing:border-box;
}

.repayment-file-button{
  display:inline-flex;
  width:max-content;
  min-height:38px;
  align-items:center;
  padding:0 14px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.14);
  cursor:pointer;
  background:rgba(255,255,255,.05);
}

.repayment-proof-preview{
  min-height:120px;
  border:1px dashed rgba(255,255,255,.16);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  opacity:.8;
}

.repayment-proof-preview img{
  max-width:100%;
  max-height:280px;
  object-fit:contain;
}

.repayment-proof-preview.has-image{
  border-style:solid;
  opacity:1;
}

.repayment-submit-btn{
  width:100%;
  min-height:44px;
}

@media(max-width:720px){
  .loan-product-meta,
  .loan-metrics-grid,
  .loan-detail-grid,
  .repayment-loan-summary{
    grid-template-columns:1fr;
  }

  .repayment-record-row{
    grid-template-columns:1fr;
  }
}


/* Loan application success notice */
.loan-success-notice{
  position:fixed;
  left:50%;
  top:90px;
  transform:translate(-50%,-12px);
  z-index:999999;
  min-width:220px;
  max-width:calc(100vw - 40px);
  padding:14px 24px;
  border-radius:10px;
  background:#17c3a2;
  color:#fff;
  font-size:16px;
  font-weight:700;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}

.loan-success-notice.show{
  opacity:1;
  transform:translate(-50%,0);
}

/* =========================================================
   V30 Deposit / Withdrawal Records
   ========================================================= */

.finance-record-summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 16px;
  margin-bottom:14px;
  border:1px solid #17334b;
  border-radius:12px;
  background:#0b1d2c;
}

.finance-record-summary span{
  color:#9fb0c2;
  font-size:13px;
}

.finance-record-summary strong{
  min-width:34px;
  text-align:center;
  padding:5px 10px;
  border-radius:999px;
  background:#132b40;
}

.finance-record-list{
  display:grid;
  gap:14px;
}

.finance-record-card{
  border:1px solid #17334b;
  border-radius:14px;
  padding:16px;
  background:#0b1d2c;
}

.finance-record-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:15px;
  padding-bottom:13px;
  margin-bottom:13px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.finance-record-order{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.finance-record-order span,
.finance-record-grid span,
.finance-record-address span,
.finance-record-reject span,
.finance-detail-head span,
.finance-detail-grid span,
.finance-address-box span,
.finance-reject-box span{
  font-size:12px;
  color:#8fa2b7;
}

.finance-record-order b{
  font-size:15px;
  word-break:break-all;
}

.finance-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

.finance-status.pending{
  background:rgba(244,180,0,.16);
  color:#ffc94a;
}

.finance-status.approved{
  background:rgba(30,200,150,.14);
  color:#35d6a9;
}

.finance-status.rejected{
  background:rgba(255,80,90,.14);
  color:#ff6971;
}

.finance-record-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.finance-record-grid > div,
.finance-detail-grid > div{
  min-width:0;
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.035);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.finance-record-grid strong,
.finance-detail-grid strong{
  font-size:14px;
  word-break:break-word;
}

.finance-record-address,
.finance-address-box{
  margin-top:12px;
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.028);
  display:flex;
  flex-direction:column;
  gap:7px;
}

.finance-record-address code,
.finance-address-box code{
  color:#dce8f5;
  font-size:13px;
  line-height:1.55;
  word-break:break-all;
  white-space:normal;
}

.finance-record-reject,
.finance-reject-box{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(255,80,90,.18);
  border-radius:10px;
  background:rgba(255,80,90,.06);
}

.finance-record-reject p,
.finance-reject-box p{
  margin:6px 0 0;
  color:#f1c5c8;
  line-height:1.55;
}

.finance-record-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}

.finance-detail-btn{
  min-height:36px;
  padding:0 15px;
  border:1px solid #29435f;
  border-radius:8px;
  background:#13283a;
  color:#fff;
  cursor:pointer;
}

.finance-detail-btn:hover{
  background:#18344b;
}

.finance-record-detail{
  border:1px solid #17334b;
  border-radius:14px;
  background:#0b1d2c;
  padding:18px;
}

.finance-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:15px;
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.finance-detail-head > div{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.finance-detail-head b{
  font-size:16px;
  word-break:break-all;
}

.finance-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

@media(max-width:800px){
  .finance-record-grid,
  .finance-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:520px){
  .finance-record-card,
  .finance-record-detail{
    padding:13px;
  }

  .finance-record-grid,
  .finance-detail-grid{
    grid-template-columns:1fr;
  }

  .finance-record-head,
  .finance-detail-head{
    gap:10px;
  }

  .finance-record-order b{
    font-size:13px;
  }

  .finance-status{
    font-size:11px;
    padding:5px 8px;
  }

  .finance-detail-btn{
    width:100%;
  }
}


.loan-repayment-completed{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(30,200,150,.14);
  color:#35d6a9;
  font-weight:700;
}

.loan-detail-repaid{
  width:100%;
  margin-top:16px;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(30,200,150,.14);
  color:#35d6a9;
  font-weight:700;
}

/* Homepage title two-line layout */
.home-hero-title-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
}

.home-hero-title-block h1{
  margin:0;
}

.home-hero-support-title{
  margin-top:2px;
  font-size:.72em;
  font-weight:700;
  line-height:1.3;
  color:inherit;
}

@media(max-width:720px){
  .home-hero-title-block{
    gap:4px;
  }

  .home-hero-support-title{
    font-size:.68em;
  }
}


/* =========================================================
   V31 Loan Application
   ========================================================= */

.loan-product-apply-only{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
}

.loan-product-apply-only .primary-btn{
  min-width:140px;
}

.loan-application-page{
  max-width:980px;
  margin:0 auto;
  padding-bottom:30px;
}

.loan-application-product{
  padding:18px;
  border:1px solid #17344b;
  border-radius:14px;
  background:#0b1d2c;
  margin-bottom:16px;
}

.loan-application-product > div:first-child{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:15px;
}

.loan-application-product span,
.loan-application-form label > span,
.loan-application-photo > span{
  color:#8fa2b7;
  font-size:12px;
}

.loan-application-product > div:first-child b{
  font-size:20px;
}

.loan-application-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.loan-application-product-grid > div{
  padding:12px;
  border-radius:10px;
  background:rgba(255,255,255,.035);
  display:flex;
  flex-direction:column;
  gap:6px;
}

.loan-application-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:18px;
  border:1px solid #17344b;
  border-radius:14px;
  background:#0b1d2c;
}

.loan-application-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.loan-application-form input,
.loan-application-form select,
.loan-application-form textarea{
  width:100%;
  min-height:44px;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #29445e;
  border-radius:9px;
  background:#071725;
  color:#fff;
  outline:none;
}

.loan-application-form textarea{
  min-height:90px;
  resize:vertical;
}

.loan-application-full{
  grid-column:1/-1;
}

.loan-application-photo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.loan-application-photo{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.loan-application-upload{
  position:relative;
  min-height:180px;
  border:1px dashed #36536d;
  border-radius:12px;
  background:#081a29;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  cursor:pointer;
}

.loan-application-upload img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}

.loan-application-upload img.show{
  display:block;
}

.loan-application-upload b{
  position:relative;
  z-index:2;
  padding:8px 12px;
  border-radius:8px;
  background:rgba(5,18,29,.82);
}

.loan-agreement-row{
  margin:18px 0;
  display:flex;
  align-items:flex-start;
  gap:9px;
  line-height:1.5;
}

.loan-agreement-row input{
  margin-top:4px;
}

.loan-application-submit{
  width:100%;
  min-height:48px;
  font-weight:700;
}

.loan-application-submit:disabled{
  opacity:.55;
  cursor:not-allowed;
}

@media(max-width:720px){
  .loan-application-product-grid,
  .loan-application-photo-grid,
  .loan-application-form{
    grid-template-columns:1fr;
  }

  .loan-application-full{
    grid-column:auto;
  }

  .loan-application-upload{
    min-height:210px;
  }

  .loan-product-apply-only .primary-btn{
    width:100%;
  }
}


/* Loan agreement */
.loan-agreement-link{
  border:0;
  padding:0;
  margin-left:4px;
  background:none;
  color:#35d8cf;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  text-decoration:underline;
}

.loan-agreement-link:hover{
  opacity:.8;
}

.loan-agreement-page{
  max-width:900px;
  margin:0 auto;
  padding-bottom:30px;
}

.loan-agreement-document{
  padding:24px;
  border:1px solid #17344b;
  border-radius:14px;
  background:#0b1d2c;
}

.loan-agreement-document h2{
  margin:0 0 24px;
  text-align:center;
}

.loan-agreement-document-content{
  white-space:pre-wrap;
  word-break:break-word;
  line-height:1.9;
  font-size:15px;
}

.loan-agreement-read{
  width:100%;
  min-height:46px;
  margin-top:18px;
}

@media(max-width:720px){
  .loan-agreement-document{
    padding:16px;
  }

  .loan-agreement-document-content{
    font-size:14px;
  }
}


/* =========================================================
   FINAL HOME BANNER STABLE CAROUSEL
   单一淡入淡出机制，禁止旧 translate 轮播干扰
   ========================================================= */

.home-banner{
  position:relative!important;
  width:100%!important;
  max-width:760px!important;
  aspect-ratio:2/1!important;
  height:auto!important;
  min-height:0!important;
  margin:14px auto!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#0b172a!important;
}

.home-banner .banner-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:none!important;
  transition:none!important;
}

.home-banner .banner-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .55s ease!important;
  z-index:1!important;
}

.home-banner .banner-slide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}

.home-banner .banner-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

.home-banner .home-banner-dots{
  position:absolute!important;
  right:16px!important;
  bottom:16px!important;
  display:flex!important;
  gap:7px!important;
  z-index:10!important;
}

.home-banner .home-banner-dots i{
  display:block!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.45)!important;
  cursor:pointer!important;
}

.home-banner .home-banner-dots i.active{
  background:#fff!important;
}

@media(max-width:700px){
  .home-banner{
    max-width:100%!important;
    aspect-ratio:2/1!important;
  }
}


/* =========================================================
   HOME BANNER FINAL STABLE FIX
   ========================================================= */

#homeBanner.home-banner{
    position:relative!important;
    display:block!important;

    width:min(760px,calc(100% - 32px))!important;
    max-width:760px!important;

    aspect-ratio:2 / 1!important;
    height:auto!important;
    min-height:0!important;

    margin:28px auto 18px!important;

    overflow:hidden!important;
    border-radius:18px!important;

    background:#0b172a!important;
    contain:layout paint!important;
}

#homeBanner .banner-track{
    position:absolute!important;
    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    transform:none!important;
    transition:none!important;
}

#homeBanner .banner-slide{
    position:absolute!important;
    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    flex:none!important;

    opacity:0!important;
    visibility:hidden!important;

    transform:none!important;

    transition:
        opacity .65s ease,
        visibility 0s linear .65s!important;

    z-index:1!important;
}

#homeBanner .banner-slide.active{
    opacity:1!important;
    visibility:visible!important;

    transition:
        opacity .65s ease,
        visibility 0s linear 0s!important;

    z-index:2!important;
}

#homeBanner .banner-slide img{
    position:absolute!important;
    inset:0!important;

    display:block!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;

    object-fit:cover!important;
    object-position:center center!important;

    border:0!important;
    border-radius:0!important;

    transform:none!important;
}

#homeBanner .home-banner-dots{
    position:absolute!important;

    right:16px!important;
    bottom:14px!important;

    display:flex!important;
    align-items:center!important;
    gap:7px!important;

    z-index:20!important;
}

#homeBanner .home-banner-dots i{
    display:block!important;

    width:8px!important;
    height:8px!important;

    padding:0!important;
    margin:0!important;

    border-radius:50%!important;

    background:rgba(255,255,255,.45)!important;

    cursor:pointer!important;
}

#homeBanner .home-banner-dots i.active{
    background:#fff!important;
}

@media(max-width:700px){

    #homeBanner.home-banner{
        width:calc(100% - 24px)!important;
        max-width:none!important;
        margin:18px auto 14px!important;
        aspect-ratio:2 / 1!important;
    }

}


/* =========================================================
   HOME BANNER WIDE 1774x441
   桌面端铺满页面，仅保留少量左右边距
   ========================================================= */

#homeBanner.home-banner{
    width:calc(100% - 60px)!important;
    max-width:1774px!important;

    aspect-ratio:1774 / 441!important;
    height:auto!important;

    margin:28px auto 18px!important;

    overflow:hidden!important;
    border-radius:18px!important;
}

#homeBanner .banner-track,
#homeBanner .banner-slide{
    width:100%!important;
    height:100%!important;
}

#homeBanner .banner-slide img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
    object-position:center center!important;
}

/* 手机 */
@media(max-width:700px){

    #homeBanner.home-banner{
        width:calc(100% - 24px)!important;
        max-width:none!important;

        aspect-ratio:1774 / 441!important;

        margin:18px auto 14px!important;
        border-radius:12px!important;
    }

}


/* =========================================================
   HOME BANNER VIEWPORT FULL WIDTH
   1774 × 441
   ========================================================= */

#homeBanner.home-banner{
    /*
     * 不再受外层 hero / main 最大宽度限制
     */
    width:calc(100vw - 24px)!important;
    max-width:none!important;

    /*
     * 保持 1774×441 原始比例
     */
    aspect-ratio:1774 / 441!important;
    height:auto!important;
    min-height:0!important;

    /*
     * 从父容器中心向左右突破
     */
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;

    margin:24px 0 18px!important;

    overflow:hidden!important;
    border-radius:16px!important;
}

#homeBanner .banner-track,
#homeBanner .banner-slide{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;

    max-width:none!important;
}

#homeBanner .banner-slide img{
    position:absolute!important;
    inset:0!important;

    width:100%!important;
    height:100%!important;
    max-width:none!important;

    /*
     * 图片和容器都是1774:441，
     * 所以这里不会明显裁掉左右内容
     */
    object-fit:cover!important;
    object-position:center center!important;

    display:block!important;
}

/* 手机端几乎铺满屏幕 */
@media(max-width:700px){

    #homeBanner.home-banner{
        width:calc(100vw - 12px)!important;
        max-width:none!important;

        aspect-ratio:1774 / 441!important;

        left:50%!important;
        transform:translateX(-50%)!important;

        margin:12px 0 12px!important;

        border-radius:10px!important;
    }

}


/* =========================================================
   MOBILE HOME BANNER HEIGHT FIX
   手机端加高，并向上贴近顶部
   ========================================================= */

@media(max-width:700px){

    #homeBanner.home-banner{
        width:calc(100vw - 8px)!important;
        max-width:none!important;

        /*
         * 手机端不再强制4:1
         * 改成更适合手机观看的高度
         */
        aspect-ratio:auto!important;
        height:130px!important;
        min-height:130px!important;

        left:50%!important;
        transform:translateX(-50%)!important;

        /*
         * 向上贴一点
         */
        margin-top:4px!important;
        margin-bottom:14px!important;

        border-radius:8px!important;
    }

    #homeBanner .banner-track,
    #homeBanner .banner-slide{
        width:100%!important;
        height:100%!important;
    }

    #homeBanner .banner-slide img{
        width:100%!important;
        height:100%!important;

        /*
         * 让图片铺满更高的手机轮播框
         */
        object-fit:cover!important;
        object-position:center center!important;
    }

}

/* =========================================================
   AUTH LOGIN / REGISTER — DYNAMIC CRYPTO BACKGROUND
   仅优化登录/注册页面背景与视觉层次，不修改表单结构/按钮/字段
   ========================================================= */

body.auth-locked{
    background:#020b17!important;
}

.auth-page{
    position:relative!important;
    isolation:isolate!important;
    overflow-x:hidden!important;
    background:
        radial-gradient(circle at 50% 115%,rgba(0,196,255,.28) 0,rgba(0,196,255,.08) 24%,transparent 48%),
        radial-gradient(circle at 12% 30%,rgba(32,119,255,.24) 0,transparent 35%),
        radial-gradient(circle at 88% 44%,rgba(0,232,220,.18) 0,transparent 34%),
        linear-gradient(135deg,#010817 0%,#06172b 48%,#020c19 100%)!important;
    background-size:140% 140%,125% 125%,125% 125%,100% 100%!important;
    animation:authNebulaDrift 14s ease-in-out infinite alternate!important;
}

/* 流动科技网格 + 地平线光带 */
.auth-page::before{
    content:"";
    position:fixed;
    z-index:-2;
    inset:-28vh -18vw -22vh;
    pointer-events:none;
    opacity:.62;
    background:
        linear-gradient(rgba(0,198,255,.11) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,198,255,.09) 1px,transparent 1px),
        radial-gradient(ellipse at 50% 98%,rgba(0,216,255,.24) 0 1%,rgba(0,216,255,.08) 17%,transparent 49%);
    background-size:58px 58px,58px 58px,100% 100%;
    transform:perspective(700px) rotateX(61deg) translateY(30%) translateZ(-80px) scale(1.45);
    transform-origin:center bottom;
    animation:authGridFlow 9s linear infinite;
    will-change:transform,background-position;
}

/* 漂浮的加密货币光影，不是登录选项，仅作背景装饰 */
.auth-page::after{
    content:"₿       ◈       ₿";
    position:fixed;
    z-index:-1;
    left:-12vw;
    right:-12vw;
    top:12vh;
    height:70vh;
    display:flex;
    align-items:center;
    justify-content:space-around;
    white-space:pre;
    pointer-events:none;
    color:rgba(77,198,255,.075);
    font-size:clamp(95px,18vw,280px);
    font-weight:900;
    letter-spacing:4vw;
    text-shadow:
        0 0 16px rgba(0,199,255,.22),
        0 0 52px rgba(0,108,255,.20);
    filter:drop-shadow(0 0 18px rgba(0,174,255,.16));
    animation:authCoinFloat 12s ease-in-out infinite alternate;
    will-change:transform,opacity;
}

/* 顶部与表单始终位于动态背景之上 */
.auth-page > *{
    position:relative;
    z-index:2;
}

/* 保持原布局，只加强第一张截图那种玻璃/霓虹质感 */
.auth-panel{
    background:linear-gradient(160deg,rgba(18,39,64,.94),rgba(7,24,43,.91))!important;
    border-color:rgba(74,159,218,.46)!important;
    box-shadow:
        0 24px 70px rgba(0,0,0,.48),
        0 0 0 1px rgba(38,192,255,.06),
        0 0 42px rgba(0,120,255,.10)!important;
    backdrop-filter:blur(12px) saturate(118%);
    -webkit-backdrop-filter:blur(12px) saturate(118%);
}

.auth-panel input{
    background:rgba(5,21,38,.78)!important;
    box-shadow:inset 0 0 22px rgba(0,0,0,.08);
}

.auth-top{
    background:linear-gradient(180deg,rgba(3,15,29,.72),rgba(3,15,29,.22));
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.auth-primary{
    box-shadow:0 0 24px rgba(43,214,202,.17);
}

@keyframes authNebulaDrift{
    0%{background-position:0% 0%,0% 0%,100% 0%,0 0}
    50%{background-position:48% 32%,22% 28%,76% 42%,0 0}
    100%{background-position:100% 70%,46% 58%,52% 72%,0 0}
}

@keyframes authGridFlow{
    0%{
        background-position:0 0,0 0,center bottom;
        transform:perspective(700px) rotateX(61deg) translateY(30%) translateZ(-80px) scale(1.45);
    }
    100%{
        background-position:0 116px,116px 0,center bottom;
        transform:perspective(700px) rotateX(61deg) translateY(25%) translateZ(-80px) scale(1.48);
    }
}

@keyframes authCoinFloat{
    0%{transform:translate3d(-2.5vw,-12px,0) rotate(-3deg) scale(.98);opacity:.70}
    45%{transform:translate3d(2vw,18px,0) rotate(2deg) scale(1.03);opacity:1}
    100%{transform:translate3d(-1vw,-2px,0) rotate(-1deg) scale(1);opacity:.82}
}

/* 手机保持原有登录/注册格式，仅降低背景负担并维持流动效果 */
@media(max-width:700px){
    .auth-page::before{
        inset:-18vh -55vw -28vh;
        opacity:.48;
        background-size:44px 44px,44px 44px,100% 100%;
    }

    .auth-page::after{
        left:-35vw;
        right:-35vw;
        top:16vh;
        font-size:clamp(82px,31vw,150px);
        letter-spacing:7vw;
        opacity:.58;
    }

    .auth-panel{
        backdrop-filter:blur(8px) saturate(112%);
        -webkit-backdrop-filter:blur(8px) saturate(112%);
    }
}

/* 尊重系统“减少动态效果”设置 */
@media(prefers-reduced-motion:reduce){
    .auth-page,
    .auth-page::before,
    .auth-page::after{
        animation:none!important;
    }
}

/* =========================================================
   GLOBAL INTERACTIVE HIGHLIGHT — all clickable UI controls
   ========================================================= */
:root{--click-cyan:#42efff;--click-glow:rgba(52,224,255,.58)}
button,a,[role="button"],[data-nav],[data-action],.clickable,.nav-btn,.auth-btn,.quick-card,.quick-icon,.coin-row,.loan-product{transition:color .16s ease,border-color .16s ease,box-shadow .16s ease,text-shadow .16s ease,filter .16s ease,transform .12s ease}

/* transparent / navigation / textual controls become visually obvious */
.nav-btn,.auth-btn,.back-btn,.icon-btn,.page-head button,.intervals button,.period-grid button,.quick-amounts button,.secondary-btn,.loan-center-tabs button,[data-close],a{color:var(--click-cyan)!important;text-shadow:0 0 9px rgba(66,239,255,.30)}
.nav-btn .nav-icon{color:inherit;filter:drop-shadow(0 0 5px rgba(64,225,255,.35))}

/* selected state like the supplied Home example */
.nav-btn.active,.intervals button.active,.period-grid button.active,.loan-center-tabs button.active,[aria-selected="true"]{color:#67fbff!important;border-color:rgba(88,244,255,.72)!important;text-shadow:0 0 7px #16dbe8,0 0 16px rgba(44,220,255,.78)!important;box-shadow:inset 0 0 14px rgba(35,217,255,.10),0 0 14px rgba(33,221,255,.18)}

/* hover/focus light bloom */
button:hover,a:hover,[role="button"]:hover,[data-nav]:hover,.quick-card:hover,.coin-row:hover,.loan-product:hover,
button:focus-visible,a:focus-visible,[role="button"]:focus-visible,[data-nav]:focus-visible{filter:brightness(1.13);box-shadow:0 0 0 1px rgba(80,236,255,.25),0 0 18px rgba(44,220,255,.30);outline:none}

/* clicking produces a stronger flash */
button:active,a:active,[role="button"]:active,[data-nav]:active,.quick-card:active,.coin-row:active,.loan-product:active{transform:scale(.985);filter:brightness(1.22);box-shadow:0 0 0 1px rgba(111,249,255,.76),0 0 27px var(--click-glow),inset 0 0 14px rgba(80,235,255,.12)!important;text-shadow:0 0 10px rgba(105,248,255,.9)!important}

/* preserve readable text on filled semantic action buttons while adding glow */
.primary-btn,.auth-primary,.buy-btn,.sell-btn,.confirm-order,.trade-bottom-buy,.trade-bottom-sell,.loan-product button{font-weight:800}
.primary-btn:active,.auth-primary:active,.buy-btn:active,.sell-btn:active,.confirm-order:active,.trade-bottom-buy:active,.trade-bottom-sell:active,.loan-product button:active{box-shadow:0 0 26px rgba(73,231,255,.52)!important}


/* =========================================================
   HOME QUICK ACTION TITLE EMPHASIS
   Only changes text color/brightness; no card/layout changes.
   ========================================================= */
.quick-card[data-action="deposit"] strong{
    color:#ffd166!important;
    text-shadow:0 0 7px rgba(255,209,102,.42),0 0 15px rgba(255,170,45,.20)!important;
}
.quick-card[data-action="withdraw"] strong{
    color:#ff8bd8!important;
    text-shadow:0 0 7px rgba(255,139,216,.42),0 0 15px rgba(214,86,255,.20)!important;
}
.quick-card span{
    color:#8fe8ff!important;
}
.quick-card:hover strong,.quick-card:focus-visible strong{
    filter:brightness(1.16)!important;
}


/* =========================================================
   FRONT INTERACTION RESPONSE V6
   ========================================================= */
button,[role="button"],[data-nav],[data-action],[data-pair],[data-open-order],a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.instant-tap-active{transform:scale(.975)!important;filter:brightness(1.18)!important;box-shadow:0 0 0 1px rgba(80,245,255,.45),0 0 22px rgba(27,219,255,.42)!important;transition:none!important;}
.feature-fast-loading{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#7defff;font-weight:700;}
.feature-fast-loading i{display:block;width:38px;height:38px;border-radius:50%;border:3px solid rgba(61,218,255,.22);border-top-color:#35e8ff;box-shadow:0 0 20px rgba(38,219,255,.28);animation:fastLoadSpinV6 .7s linear infinite;}
@keyframes fastLoadSpinV6{to{transform:rotate(360deg)}}
#homeBanner .banner-slide img{content-visibility:auto;}


/* ===== V7 COPY SUCCESS TOAST — always above standalone pages ===== */
.toast-root{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  pointer-events:none!important;
}
.toast-root .toast{
  position:fixed!important;
  left:50%!important;
  bottom:max(110px,calc(78px + env(safe-area-inset-bottom)))!important;
  transform:translateX(-50%) translateY(0)!important;
  z-index:2147483001!important;
  min-width:160px!important;
  max-width:calc(100vw - 32px)!important;
  padding:12px 18px!important;
  border-radius:12px!important;
  border:1px solid rgba(45,235,214,.72)!important;
  background:rgba(5,29,44,.96)!important;
  color:#efffff!important;
  font-size:14px!important;
  font-weight:800!important;
  text-align:center!important;
  box-shadow:0 0 0 1px rgba(38,224,217,.12),0 0 30px rgba(26,218,208,.38),0 18px 48px rgba(0,0,0,.46)!important;
  backdrop-filter:blur(12px)!important;
  animation:v7ToastIn .16s ease-out both!important;
}
@keyframes v7ToastIn{from{opacity:0;transform:translateX(-50%) translateY(12px) scale(.96)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@media(max-width:700px){.toast-root .toast{bottom:max(92px,calc(64px + env(safe-area-inset-bottom)))!important;font-size:14px!important;}}


/* V12 account restriction message: always centered above every page/modal */
.toast-root.account-abnormal{position:fixed!important;inset:0!important;z-index:2147483647!important;pointer-events:none!important;display:grid!important;place-items:center!important;}
.toast-root.account-abnormal .toast{position:static!important;transform:none!important;bottom:auto!important;left:auto!important;max-width:min(88vw,420px)!important;padding:16px 22px!important;font-size:16px!important;font-weight:800!important;border-radius:12px!important;background:rgba(10,28,48,.96)!important;border:1px solid rgba(52,224,216,.7)!important;box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 28px rgba(41,218,209,.22)!important;}


/* =========================================================
   V16 LOAN AGREEMENT CHECKBOX
   ========================================================= */
.loan-agreement-row input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:2px 0 0!important;
  border:2px solid #27d8cf!important;
  border-radius:3px!important;
  background:rgba(3,19,31,.72)!important;
  display:grid!important;
  place-content:center!important;
  cursor:pointer!important;
  box-shadow:0 0 0 1px rgba(39,216,207,.08),0 0 12px rgba(39,216,207,.16)!important;
}
.loan-agreement-row input[type="checkbox"]::before{
  content:"✓";
  font-size:15px;
  line-height:1;
  font-weight:900;
  color:#04151d;
  transform:scale(0);
  transition:transform .12s ease;
}
.loan-agreement-row input[type="checkbox"]:checked{
  background:#27d8cf!important;
  border-color:#27d8cf!important;
}
.loan-agreement-row input[type="checkbox"]:checked::before{
  transform:scale(1);
}

/* V19 security placeholders + withdrawal quick bind */
.security-section input::placeholder{color:#7f8ea4;opacity:1}
.withdraw-quick-bind{margin:-2px 0 12px;padding:11px;border:1px dashed #2d5776;border-radius:10px;background:rgba(10,25,41,.55)}
.withdraw-quick-bind>input{width:100%;box-sizing:border-box;height:42px;padding:0 11px;border:1px solid #30445e;border-radius:8px;background:#0d1929;color:#fff;outline:none}
.withdraw-quick-bind>input::placeholder{color:#7f8ea4;opacity:1}
.withdraw-quick-bind-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.withdraw-quick-bind-actions .primary-btn,.withdraw-quick-bind-actions .secondary-btn{height:40px;margin:0}
@media(max-width:520px){.withdraw-quick-bind-actions{grid-template-columns:1fr}}

/* V20 required field markers */
.loan-application-form em,
.loan-application-photo > span em,
.loan-application-photo span em {
  color:#ff5b6b;
  font-style:normal;
  font-weight:800;
  margin-left:3px;
}

/* V21 modern customer support */
.support-modern{max-width:920px;margin:22px auto;padding:34px;border:1px solid rgba(52,213,203,.28);border-radius:24px;background:linear-gradient(145deg,rgba(20,48,78,.78),rgba(5,22,39,.88));box-shadow:0 20px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);position:relative;overflow:hidden}.support-modern:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(34,213,195,.12);filter:blur(55px);right:-70px;top:-90px}.support-modern-orb{width:88px;height:88px;border-radius:28px;display:grid;place-items:center;margin:0 auto 18px;background:radial-gradient(circle at 35% 25%,#7ff9ed,#18b8d3 48%,#087391 72%,#07304c);box-shadow:0 0 32px rgba(39,230,218,.42),0 16px 30px rgba(0,0,0,.28);font-size:35px;position:relative}.support-modern-orb i{position:absolute;inset:-9px;border:1px solid rgba(66,240,225,.42);border-radius:34px;animation:supportPulse 2.1s ease-in-out infinite}.support-modern-copy{text-align:center;position:relative}.support-modern-copy small{color:#45e8dc;font-weight:800;letter-spacing:.08em}.support-modern-copy h1{font-size:clamp(21px,3vw,34px);margin:8px 0 13px}.support-online{display:inline-flex;gap:7px;align-items:center;color:#a8c4d8;font-size:13px}.support-online i{width:8px;height:8px;border-radius:50%;background:#19d6a5;box-shadow:0 0 11px #19d6a5}.support-modern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 20px;position:relative}.support-modern-grid>div{padding:18px;border:1px solid rgba(91,154,193,.22);background:rgba(7,25,44,.58);border-radius:16px}.support-modern-grid b,.support-modern-grid span{display:block}.support-modern-grid span{color:#8eacc3;font-size:12px;margin-top:7px}.support-modern-cta{width:100%;height:54px;border:0;border-radius:14px;background:linear-gradient(90deg,#2fd4cb,#32d8ed);font-weight:900;font-size:17px;color:#031723;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 28px rgba(38,218,211,.18);cursor:pointer}.support-modern-cta b{margin-left:auto;margin-right:18px}.support-modern-cta:disabled{opacity:.45;cursor:not-allowed}@keyframes supportPulse{50%{transform:scale(1.1);opacity:.45}}@media(max-width:640px){.support-modern{margin:12px 8px;padding:25px 16px;border-radius:20px}.support-modern-grid{grid-template-columns:1fr}.support-modern-orb{width:76px;height:76px;border-radius:24px}}

/* V22 support live-card redesign */
.support-live-card{padding:18px;border:1px solid rgba(48,226,218,.34);background:linear-gradient(135deg,rgba(12,44,67,.9),rgba(8,28,48,.72));border-radius:16px;color:#eafcff;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.12);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.support-live-card:hover,.support-live-card:active{transform:translateY(-1px);border-color:rgba(62,244,232,.72);box-shadow:0 0 0 1px rgba(57,225,216,.12),0 10px 28px rgba(23,214,200,.12)}
.support-live-card:disabled{opacity:.48;cursor:not-allowed;transform:none}
.support-live-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#30ded5,#108eae);box-shadow:0 0 20px rgba(46,226,214,.26);font-size:20px}
.support-live-text{min-width:0}.support-live-text b{display:block;font-size:15px}.support-live-text small{display:block;color:#90b5ca;font-size:12px;margin-top:5px}.support-live-card em{font-style:normal;font-size:19px;color:#4cf1e5}
.support-modern-grid>.support-live-card{min-height:86px}
@media(max-width:640px){.support-live-card{width:100%}}

/* V23 customer support — reference-matched page. Only support UI + support nav icon. */
.support-page-head{border-bottom:1px solid rgba(22,189,238,.14);background:linear-gradient(180deg,rgba(6,22,40,.82),rgba(6,22,40,.28))}
.support-v23{max-width:860px;margin:14px auto 24px;padding:26px 28px 30px;border:1px solid rgba(18,202,244,.38);border-radius:28px;background:
  radial-gradient(circle at 50% 15%,rgba(0,182,230,.14),transparent 35%),
  linear-gradient(155deg,rgba(6,32,54,.96),rgba(3,20,36,.98));
  box-shadow:0 22px 65px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);position:relative;overflow:hidden}
.support-v23:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(4,214,246,.03) 50%,transparent 78%)}
.support-v23-hero{text-align:center;position:relative;z-index:1}
.support-v23-orbit{width:190px;height:190px;margin:0 auto 7px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(0,211,243,.12),transparent 61%)}
.support-v23-orbit>i{position:absolute;border-radius:50%;border:1px solid rgba(18,227,239,.47)}
.support-v23-orbit>i:nth-of-type(1){inset:14px;animation:supportOrbitSpin 8s linear infinite}.support-v23-orbit>i:nth-of-type(1):after{content:"";position:absolute;top:11px;right:23px;width:9px;height:9px;border-radius:50%;background:#18ece0;box-shadow:0 0 15px #18ece0}
.support-v23-orbit>i:nth-of-type(2){inset:32px;border-color:rgba(18,174,225,.22);animation:supportOrbitSpin 13s linear infinite reverse}.support-v23-orbit>b{position:absolute;inset:48px;border-radius:50%;background:linear-gradient(145deg,rgba(0,212,238,.32),rgba(0,80,133,.26));box-shadow:0 0 42px rgba(0,211,238,.24),inset 0 0 24px rgba(5,225,242,.13)}
.support-v23-headset{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:2;background:radial-gradient(circle at 35% 25%,#34e9f0 0,#0ab5da 38%,#056d9d 72%,#043b66 100%);box-shadow:0 0 32px rgba(21,220,239,.4),0 12px 35px rgba(0,0,0,.32);border:7px solid rgba(0,45,76,.7)}
.support-v23-headset svg{width:62px;height:62px;fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.support-v23-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:-7px;padding:6px 20px;border-radius:999px;color:#1cf2f0;font-size:15px;font-weight:800;background:linear-gradient(90deg,rgba(0,96,137,.65),rgba(0,117,146,.48));box-shadow:0 0 24px rgba(14,218,235,.11)}
.support-v23-hero h1{font-size:clamp(24px,3.5vw,38px);margin:22px 0 18px;color:#f4f8fc;letter-spacing:.02em;text-shadow:0 3px 12px rgba(0,0,0,.35)}
.support-v23-ready{display:inline-flex;align-items:center;gap:10px;color:#a9bbce;font-size:16px}.support-v23-ready i,.support-v23-channel i{width:10px;height:10px;border-radius:50%;background:#14e2ce;box-shadow:0 0 14px rgba(20,226,206,.85);flex:none}.support-v23-ready.is-offline i{background:#738397;box-shadow:none}
.support-v23-agent{margin:31px 0 22px;padding:25px 30px;border:1px solid rgba(35,176,229,.27);border-radius:23px;background:linear-gradient(145deg,rgba(8,42,67,.82),rgba(4,24,42,.7));display:grid;grid-template-columns:250px 1fr;align-items:center;gap:26px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.support-v23-agent-art{height:190px;position:relative;display:grid;place-items:center;overflow:hidden}
.support-v23-agent-headset{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:3;background:linear-gradient(145deg,#64e5ff,#087cb3 58%,#035483);box-shadow:0 0 34px rgba(17,198,244,.28),inset 13px 9px 23px rgba(255,255,255,.17)}
.support-v23-agent-headset svg{width:84px;height:84px;fill:none;stroke:#ecfbff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.support-v23-agent-art .ring{position:absolute;left:50%;top:50%;border:1px solid rgba(22,203,242,.55);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg);box-shadow:0 0 12px rgba(18,203,242,.18)}.ring-a{width:210px;height:86px;animation:supportRingPulse 2.5s ease-in-out infinite}.ring-b{width:170px;height:60px;animation:supportRingPulse 2.5s .55s ease-in-out infinite}.ring-c{width:130px;height:42px;animation:supportRingPulse 2.5s 1.1s ease-in-out infinite}
.support-v23-agent-art:after{content:"";position:absolute;bottom:13px;width:146px;height:25px;border-radius:50%;background:rgba(0,192,241,.19);filter:blur(8px);box-shadow:0 0 30px rgba(0,196,240,.5)}
.support-v23-agent-art .chat-dot{position:absolute;z-index:4;right:28px;top:25px;padding:3px 9px 7px;border-radius:8px;background:linear-gradient(145deg,#20dff5,#167ce3);font-weight:900;color:#fff;letter-spacing:2px;box-shadow:0 0 17px rgba(22,168,239,.4)}
.support-v23-agent-copy{text-align:left}.support-v23-agent-copy h3{margin:0 0 12px;font-size:clamp(21px,2.7vw,30px);color:#f4f7fb}.support-v23-agent-copy p{margin:0;color:#9fb1c6;font-size:16px;line-height:1.85;max-width:440px}.support-v23-channel{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:8px 15px;border-radius:999px;background:rgba(0,122,147,.34);color:#20ebe7;font-weight:800;font-size:14px}
.support-v23-features{display:grid;gap:13px}.support-v23-feature{min-height:92px;padding:16px 21px;border:1px solid rgba(37,139,189,.22);border-radius:20px;background:linear-gradient(100deg,rgba(5,33,55,.93),rgba(3,22,39,.82));display:grid;grid-template-columns:62px 1fr;gap:18px;align-items:center;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.support-v23-feature .feature-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,rgba(13,196,232,.26),rgba(0,63,102,.35));box-shadow:0 0 24px rgba(0,182,227,.08)}.support-v23-feature .feature-icon svg{width:39px;height:39px;fill:none;stroke:#11dbf2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.support-v23-feature:nth-child(3) .feature-icon svg{fill:#0fd6f3;stroke:#0fd6f3}
.support-v23-feature span:nth-child(2){display:block}.support-v23-feature b{display:block;color:#f0f5fa;font-size:20px;margin-bottom:6px}.support-v23-feature small{display:block;color:#8fa3b9;font-size:14px}.support-v23-feature em{font-style:normal;color:#08c9ef;font-size:38px;font-weight:200;line-height:1}
.support-v23-cta{width:100%;min-height:74px;margin-top:20px;padding:0 22px;border:0;border-radius:19px;background:linear-gradient(100deg,#159fe7 0%,#19caed 55%,#18d5d5 100%);display:grid;grid-template-columns:54px 1fr 51px;align-items:center;gap:14px;color:#fff;cursor:pointer;box-shadow:0 14px 34px rgba(0,159,218,.2),inset 0 1px rgba(255,255,255,.22);transition:transform .15s ease,filter .15s ease}.support-v23-cta:hover,.support-v23-cta:active{transform:translateY(-1px);filter:brightness(1.05)}.support-v23-cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.support-v23-cta .cta-headset{width:48px;height:48px;display:grid;place-items:center}.support-v23-cta .cta-headset svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.support-v23-cta strong{text-align:left;font-size:clamp(18px,2.7vw,25px)}.support-v23-cta>b{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#043b63;color:#16e6f0;font-size:27px}
.nav-icon-support svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto}.nav-btn.active .nav-icon-support{filter:drop-shadow(0 0 7px rgba(31,235,242,.72))}
@keyframes supportOrbitSpin{to{transform:rotate(360deg)}}@keyframes supportRingPulse{0%,100%{opacity:.28;transform:translate(-50%,-50%) rotateX(72deg) scale(.88)}50%{opacity:.85;transform:translate(-50%,-50%) rotateX(72deg) scale(1.06)}}
@media(max-width:680px){
  .support-v23{margin:10px 6px 18px;padding:18px 13px 20px;border-radius:20px}.support-v23-orbit{width:145px;height:145px}.support-v23-headset{width:78px;height:78px;border-width:5px}.support-v23-headset svg{width:49px;height:49px}.support-v23-badge{font-size:12px;padding:5px 14px}.support-v23-hero h1{font-size:22px;margin:15px 0 12px}.support-v23-ready{font-size:12px;gap:7px}.support-v23-ready i{width:7px;height:7px}
  .support-v23-agent{margin:22px 0 14px;padding:15px 14px;grid-template-columns:110px 1fr;gap:13px;border-radius:17px}.support-v23-agent-art{height:133px}.support-v23-agent-headset{width:82px;height:82px}.support-v23-agent-headset svg{width:56px;height:56px}.support-v23-agent-art .ring-a{width:125px;height:55px}.support-v23-agent-art .ring-b{width:100px;height:42px}.support-v23-agent-art .ring-c{width:76px;height:31px}.support-v23-agent-art .chat-dot{right:3px;top:13px;font-size:9px;padding:2px 5px 4px}.support-v23-agent-copy h3{font-size:17px;margin-bottom:6px}.support-v23-agent-copy p{font-size:12px;line-height:1.6}.support-v23-channel{font-size:11px;padding:5px 8px;margin-top:9px}
  .support-v23-features{gap:9px}.support-v23-feature{min-height:72px;padding:11px 13px;grid-template-columns:48px 1fr;gap:10px;border-radius:15px}.support-v23-feature .feature-icon{width:44px;height:44px}.support-v23-feature .feature-icon svg{width:30px;height:30px}.support-v23-feature b{font-size:15px;margin-bottom:3px}.support-v23-feature small{font-size:11px}.support-v23-feature em{font-size:28px}
  .support-v23-cta{min-height:61px;border-radius:15px;padding:0 12px;grid-template-columns:42px 1fr 39px;gap:8px}.support-v23-cta .cta-headset{width:38px;height:38px}.support-v23-cta .cta-headset svg{width:35px;height:35px}.support-v23-cta strong{font-size:16px}.support-v23-cta>b{width:36px;height:36px;font-size:21px}
}


/* ===== V24 support fixed-layout refinement ===== */
.page:has(.support-v23){
  height:calc(100dvh - 68px);
  min-height:0;
  overflow:hidden;
  padding-bottom:78px;
}
.page:has(.support-v23) .support-page-head{flex:0 0 48px}
.page:has(.support-v23) .support-v23{
  height:calc(100% - 58px);
  max-height:none;
  overflow:hidden;
  margin-bottom:0;
}
.support-v23-feature{grid-template-columns:62px 1fr}
.support-v23-feature em{display:none!important}

@media (max-width:699px){
  .page:has(.support-v23){padding-top:6px;padding-bottom:74px}
  .support-v23{margin:4px 4px 0;padding:10px 11px 11px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;gap:7px}
  .support-v23-hero{flex:0 0 auto}
  .support-v23-orbit{width:92px;height:92px;margin:0 auto 2px}
  .support-v23-orbit>i:nth-of-type(1){inset:6px}
  .support-v23-orbit>i:nth-of-type(2){inset:17px}
  .support-v23-orbit>b{inset:28px}
  .support-v23-headset{width:54px;height:54px;border-width:4px}
  .support-v23-headset svg{width:34px;height:34px}
  .support-v23-badge{font-size:10px;padding:3px 11px;margin-top:-3px}
  .support-v23-hero h1{font-size:18px;margin:7px 0 6px;line-height:1.2}
  .support-v23-ready{font-size:10px;gap:5px}
  .support-v23-ready i{width:6px;height:6px}
  .support-v23-agent{margin:4px 0 2px;padding:9px 10px;grid-template-columns:92px 1fr;gap:9px;border-radius:15px;min-height:104px}
  .support-v23-agent-art{height:96px}
  .support-v23-agent-headset{width:64px;height:64px}
  .support-v23-agent-headset svg{width:43px;height:43px}
  .support-v23-agent-art .ring-a{width:98px;height:42px}.support-v23-agent-art .ring-b{width:79px;height:33px}.support-v23-agent-art .ring-c{width:60px;height:25px}
  .support-v23-agent-art .chat-dot{right:0;top:8px;font-size:8px;padding:1px 4px 3px}
  .support-v23-agent-copy h3{font-size:15px;margin-bottom:4px}
  .support-v23-agent-copy p{font-size:10px;line-height:1.45}
  .support-v23-channel{font-size:9px;padding:3px 6px;margin-top:5px;gap:5px}
  .support-v23-channel i{width:6px;height:6px}
  .support-v23-features{gap:6px}
  .support-v23-feature{min-height:52px;padding:6px 10px;grid-template-columns:38px 1fr;gap:8px;border-radius:13px}
  .support-v23-feature .feature-icon{width:36px;height:36px}
  .support-v23-feature .feature-icon svg{width:24px;height:24px}
  .support-v23-feature b{font-size:13px;margin-bottom:1px}
  .support-v23-feature small{font-size:9px;line-height:1.2}
  .support-v23-cta{min-height:48px;margin-top:2px;border-radius:13px;padding:0 10px;grid-template-columns:34px 1fr 32px;gap:6px}
  .support-v23-cta .cta-headset{width:31px;height:31px}.support-v23-cta .cta-headset svg{width:28px;height:28px}
  .support-v23-cta strong{font-size:14px}.support-v23-cta>b{width:30px;height:30px;font-size:18px}
}

/* Crypto asset badges + deposit channel icons */
.coin-logo.btc,.deposit-coin-icon.btc{background:#f7931a;color:#fff}
.coin-logo.eth,.deposit-coin-icon.eth{background:#374151;color:#eef2ff}
.coin-logo.bch{background:#0ac18e;color:#fff}.coin-logo.ada{background:#1768d4;color:#fff}
.coin-logo.xrp{background:#eef2f7;color:#111827}.coin-logo.bnb{background:#f3ba2f;color:#111827}
.coin-logo.link{background:#2a5ada;color:#fff}.coin-logo.sol{background:linear-gradient(135deg,#8b5cf6,#14f1d9);color:#fff}
.coin-logo.doge{background:#c2a633;color:#fff}.coin-logo.sui{background:#6fbcf0;color:#fff}
.coin-logo.etc{background:#328332;color:#fff}.coin-logo.ltc{background:#345d9d;color:#fff}
.coin-logo.op{background:#ff0420;color:#fff}.coin-logo.usdc,.deposit-coin-icon.usdc{background:#2775ca;color:#fff}
.coin-logo.avax{background:#e84142;color:#fff}.coin-logo.trx{background:#ef0027;color:#fff}
.coin-logo.dot{background:#e6007a;color:#fff}.coin-logo.uni{background:#ff007a;color:#fff}.coin-logo.ton{background:#0098ea;color:#fff}
.deposit-coin-icon.usdt{background:#26a17b;color:#fff}
.deposit-method{display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important}
.deposit-method-copy{display:flex;flex-direction:column;min-width:0}.deposit-method-copy strong{line-height:1.15}.deposit-method-copy small{margin-top:3px}
.deposit-coin-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 34px;font-weight:900;font-size:17px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

/* v2: clearer Ethereum mark */
.coin-logo.eth,.deposit-coin-icon.eth{font-size:0;position:relative}
.coin-logo.eth::before,.deposit-coin-icon.eth::before{content:"◆";font-size:18px;line-height:1;color:#eef2ff;transform:scaleX(.72);display:block}
@media(max-width:700px){.coin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== v3 CoinMarketCap icons + deposit selector/detail ===== */
.coin-logo,.deposit-coin-icon{background:transparent!important;color:inherit!important;box-shadow:none!important;overflow:hidden;padding:0!important}
.coin-logo::before,.deposit-coin-icon::before{content:none!important}
.coin-logo img,.deposit-coin-icon img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.deposit-alert-strong{margin:12px 0 14px;padding:12px 13px;border-radius:10px;background:#5b3d05;border:1px solid #d29b22;color:#ffe39a;font-size:12px;line-height:1.65;font-weight:700;box-shadow:0 0 0 1px rgba(255,190,45,.08) inset}
.deposit-select-title{background:#20242c;color:#f4f7fb;border-radius:7px;padding:11px 12px;margin-bottom:8px;font-size:12px}
.deposit-method-list{display:flex;flex-direction:column}
.deposit-method-row{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;min-height:64px;padding:8px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;cursor:pointer}
.deposit-method-row:hover{background:rgba(255,255,255,.035)}
.deposit-method-row strong{font-size:14px;font-weight:600}.deposit-method-row>span:last-child{font-size:22px;color:#9ba7b8;text-align:center}
.deposit-detail-card{display:flex;flex-direction:column;gap:12px}.deposit-detail-section{background:#111f31;border:1px solid #223b55;border-radius:11px;padding:12px}.deposit-detail-label{font-size:11px;color:#aebdce;margin-bottom:8px}
.deposit-qr-full{padding:8px}.deposit-qr-full img,.deposit-qr-full canvas{width:min(260px,78vw)!important;height:min(260px,78vw)!important;max-width:260px;max-height:260px;object-fit:contain;background:#fff;border-radius:10px;display:block}
.deposit-address-full{margin-top:0}.deposit-address-full code{font-size:12px}
.compact-upload{width:86px!important;height:86px!important}.compact-preview{width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;margin-top:8px!important}.compact-preview img{width:86px!important;height:86px!important;object-fit:cover!important;border-radius:8px!important}
/* Make front-end upload previews compact squares rather than large panels. */
.kyc-image-preview,.repayment-proof-preview,.loan-application-upload{width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important}
.kyc-image-preview img,.repayment-proof-preview img,.loan-application-upload img{width:96px!important;height:96px!important;max-width:96px!important;max-height:96px!important;object-fit:cover!important}

/* =========================================================
   V4 HOME / DEPOSIT VISUAL REFINEMENT
   ========================================================= */

/* Deposit notice: brighter, clearer and easier to scan */
.deposit-alert-strong{
  color:#fff4c7!important;
  background:linear-gradient(135deg,#6f4700 0%,#8d5a00 55%,#6f4700 100%)!important;
  border:1px solid #f0b429!important;
  border-left:5px solid #ffd45c!important;
  border-radius:12px!important;
  padding:15px 18px!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  box-shadow:0 0 0 1px rgba(255,212,92,.08),0 8px 22px rgba(0,0,0,.18)!important;
}
.deposit-alert-strong::before{
  content:"⚠";
  display:inline-block;
  margin-right:8px;
  color:#ffe17a;
  font-size:18px;
  vertical-align:-1px;
}

/* Desktop banner becomes taller, close to a 760×380 (2:1) visual ratio. */
#homeBanner.home-banner{
  width:calc(100vw - 40px)!important;
  max-width:1280px!important;
  aspect-ratio:2 / 1!important;
  height:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:18px 0 14px!important;
  border-radius:14px!important;
}
#homeBanner .banner-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:700px){
  #homeBanner.home-banner{
    width:calc(100vw - 12px)!important;
    max-width:none!important;
    aspect-ratio:2 / 1!important;
    height:auto!important;
    min-height:0!important;
    margin:8px 0 10px!important;
    border-radius:9px!important;
  }
}

/* Subtitle inspired by the small icon + phrase style used on the carousel copy. */
.home-hero-feature-line{
  margin-top:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 15px;
  color:#eef6ff;
  font-size:12px;
  line-height:1.45;
  font-weight:700;
}
.home-hero-feature{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
}
.home-hero-feature i{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  color:#1fe0e7;
  font-style:normal;
  font-size:10px;
  text-shadow:0 0 8px rgba(31,224,231,.45);
}
@media(max-width:700px){
  .home-hero-feature-line{gap:5px 9px;font-size:10px;padding:0 8px}
  .home-hero-feature i{width:12px;height:12px;font-size:8px}
}

/* =========================================================
   V5 HOME BANNER SIZE TUNING
   Desktop is intentionally flatter than V4; mobile is also
   slightly shorter while preserving full-width presentation.
   ========================================================= */
#homeBanner.home-banner{
  width:calc(100% - 28px)!important;
  max-width:1180px!important;
  aspect-ratio:3 / 1!important;
  max-height:360px!important;
  left:auto!important;
  transform:none!important;
  margin:14px auto 10px!important;
  border-radius:13px!important;
}
@media(max-width:700px){
  #homeBanner.home-banner{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    aspect-ratio:2.35 / 1!important;
    max-height:none!important;
    margin:7px auto 8px!important;
    border-radius:9px!important;
  }
}


/* =========================================================
   V6.1 HOME BANNER — TRUE EDGE-TO-EDGE FIX
   Break the HOME hero out of the .page horizontal padding so
   the carousel reaches both sides on desktop and mobile.
   ========================================================= */
.page:has(#homeBanner){
  overflow-x:hidden!important;
}
.hero:has(#homeBanner){
  width:calc(100vw - 12px)!important;
  max-width:none!important;
  position:relative!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  margin:6px 0 0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero:has(#homeBanner)::before{
  display:none!important;
}
#homeBanner.home-banner{
  width:100%!important;
  max-width:none!important;
  aspect-ratio:3 / 1!important;
  max-height:360px!important;
  position:relative!important;
  left:0!important;
  transform:none!important;
  margin:0!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
#homeBanner .banner-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  transform:none!important;
  transition:none!important;
}
#homeBanner .banner-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:visible!important;
  transform:none!important;
  transition:opacity .65s ease-in-out!important;
  z-index:1!important;
  pointer-events:none!important;
}
#homeBanner .banner-slide.active{
  opacity:1!important;
  z-index:2!important;
}
#homeBanner .banner-slide img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.hero:has(#homeBanner) .hero-copy{
  width:100%!important;
  padding:12px 14px 4px!important;
}
@media(max-width:700px){
  .hero:has(#homeBanner){
    width:calc(100vw - 6px)!important;
    margin-top:3px!important;
  }
  #homeBanner.home-banner{
    width:100%!important;
    aspect-ratio:2.35 / 1!important;
    max-height:none!important;
    margin:0!important;
    border-radius:7px!important;
  }
  .hero:has(#homeBanner) .hero-copy{
    padding:9px 9px 3px!important;
  }
}


/* =========================================================
   V7 DEVICE-SPECIFIC HOME BANNERS
   Desktop: 1200x400 (3:1) / Mobile: 940x400 (2.35:1)
   ========================================================= */
#homeBanner .banner-picture{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;}
#homeBanner .banner-picture img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;}

/* ===== V8 GLOBAL CENTER TOAST ===== */
.toast-root{position:fixed!important;inset:0!important;z-index:2147483647!important;pointer-events:none!important;display:grid!important;place-items:center!important;}
.toast-root .toast{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;min-width:180px!important;max-width:min(88vw,520px)!important;padding:16px 22px!important;border-radius:13px!important;font-size:16px!important;line-height:1.45!important;font-weight:800!important;text-align:center!important;background:rgba(6,28,44,.97)!important;border:1px solid rgba(45,235,214,.72)!important;box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 30px rgba(26,218,208,.28)!important;backdrop-filter:blur(12px)!important;animation:v8ToastCenterIn .18s ease-out both!important;}
@keyframes v8ToastCenterIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.toast-root .toast{font-size:15px!important;max-width:86vw!important;padding:14px 18px!important;}}


/* ===== V10 QR-ONLY COMPACT + FIXED STANDALONE NAVIGATION ===== */
.standalone-feature-page .modal-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.standalone-feature-page .modal-head h3{grid-column:2;grid-row:1;margin:0!important;min-width:0}
.standalone-feature-page .modal-head .close-btn{grid-column:3;grid-row:1;width:42px!important;height:42px!important;border-radius:11px!important;background:#14304a!important;color:#2df1ff!important;font-size:25px!important;font-weight:800!important;box-shadow:0 0 0 1px rgba(45,241,255,.18),0 8px 24px rgba(0,0,0,.22)}
.standalone-back-btn{grid-column:1;grid-row:1;width:42px;height:42px;border:1px solid rgba(45,241,255,.45);border-radius:11px;background:#102a40;color:#2df1ff;font-size:28px;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 1px rgba(45,241,255,.08),0 8px 24px rgba(0,0,0,.22)}
.standalone-back-btn:active,.standalone-feature-page .modal-head .close-btn:active{transform:scale(.95)}
.standalone-history-hidden{display:none!important}
.feature-loading-page{z-index:1005}

.deposit-detail-page{overflow:hidden!important}
.deposit-detail-page .standalone-feature-inner{height:100dvh;min-height:0;max-width:1100px;padding:7px 12px 10px;display:flex;flex-direction:column;overflow:hidden}
.deposit-detail-page .modal-head{position:relative!important;top:auto!important;flex:0 0 auto;padding:5px 0 7px!important;margin-bottom:6px!important}
.deposit-detail-page .modal-head h3{font-size:17px!important}
.deposit-detail-page .deposit-detail-card{display:flex;flex-direction:column;gap:6px;flex:0 1 auto;min-height:0}
.deposit-detail-page .deposit-detail-section{padding:7px 10px;border-radius:10px}
.deposit-detail-page .deposit-detail-label{font-size:10px;margin-bottom:4px}

/* Keep only the V9 QR treatment. */
.deposit-detail-page .deposit-detail-section:first-child{padding:5px;display:grid;place-items:center;background:#0d1d2d}
.deposit-detail-page .deposit-detail-section:first-child .deposit-detail-label{display:none}
.deposit-detail-page .deposit-qr-full{padding:0!important;width:168px;height:168px;display:grid;place-items:center;background:#fff;border-radius:4px;overflow:hidden}
.deposit-detail-page .deposit-qr-full img,.deposit-detail-page .deposit-qr-full canvas{width:168px!important;height:168px!important;max-width:168px!important;max-height:168px!important;object-fit:fill!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;background:#fff}

/* Address / amount / proof return to their original vertical layout. */
.deposit-detail-page .deposit-address-full{display:block!important;padding:8px!important}
.deposit-detail-page .deposit-address-full code{display:block!important;font-size:10px;line-height:1.35;margin:0 0 7px!important;word-break:break-all}
.deposit-detail-page .deposit-address-full .copy-btn{display:inline-flex!important;margin:0!important;padding:7px 9px;font-size:11px;white-space:nowrap}
.deposit-detail-page .deposit-amount{display:block!important;padding:7px 10px!important}
.deposit-detail-page .deposit-amount label,.deposit-detail-page .deposit-proof>label:first-child{display:block!important;font-size:10px!important;margin-bottom:4px!important}
.deposit-detail-page .deposit-amount input{height:36px!important;min-height:36px!important;padding:7px 10px!important;font-size:13px!important}
.deposit-detail-page .deposit-proof{display:block!important;padding:7px 10px!important;margin:0!important}
.deposit-detail-page .compact-upload{display:flex!important;width:56px!important;height:56px!important;font-size:22px!important}
.deposit-detail-page .compact-preview{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important;margin:6px 0 0!important}
.deposit-detail-page .compact-preview img{width:56px!important;height:56px!important;border-radius:7px!important}
.deposit-detail-page .file-name{margin:4px 0 0!important;font-size:10px;word-break:break-all;line-height:1.25}
.deposit-detail-page #depositSubmit{flex:0 0 auto;height:39px!important;min-height:39px;margin-top:5px!important;font-size:14px!important}

@media(max-width:700px){
  .standalone-back-btn,.standalone-feature-page .modal-head .close-btn{width:38px!important;height:38px!important;border-radius:10px!important}
  .deposit-detail-page .standalone-feature-inner{padding:4px 8px 7px}
  .deposit-detail-page .modal-head{padding:3px 0 5px!important;margin-bottom:4px!important}
  .deposit-detail-page .modal-head h3{font-size:15px!important}
  .deposit-detail-page .deposit-detail-card{gap:4px}
  .deposit-detail-page .deposit-detail-section{padding:5px 7px}
  .deposit-detail-page .deposit-qr-full{width:142px;height:142px}
  .deposit-detail-page .deposit-qr-full img,.deposit-detail-page .deposit-qr-full canvas{width:142px!important;height:142px!important;max-width:142px!important;max-height:142px!important}
  .deposit-detail-page .deposit-address-full{padding:5px!important}
  .deposit-detail-page .deposit-address-full code{margin-bottom:5px!important}
  .deposit-detail-page .deposit-amount{padding:5px 7px!important}
  .deposit-detail-page .deposit-amount input{height:33px!important;min-height:33px!important}
  .deposit-detail-page .deposit-proof{padding:5px 7px!important}
  .deposit-detail-page .compact-upload{width:48px!important;height:48px!important}
  .deposit-detail-page .compact-preview,.deposit-detail-page .compact-preview img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
  .deposit-detail-page #depositSubmit{height:37px!important;min-height:37px!important;margin-top:4px!important}
}
@media(max-width:700px) and (max-height:720px){
  .deposit-detail-page .deposit-qr-full{width:118px;height:118px}
  .deposit-detail-page .deposit-qr-full img,.deposit-detail-page .deposit-qr-full canvas{width:118px!important;height:118px!important;max-width:118px!important;max-height:118px!important}
  .deposit-detail-page .compact-upload{width:42px!important;height:42px!important}
  .deposit-detail-page .compact-preview,.deposit-detail-page .compact-preview img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important}
}


/* ===== V11 DEVICE / UPLOAD / WITHDRAW SELECTION ===== */
/* Deposit detail: preserve V10 QR, restore readable form proportions and use more screen width. */
.deposit-detail-page .standalone-feature-inner{
  width:min(100%,1440px)!important;
  max-width:1440px!important;
  padding-left:clamp(10px,2vw,28px)!important;
  padding-right:clamp(10px,2vw,28px)!important;
}
.deposit-detail-page .deposit-detail-card{width:100%}
.deposit-detail-page .deposit-detail-section{width:100%;box-sizing:border-box}
.deposit-detail-page .upload-text-box{
  width:88px!important;height:72px!important;display:grid!important;place-items:center!important;
  padding:7px!important;text-align:center;line-height:1.2;font-size:12px!important;font-weight:700;
}
.deposit-detail-page .upload-text-box span{display:block;max-width:72px;word-break:break-word}

/* KYC: same compact square picker visual language as deposit proof; 3 columns on desktop. */
.kyc-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:12px}
.compact-kyc-file{min-width:0;margin:0!important}
.compact-kyc-file>label:first-child{display:block;margin:0 0 8px!important;color:#c3ccda;font-size:12px}
.kyc-square-upload{
  width:90px!important;height:90px!important;display:grid!important;place-items:center!important;
  padding:8px!important;text-align:center;font-size:13px!important;line-height:1.25;font-weight:700;
}
.kyc-square-upload span{max-width:74px;word-break:break-word}
.compact-kyc-file .kyc-image-preview{width:90px!important;height:90px!important;min-height:90px!important;max-height:90px!important;margin-top:8px}
.compact-kyc-file .kyc-image-preview img{width:90px!important;height:90px!important;object-fit:cover!important}
.compact-kyc-file .kyc-preview-empty{display:none!important}
.compact-kyc-file .file-name{display:block;max-width:110px;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Withdrawal account: one explicit current selection, independent of bound/unbound state. */
.method-grid .method{position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}
.method-grid .method.selected{
  border-color:#23f0e2!important;
  background:linear-gradient(135deg,rgba(30,224,210,.18),rgba(20,52,78,.92))!important;
  box-shadow:0 0 0 2px rgba(35,240,226,.22),0 0 18px rgba(35,240,226,.48),inset 0 0 16px rgba(35,240,226,.08)!important;
  transform:translateY(-1px);
}
.method-grid .method.selected::after{
  content:"✓";position:absolute;right:10px;top:8px;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;background:#23e2d5;color:#041823;font-weight:900;font-size:12px;
  box-shadow:0 0 12px rgba(35,226,213,.65)
}

/* Automatic device layouts. The JS sets data-device; media queries remain as a no-JS fallback. */
html[data-device="desktop"] .standalone-feature-inner{max-width:1440px}
html[data-device="tablet"] .standalone-feature-inner{max-width:1080px}
html[data-device="mobile"] .standalone-feature-inner{max-width:none;width:100%}

@media (max-width:767px){
  .standalone-feature-inner{width:100%;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}
  .deposit-detail-page .standalone-feature-inner{width:100%!important;max-width:none!important;padding-left:8px!important;padding-right:8px!important}
  .deposit-detail-page .upload-text-box{width:76px!important;height:64px!important;font-size:11px!important}
  .kyc-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .kyc-square-upload{width:min(25vw,84px)!important;height:min(25vw,84px)!important;font-size:11px!important;padding:5px!important}
  .compact-kyc-file .kyc-image-preview{width:min(25vw,84px)!important;height:min(25vw,84px)!important;min-height:0!important}
  .compact-kyc-file .kyc-image-preview img{width:100%!important;height:100%!important}
  .compact-kyc-file>label:first-child{font-size:10px;min-height:28px}
  .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}

@media (min-width:768px){
  .standalone-feature-page .standalone-feature-inner{width:min(calc(100vw - 32px),1440px)}
}


/* ===== V12 finance/admin refinements ===== */
/* Keep QR size, enlarge the three actionable deposit sections to use available screen space. */
.deposit-detail-page .deposit-address-card,
.deposit-detail-page .deposit-amount-card,
.deposit-detail-page .deposit-proof-card,
.deposit-detail-page .deposit-address-block,
.deposit-detail-page .deposit-amount-block,
.deposit-detail-page .deposit-proof-block {
  min-height: 112px;
  padding: 16px 18px !important;
}
.deposit-detail-page input[type="number"],
.deposit-detail-page input[type="text"] { min-height: 52px; font-size: 16px; }
.deposit-detail-page .square-upload,
.deposit-detail-page .deposit-square-upload { width: 112px; height: 112px; }
@media (max-width: 700px){
  .deposit-detail-page .deposit-address-card,
  .deposit-detail-page .deposit-amount-card,
  .deposit-detail-page .deposit-proof-card,
  .deposit-detail-page .deposit-address-block,
  .deposit-detail-page .deposit-amount-block,
  .deposit-detail-page .deposit-proof-block { min-height: 128px; padding: 16px !important; }
  .deposit-detail-page .square-upload,
  .deposit-detail-page .deposit-square-upload { width: 118px; height: 118px; }
}
/* More visible trade back button */
.trade-page .standalone-back-btn,
.trade-detail-page .standalone-back-btn,
.market-detail-page .standalone-back-btn { width:54px!important;height:54px!important;font-size:25px!important;border-width:2px!important;box-shadow:0 0 14px rgba(0,238,255,.42)!important; }


/* ===== V13 finance UI: larger deposit fields without enlarging QR ===== */
.deposit-detail-page .standalone-feature-inner{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  padding:10px 16px 14px!important;
}
.deposit-detail-page .deposit-detail-card{gap:12px!important}
.deposit-detail-page .deposit-detail-section:not(:first-child){
  min-height:108px!important;
  padding:14px 16px!important;
  border-radius:12px!important;
}
.deposit-detail-page .deposit-detail-label,
.deposit-detail-page .deposit-amount label,
.deposit-detail-page .deposit-proof>label:first-child{
  font-size:13px!important;
  margin-bottom:8px!important;
}
.deposit-detail-page .deposit-address-full{padding:12px!important}
.deposit-detail-page .deposit-address-full code{font-size:13px!important;margin-bottom:10px!important}
.deposit-detail-page .deposit-address-full .copy-btn{padding:9px 13px!important;font-size:14px!important}
.deposit-detail-page .deposit-amount input{height:48px!important;min-height:48px!important;font-size:15px!important;padding:10px 12px!important}
.deposit-detail-page .deposit-proof{min-height:132px!important}
.deposit-detail-page .upload-text-box{
  width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;
  font-size:13px!important;padding:7px!important;overflow:hidden!important;position:relative!important;
}
.deposit-detail-page .upload-text-box.has-file span{display:none!important}
.deposit-detail-page .upload-text-box .inline-upload-preview{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px;display:block;
}
.deposit-detail-page .compact-preview{display:none!important}
.deposit-detail-page #depositSubmit{height:48px!important;min-height:48px!important;font-size:16px!important;margin-top:8px!important}

/* KYC file preview lives inside the square itself. */
.kyc-square-upload{position:relative!important;overflow:hidden!important}
.kyc-square-upload.has-file span{display:none!important}
.kyc-square-upload .inline-upload-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.compact-kyc-file>.kyc-image-preview{display:none!important}

/* Make the back control clearly visible, including the trade page. */
.standalone-back-btn{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  border:2px solid #22dff2!important;border-radius:13px!important;background:#0d3047!important;
  color:#35f2ff!important;font-size:30px!important;box-shadow:0 0 18px rgba(45,241,255,.38)!important;
}

@media (max-width:700px){
  .deposit-detail-page .standalone-feature-inner{width:100%!important;max-width:none!important;padding:8px 10px 12px!important}
  .deposit-detail-page .deposit-detail-card{gap:9px!important}
  .deposit-detail-page .deposit-detail-section:not(:first-child){min-height:116px!important;padding:12px 12px!important}
  .deposit-detail-page .deposit-proof{min-height:138px!important}
  .deposit-detail-page .upload-text-box{width:98px!important;height:98px!important;min-width:98px!important;min-height:98px!important}
  .deposit-detail-page .deposit-amount input{height:50px!important;min-height:50px!important;font-size:16px!important}
  .deposit-detail-page #depositSubmit{height:52px!important;min-height:52px!important;font-size:17px!important}
  .standalone-back-btn{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:28px!important}
}
@media (max-width:700px) and (min-height:760px){
  .deposit-detail-page .deposit-detail-section:not(:first-child){min-height:124px!important}
  .deposit-detail-page .deposit-proof{min-height:146px!important}
}
/* ===== /V13 ===== */

/* V17 security action buttons */
.security-section .security-save-btn{width:100%;min-height:52px;margin-top:12px;border-radius:8px;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}
.loan-repayment-rejected{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:10px;background:rgba(239,68,68,.12);color:#ff6b72;font-weight:800;border:1px solid rgba(239,68,68,.28)}


/* =========================================================
   V26 ASSETS PROFILE / INVITE / INBOX
   ========================================================= */

/* Profile card */
.profile-card{
  position:relative;
  min-height:76px;
  padding:16px 18px !important;
  margin:12px 14px 10px !important;
  gap:14px !important;
}

/* Slightly larger avatar */
.profile-avatar{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  font-size:22px !important;
}

/* Email */
.profile-email{
  font-size:16px !important;
  font-weight:800 !important;
}

/* UID + credit */
.profile-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px 12px !important;
  margin-top:5px !important;
}

/* New inbox position */
.profile-inbox-btn{
  position:relative;
  width:48px;
  height:48px;
  flex:0 0 48px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;
  border:0;
  background:transparent;
  color:#eef7ff;

  cursor:pointer;
}

.profile-inbox-icon{
  font-size:27px;
  line-height:1;

  filter:
    drop-shadow(0 0 7px rgba(42,220,255,.35));
}

/* Unread marker */
.profile-inbox-btn .unread-dot{
  position:absolute !important;
  right:5px !important;
  top:5px !important;

  width:9px !important;
  height:9px !important;

  background:#18e4df !important;
  box-shadow:
    0 0 0 2px #152b45,
    0 0 8px rgba(24,228,223,.8) !important;
}


/* Invite code row */
.invite-setting-row{
  min-height:64px;
}

.invite-setting-icon{
  font-size:20px;
}

.invite-setting-code{
  color:#27e1db;
  font-size:17px;
  font-weight:900;
  letter-spacing:1.4px;
  white-space:nowrap;
  margin-left:auto;
}

.copy-invite-btn{
  min-height:36px;

  margin-left:12px;
  padding:0 15px;

  border:1px solid #21d8d4;
  border-radius:9px;

  background:rgba(7,36,57,.55);
  color:#29e5de;

  font-size:13px;
  font-weight:800;

  white-space:nowrap;
  cursor:pointer;

  box-shadow:
    inset 0 0 14px rgba(31,213,210,.05),
    0 0 12px rgba(31,213,210,.05);
}

.copy-invite-btn:active{
  transform:scale(.97);
}


/* Mobile */
@media(max-width:700px){

  .profile-card{
    margin:10px 12px !important;
    padding:15px !important;
  }

  .profile-avatar{
    width:54px !important;
    height:54px !important;
    flex-basis:54px !important;
    font-size:23px !important;
  }

  .profile-email{
    font-size:16px !important;
  }

  .profile-inbox-btn{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .profile-inbox-icon{
    font-size:25px;
  }

  .invite-setting-row{
    gap:9px !important;
  }

  .invite-setting-code{
    font-size:15px;
    letter-spacing:.8px;
  }

  .copy-invite-btn{
    min-height:34px;
    margin-left:5px;
    padding:0 10px;
    font-size:12px;
  }
}


/* Very small phones */
@media(max-width:390px){

  .invite-setting-code{
    font-size:13px;
  }

  .copy-invite-btn{
    padding:0 7px;
    font-size:11px;
  }
}



/* =========================================================
   V26.1 ASSETS / USDT / SETTINGS ICONS / SECURITY INVITE
   ========================================================= */


/* -------------------------
   USDT visual
   ------------------------- */

.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  min-height:170px;
}

.asset-summary-content{
  position:relative;
  z-index:2;
  width:72%;
}

.usdt-visual{
  position:absolute;
  z-index:1;

  right:-8px;
  top:50%;
  transform:translateY(-50%);

  width:180px;
  height:180px;

  display:flex;
  align-items:center;
  justify-content:center;

  pointer-events:none;

  opacity:.88;
}

.usdt-ring{
  position:absolute;
  border-radius:50%;
}

.usdt-ring-a{
  width:156px;
  height:156px;

  border:2px solid rgba(31,205,255,.62);

  box-shadow:
    0 0 15px rgba(0,194,255,.32),
    inset 0 0 22px rgba(0,157,255,.16);
}

.usdt-ring-b{
  width:128px;
  height:128px;

  border:1px solid rgba(44,224,255,.35);

  box-shadow:
    0 0 32px rgba(0,180,255,.20);
}

.usdt-core{
  width:112px;
  height:112px;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    radial-gradient(
      circle,
      rgba(8,103,149,.40) 0%,
      rgba(5,51,83,.24) 52%,
      rgba(0,15,31,.08) 72%
    );

  box-shadow:
    inset 0 0 30px rgba(14,186,255,.16),
    0 0 22px rgba(0,187,255,.14);
}

.usdt-core span{
  color:#0877aa;
  font-family:Arial,sans-serif;

  font-size:73px;
  line-height:1;
  font-weight:900;

  transform:translateY(-2px);

  text-shadow:
    0 0 10px rgba(0,181,255,.24);
}


/* -------------------------
   Account setting SVG icons
   ------------------------- */

.setting-svg-icon{
  width:28px !important;
  min-width:28px !important;
  height:28px !important;

  display:flex !important;
  align-items:center;
  justify-content:center;

  color:#eef7ff;
}

.setting-svg-icon svg{
  width:22px;
  height:22px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;

  display:block;
}

.setting-row[data-action="language"] .setting-svg-icon{
  color:#38dfff;
}

.setting-row[data-action="loan"] .setting-svg-icon{
  color:#f4f7fb;
}

.setting-row[data-action="security"] .setting-svg-icon{
  color:#f4f7fb;
}

.setting-row[data-action="kyc"] .setting-svg-icon{
  color:#dcecff;
}

.setting-row.danger .setting-svg-icon{
  color:#ff535d;
}


/* -------------------------
   Invite inside Security Center
   ------------------------- */

.security-invite-section{
  margin-bottom:0 !important;
}

.security-invite-head{
  display:flex;
  align-items:center;
  gap:10px;

  margin-bottom:14px;
}

.security-invite-head h4{
  margin:0 !important;
}

.security-invite-icon{
  width:30px;
  height:30px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#36e4df;
}

.security-invite-icon svg{
  width:23px;
  height:23px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.security-invite-row{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:14px;

  padding:14px 15px;

  border:1px solid #29445f;
  border-radius:10px;

  background:#0d1b2d;
}

.security-invite-code{
  color:#28e1db;

  font-size:20px;
  line-height:1;
  font-weight:900;

  letter-spacing:1.5px;
}

.security-copy-invite-btn{
  flex:none;

  min-height:40px !important;

  margin:0 !important;
  padding:0 18px !important;

  border-radius:9px !important;

  font-size:13px !important;
}


/* The old V26 standalone invite row no longer exists */
.invite-setting-row{
  display:none !important;
}


/* -------------------------
   Mobile
   ------------------------- */

@media(max-width:700px){

  .asset-summary-usdt{
    min-height:182px;
  }

  .asset-summary-content{
    width:69%;
  }

  .usdt-visual{
    width:160px;
    height:160px;
    right:-26px;
  }

  .usdt-ring-a{
    width:144px;
    height:144px;
  }

  .usdt-ring-b{
    width:118px;
    height:118px;
  }

  .usdt-core{
    width:102px;
    height:102px;
  }

  .usdt-core span{
    font-size:67px;
  }

  .setting-row{
    min-height:55px;
  }

  .setting-svg-icon{
    min-width:29px !important;
  }

  .setting-svg-icon svg{
    width:23px;
    height:23px;
  }

  .security-invite-row{
    padding:13px 12px;
    gap:10px;
  }

  .security-invite-code{
    font-size:18px;
  }

  .security-copy-invite-btn{
    padding:0 13px !important;
  }
}



/* =========================================================
   V26.2 PAGE INBOX
   positions / trade / support
   ========================================================= */

.page-inbox-btn{
  position:relative;

  width:50px;
  height:50px;
  min-width:50px;
  flex:0 0 50px;

  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(38,211,224,.30);
  border-radius:11px;

  background:rgba(13,45,70,.58);

  color:#ebfbff;

  cursor:pointer;

  box-shadow:
    inset 0 0 15px rgba(19,209,225,.04),
    0 0 15px rgba(25,217,231,.07);
}

.page-inbox-icon{
  display:block;

  font-size:31px;
  line-height:1;

  transform:translateY(-1px);

  filter:
    drop-shadow(0 0 7px rgba(36,226,239,.38));
}


/* unread indicator */
.page-inbox-btn .unread-dot{
  position:absolute !important;

  top:5px !important;
  right:5px !important;

  width:10px !important;
  height:10px !important;

  border-radius:50% !important;

  background:#20e3de !important;

  box-shadow:
    0 0 0 2px #0d263b,
    0 0 8px rgba(32,227,222,.75) !important;
}


/* ---------------------------
   Positions
   --------------------------- */

.position-search-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.position-search-actions .position-search-btn{
  height:100%;
  min-height:42px;
}


/* ---------------------------
   Trade
   --------------------------- */

.page-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.trade-page-head .page-inbox-btn{
  width:46px;
  height:46px;
  min-width:46px;
  flex-basis:46px;
}


/* ---------------------------
   Support
   --------------------------- */

.support-page-head .page-inbox-btn{
  width:46px;
  height:46px;
  min-width:46px;
  flex-basis:46px;
}


/* Assets inbox also slightly larger */
.profile-inbox-btn{
  width:52px !important;
  height:52px !important;
  flex-basis:52px !important;
}

.profile-inbox-icon{
  font-size:31px !important;
}


/* ---------------------------
   Mobile
   --------------------------- */

@media(max-width:700px){

  .page-inbox-btn{
    width:44px;
    height:44px;
    min-width:44px;
    flex-basis:44px;

    border-radius:10px;
  }

  .page-inbox-icon{
    font-size:27px;
  }

  .trade-page-head .page-inbox-btn,
  .support-page-head .page-inbox-btn{
    width:42px;
    height:42px;
    min-width:42px;
    flex-basis:42px;
  }

  .position-search-actions{
    gap:5px;
  }

  .profile-inbox-btn{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }

  .profile-inbox-icon{
    font-size:28px !important;
  }
}



/* =========================================================
   V26.3 PROFILE EMAIL PRIVACY
   ========================================================= */

.profile-email-line{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}

.profile-email-line .profile-email{
  min-width:0;
  max-width:240px;
}

.profile-email-eye{
  width:30px;
  height:30px;
  min-width:30px;

  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;
  border-radius:8px;

  background:transparent;
  color:#8fa8c1;

  cursor:pointer;
}

.profile-email-eye svg{
  width:19px;
  height:19px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.profile-email-eye:hover,
.profile-email-eye.is-visible{
  color:#2fe1dc;
  background:rgba(34,217,213,.08);
}

.profile-email-eye.is-visible svg{
  filter:drop-shadow(0 0 5px rgba(40,224,218,.35));
}

@media(max-width:700px){

  .profile-email-eye{
    width:28px;
    height:28px;
    min-width:28px;
  }

  .profile-email-eye svg{
    width:18px;
    height:18px;
  }
}



/* =========================================================
   V26.3 SOFT USDT BACKGROUND VISUAL
   ========================================================= */

.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;

  background:
    radial-gradient(
      circle at 88% 48%,
      rgba(0,151,220,.075) 0,
      rgba(0,119,188,.035) 19%,
      transparent 42%
    ),
    #14263b !important;
}

.usdt-visual{
  right:-14px !important;
  top:50% !important;

  width:190px !important;
  height:190px !important;

  opacity:.42 !important;

  transform:
    translateY(-50%)
    scale(.98) !important;

  filter:saturate(.82) !important;

  mix-blend-mode:screen;

  -webkit-mask-image:
    linear-gradient(
      to left,
      rgba(0,0,0,.95) 18%,
      rgba(0,0,0,.80) 60%,
      rgba(0,0,0,.15) 96%
    );

  mask-image:
    linear-gradient(
      to left,
      rgba(0,0,0,.95) 18%,
      rgba(0,0,0,.80) 60%,
      rgba(0,0,0,.15) 96%
    );
}

.usdt-ring-a{
  width:164px !important;
  height:164px !important;

  border:
    1px solid rgba(37,211,255,.36) !important;

  box-shadow:
    0 0 12px rgba(5,191,241,.10),
    inset 0 0 18px rgba(4,177,232,.06)
    !important;
}

.usdt-ring-b{
  width:132px !important;
  height:132px !important;

  border:
    1px solid rgba(44,203,241,.20) !important;

  box-shadow:
    0 0 20px rgba(0,176,225,.06)
    !important;
}

.usdt-core{
  width:112px !important;
  height:112px !important;

  background:
    radial-gradient(
      circle,
      rgba(8,107,153,.11) 0%,
      rgba(6,68,104,.05) 45%,
      transparent 73%
    ) !important;

  box-shadow:
    inset 0 0 22px rgba(15,187,231,.05),
    0 0 20px rgba(0,168,224,.05)
    !important;
}

.usdt-core span{
  color:rgba(12,130,177,.46) !important;

  font-size:70px !important;
  font-weight:800 !important;

  text-shadow:
    0 0 7px rgba(17,170,218,.10)
    !important;
}

.usdt-visual::before,
.usdt-visual::after{
  content:"";
  position:absolute;

  left:50%;
  top:50%;

  border-radius:50%;

  transform:translate(-50%,-50%);

  pointer-events:none;
}

.usdt-visual::before{
  width:178px;
  height:178px;

  border:
    1px solid rgba(40,203,244,.10);
}

.usdt-visual::after{
  width:148px;
  height:148px;

  border-top:
    1px solid rgba(37,222,255,.22);

  border-right:1px solid transparent;
  border-bottom:
    1px solid rgba(16,115,174,.06);
  border-left:1px solid transparent;

  transform:
    translate(-50%,-50%)
    rotate(-18deg);
}

@media(max-width:700px){

  .usdt-visual{
    right:-30px !important;

    width:170px !important;
    height:170px !important;

    opacity:.40 !important;
  }

  .usdt-ring-a{
    width:150px !important;
    height:150px !important;
  }

  .usdt-ring-b{
    width:120px !important;
    height:120px !important;
  }

  .usdt-core{
    width:101px !important;
    height:101px !important;
  }

  .usdt-core span{
    font-size:63px !important;
  }
}



/* =========================================================
   V26.4 ASSET SUMMARY REDESIGN
   总资产 / 可用余额重做 + USDT 图标柔和融入背景
   ========================================================= */

.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  padding:24px 24px 22px !important;
  border-radius:22px !important;
  border:1px solid rgba(58,144,220,.22) !important;

  background:
    radial-gradient(circle at 82% 28%, rgba(26,189,255,.10), transparent 28%),
    radial-gradient(circle at 78% 62%, rgba(36,124,255,.08), transparent 32%),
    linear-gradient(135deg, rgba(10,46,78,.98) 0%, rgba(10,38,67,.95) 46%, rgba(8,28,52,.98) 100%) !important;

  box-shadow:
    inset 0 1px 0 rgba(135,217,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 18px 40px rgba(0,8,24,.22) !important;
}

.asset-summary-usdt::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(40,182,255,.06), transparent 28%, transparent 72%, rgba(20,122,235,.04));
  pointer-events:none;
  z-index:0;
}

.asset-summary-usdt > *{
  position:relative;
  z-index:2;
}

/* 如果现有结构里有这些常见元素，就统一美化 */
.asset-summary-usdt .asset-total-label,
.asset-summary-usdt .summary-title,
.asset-summary-usdt .balance-title,
.asset-summary-usdt .total-title,
.asset-summary-usdt .asset-summary-title,
.asset-summary-usdt .stat-title{
  color:rgba(220,236,255,.88) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.2px !important;
}

.asset-summary-usdt .asset-total-value,
.asset-summary-usdt .summary-value,
.asset-summary-usdt .balance-value,
.asset-summary-usdt .total-value,
.asset-summary-usdt .asset-summary-value,
.asset-summary-usdt .stat-value{
  color:#31ebde !important;
  font-size:54px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.5px !important;
  text-shadow:0 0 18px rgba(49,235,222,.08) !important;
}

.asset-summary-usdt .asset-available,
.asset-summary-usdt .available-box,
.asset-summary-usdt .available-card,
.asset-summary-usdt .sub-balance-card,
.asset-summary-usdt .available-balance-box,
.asset-summary-usdt .usable-balance-box{
  margin-top:16px !important;
  padding:16px 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(80,143,211,.10) !important;
  background:
    linear-gradient(180deg, rgba(33,58,92,.46), rgba(24,45,74,.42)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 18px rgba(0,0,0,.10) !important;
}

.asset-summary-usdt .asset-available-label,
.asset-summary-usdt .available-label,
.asset-summary-usdt .sub-balance-label,
.asset-summary-usdt .usable-balance-label{
  color:rgba(214,229,247,.82) !important;
  font-size:13px !important;
  font-weight:600 !important;
}

.asset-summary-usdt .asset-available-value,
.asset-summary-usdt .available-value,
.asset-summary-usdt .sub-balance-value,
.asset-summary-usdt .usable-balance-value{
  margin-top:6px !important;
  color:#35e8e0 !important;
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:.2px !important;
}

/* 柔和 USDT 背景图标 */
.usdt-visual{
  position:absolute !important;
  right:-10px !important;
  top:50% !important;
  width:220px !important;
  height:220px !important;
  transform:translateY(-50%) !important;
  opacity:.42 !important;
  z-index:1 !important;
  pointer-events:none !important;
  filter:saturate(.8) blur(.15px) !important;
  mix-blend-mode:screen !important;
}

.usdt-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center, rgba(58,210,255,.08), transparent 56%);
  border-radius:50%;
}

.usdt-ring-a{
  width:178px !important;
  height:178px !important;
  border:1px solid rgba(44,224,255,.22) !important;
  box-shadow:
    0 0 16px rgba(0,180,255,.08),
    inset 0 0 24px rgba(0,160,240,.04) !important;
}

.usdt-ring-b{
  width:146px !important;
  height:146px !important;
  border:1px solid rgba(44,224,255,.13) !important;
  box-shadow:
    0 0 12px rgba(0,180,255,.05) !important;
}

.usdt-core{
  width:118px !important;
  height:118px !important;
  background:
    radial-gradient(circle, rgba(26,157,217,.08) 0%, rgba(20,96,149,.06) 46%, transparent 74%) !important;
  box-shadow:
    inset 0 0 24px rgba(41,193,241,.04),
    0 0 20px rgba(0,173,229,.04) !important;
}

.usdt-core span{
  color:rgba(56,196,233,.34) !important;
  font-size:72px !important;
  font-weight:800 !important;
  text-shadow:
    0 0 10px rgba(32,202,240,.06) !important;
}

/* 手机优化 */
@media(max-width:700px){
  .asset-summary-usdt{
    padding:20px 18px 18px !important;
    border-radius:20px !important;
  }

  .asset-summary-usdt .asset-total-value,
  .asset-summary-usdt .summary-value,
  .asset-summary-usdt .balance-value,
  .asset-summary-usdt .total-value,
  .asset-summary-usdt .asset-summary-value,
  .asset-summary-usdt .stat-value{
    font-size:44px !important;
  }

  .usdt-visual{
    right:-18px !important;
    width:180px !important;
    height:180px !important;
    opacity:.36 !important;
  }

  .usdt-ring-a{
    width:150px !important;
    height:150px !important;
  }

  .usdt-ring-b{
    width:122px !important;
    height:122px !important;
  }

  .usdt-core{
    width:96px !important;
    height:96px !important;
  }

  .usdt-core span{
    font-size:58px !important;
  }
}



/* =========================================================
   V26.4 TRADE PAGE TOP RIGHT - REMOVE MAGNIFIER
   ========================================================= */

.trade-page-head .page-search-btn,
.trade-page-head .page-head-search,
.trade-page-head .page-head-actions .search-btn,
.trade-page-head .page-head-actions [data-action="page-search"]{
  display:none !important;
}

.trade-page-head .page-inbox-btn{
  margin-left:auto !important;
}



/* =========================================================
   V26.4 SUPPORT PAGE FULL FILL
   客服页铺满，不留左右和底部空白
   ========================================================= */

.support-page,
.support-wrap,
.support-layout,
.support-container,
.support-main,
.support-body{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

.support-page .support-hero,
.support-page .support-panel,
.support-page .support-card,
.support-page .support-shell,
.support-page .support-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
}

.support-page .support-panel,
.support-page .support-card,
.support-page .support-shell,
.support-page .support-content{
  min-height:calc(100vh - 120px) !important;
  padding-bottom:90px !important;
}

.support-page .support-hero{
  min-height:auto !important;
}

@media(max-width:820px){
  .support-page,
  .support-wrap,
  .support-layout,
  .support-container,
  .support-main,
  .support-body{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .support-page .support-panel,
  .support-page .support-card,
  .support-page .support-shell,
  .support-page .support-content{
    min-height:calc(100vh - 106px) !important;
    padding-bottom:96px !important;
  }
}



/* =========================================================
   V26.5 HOME INBOX - SAME SIZE AS OTHER PAGES
   ========================================================= */

.topbar > .inbox-btn{
  position:relative !important;

  width:50px !important;
  height:50px !important;
  min-width:50px !important;

  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid rgba(39,215,228,.30) !important;
  border-radius:11px !important;

  background:rgba(13,45,70,.58) !important;

  color:#eefcff !important;

  font-size:31px !important;
  line-height:1 !important;

  box-shadow:
    inset 0 0 15px rgba(19,209,225,.04),
    0 0 15px rgba(25,217,231,.08) !important;

  text-shadow:
    0 0 8px rgba(36,226,239,.36) !important;
}

.topbar > .inbox-btn .unread-dot{
  top:5px !important;
  right:5px !important;

  width:10px !important;
  height:10px !important;

  background:#20e3de !important;

  box-shadow:
    0 0 0 2px #0d263b,
    0 0 8px rgba(32,227,222,.75) !important;
}

@media(max-width:700px){

  .topbar > .inbox-btn{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;

    font-size:28px !important;
  }
}



/* =========================================================
   V26.5 REAL ASSET SUMMARY REDESIGN
   ========================================================= */

.asset-summary.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  min-height:210px !important;

  padding:24px !important;

  border:1px solid rgba(65,133,194,.25) !important;
  border-radius:18px !important;

  background:
    radial-gradient(
      circle at 89% 48%,
      rgba(18,145,206,.10) 0%,
      rgba(13,94,160,.045) 26%,
      transparent 48%
    ),
    linear-gradient(
      135deg,
      #142a43 0%,
      #142940 46%,
      #10243a 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(121,195,239,.035),
    0 12px 30px rgba(0,8,22,.15)
    !important;
}


/* LEFT CONTENT */
.asset-summary-usdt .asset-summary-content{
  position:relative !important;
  z-index:3 !important;

  width:64% !important;
  min-width:0 !important;
}


/* TOTAL LABEL */
.asset-summary-usdt .asset-summary-content
> .summary-label{
  margin:0 0 8px !important;

  color:#b7c7d8 !important;

  font-size:13px !important;
  font-weight:600 !important;
}


/* TOTAL NUMBER */
.asset-summary-usdt .total{
  position:relative !important;
  z-index:3 !important;

  margin:0 0 19px !important;

  color:#2de0d7 !important;

  font-size:36px !important;
  line-height:1.05 !important;

  font-weight:900 !important;

  letter-spacing:.3px !important;

  text-shadow:
    0 0 15px rgba(45,224,215,.08)
    !important;
}


/* AVAILABLE BALANCE INNER PANEL */
.asset-summary-usdt .available{
  position:relative !important;
  z-index:3 !important;

  width:100% !important;

  margin:0 !important;
  padding:15px 16px !important;

  border:1px solid rgba(73,121,173,.08) !important;
  border-radius:13px !important;

  background:
    linear-gradient(
      180deg,
      rgba(31,57,88,.58),
      rgba(27,51,80,.47)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018)
    !important;
}


.asset-summary-usdt .available .summary-label{
  color:#adbed0 !important;

  font-size:12px !important;
  font-weight:500 !important;
}


.asset-summary-usdt .available b{
  display:block !important;

  margin-top:7px !important;

  color:#2fddd7 !important;

  font-size:18px !important;
  line-height:1 !important;

  font-weight:800 !important;
}


/* ==================================
   DECORATIVE USDT — BACKGROUND ONLY
   ================================== */

.asset-summary-usdt .usdt-visual{
  position:absolute !important;
  z-index:1 !important;

  top:50% !important;
  right:-18px !important;

  width:205px !important;
  height:205px !important;

  transform:
    translateY(-50%)
    scale(1) !important;

  opacity:.31 !important;

  pointer-events:none !important;

  filter:
    saturate(.72)
    contrast(.90)
    blur(.08px) !important;

  mix-blend-mode:screen !important;

  -webkit-mask-image:
    radial-gradient(
      circle at center,
      #000 25%,
      rgba(0,0,0,.85) 51%,
      rgba(0,0,0,.22) 76%,
      transparent 96%
    );

  mask-image:
    radial-gradient(
      circle at center,
      #000 25%,
      rgba(0,0,0,.85) 51%,
      rgba(0,0,0,.22) 76%,
      transparent 96%
    );
}


.asset-summary-usdt .usdt-ring-a{
  width:170px !important;
  height:170px !important;

  border:
    1px solid rgba(38,214,255,.30) !important;

  box-shadow:
    0 0 12px rgba(20,185,237,.07),
    inset 0 0 18px rgba(8,166,220,.035)
    !important;
}


.asset-summary-usdt .usdt-ring-b{
  width:138px !important;
  height:138px !important;

  border:
    1px solid rgba(36,197,239,.16) !important;

  box-shadow:none !important;
}


.asset-summary-usdt .usdt-core{
  width:111px !important;
  height:111px !important;

  background:
    radial-gradient(
      circle,
      rgba(15,120,171,.055),
      rgba(8,73,116,.028) 55%,
      transparent 75%
    ) !important;

  box-shadow:none !important;
}


.asset-summary-usdt .usdt-core span{
  color:rgba(33,159,203,.42) !important;

  font-size:67px !important;
  font-weight:800 !important;

  opacity:.75 !important;

  text-shadow:none !important;
}


/* A couple of incomplete orbit accents */
.asset-summary-usdt .usdt-visual::before,
.asset-summary-usdt .usdt-visual::after{
  content:"";

  position:absolute;

  left:50%;
  top:50%;

  border-radius:50%;

  pointer-events:none;
}


.asset-summary-usdt .usdt-visual::before{
  width:188px;
  height:188px;

  transform:
    translate(-50%,-50%)
    rotate(20deg);

  border-top:
    1px solid rgba(48,210,247,.15);

  border-right:
    1px solid transparent;

  border-bottom:
    1px solid rgba(31,117,175,.055);

  border-left:
    1px solid transparent;
}


.asset-summary-usdt .usdt-visual::after{
  width:152px;
  height:152px;

  transform:
    translate(-50%,-50%)
    rotate(-25deg);

  border-top:
    1px solid rgba(49,209,245,.13);

  border-right:
    1px solid transparent;

  border-bottom:0;
  border-left:0;
}


/* MOBILE */
@media(max-width:700px){

  .asset-summary.asset-summary-usdt{
    min-height:205px !important;

    padding:20px 17px !important;

    border-radius:17px !important;
  }

  .asset-summary-usdt .asset-summary-content{
    width:69% !important;
  }

  .asset-summary-usdt .total{
    font-size:34px !important;
  }

  .asset-summary-usdt .available{
    padding:14px !important;
  }

  .asset-summary-usdt .available b{
    font-size:17px !important;
  }

  .asset-summary-usdt .usdt-visual{
    right:-38px !important;

    width:180px !important;
    height:180px !important;

    opacity:.27 !important;
  }

  .asset-summary-usdt .usdt-ring-a{
    width:152px !important;
    height:152px !important;
  }

  .asset-summary-usdt .usdt-ring-b{
    width:122px !important;
    height:122px !important;
  }

  .asset-summary-usdt .usdt-core{
    width:98px !important;
    height:98px !important;
  }

  .asset-summary-usdt .usdt-core span{
    font-size:59px !important;
  }
}



/* =========================================================
   V26.5 REAL SUPPORT PAGE FULL FILL
   ========================================================= */

/*
 * Only affect the page that actually contains support-v23.
 */
.page:has(.support-v23){
  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  padding-left:0 !important;
  padding-right:0 !important;
  padding-bottom:0 !important;

  overflow-x:hidden !important;
}


/* Top support header stays full width */
.page:has(.support-v23) .support-page-head{
  width:100% !important;

  margin:0 !important;

  padding-left:12px !important;
  padding-right:12px !important;

  box-sizing:border-box !important;
}


/* Main support panel */
.page:has(.support-v23) .support-v23{
  width:100% !important;
  max-width:none !important;

  min-height:
    calc(100dvh - 48px - 74px) !important;

  margin:0 !important;

  padding:
    18px 18px 96px !important;

  border-left:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;

  border-radius:0 !important;

  box-sizing:border-box !important;
}


/* Center desktop content without making the outside blank */
.page:has(.support-v23) .support-v23-hero,
.page:has(.support-v23) .support-v23-agent,
.page:has(.support-v23) .support-v23-features,
.page:has(.support-v23) .support-v23-cta{
  width:100% !important;

  box-sizing:border-box !important;
}


@media(max-width:700px){

  .page:has(.support-v23){
    height:calc(100dvh - 74px) !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding-top:4px !important;
    padding-bottom:0 !important;
  }

  .page:has(.support-v23) .support-page-head{
    flex:0 0 54px !important;
    min-height:54px !important;
    padding:5px 10px !important;
    box-sizing:border-box !important;
  }

  .page:has(.support-v23) .support-v23{
    height:calc(100% - 54px) !important;
    min-height:0 !important;
    max-height:calc(100% - 54px) !important;

    margin:0 !important;
    padding:10px 12px 6px !important;

    border-radius:0 !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* 顶部主视觉 */
  .page:has(.support-v23) .support-v23-hero{
    flex:0 0 auto !important;
    padding-top:2px !important;
  }

  .page:has(.support-v23) .support-v23-orbit{
    width:102px !important;
    height:102px !important;
    margin:0 auto 3px !important;
  }

  .page:has(.support-v23) .support-v23-headset{
    width:58px !important;
    height:58px !important;
  }

  .page:has(.support-v23) .support-v23-badge{
    margin-top:-2px !important;
  }

  .page:has(.support-v23) .support-v23-hero h1{
    font-size:19px !important;
    margin:7px 0 5px !important;
    line-height:1.2 !important;
  }

  .page:has(.support-v23) .support-v23-ready{
    font-size:10px !important;
  }

  /* 1:1 客服卡片 */
  .page:has(.support-v23) .support-v23-agent{
    flex:0 0 auto !important;

    min-height:108px !important;

    margin:12px 0 10px !important;
    padding:9px 10px !important;

    grid-template-columns:92px 1fr !important;
    gap:10px !important;
  }

  .page:has(.support-v23) .support-v23-agent-art{
    height:98px !important;
  }

  .page:has(.support-v23) .support-v23-agent-headset{
    width:66px !important;
    height:66px !important;
  }

  .page:has(.support-v23) .support-v23-agent-copy h3{
    font-size:15px !important;
    margin-bottom:4px !important;
  }

  .page:has(.support-v23) .support-v23-agent-copy p{
    font-size:10px !important;
    line-height:1.4 !important;
  }

  .page:has(.support-v23) .support-v23-channel{
    font-size:9px !important;
    padding:3px 6px !important;
    margin-top:5px !important;
  }

  /* 三个功能模块 */
  .page:has(.support-v23) .support-v23-features{
    flex:0 0 auto !important;

    display:grid !important;
    gap:7px !important;
  }

  .page:has(.support-v23) .support-v23-feature{
    min-height:55px !important;

    padding:7px 10px !important;

    grid-template-columns:38px 1fr !important;
    gap:9px !important;

    border-radius:13px !important;
  }

  .page:has(.support-v23) .support-v23-feature .feature-icon{
    width:36px !important;
    height:36px !important;
  }

  .page:has(.support-v23) .support-v23-feature .feature-icon svg{
    width:24px !important;
    height:24px !important;
  }

  .page:has(.support-v23) .support-v23-feature b{
    font-size:13px !important;
    margin-bottom:1px !important;
  }

  .page:has(.support-v23) .support-v23-feature small{
    font-size:9px !important;
    line-height:1.2 !important;
  }

  /*
   * CTA 自动吃掉前面剩余空间，
   * 永远贴住底部导航栏上方。
   */
  .page:has(.support-v23) .support-v23-cta{
    flex:0 0 54px !important;

    min-height:54px !important;
    height:54px !important;

    margin-top:auto !important;
    margin-bottom:0 !important;

    padding:0 11px !important;

    grid-template-columns:36px 1fr 34px !important;
    gap:7px !important;

    border-radius:14px !important;
  }

  .page:has(.support-v23) .support-v23-cta .cta-headset{
    width:33px !important;
    height:33px !important;
  }

  .page:has(.support-v23) .support-v23-cta .cta-headset svg{
    width:30px !important;
    height:30px !important;
  }

  .page:has(.support-v23) .support-v23-cta strong{
    font-size:15px !important;
  }

  .page:has(.support-v23) .support-v23-cta>b{
    width:32px !important;
    height:32px !important;
    font-size:19px !important;
  }
}



/* =========================================================
   V26.7 FIX - EMAIL EYE OPEN / CLOSED STATES
   ========================================================= */

.profile-email-eye .email-eye-open{
  display:none !important;
}

.profile-email-eye .email-eye-closed{
  display:block !important;
}

.profile-email-eye.is-visible .email-eye-open{
  display:block !important;
}

.profile-email-eye.is-visible .email-eye-closed{
  display:none !important;
}

/* hidden email = subdued closed eye */
.profile-email-eye:not(.is-visible){
  color:#859bb4 !important;
}

/* full email visible = cyan open eye */
.profile-email-eye.is-visible{
  color:#24e6e2 !important;
  background:rgba(36,230,226,.07) !important;
}

.profile-email-eye svg{
  width:20px !important;
  height:20px !important;
}



/* =========================================================
   V26.7 FIX - PREMIUM ASSET BALANCE CARD
   ========================================================= */

.asset-summary.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  display:grid !important;
  grid-template-columns:minmax(0,62%) minmax(220px,38%) !important;

  min-height:360px !important;

  padding:34px 38px !important;
  margin:0 14px 22px !important;

  border-radius:30px !important;

  border:
    1px solid rgba(50,127,226,.38) !important;

  background:
    radial-gradient(
      circle at 82% 48%,
      rgba(0,158,255,.115) 0%,
      rgba(7,87,185,.055) 26%,
      transparent 50%
    ),
    radial-gradient(
      circle at 18% 40%,
      rgba(34,103,255,.08) 0%,
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #0c1e3e 0%,
      #081932 48%,
      #07162f 100%
    ) !important;

  box-shadow:
    inset 0 0 0 1px rgba(76,151,255,.055),
    inset 0 1px 0 rgba(137,202,255,.045),
    0 22px 55px rgba(0,8,28,.26)
    !important;
}


/* subtle integrated light texture */
.asset-summary.asset-summary-usdt::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:0;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(26,111,255,.025) 38%,
      rgba(35,226,255,.04) 62%,
      transparent 78%
    );

  pointer-events:none;
}


/* =========================
   LEFT SIDE
   ========================= */

.asset-summary-usdt .asset-summary-content{
  position:relative !important;
  z-index:3 !important;

  width:100% !important;

  display:flex !important;
  flex-direction:column !important;

  justify-content:center !important;

  padding:
    14px 14px 10px 10px !important;
}


/* TOTAL LABEL */
.asset-summary-usdt
.asset-summary-content
> .summary-label{
  margin:0 0 18px !important;

  color:#b9c9df !important;

  font-size:clamp(17px,1.7vw,28px) !important;
  font-weight:600 !important;

  letter-spacing:.3px !important;
}


/* TOTAL BALANCE */
.asset-summary-usdt .total{
  margin:
    0 0 34px !important;

  color:#28e8ef !important;

  font-size:
    clamp(52px,6.2vw,98px) !important;

  line-height:.96 !important;

  font-weight:900 !important;

  letter-spacing:.5px !important;

  text-shadow:
    0 0 16px rgba(40,232,239,.09),
    0 0 32px rgba(40,232,239,.045)
    !important;
}


/* AVAILABLE BALANCE CARD */
.asset-summary-usdt .available{
  position:relative !important;
  z-index:4 !important;

  width:min(620px,92%) !important;

  min-height:132px !important;

  margin:0 !important;

  padding:
    25px 72px 22px 28px !important;

  border-radius:24px !important;

  border:
    1px solid rgba(50,110,200,.26) !important;

  background:
    linear-gradient(
      180deg,
      rgba(19,39,78,.72),
      rgba(11,28,61,.78)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 13px 24px rgba(0,0,0,.10)
    !important;
}


.asset-summary-usdt .available::after{
  content:"›";

  position:absolute;

  right:25px;
  top:50%;

  transform:translateY(-52%);

  color:#1bdcff;

  font-size:54px;
  line-height:1;

  opacity:.82;
}


.asset-summary-usdt
.available
.summary-label{
  margin:0 !important;

  color:#b5c6dd !important;

  font-size:clamp(15px,1.45vw,23px) !important;

  font-weight:500 !important;
}


.asset-summary-usdt
.available b{
  display:block !important;

  margin-top:11px !important;

  color:#2ce4ed !important;

  font-size:clamp(27px,3vw,45px) !important;

  line-height:1 !important;

  font-weight:850 !important;
}


/* =========================
   RIGHT USDT TECHNOLOGY ART
   ========================= */

.asset-summary-usdt .usdt-visual{
  position:relative !important;
  z-index:1 !important;

  right:auto !important;
  top:auto !important;

  width:100% !important;
  height:auto !important;

  aspect-ratio:1 / 1 !important;

  align-self:center !important;
  justify-self:center !important;

  display:grid !important;
  place-items:center !important;

  transform:none !important;

  opacity:.76 !important;

  filter:
    saturate(.82)
    contrast(.94)
    !important;

  mix-blend-mode:screen !important;

  pointer-events:none !important;

  -webkit-mask-image:
    radial-gradient(
      circle,
      #000 0%,
      rgba(0,0,0,.94) 56%,
      rgba(0,0,0,.38) 78%,
      transparent 98%
    );

  mask-image:
    radial-gradient(
      circle,
      #000 0%,
      rgba(0,0,0,.94) 56%,
      rgba(0,0,0,.38) 78%,
      transparent 98%
    );
}


/* soft circular background */
.asset-summary-usdt .usdt-visual::before{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:94% !important;
  height:94% !important;

  transform:
    translate(-50%,-50%) !important;

  border-radius:50% !important;

  border:
    1px solid rgba(31,175,255,.19) !important;

  background:
    repeating-radial-gradient(
      circle,
      transparent 0 15px,
      rgba(33,172,255,.025) 16px 17px
    ) !important;

  box-shadow:
    0 0 36px rgba(0,147,255,.08),
    inset 0 0 40px rgba(0,126,255,.045)
    !important;
}


/* broken outer orbit */
.asset-summary-usdt .usdt-visual::after{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:81% !important;
  height:81% !important;

  transform:
    translate(-50%,-50%)
    rotate(16deg) !important;

  border-radius:50% !important;

  border-top:
    2px solid rgba(46,224,255,.47) !important;

  border-right:
    1px solid rgba(18,118,217,.08) !important;

  border-bottom:
    2px solid rgba(27,138,243,.14) !important;

  border-left:
    1px solid transparent !important;

  box-shadow:
    0 0 18px rgba(19,191,255,.075)
    !important;
}


/* OUTER RING */
.asset-summary-usdt .usdt-ring-a{
  position:absolute !important;

  width:70% !important;
  height:70% !important;

  border-radius:50% !important;

  border:
    2px solid rgba(41,220,255,.32) !important;

  box-shadow:
    0 0 18px rgba(38,196,255,.11),
    inset 0 0 21px rgba(13,160,240,.07)
    !important;
}


/* INNER RING */
.asset-summary-usdt .usdt-ring-b{
  position:absolute !important;

  width:54% !important;
  height:54% !important;

  border-radius:50% !important;

  border:
    2px solid rgba(64,231,255,.44) !important;

  box-shadow:
    0 0 24px rgba(44,205,255,.13),
    inset 0 0 18px rgba(36,218,255,.08)
    !important;
}


/* CENTER */
.asset-summary-usdt .usdt-core{
  position:relative !important;
  z-index:4 !important;

  width:43% !important;
  height:43% !important;

  display:grid !important;
  place-items:center !important;

  border-radius:50% !important;

  border:
    2px solid rgba(103,244,255,.49) !important;

  background:
    radial-gradient(
      circle at 43% 38%,
      rgba(58,231,255,.24) 0%,
      rgba(11,121,194,.13) 42%,
      rgba(7,54,113,.30) 72%,
      rgba(3,28,72,.42) 100%
    ) !important;

  box-shadow:
    0 0 30px rgba(25,189,255,.14),
    inset 0 0 30px rgba(62,226,255,.11)
    !important;
}


/* TETHER GLYPH */
.asset-summary-usdt .usdt-core span{
  position:relative !important;
  z-index:5 !important;

  color:
    rgba(77,232,247,.82) !important;

  font-size:
    clamp(58px,6.5vw,105px) !important;

  line-height:1 !important;

  font-weight:900 !important;

  opacity:.90 !important;

  text-shadow:
    0 0 12px rgba(58,223,255,.12)
    !important;
}


/* horizon glow below USDT */
.asset-summary-usdt .usdt-core::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:-43%;

  width:145%;
  height:18%;

  transform:
    translateX(-50%);

  border-radius:50%;

  border:
    1px solid rgba(47,214,255,.28);

  background:
    radial-gradient(
      ellipse,
      rgba(29,192,255,.14),
      transparent 69%
    );

  box-shadow:
    0 0 18px rgba(39,206,255,.11);
}


/* =========================
   MOBILE — KEEP 2 COLUMNS
   ========================= */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt{
    grid-template-columns:
      minmax(0,64%)
      minmax(125px,36%) !important;

    min-height:235px !important;

    padding:
      19px 14px 17px 17px !important;

    margin:
      0 12px 18px !important;

    border-radius:
      20px !important;
  }


  .asset-summary-usdt
  .asset-summary-content{
    padding:
      3px 0 3px 0 !important;
  }


  .asset-summary-usdt
  .asset-summary-content
  > .summary-label{
    margin-bottom:
      9px !important;

    font-size:
      14px !important;
  }


  .asset-summary-usdt
  .total{
    margin-bottom:
      19px !important;

    font-size:
      clamp(35px,10vw,52px) !important;
  }


  .asset-summary-usdt
  .available{
    width:
      100% !important;

    min-height:
      92px !important;

    padding:
      16px 43px 14px 16px !important;

    border-radius:
      15px !important;
  }


  .asset-summary-usdt
  .available
  .summary-label{
    font-size:
      12px !important;
  }


  .asset-summary-usdt
  .available b{
    margin-top:
      7px !important;

    font-size:
      20px !important;
  }


  .asset-summary-usdt
  .available::after{
    right:
      13px !important;

    font-size:
      35px !important;
  }


  .asset-summary-usdt
  .usdt-visual{
    width:
      148px !important;

    max-width:
      100% !important;

    opacity:
      .66 !important;

    transform:
      translateX(8px) !important;
  }


  .asset-summary-usdt
  .usdt-core span{
    font-size:
      48px !important;
  }
}


/* very small phones */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt{
    grid-template-columns:
      minmax(0,67%)
      minmax(100px,33%) !important;

    padding:
      17px 10px 15px 14px !important;
  }


  .asset-summary-usdt
  .total{
    font-size:
      34px !important;
  }


  .asset-summary-usdt
  .usdt-visual{
    width:
      126px !important;

    transform:
      translateX(12px) !important;
  }
}


/* =========================================================
   V26.8 SAFE - ACCOUNT MANAGEMENT CARDS
   ========================================================= */

.account-grid .account-card{
  min-height:108px !important;
  padding:16px 10px !important;
  border:1px solid rgba(54,111,178,.28) !important;
  border-radius:14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(25,49,78,.96),
      rgba(18,39,66,.96)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 8px 18px rgba(0,0,0,.12) !important;
}

.account-grid .account-card .aicon{
  width:48px !important;
  height:48px !important;

  margin:0 auto 11px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:50% !important;

  background:
    linear-gradient(
      145deg,
      rgba(18,130,213,.96),
      rgba(18,83,164,.96)
    ) !important;

  box-shadow:
    inset 0 0 0 1px rgba(102,202,255,.10),
    0 7px 16px rgba(0,70,145,.20) !important;
}

.account-grid .account-card .aicon svg{
  width:25px !important;
  height:25px !important;

  fill:none !important;
  stroke:#d8f5ff !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.account-grid .account-card > span{
  color:#28cfe8 !important;
  font-weight:600 !important;
  font-size:13px !important;
}

.account-grid .account-card:active{
  transform:scale(.985);
}



/* =========================================================
   V26.8.1 SAFE
   PREMIUM ASSET SUMMARY
   CSS ONLY - NO JS / NO BALANCE LOGIC CHANGES
   ========================================================= */


/* ---------- main card ---------- */

.asset-summary.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) 190px !important;
  align-items:center !important;
  column-gap:10px !important;

  width:auto !important;
  max-width:none !important;

  min-height:285px !important;

  margin:
    0 0 20px !important;

  padding:
    28px 28px 26px !important;

  border-radius:
    22px !important;

  border:
    1px solid rgba(52,116,188,.34) !important;

  background:
    radial-gradient(
      circle at 82% 46%,
      rgba(17,130,205,.105) 0%,
      rgba(7,76,148,.045) 29%,
      transparent 52%
    ),
    linear-gradient(
      135deg,
      #10243e 0%,
      #0d2038 50%,
      #0a1c33 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(140,207,255,.035),
    inset 0 0 0 1px rgba(52,137,213,.025),
    0 14px 34px rgba(0,5,20,.17)
    !important;
}


/* very subtle integrated texture */
.asset-summary.asset-summary-usdt::before{
  content:"";

  position:absolute;
  inset:0;
  z-index:0;

  pointer-events:none;

  background:
    linear-gradient(
      115deg,
      transparent 0%,
      rgba(35,107,190,.025) 39%,
      rgba(33,193,218,.026) 64%,
      transparent 80%
    );
}


/* ---------- left information ---------- */

.asset-summary-usdt
.asset-summary-content{
  position:relative !important;
  z-index:3 !important;

  width:100% !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  padding:0 !important;
}


/* total assets label */
.asset-summary-usdt
.asset-summary-content
> .summary-label{
  margin:
    0 0 10px !important;

  color:
    #b8c7d9 !important;

  font-size:
    15px !important;

  line-height:
    1.3 !important;

  font-weight:
    600 !important;
}


/* main balance */
.asset-summary-usdt
.total{
  margin:
    0 0 24px !important;

  color:
    #29e2df !important;

  font-size:
    clamp(46px,5vw,72px) !important;

  line-height:
    .98 !important;

  font-weight:
    900 !important;

  letter-spacing:
    .15px !important;

  text-shadow:
    0 0 15px rgba(41,226,223,.065)
    !important;
}


/* ---------- available balance ---------- */

.asset-summary-usdt
.available{
  position:relative !important;
  z-index:4 !important;

  width:min(470px,100%) !important;

  min-height:
    105px !important;

  margin:
    0 !important;

  padding:
    20px 20px 18px !important;

  border-radius:
    17px !important;

  border:
    1px solid rgba(67,111,169,.20) !important;

  background:
    linear-gradient(
      180deg,
      rgba(25,48,78,.69),
      rgba(19,40,68,.67)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.018),
    0 8px 18px rgba(0,0,0,.07)
    !important;
}


/* remove old available-balance arrow completely */
.asset-summary-usdt
.available::after{
  content:none !important;
  display:none !important;
}


/* available label */
.asset-summary-usdt
.available
.summary-label{
  margin:
    0 !important;

  color:
    #afbed0 !important;

  font-size:
    13px !important;

  line-height:
    1.3 !important;

  font-weight:
    500 !important;
}


/* available value */
.asset-summary-usdt
.available b{
  display:block !important;

  margin-top:
    8px !important;

  color:
    #2ddbd7 !important;

  font-size:
    24px !important;

  line-height:
    1 !important;

  font-weight:
    800 !important;
}


/* =========================================================
   USDT decorative background
   Keep true circle proportions
   ========================================================= */

.asset-summary-usdt
.usdt-visual{
  position:relative !important;
  z-index:1 !important;

  top:auto !important;
  right:auto !important;

  width:
    176px !important;

  height:
    176px !important;

  min-width:
    176px !important;

  min-height:
    176px !important;

  max-width:
    176px !important;

  max-height:
    176px !important;

  aspect-ratio:
    1 / 1 !important;

  align-self:
    center !important;

  justify-self:
    center !important;

  display:grid !important;
  place-items:center !important;

  transform:
    none !important;

  opacity:
    .47 !important;

  filter:
    saturate(.72)
    contrast(.93)
    !important;

  mix-blend-mode:
    screen !important;

  pointer-events:
    none !important;
}


/* soft outer atmosphere */
.asset-summary-usdt
.usdt-visual::before{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:
    168px !important;

  height:
    168px !important;

  transform:
    translate(-50%,-50%) !important;

  border-radius:
    50% !important;

  border:
    1px solid rgba(41,173,222,.15) !important;

  background:
    repeating-radial-gradient(
      circle,
      transparent 0 14px,
      rgba(34,154,212,.020) 15px 16px
    ) !important;

  box-shadow:
    0 0 22px rgba(12,126,194,.055),
    inset 0 0 22px rgba(17,144,203,.035)
    !important;
}


/* incomplete orbit */
.asset-summary-usdt
.usdt-visual::after{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:
    145px !important;

  height:
    145px !important;

  transform:
    translate(-50%,-50%)
    rotate(-18deg) !important;

  border-radius:
    50% !important;

  border-top:
    1px solid rgba(45,204,230,.28) !important;

  border-right:
    1px solid transparent !important;

  border-bottom:
    1px solid rgba(26,108,173,.08) !important;

  border-left:
    1px solid transparent !important;

  background:
    transparent !important;
}


/* ring 1 */
.asset-summary-usdt
.usdt-ring-a{
  position:absolute !important;

  width:
    128px !important;

  height:
    128px !important;

  border-radius:
    50% !important;

  border:
    1px solid rgba(43,193,224,.25) !important;

  box-shadow:
    0 0 13px rgba(32,166,215,.06),
    inset 0 0 14px rgba(34,177,217,.035)
    !important;

  transform:
    none !important;
}


/* ring 2 */
.asset-summary-usdt
.usdt-ring-b{
  position:absolute !important;

  width:
    100px !important;

  height:
    100px !important;

  border-radius:
    50% !important;

  border:
    1px solid rgba(61,213,229,.21) !important;

  box-shadow:
    0 0 11px rgba(30,174,216,.055)
    !important;

  transform:
    none !important;
}


/* center */
.asset-summary-usdt
.usdt-core{
  position:relative !important;
  z-index:3 !important;

  width:
    78px !important;

  height:
    78px !important;

  min-width:
    78px !important;

  min-height:
    78px !important;

  border-radius:
    50% !important;

  display:grid !important;
  place-items:center !important;

  background:
    radial-gradient(
      circle at 42% 38%,
      rgba(44,191,217,.12),
      rgba(16,99,159,.06) 49%,
      rgba(9,56,111,.10) 100%
    ) !important;

  border:
    1px solid rgba(77,218,229,.20) !important;

  box-shadow:
    inset 0 0 15px rgba(31,181,215,.04),
    0 0 15px rgba(20,147,202,.045)
    !important;
}


/* USDT symbol */
.asset-summary-usdt
.usdt-core span{
  position:relative !important;

  color:
    rgba(67,199,214,.53) !important;

  font-size:
    47px !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;

  opacity:
    .85 !important;

  transform:
    none !important;

  text-shadow:
    none !important;
}


/* remove any old exaggerated base glow */
.asset-summary-usdt
.usdt-core::after{
  content:none !important;
  display:none !important;
}


/* =========================================================
   MOBILE
   Make cards almost edge-to-edge
   ========================================================= */

@media(max-width:700px){

  /*
   * Current .page has its own padding.
   * Use negative margin only on the two top asset cards,
   * instead of modifying the whole page.
   */

  .profile-card{
    width:
      calc(100% + 16px) !important;

    max-width:
      none !important;

    margin-left:
      -8px !important;

    margin-right:
      -8px !important;
  }


  .asset-summary.asset-summary-usdt{
    width:
      calc(100% + 16px) !important;

    max-width:
      none !important;

    grid-template-columns:
      minmax(0,1fr)
      118px !important;

    column-gap:
      3px !important;

    min-height:
      238px !important;

    margin:
      0 -8px 18px !important;

    padding:
      20px 14px 18px 20px !important;

    border-radius:
      19px !important;
  }


  .asset-summary-usdt
  .asset-summary-content
  > .summary-label{
    margin-bottom:
      8px !important;

    font-size:
      14px !important;
  }


  .asset-summary-usdt
  .total{
    margin-bottom:
      17px !important;

    font-size:
      clamp(43px,11vw,57px) !important;
  }


  .asset-summary-usdt
  .available{
    width:
      100% !important;

    min-height:
      91px !important;

    padding:
      15px 15px 13px !important;

    border-radius:
      14px !important;
  }


  .asset-summary-usdt
  .available
  .summary-label{
    font-size:
      12px !important;
  }


  .asset-summary-usdt
  .available b{
    margin-top:
      7px !important;

    font-size:
      20px !important;
  }


  .asset-summary-usdt
  .usdt-visual{
    width:
      112px !important;

    height:
      112px !important;

    min-width:
      112px !important;

    min-height:
      112px !important;

    max-width:
      112px !important;

    max-height:
      112px !important;

    opacity:
      .40 !important;
  }


  .asset-summary-usdt
  .usdt-visual::before{
    width:
      108px !important;

    height:
      108px !important;
  }


  .asset-summary-usdt
  .usdt-visual::after{
    width:
      94px !important;

    height:
      94px !important;
  }


  .asset-summary-usdt
  .usdt-ring-a{
    width:
      82px !important;

    height:
      82px !important;
  }


  .asset-summary-usdt
  .usdt-ring-b{
    width:
      64px !important;

    height:
      64px !important;
  }


  .asset-summary-usdt
  .usdt-core{
    width:
      52px !important;

    height:
      52px !important;

    min-width:
      52px !important;

    min-height:
      52px !important;
  }


  .asset-summary-usdt
  .usdt-core span{
    font-size:
      33px !important;
  }
}


/* very narrow phones */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt{
    grid-template-columns:
      minmax(0,1fr)
      100px !important;

    padding-right:
      10px !important;
  }


  .asset-summary-usdt
  .total{
    font-size:
      42px !important;
  }


  .asset-summary-usdt
  .usdt-visual{
    width:
      96px !important;

    height:
      96px !important;

    min-width:
      96px !important;

    min-height:
      96px !important;
  }
}



/* =========================================================
   V26.8.2 SAFE
   USDT RIGHT VISUAL + TRANSPARENT AVAILABLE BALANCE
   ========================================================= */


/* ---------------------------------------------
   可用余额：更透明、更像卡片内部玻璃层
   --------------------------------------------- */

.asset-summary-usdt .available{
  border:
    1px solid rgba(73,129,190,.15) !important;

  background:
    linear-gradient(
      145deg,
      rgba(25,48,78,.34),
      rgba(12,32,61,.24)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.015),
    inset 0 0 22px rgba(37,125,205,.018)
    !important;

  backdrop-filter:
    blur(2px) !important;

  -webkit-backdrop-filter:
    blur(2px) !important;
}


/* ---------------------------------------------
   USDT 整体区域
   稍微放大，向右移动，并保持柔和
   --------------------------------------------- */

.asset-summary-usdt .usdt-visual{
  width:
    190px !important;

  height:
    190px !important;

  min-width:
    190px !important;

  min-height:
    190px !important;

  max-width:
    190px !important;

  max-height:
    190px !important;

  transform:
    translateX(13px) !important;

  opacity:
    .58 !important;

  filter:
    saturate(.82)
    contrast(.94)
    brightness(.96)
    !important;
}


/* 柔和蓝光背景 */
.asset-summary-usdt .usdt-visual::before{
  width:
    182px !important;

  height:
    182px !important;

  border:
    1px solid rgba(50,190,231,.18) !important;

  background:
    radial-gradient(
      circle,
      rgba(32,164,222,.055) 0%,
      rgba(15,105,185,.025) 38%,
      transparent 69%
    ),
    repeating-radial-gradient(
      circle,
      transparent 0 15px,
      rgba(49,173,224,.025) 16px 17px
    ) !important;

  box-shadow:
    0 0 27px rgba(23,155,215,.07),
    inset 0 0 25px rgba(34,162,211,.04)
    !important;
}


/* 外部断续科技环 */
.asset-summary-usdt .usdt-visual::after{
  width:
    157px !important;

  height:
    157px !important;

  border-top:
    2px solid rgba(46,220,242,.32) !important;

  border-right:
    1px solid rgba(32,132,203,.05) !important;

  border-bottom:
    1px solid rgba(39,146,210,.10) !important;

  border-left:
    1px solid transparent !important;

  box-shadow:
    0 0 15px rgba(34,187,224,.07)
    !important;
}


/* 第一层圆环 */
.asset-summary-usdt .usdt-ring-a{
  width:
    138px !important;

  height:
    138px !important;

  border:
    1px solid rgba(45,205,228,.30) !important;

  box-shadow:
    0 0 14px rgba(31,179,219,.075),
    inset 0 0 14px rgba(47,183,217,.04)
    !important;
}


/* 第二层圆环 */
.asset-summary-usdt .usdt-ring-b{
  width:
    106px !important;

  height:
    106px !important;

  border:
    1px solid rgba(75,220,231,.25) !important;

  box-shadow:
    0 0 11px rgba(46,185,216,.06)
    !important;
}


/* 中心圆 */
.asset-summary-usdt .usdt-core{
  width:
    82px !important;

  height:
    82px !important;

  min-width:
    82px !important;

  min-height:
    82px !important;

  border:
    1px solid rgba(81,221,230,.26) !important;

  background:
    radial-gradient(
      circle at 43% 38%,
      rgba(57,211,227,.15) 0%,
      rgba(18,112,176,.075) 45%,
      rgba(5,48,102,.08) 75%,
      transparent 100%
    ) !important;

  box-shadow:
    inset 0 0 18px rgba(49,193,218,.055),
    0 0 19px rgba(26,158,204,.055)
    !important;
}


/* Tether 符号 */
.asset-summary-usdt .usdt-core span{
  color:
    rgba(73,217,226,.63) !important;

  font-size:
    50px !important;

  opacity:
    .88 !important;

  text-shadow:
    0 0 10px rgba(54,204,223,.08)
    !important;
}


/* ---------------------------------------------
   手机端单独优化
   --------------------------------------------- */

@media(max-width:700px){

  .asset-summary-usdt .available{
    background:
      linear-gradient(
        145deg,
        rgba(27,51,81,.30),
        rgba(13,32,61,.20)
      ) !important;

    border:
      1px solid rgba(70,126,185,.13) !important;
  }


  .asset-summary-usdt .usdt-visual{
    width:
      124px !important;

    height:
      124px !important;

    min-width:
      124px !important;

    min-height:
      124px !important;

    max-width:
      124px !important;

    max-height:
      124px !important;

    transform:
      translateX(7px) !important;

    opacity:
      .54 !important;
  }


  .asset-summary-usdt .usdt-visual::before{
    width:
      120px !important;

    height:
      120px !important;
  }


  .asset-summary-usdt .usdt-visual::after{
    width:
      103px !important;

    height:
      103px !important;
  }


  .asset-summary-usdt .usdt-ring-a{
    width:
      90px !important;

    height:
      90px !important;
  }


  .asset-summary-usdt .usdt-ring-b{
    width:
      70px !important;

    height:
      70px !important;
  }


  .asset-summary-usdt .usdt-core{
    width:
      56px !important;

    height:
      56px !important;

    min-width:
      56px !important;

    min-height:
      56px !important;
  }


  .asset-summary-usdt .usdt-core span{
    font-size:
      35px !important;
  }
}



/* =========================================================
   V26.8.3
   Asset USDT visual redesign
   目标：
   1) 更接近参考图的科技圆环感
   2) 但亮度更低，更融入页面背景
   3) 可用余额框更透明
   ========================================================= */

.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* 让左侧文字层始终在图标上方 */
.asset-summary-usdt > *{
  position:relative;
  z-index:2;
}

/* 可用余额框更透明 */
.asset-summary-usdt .available{
  background:
    linear-gradient(
      180deg,
      rgba(21,41,71,.30) 0%,
      rgba(13,29,55,.20) 100%
    ) !important;
  border:1px solid rgba(77,127,182,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    inset 0 0 18px rgba(34,132,205,.03) !important;
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}

/* 右侧 USDT 科技图区域 */
.asset-summary-usdt .usdt-visual{
  position:absolute !important;
  top:50% !important;
  right:6px !important;
  transform:translateY(-50%) !important;
  width:148px !important;
  height:148px !important;
  min-width:148px !important;
  min-height:148px !important;
  max-width:148px !important;
  max-height:148px !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  pointer-events:none !important;
  opacity:1 !important;
  filter:none !important;
}

/* 底层柔和蓝光 */
.asset-summary-usdt .usdt-visual::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(46,211,239,.08) 0%,
      rgba(23,138,214,.05) 28%,
      rgba(10,78,153,.025) 48%,
      transparent 72%
    );
  box-shadow:
    0 0 28px rgba(35,154,227,.08),
    inset 0 0 26px rgba(46,189,234,.04);
}

/* 外环科技线 */
.asset-summary-usdt .usdt-visual::after{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  border:1px solid rgba(51,194,236,.12);
  box-shadow:
    0 0 20px rgba(43,180,229,.06),
    inset 0 0 20px rgba(52,184,230,.03);
}

/* 外层大圆环 */
.asset-summary-usdt .usdt-ring-a{
  position:absolute !important;
  width:128px !important;
  height:128px !important;
  border-radius:50% !important;
  border:1px solid rgba(45,201,240,.16) !important;
  box-shadow:
    0 0 15px rgba(43,181,228,.06),
    inset 0 0 14px rgba(45,201,240,.04) !important;
}

/* 中层圆环 */
.asset-summary-usdt .usdt-ring-b{
  position:absolute !important;
  width:96px !important;
  height:96px !important;
  border-radius:50% !important;
  border:1px solid rgba(60,220,240,.20) !important;
  box-shadow:
    0 0 12px rgba(55,199,232,.06),
    inset 0 0 10px rgba(60,220,240,.03) !important;
}

/* 中心核心圆 */
.asset-summary-usdt .usdt-core{
  position:absolute !important;
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  min-height:62px !important;
  border-radius:50% !important;
  border:1px solid rgba(88,232,246,.18) !important;
  background:
    radial-gradient(circle at 50% 40%,
      rgba(44,198,227,.13) 0%,
      rgba(18,96,166,.08) 45%,
      rgba(8,38,91,.05) 78%,
      transparent 100%
    ) !important;
  box-shadow:
    inset 0 0 16px rgba(62,215,237,.05),
    0 0 16px rgba(32,164,219,.05) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Tether 图标本体 */
.asset-summary-usdt .usdt-core span{
  display:block !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:rgba(89,233,240,.34) !important;
  text-shadow:
    0 0 10px rgba(75,220,240,.06) !important;
  transform:translateY(1px) !important;
}

/* 再加两层淡圆环，让它更像你参考图，但不要太亮 */
.asset-summary-usdt .usdt-visual .ring-soft-1,
.asset-summary-usdt .usdt-visual .ring-soft-2{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.asset-summary-usdt .usdt-visual .ring-soft-1{
  width:116px;
  height:116px;
  border:1px solid rgba(42,171,225,.08);
}

.asset-summary-usdt .usdt-visual .ring-soft-2{
  width:82px;
  height:82px;
  border:1px solid rgba(64,223,240,.10);
}

/* 手机端优化 */
@media (max-width:700px){

  .asset-summary-usdt .usdt-visual{
    right:4px !important;
    width:118px !important;
    height:118px !important;
    min-width:118px !important;
    min-height:118px !important;
    max-width:118px !important;
    max-height:118px !important;
  }

  .asset-summary-usdt .usdt-visual::after{
    inset:8px;
  }

  .asset-summary-usdt .usdt-ring-a{
    width:100px !important;
    height:100px !important;
  }

  .asset-summary-usdt .usdt-ring-b{
    width:74px !important;
    height:74px !important;
  }

  .asset-summary-usdt .usdt-core{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
  }

  .asset-summary-usdt .usdt-core span{
    font-size:27px !important;
  }

  .asset-summary-usdt .usdt-visual .ring-soft-1{
    width:92px;
    height:92px;
  }

  .asset-summary-usdt .usdt-visual .ring-soft-2{
    width:64px;
    height:64px;
  }
}



/* =========================================================
   V26.8.4 FINAL USDT HOLOGRAM
   Larger / layered / integrated into card
   ========================================================= */


/* 给右侧图案留出足够空间 */
.asset-summary.asset-summary-usdt{
  position:relative !important;
  overflow:hidden !important;

  background:
    radial-gradient(
      circle at 84% 54%,
      rgba(0,141,220,.105) 0%,
      rgba(4,80,164,.055) 27%,
      transparent 49%
    ),
    linear-gradient(
      135deg,
      #10243e 0%,
      #0d2038 50%,
      #091b32 100%
    ) !important;
}


/* 左侧余额一定在图案前面 */
.asset-summary-usdt .asset-summary-content{
  position:relative !important;
  z-index:5 !important;
}


/* 可用余额再透明一些 */
.asset-summary-usdt .available{
  background:
    linear-gradient(
      145deg,
      rgba(27,49,79,.25),
      rgba(12,29,58,.16)
    ) !important;

  border:
    1px solid rgba(68,119,181,.12) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.012),
    inset 0 0 22px rgba(25,122,197,.02)
    !important;

  backdrop-filter:blur(2px) !important;
  -webkit-backdrop-filter:blur(2px) !important;
}


/* =========================================================
   整个全息 USDT 区域
   ========================================================= */

.asset-summary-usdt .usdt-visual{
  position:absolute !important;

  top:52% !important;
  right:-16px !important;

  width:220px !important;
  height:220px !important;

  min-width:220px !important;
  min-height:220px !important;

  max-width:220px !important;
  max-height:220px !important;

  transform:
    translateY(-50%) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  z-index:2 !important;

  opacity:.78 !important;

  filter:
    saturate(.88)
    brightness(.92)
    !important;

  pointer-events:none !important;
}


/* 大范围柔和蓝色气氛 */
.asset-summary-usdt .usdt-visual::before{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:210px !important;
  height:210px !important;

  transform:
    translate(-50%,-50%) !important;

  border-radius:50% !important;

  background:
    radial-gradient(
      circle,
      rgba(31,192,235,.12) 0%,
      rgba(12,122,199,.065) 29%,
      rgba(4,69,145,.025) 53%,
      transparent 73%
    ) !important;

  border:
    1px solid rgba(41,168,221,.13) !important;

  box-shadow:
    0 0 34px rgba(18,151,220,.08),
    inset 0 0 38px rgba(40,183,229,.04)
    !important;
}


/* 最外断续科技环 */
.asset-summary-usdt .usdt-visual::after{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:50% !important;

  width:190px !important;
  height:190px !important;

  transform:
    translate(-50%,-50%)
    rotate(18deg) !important;

  border-radius:50% !important;

  border-top:
    2px solid rgba(38,211,244,.40) !important;

  border-right:
    1px solid rgba(23,104,188,.07) !important;

  border-bottom:
    2px solid rgba(24,127,211,.14) !important;

  border-left:
    1px solid transparent !important;

  background:transparent !important;

  box-shadow:
    0 0 18px rgba(25,173,229,.08)
    !important;
}


/* =========================================================
   多层科技圆环
   ========================================================= */

.asset-summary-usdt .usdt-ring-a{
  position:absolute !important;

  width:168px !important;
  height:168px !important;

  border-radius:50% !important;

  border:
    2px solid rgba(33,190,236,.27) !important;

  box-shadow:
    0 0 18px rgba(27,177,229,.08),
    inset 0 0 20px rgba(35,182,229,.055)
    !important;

  transform:none !important;
}


.asset-summary-usdt .ring-soft-1{
  position:absolute !important;

  width:150px !important;
  height:150px !important;

  border-radius:50% !important;

  border:
    1px dashed rgba(50,190,230,.20) !important;

  transform:
    rotate(-14deg) !important;
}


.asset-summary-usdt .usdt-ring-b{
  position:absolute !important;

  width:128px !important;
  height:128px !important;

  border-radius:50% !important;

  border:
    2px solid rgba(63,222,240,.31) !important;

  box-shadow:
    0 0 18px rgba(47,198,231,.085),
    inset 0 0 15px rgba(59,211,235,.055)
    !important;

  transform:none !important;
}


.asset-summary-usdt .ring-soft-2{
  position:absolute !important;

  width:109px !important;
  height:109px !important;

  border-radius:50% !important;

  border:
    1px solid rgba(73,230,239,.15) !important;

  box-shadow:
    0 0 12px rgba(46,201,230,.045)
    !important;
}


/* =========================================================
   中心圆核
   ========================================================= */

.asset-summary-usdt .usdt-core{
  position:absolute !important;
  z-index:6 !important;

  width:91px !important;
  height:91px !important;

  min-width:91px !important;
  min-height:91px !important;

  border-radius:50% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:
    2px solid rgba(84,235,244,.43) !important;

  background:
    radial-gradient(
      circle at 43% 36%,
      rgba(51,224,241,.31) 0%,
      rgba(19,139,202,.16) 38%,
      rgba(7,72,144,.15) 68%,
      rgba(4,36,91,.16) 100%
    ) !important;

  box-shadow:
    0 0 29px rgba(37,194,232,.13),
    inset 0 0 25px rgba(67,226,242,.13)
    !important;
}


/* 中间的 ₮ */
.asset-summary-usdt .usdt-core span{
  position:relative !important;

  z-index:8 !important;

  display:block !important;

  color:
    rgba(82,233,240,.76) !important;

  font-size:
    58px !important;

  line-height:1 !important;

  font-weight:900 !important;

  opacity:.96 !important;

  transform:
    translateY(-1px) !important;

  text-shadow:
    0 0 13px rgba(67,224,239,.12)
    !important;
}


/* ₮ 中间横向光环 —— 接近你的参考图 */
.asset-summary-usdt .usdt-core::before{
  content:"";

  position:absolute;

  z-index:9;

  left:50%;
  top:58%;

  width:67px;
  height:17px;

  transform:
    translate(-50%,-50%);

  border:
    2px solid rgba(93,236,243,.64);

  border-radius:50%;

  box-shadow:
    0 0 11px rgba(67,221,237,.15),
    inset 0 0 8px rgba(66,218,235,.08);

  pointer-events:none;
}


/* =========================================================
   底部全息能量底座
   ========================================================= */

.asset-summary-usdt .usdt-core::after{
  content:"";

  display:block !important;

  position:absolute !important;

  z-index:3 !important;

  left:50% !important;
  top:135% !important;

  width:155px !important;
  height:28px !important;

  transform:
    translateX(-50%) !important;

  border-radius:50% !important;

  border:
    2px solid rgba(38,204,241,.26) !important;

  background:
    radial-gradient(
      ellipse,
      rgba(34,200,240,.13) 0%,
      rgba(13,111,194,.045) 44%,
      transparent 73%
    ) !important;

  box-shadow:
    0 0 18px rgba(34,188,233,.11),
    inset 0 0 14px rgba(36,195,235,.07)
    !important;

  pointer-events:none;
}


/* 中心向下淡淡的能量束 */
.asset-summary-usdt .usdt-visual{
  background:
    linear-gradient(
      to bottom,
      transparent 55%,
      rgba(31,194,233,.025) 68%,
      rgba(35,209,241,.055) 82%,
      transparent 100%
    ) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

  .asset-summary-usdt .usdt-visual{
    top:
      53% !important;

    right:
      -24px !important;

    width:
      175px !important;

    height:
      175px !important;

    min-width:
      175px !important;

    min-height:
      175px !important;

    max-width:
      175px !important;

    max-height:
      175px !important;

    opacity:
      .72 !important;
  }


  .asset-summary-usdt .usdt-visual::before{
    width:
      168px !important;

    height:
      168px !important;
  }


  .asset-summary-usdt .usdt-visual::after{
    width:
      152px !important;

    height:
      152px !important;
  }


  .asset-summary-usdt .usdt-ring-a{
    width:
      136px !important;

    height:
      136px !important;
  }


  .asset-summary-usdt .ring-soft-1{
    width:
      121px !important;

    height:
      121px !important;
  }


  .asset-summary-usdt .usdt-ring-b{
    width:
      102px !important;

    height:
      102px !important;
  }


  .asset-summary-usdt .ring-soft-2{
    width:
      87px !important;

    height:
      87px !important;
  }


  .asset-summary-usdt .usdt-core{
    width:
      73px !important;

    height:
      73px !important;

    min-width:
      73px !important;

    min-height:
      73px !important;
  }


  .asset-summary-usdt .usdt-core span{
    font-size:
      47px !important;
  }


  .asset-summary-usdt .usdt-core::before{
    width:
      54px !important;

    height:
      14px !important;

    border-width:
      1.5px !important;
  }


  .asset-summary-usdt .usdt-core::after{
    top:
      138% !important;

    width:
      122px !important;

    height:
      22px !important;

    border-width:
      1px !important;
  }
}



/* =========================================================
   V26.8.5
   FINAL USDT HOLOGRAM / SVG LOGO / SMALLER BALANCE
   ========================================================= */


/* 主余额不要过大 */
.asset-summary-usdt .total{
  font-size:clamp(38px,4.6vw,60px) !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.2px !important;
}


/* 整个右侧全息区域 */
.asset-summary-usdt .usdt-visual{
  position:absolute !important;

  right:-5px !important;
  top:50% !important;

  width:178px !important;
  height:205px !important;

  min-width:178px !important;
  min-height:205px !important;
  max-width:178px !important;
  max-height:205px !important;

  transform:translateY(-50%) !important;

  display:block !important;

  opacity:.76 !important;
  filter:saturate(.82) brightness(.91) !important;

  background:none !important;

  pointer-events:none !important;
  z-index:2 !important;
}


/* 整体背景气氛 */
.asset-summary-usdt .usdt-visual::before{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:158px !important;
  height:158px !important;

  transform:translate(-50%,-50%) !important;

  border-radius:50% !important;

  background:
    radial-gradient(
      circle,
      rgba(33,192,229,.12) 0%,
      rgba(14,120,192,.055) 36%,
      rgba(5,62,136,.018) 58%,
      transparent 74%
    ) !important;

  border:1px solid rgba(47,182,224,.13) !important;

  box-shadow:
    0 0 29px rgba(27,156,216,.07),
    inset 0 0 28px rgba(43,180,222,.035)
    !important;
}


/* 最外围不完整科技环 */
.asset-summary-usdt .usdt-visual::after{
  content:"" !important;

  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:146px !important;
  height:146px !important;

  transform:
    translate(-50%,-50%)
    rotate(17deg) !important;

  border-radius:50% !important;

  border-top:2px solid rgba(48,214,239,.32) !important;
  border-right:1px solid rgba(37,131,204,.05) !important;
  border-bottom:1px solid rgba(32,124,194,.09) !important;
  border-left:1px solid transparent !important;

  background:transparent !important;

  box-shadow:0 0 15px rgba(35,174,219,.055) !important;
}


/* 第一圈 */
.asset-summary-usdt .usdt-ring-a{
  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:126px !important;
  height:126px !important;

  transform:translate(-50%,-50%) !important;

  border-radius:50% !important;

  border:1px solid rgba(40,192,225,.27) !important;

  box-shadow:
    0 0 13px rgba(29,166,213,.06),
    inset 0 0 14px rgba(41,182,216,.04)
    !important;
}


/* 虚线科技圈 */
.asset-summary-usdt .ring-soft-1{
  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:112px !important;
  height:112px !important;

  transform:
    translate(-50%,-50%)
    rotate(-12deg) !important;

  border-radius:50% !important;

  border:
    1px dashed rgba(54,205,227,.17) !important;
}


/* 第二圈 */
.asset-summary-usdt .usdt-ring-b{
  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:92px !important;
  height:92px !important;

  transform:translate(-50%,-50%) !important;

  border-radius:50% !important;

  border:
    1.5px solid rgba(65,219,232,.31) !important;

  box-shadow:
    0 0 13px rgba(43,188,222,.065),
    inset 0 0 12px rgba(55,204,226,.045)
    !important;
}


.asset-summary-usdt .ring-soft-2{
  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:76px !important;
  height:76px !important;

  transform:translate(-50%,-50%) !important;

  border-radius:50% !important;

  border:
    1px solid rgba(79,226,233,.13) !important;
}


/* ===============================
   中心光核
   =============================== */

.asset-summary-usdt .usdt-core{
  position:absolute !important;

  left:50% !important;
  top:44% !important;

  width:67px !important;
  height:67px !important;

  min-width:67px !important;
  min-height:67px !important;

  transform:translate(-50%,-50%) !important;

  border-radius:50% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border:
    1.5px solid rgba(87,232,239,.37) !important;

  background:
    radial-gradient(
      circle at 42% 35%,
      rgba(58,224,239,.24),
      rgba(20,135,195,.12) 40%,
      rgba(8,69,137,.12) 70%,
      rgba(4,36,87,.08)
    ) !important;

  box-shadow:
    0 0 22px rgba(37,188,224,.10),
    inset 0 0 20px rgba(64,221,237,.09)
    !important;

  z-index:8 !important;
}


/* 去掉上一版给 core 加的伪元素 */
.asset-summary-usdt .usdt-core::before,
.asset-summary-usdt .usdt-core::after{
  content:none !important;
  display:none !important;
}


/* ===============================
   真正 SVG Tether 图形
   =============================== */

.asset-summary-usdt .usdt-logo-mark{
  width:48px !important;
  height:48px !important;

  overflow:visible !important;

  filter:
    drop-shadow(0 0 5px rgba(62,220,235,.10));
}


.asset-summary-usdt .usdt-logo-top,
.asset-summary-usdt .usdt-logo-stem{
  fill:rgba(82,229,235,.72) !important;
}


.asset-summary-usdt .usdt-logo-orbit{
  fill:none !important;

  stroke:
    rgba(104,241,243,.76) !important;

  stroke-width:
    3.5 !important;
}


/* ===============================
   向下的全息光柱
   =============================== */

.asset-summary-usdt .usdt-energy-beam{
  position:absolute !important;

  left:50% !important;
  top:62% !important;

  width:38px !important;
  height:54px !important;

  transform:translateX(-50%) !important;

  background:
    linear-gradient(
      to bottom,
      rgba(55,226,240,.15),
      rgba(36,186,230,.075) 46%,
      transparent 100%
    ) !important;

  clip-path:
    polygon(37% 0,63% 0,100% 100%,0 100%);

  filter:blur(5px) !important;

  opacity:.68 !important;

  z-index:3 !important;
}


/* ===============================
   底部全息底座
   =============================== */

.asset-summary-usdt .usdt-holo-base{
  position:absolute !important;

  left:50% !important;
  bottom:4px !important;

  width:142px !important;
  height:47px !important;

  transform:translateX(-50%) !important;

  z-index:5 !important;
}


.asset-summary-usdt .usdt-base-ring{
  position:absolute !important;

  left:50% !important;

  transform:translateX(-50%) !important;

  border-radius:50% !important;
}


.asset-summary-usdt .base-ring-a{
  bottom:3px !important;

  width:135px !important;
  height:27px !important;

  border:
    1.5px solid rgba(45,207,237,.27) !important;

  box-shadow:
    0 0 16px rgba(38,191,230,.095),
    inset 0 0 12px rgba(48,204,234,.06)
    !important;
}


.asset-summary-usdt .base-ring-b{
  bottom:10px !important;

  width:94px !important;
  height:18px !important;

  border:
    1px solid rgba(72,229,238,.25) !important;

  box-shadow:
    0 0 11px rgba(51,205,231,.07)
    !important;
}


.asset-summary-usdt .usdt-base-light{
  position:absolute !important;

  left:50% !important;
  bottom:8px !important;

  width:46px !important;
  height:13px !important;

  transform:translateX(-50%) !important;

  border-radius:50% !important;

  background:
    radial-gradient(
      ellipse,
      rgba(75,239,244,.50),
      rgba(35,186,227,.12) 46%,
      transparent 72%
    ) !important;

  box-shadow:
    0 0 18px rgba(52,215,237,.19)
    !important;
}


/* ===============================
   可用余额继续保持半透明
   =============================== */

.asset-summary-usdt .available{
  background:
    linear-gradient(
      145deg,
      rgba(26,48,76,.23),
      rgba(12,29,55,.14)
    ) !important;

  border:
    1px solid rgba(72,122,178,.11) !important;
}


/* ===============================
   MOBILE
   =============================== */

@media(max-width:700px){

  /* 主余额字体明显缩小 */
  .asset-summary-usdt .total{
    font-size:
      clamp(34px,9.2vw,44px) !important;

    margin-bottom:
      15px !important;
  }


  .asset-summary-usdt .usdt-visual{
    right:
      -9px !important;

    width:
      145px !important;

    height:
      173px !important;

    min-width:
      145px !important;

    min-height:
      173px !important;

    max-width:
      145px !important;

    max-height:
      173px !important;

    opacity:
      .72 !important;
  }


  .asset-summary-usdt .usdt-visual::before{
    width:
      130px !important;

    height:
      130px !important;
  }


  .asset-summary-usdt .usdt-visual::after{
    width:
      120px !important;

    height:
      120px !important;
  }


  .asset-summary-usdt .usdt-ring-a{
    width:
      103px !important;

    height:
      103px !important;
  }


  .asset-summary-usdt .ring-soft-1{
    width:
      91px !important;

    height:
      91px !important;
  }


  .asset-summary-usdt .usdt-ring-b{
    width:
      75px !important;

    height:
      75px !important;
  }


  .asset-summary-usdt .ring-soft-2{
    width:
      62px !important;

    height:
      62px !important;
  }


  .asset-summary-usdt .usdt-core{
    width:
      56px !important;

    height:
      56px !important;

    min-width:
      56px !important;

    min-height:
      56px !important;
  }


  .asset-summary-usdt .usdt-logo-mark{
    width:
      40px !important;

    height:
      40px !important;
  }


  .asset-summary-usdt .usdt-energy-beam{
    top:
      61% !important;

    width:
      31px !important;

    height:
      48px !important;
  }


  .asset-summary-usdt .usdt-holo-base{
    bottom:
      0 !important;

    width:
      118px !important;

    height:
      39px !important;
  }


  .asset-summary-usdt .base-ring-a{
    width:
      112px !important;

    height:
      22px !important;
  }


  .asset-summary-usdt .base-ring-b{
    width:
      78px !important;

    height:
      15px !important;
  }


  .asset-summary-usdt .usdt-base-light{
    width:
      39px !important;

    height:
      11px !important;
  }
}



/* =========================================================
   V26.8.6
   Fix center Tether mark proportions
   ========================================================= */

/* SVG 本体保持正方形比例 */
.asset-summary-usdt .usdt-logo-mark{
  width:44px !important;
  height:44px !important;
  aspect-ratio:1 / 1 !important;
  overflow:visible !important;
  transform:none !important;
}


/* T 上横杠 */
.asset-summary-usdt .usdt-logo-top{
  x:25px;
  y:22px;
  width:50px;
  height:12px;

  fill:rgba(91,230,236,.72) !important;
}


/* T 竖杆 */
.asset-summary-usdt .usdt-logo-stem{
  x:45px;
  y:30px;
  width:10px;
  height:43px;

  fill:rgba(91,230,236,.72) !important;
}


/*
 * 重点：
 * 原来的 ellipse 太宽太扁。
 * 改成更窄、更高的横向环，
 * 只围绕 T 的中部。
 */
.asset-summary-usdt .usdt-logo-orbit{
  cx:50px;
  cy:45px;

  rx:24px !important;
  ry:7px !important;

  fill:none !important;

  stroke:rgba(112,239,241,.68) !important;
  stroke-width:2.4 !important;

  vector-effect:non-scaling-stroke;
}


/* 中心圆核避免把 SVG 压扁 */
.asset-summary-usdt .usdt-core{
  aspect-ratio:1 / 1 !important;
  flex:none !important;
}


/* 手机端 */
@media(max-width:700px){

  .asset-summary-usdt .usdt-logo-mark{
    width:36px !important;
    height:36px !important;
  }

  .asset-summary-usdt .usdt-logo-orbit{
    rx:23px !important;
    ry:7px !important;
    stroke-width:2.2 !important;
  }
}



/* =========================================================
   V26.8.7
   STANDARD TETHER SHAPE + SOFT 3D EFFECT
   ========================================================= */

/* SVG 本体保持正比例 */
.asset-summary-usdt .usdt-logo-mark{
  width:46px !important;
  height:46px !important;
  overflow:visible !important;
  transform:none !important;
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.22))
    drop-shadow(0 0 5px rgba(64,224,239,.10))
    !important;
}

/* T 主体 */
.asset-summary-usdt .usdt-logo-t{
  fill:
    rgba(105,235,240,.78) !important;

  stroke:
    rgba(146,250,252,.26) !important;

  stroke-width:
    1 !important;
}

/* 横向环 */
.asset-summary-usdt .usdt-logo-orbit{
  fill:none !important;

  stroke:
    rgba(119,240,243,.72) !important;

  stroke-width:
    3 !important;

  vector-effect:
    non-scaling-stroke;
}

/* 中心核心圆做成立体底 */
.asset-summary-usdt .usdt-core{
  background:
    radial-gradient(
      circle at 36% 30%,
      rgba(94,238,245,.27) 0%,
      rgba(27,160,213,.15) 32%,
      rgba(9,84,156,.14) 58%,
      rgba(3,39,93,.16) 100%
    ) !important;

  border:
    1.5px solid rgba(86,225,238,.34) !important;

  box-shadow:
    inset 0 2px 8px rgba(181,255,255,.08),
    inset 0 -8px 18px rgba(0,32,88,.12),
    0 0 18px rgba(41,185,224,.08)
    !important;
}

/* 外圈稍微加强，但不刺眼 */
.asset-summary-usdt .usdt-ring-a{
  border:
    1px solid rgba(44,190,225,.22) !important;

  box-shadow:
    0 0 14px rgba(35,169,217,.055),
    inset 0 0 14px rgba(42,179,215,.035)
    !important;
}

.asset-summary-usdt .usdt-ring-b{
  border:
    1px solid rgba(70,218,231,.24) !important;

  box-shadow:
    0 0 11px rgba(45,187,219,.05)
    !important;
}

/* 手机端比例 */
@media(max-width:700px){

  .asset-summary-usdt .usdt-logo-mark{
    width:38px !important;
    height:38px !important;
  }

  .asset-summary-usdt .usdt-logo-orbit{
    stroke-width:2.5 !important;
  }
}


/* =========================================================
   FINAL DESKTOP HOME BANNER
   Only desktop >= 1024px
   Source image: 1800x400
   Full width, no crop, no stretch
   Mobile untouched
   ========================================================= */

@media (min-width:1024px){

  .page:has(#homeBanner){
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hero:has(#homeBanner){
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;

    overflow:visible !important;
  }

  #homeBanner.home-banner{
    position:relative !important;

    width:100% !important;
    max-width:none !important;

    aspect-ratio:4.5 / 1 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    border-radius:0 !important;
    overflow:hidden !important;

    background:#07182b !important;
  }

  #homeBanner .banner-track,
  #homeBanner .banner-slide,
  #homeBanner .banner-picture{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;
  }

  #homeBanner .banner-slide img,
  #homeBanner .banner-picture img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center center !important;

    max-width:none !important;
    max-height:none !important;

    display:block !important;
  }

}

/* =========================================================
   V33 TRADE ORDER TABLE LAYOUT
   ========================================================= */

.order-list-card h3{
  font-size:16px;
  font-weight:800;
}

.detail-order-card,
.position-card{
  padding:14px 13px;
}

/* Order number */
.detail-order-head small{
  font-size:11px;
}

.detail-order-head b{
  font-size:12.5px;
  line-height:1.4;
}

.position-order-id{
  font-size:12px;
  margin-top:9px;
  margin-bottom:12px;
}


/* Shared table-style 3-column layout */
.v33-order-grid{
  display:grid!important;
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,.9fr)
    minmax(0,1.08fr)!important;

  column-gap:12px!important;
  row-gap:15px!important;

  align-items:start;
}


.v33-order-grid > div{
  min-width:0;
}


.v33-order-grid small{
  display:block;
  color:#9eacbd;
  font-size:11px!important;
  line-height:1.25;
  margin-bottom:5px!important;
}


.v33-order-grid strong{
  display:block;
  color:#f4f7fb;
  font-size:12.5px!important;
  line-height:1.35;
  font-weight:700;
  overflow-wrap:anywhere;
}


/*
 * Right-most table column follows
 * the sample screenshot alignment.
 */
.v33-order-grid > div:nth-child(3n){
  text-align:right;
}


/* Created time should stay readable */
.v33-order-time{
  font-size:11.5px!important;
  white-space:normal;
}


.v33-close-time{
  margin-top:5px;
  margin-bottom:0!important;
  font-size:9.5px!important;
  color:#78889d!important;
}


/* Status badges slightly larger */
.detail-holding,
.detail-flat,
.position-live,
.position-flat{
  font-size:10.5px;
  padding:6px 9px;
}


.detail-profit-row,
.position-profit-row{
  margin-top:14px;
  padding-top:11px;
}


.detail-profit-row>span:first-child,
.position-profit-row>span{
  font-size:12px;
}


.detail-pending,
.detail-profit-win,
.detail-profit-loss{
  font-size:13px;
}


/*
 * Small iPhones:
 * preserve 3 columns like the requested sample,
 * but tighten spacing instead of collapsing
 * everything back to the left.
 */
@media(max-width:380px){

  .v33-order-grid{
    column-gap:8px!important;
    row-gap:13px!important;
  }

  .v33-order-grid small{
    font-size:10.5px!important;
  }

  .v33-order-grid strong{
    font-size:11.5px!important;
  }

  .detail-order-card,
  .position-card{
    padding-left:11px;
    padding-right:11px;
  }

}



/* =========================================================
   V34 ORDER UX
   1. Keep order modal above mobile keyboard
   2. Larger order typography
   3. Created time stays on ONE line
   ========================================================= */


/* ---------- BIGGER ORDER CARD TEXT ---------- */

.order-list-card h3{
  font-size:18px!important;
  line-height:1.25;
}


.detail-order-card,
.position-card{
  padding:
    15px 14px!important;
}


.detail-order-head small,
.position-order-id{
  font-size:12px!important;
}


.detail-order-head b{
  font-size:13.5px!important;
  line-height:1.4!important;
}


.position-order-id{
  line-height:1.4;
}


/*
 * Give more width to the right hand
 * date / close-price column.
 */
.v33-order-grid{

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,.72fr)
    minmax(120px,1.28fr)
    !important;

  column-gap:10px!important;

  row-gap:16px!important;
}


.v33-order-grid small{

  font-size:12px!important;

  line-height:1.25!important;

  margin-bottom:6px!important;
}


.v33-order-grid strong{

  font-size:14px!important;

  line-height:1.3!important;

  font-weight:750!important;
}


/* ---------- CREATED TIME ONE LINE ---------- */

.v33-order-grid
.v33-order-time{

  display:block!important;

  white-space:nowrap!important;

  word-break:normal!important;

  overflow-wrap:normal!important;

  font-size:13px!important;

  line-height:1.25!important;

  letter-spacing:-.2px;

  text-align:right;
}


/*
 * Right column labels and values
 * stay aligned like the sample.
 */
.v33-order-grid
> div:nth-child(3n){

  text-align:right!important;
}


/* ---------- STATUS / PROFIT ---------- */

.detail-holding,
.detail-flat,
.position-live,
.position-flat{

  font-size:11.5px!important;

  padding:
    6px 10px!important;
}


.detail-profit-row>span:first-child,
.position-profit-row>span{

  font-size:13px!important;
}


.detail-pending,
.detail-profit-win,
.detail-profit-loss{

  font-size:14px!important;

  font-weight:800;
}


.history-profit span,
.history-loss span{

  font-size:15px!important;
}


/* ---------- SMALL PHONE ---------- */

@media(max-width:380px){

  .v33-order-grid{

    grid-template-columns:
      minmax(0,.95fr)
      minmax(0,.68fr)
      minmax(112px,1.3fr)
      !important;

    column-gap:7px!important;
  }


  .v33-order-grid small{

    font-size:11px!important;
  }


  .v33-order-grid strong{

    font-size:12.5px!important;
  }


  .v33-order-grid
  .v33-order-time{

    font-size:11.5px!important;

    letter-spacing:-.35px;
  }


  .detail-order-head b{

    font-size:12.5px!important;
  }

}


/* =========================================================
   V36 FINAL MOBILE ORDER KEYBOARD
   ========================================================= */

/*
 * Native modal position remains unchanged.
 *
 * When keyboard is already open, only limit the
 * scrollable modal height. No backdrop movement.
 */
.modal.v36-keyboard-open{

  max-height:
    var(
      --v36-visible-height,
      70vh
    )!important;

  overflow-y:auto!important;

  overflow-x:hidden!important;

  -webkit-overflow-scrolling:
    touch;

  overscroll-behavior:
    contain;
}


/*
 * iOS requires >=16px to prevent focus zoom.
 */
#modalAmount{

  font-size:16px!important;

  touch-action:manipulation;

  -webkit-user-select:text!important;

  user-select:text!important;
}


/*
 * Give focused amount input some breathing room.
 */
#modalAmount:focus{

  outline:
    1px solid
    #2fd8d0;

  outline-offset:
    1px;
}


/*
 * Extra scroll space while keyboard is open,
 * so Confirm Order can also be reached.
 */
.modal.v36-keyboard-open
.confirm-order{

  margin-bottom:
    12px;
}


/* =========================================================
   V37.2 FINAL ORDER MODAL POSITION
   ========================================================= */

/*
 * The order modal starts high on the screen immediately.
 * No keyboard detection and no JS movement.
 */
.modal-backdrop.trade-order-backdrop-v37{

  align-items:flex-start!important;

  justify-content:center!important;

  padding:
    52px
    10px
    16px!important;

  box-sizing:border-box!important;
}


.modal.trade-order-modal-v37{

  margin:0 auto!important;

  max-height:
    64dvh!important;

  overflow-y:auto!important;

  overflow-x:hidden!important;

  border-radius:
    18px!important;

  -webkit-overflow-scrolling:
    touch!important;

  overscroll-behavior:
    contain!important;
}


#modalAmount{

  font-size:17px!important;

  user-select:text!important;

  -webkit-user-select:
    text!important;

  touch-action:
    manipulation!important;
}


#modalAmount:focus{

  outline:none!important;

  border-color:
    #2bded2!important;

  box-shadow:
    0 0 0 1px
    rgba(
      43,
      222,
      210,
      .30
    )!important;
}


/* =========================================================
   V37.2 RETINA CHART
   ========================================================= */

.chart-card{

  overflow:hidden!important;

  background:#0b1727!important;
}


#chart{

  display:block!important;

  width:100%!important;

  height:320px!important;

  max-width:100%!important;

  touch-action:none!important;

  cursor:crosshair!important;
}



/* =========================================================
   V56 KYC LOCK + LOAN LOGO + ACCOUNT SETTING ICON GLOW
   ========================================================= */
.setting-row .setting-svg-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
  border:1px solid rgba(64,231,255,.36);background:linear-gradient(145deg,rgba(10,44,70,.92),rgba(4,20,38,.98));
  box-shadow:0 0 0 1px rgba(0,221,255,.05) inset,0 0 14px rgba(31,220,255,.18);
  margin-right:14px;transition:.18s ease;
}
.setting-row .setting-svg-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
.setting-row[data-action="security"] .setting-svg-icon{color:#56f1ff;box-shadow:0 0 16px rgba(58,231,255,.32),inset 0 0 14px rgba(42,220,255,.08)}
.setting-row[data-action="loan"] .setting-svg-icon{color:#ffd166;box-shadow:0 0 16px rgba(255,209,102,.28),inset 0 0 14px rgba(255,209,102,.07)}
.setting-row[data-action="language"] .setting-svg-icon{color:#53f7c7;box-shadow:0 0 16px rgba(83,247,199,.28),inset 0 0 14px rgba(83,247,199,.07)}
.setting-row[data-action="kyc"] .setting-svg-icon{color:#a88cff;box-shadow:0 0 16px rgba(168,140,255,.32),inset 0 0 14px rgba(168,140,255,.08)}
.setting-row:hover .setting-svg-icon{transform:translateY(-1px) scale(1.04);filter:brightness(1.14)}

.kyc-approved-locked .kyc-form input:disabled,.kyc-approved-locked .kyc-form select:disabled{opacity:.84;cursor:not-allowed;color:#dcecf7;background:#0b2030;border-color:#1d4a61}
.kyc-approved-locked .kyc-file.is-locked{pointer-events:none}
.kyc-square-upload.locked-upload{cursor:default;border-style:solid;border-color:rgba(78,229,255,.28);background:rgba(6,28,44,.72)}
.kyc-lock-mark{position:absolute;right:8px;top:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:12px;background:rgba(3,20,32,.88);border:1px solid rgba(82,235,255,.45);box-shadow:0 0 12px rgba(82,235,255,.2)}

.loan-product-v30{position:relative;grid-template-columns:58px minmax(0,1fr);align-items:start}
.loan-product-logo-wrap{width:54px;min-width:54px;height:54px;align-self:flex-start;display:grid;place-items:center;margin:9px 4px 0 0}
.loan-product-logo{width:48px;height:48px;border-radius:13px;object-fit:contain;background:rgba(5,22,38,.76);border:1px solid rgba(63,226,255,.35);box-shadow:0 0 15px rgba(30,213,255,.2),inset 0 0 12px rgba(39,214,255,.06);padding:4px}
.loan-product-logo-fallback{display:grid;place-items:center;font-weight:800;color:#72eaff;font-size:17px}
@media(max-width:700px){.loan-product-logo-wrap{width:44px;min-width:44px;height:44px}.loan-product-logo{width:40px;height:40px;border-radius:11px}}


/* =========================================================
   V57 LOAN PRODUCT LOGO POSITION + APPLY HEADER LOGO
   ========================================================= */

/* Loan Center: larger product logo and cleaner vertical position */
.loan-product-v30{
  grid-template-columns:86px minmax(0,1fr);
  column-gap:12px;
  align-items:start;
}
.loan-product-v30 .loan-product-logo-wrap{
  width:76px;
  min-width:76px;
  height:76px;
  margin:20px 0 0 4px;
  align-self:start;
  display:grid;
  place-items:center;
}
.loan-product-v30 .loan-product-logo{
  width:66px;
  height:66px;
  padding:5px;
  border-radius:16px;
  object-fit:contain;
  background:rgba(4,22,38,.88);
  border:1px solid rgba(64,230,255,.42);
  box-shadow:
    0 0 0 1px rgba(56,225,255,.06) inset,
    0 0 18px rgba(31,215,255,.25),
    inset 0 0 14px rgba(39,214,255,.07);
}
.loan-product-v30 .loan-product-logo-fallback{
  font-size:21px;
  color:#72eaff;
}

/* Apply page: center the product title, logo in front at text-sized scale */
.loan-application-product > .loan-application-product-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0 0 16px;
  text-align:center;
}
.loan-application-product-title > span{
  display:block;
  width:100%;
  text-align:center;
}
.loan-application-product-name-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:30px;
}
.loan-application-product-name-row b{
  display:inline-block;
  margin:0;
  font-size:22px;
  line-height:1.2;
  text-align:center;
}
.loan-application-product-logo{
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
  border-radius:6px;
  padding:1px;
  background:rgba(5,22,38,.74);
  border:1px solid rgba(63,226,255,.32);
  box-shadow:0 0 10px rgba(30,213,255,.24);
}
.loan-application-product-logo-fallback{
  display:grid;
  place-items:center;
  padding:0;
  font-size:12px!important;
  line-height:22px;
  color:#64eaff!important;
}

@media(max-width:700px){
  .loan-product-v30{
    grid-template-columns:64px minmax(0,1fr);
    column-gap:8px;
  }
  .loan-product-v30 .loan-product-logo-wrap{
    width:58px;
    min-width:58px;
    height:58px;
    margin:16px 0 0 0;
  }
  .loan-product-v30 .loan-product-logo{
    width:52px;
    height:52px;
    border-radius:13px;
    padding:4px;
  }
  .loan-application-product-name-row b{
    font-size:19px;
  }
  .loan-application-product-logo{
    width:19px;
    height:19px;
    flex-basis:19px;
    border-radius:5px;
  }
}


/* =========================================================
   V58 LOAN APPLY HEADER ENLARGE + ACCOUNT LOAN ICON REDESIGN
   ========================================================= */
.setting-row[data-action="loan"] .setting-svg-icon{
  color:#ffd76a;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,241,166,.18), transparent 30%),
    linear-gradient(145deg, rgba(44,74,28,.26), rgba(5,23,39,.98) 42%, rgba(10,48,78,.94));
  border-color:rgba(255,214,106,.44);
  box-shadow:
    0 0 0 1px rgba(255,214,106,.08) inset,
    0 0 18px rgba(255,214,106,.30),
    inset 0 0 18px rgba(81,230,255,.07);
}
.setting-row[data-action="loan"] .setting-svg-icon svg{
  stroke-width:1.9;
  filter:drop-shadow(0 0 7px rgba(255,215,106,.85)) drop-shadow(0 0 3px rgba(85,230,255,.55));
}
.setting-row[data-action="loan"]:hover .setting-svg-icon{
  transform:translateY(-1px) scale(1.06);
  box-shadow:
    0 0 0 1px rgba(255,214,106,.10) inset,
    0 0 22px rgba(255,214,106,.36),
    inset 0 0 20px rgba(85,230,255,.09);
}

/* Loan center card logo: refine position a bit more */
.loan-product-v30{
  grid-template-columns:98px minmax(0,1fr);
  column-gap:14px;
}
.loan-product-v30 .loan-product-logo-wrap{
  width:86px;
  min-width:86px;
  height:86px;
  margin:18px 0 0 6px;
}
.loan-product-v30 .loan-product-logo{
  width:74px;
  height:74px;
  border-radius:18px;
  padding:6px;
}
.loan-product-v30 .loan-product-logo-fallback{
  font-size:24px;
}

/* Loan apply page header: make the logo clearly visible and keep title centered */
.loan-application-product{
  padding:20px 22px;
}
.loan-application-product > .loan-application-product-title{
  gap:10px;
  margin:0 0 18px;
}
.loan-application-product-title > span{
  font-size:13px;
}
.loan-application-product-name-row{
  width:auto;
  max-width:100%;
  margin:0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:42px;
}
.loan-application-product-name-row b{
  font-size:29px;
  line-height:1.18;
  max-width:min(100%, 620px);
  word-break:break-word;
}
.loan-application-product-logo{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:12px;
  padding:3px;
  background:rgba(5,24,40,.90);
  border:1px solid rgba(72,231,255,.36);
  box-shadow:
    0 0 0 1px rgba(60,228,255,.05) inset,
    0 0 16px rgba(27,211,255,.24),
    inset 0 0 13px rgba(35,214,255,.08);
}
.loan-application-product-logo-fallback{
  font-size:16px!important;
  line-height:40px;
}

@media(max-width:900px){
  .loan-product-v30{grid-template-columns:90px minmax(0,1fr)}
  .loan-product-v30 .loan-product-logo-wrap{width:78px;min-width:78px;height:78px;margin:16px 0 0 2px}
  .loan-product-v30 .loan-product-logo{width:68px;height:68px}
  .loan-application-product-name-row b{font-size:24px}
}

@media(max-width:700px){
  .loan-product-v30{
    grid-template-columns:78px minmax(0,1fr);
    column-gap:10px;
  }
  .loan-product-v30 .loan-product-logo-wrap{
    width:70px;
    min-width:70px;
    height:70px;
    margin:14px 0 0 0;
  }
  .loan-product-v30 .loan-product-logo{
    width:60px;
    height:60px;
    border-radius:16px;
    padding:5px;
  }
  .loan-application-product{
    padding:16px 14px;
  }
  .loan-application-product > .loan-application-product-title{
    gap:8px;
    margin-bottom:16px;
  }
  .loan-application-product-title > span{
    font-size:12px;
  }
  .loan-application-product-name-row{
    gap:10px;
    align-items:center;
    max-width:100%;
  }
  .loan-application-product-logo{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:12px;
    padding:4px;
  }
  .loan-application-product-logo-fallback{
    font-size:18px!important;
    line-height:44px;
  }
  .loan-application-product-name-row b{
    font-size:20px;
    max-width:calc(100% - 58px);
    text-align:left;
  }
}


/* =========================================================
   V59 LOAN APPLY HEADER SINGLE-LINE + REMOVE LABEL
   ========================================================= */
.loan-application-product > .loan-application-product-title{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:0 0 18px;
}
.loan-application-product-title > span{
  display:none!important;
}
.loan-application-product-name-row{
  width:100%;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:nowrap!important;
}
.loan-application-product-name-row b{
  display:block;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  letter-spacing:0;
  text-align:center!important;
  font-size:clamp(16px, 4vw, 30px);
  line-height:1.15;
  max-width:none;
}
.loan-application-product-logo{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:13px;
  padding:4px;
}
.loan-application-product-logo-fallback{
  font-size:18px!important;
  line-height:46px;
}

@media(max-width:900px){
  .loan-application-product-name-row{
    gap:12px;
  }
  .loan-application-product-logo{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
  .loan-application-product-name-row b{
    font-size:clamp(15px, 3.8vw, 24px);
  }
}

@media(max-width:700px){
  .loan-application-product{
    padding:14px 12px;
  }
  .loan-application-product > .loan-application-product-title{
    margin:0 0 14px;
  }
  .loan-application-product-name-row{
    gap:10px;
    min-height:48px;
  }
  .loan-application-product-logo{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:12px;
    padding:4px;
  }
  .loan-application-product-logo-fallback{
    font-size:17px!important;
    line-height:40px;
  }
  .loan-application-product-name-row b{
    font-size:16px;
    line-height:1.12;
    max-width:calc(100% - 52px);
  }
}


/* =========================================================
   V60 TECH LOAN VERTICAL CARDS + ACCOUNT ICON SET
   ========================================================= */

/* ----- Loan center: vertical tech-card left side ----- */
.loan-product-v30{
  --tier-accent:#32e7ff;
  --tier-accent-rgb:50,231,255;
  grid-template-columns:132px minmax(0,1fr)!important;
  column-gap:18px!important;
  align-items:stretch!important;
  overflow:hidden;
}
.loan-product-v30.loan-tier-2{
  --tier-accent:#29dcff;
  --tier-accent-rgb:41,220,255;
}
.loan-product-v30.loan-tier-3,
.loan-product-v30.loan-tier-4{
  --tier-accent:#ffc94c;
  --tier-accent-rgb:255,201,76;
}
.loan-product-v30 .loan-product-logo-wrap{
  position:relative;
  isolation:isolate;
  width:112px!important;
  min-width:112px!important;
  height:auto!important;
  min-height:226px;
  margin:0!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:22px;
  border:1px solid rgba(var(--tier-accent-rgb),.55);
  background:
    linear-gradient(90deg,rgba(var(--tier-accent-rgb),.14) 1px,transparent 1px) 0 0/22px 22px,
    linear-gradient(rgba(var(--tier-accent-rgb),.10) 1px,transparent 1px) 0 0/22px 22px,
    radial-gradient(circle at 50% 47%,rgba(var(--tier-accent-rgb),.17),transparent 37%),
    linear-gradient(180deg,#071c30 0%,#061727 54%,#071a2c 100%);
  box-shadow:
    0 0 0 1px rgba(var(--tier-accent-rgb),.07) inset,
    0 0 20px rgba(var(--tier-accent-rgb),.16),
    inset 0 0 28px rgba(0,0,0,.28);
}
.loan-product-v30 .loan-product-logo-wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:7px;
  border:1px solid rgba(var(--tier-accent-rgb),.48);
  border-radius:17px;
  clip-path:polygon(12% 0,88% 0,100% 7%,100% 93%,88% 100%,12% 100%,0 93%,0 7%);
  box-shadow:
    0 0 8px rgba(var(--tier-accent-rgb),.26),
    inset 0 0 12px rgba(var(--tier-accent-rgb),.08);
}
.loan-product-v30 .loan-product-logo-wrap::after{
  content:attr(data-tier-label);
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  min-width:52px;
  height:30px;
  padding:0 10px;
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
  font-weight:900;
  letter-spacing:1px;
  color:var(--tier-accent);
  border:1px solid rgba(var(--tier-accent-rgb),.68);
  background:linear-gradient(180deg,rgba(9,39,61,.97),rgba(4,18,31,.97));
  clip-path:polygon(12% 0,88% 0,100% 23%,100% 77%,88% 100%,12% 100%,0 77%,0 23%);
  text-shadow:0 0 8px rgba(var(--tier-accent-rgb),.7);
  box-shadow:0 0 12px rgba(var(--tier-accent-rgb),.2);
}
.loan-product-v30 .loan-product-logo{
  position:relative;
  z-index:2;
  width:78px!important;
  height:78px!important;
  flex:none!important;
  object-fit:contain;
  padding:7px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--tier-accent-rgb),.16),rgba(5,22,37,.92) 69%);
  border:1px solid rgba(var(--tier-accent-rgb),.68)!important;
  box-shadow:
    0 0 0 5px rgba(var(--tier-accent-rgb),.05),
    0 0 24px rgba(var(--tier-accent-rgb),.34),
    inset 0 0 18px rgba(var(--tier-accent-rgb),.11)!important;
  filter:drop-shadow(0 0 8px rgba(var(--tier-accent-rgb),.28));
}
.loan-product-v30 .loan-product-logo-fallback{
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  color:var(--tier-accent)!important;
}
.loan-product-v30 .loan-main{
  min-width:0;
  padding:6px 0 0;
}

/* ----- Account settings: neon square icon system ----- */
.settings{
  border-color:#214766;
  background:linear-gradient(180deg,#142b44,#13263d);
}
.setting-row{
  min-height:78px;
  padding:9px 14px!important;
  gap:16px!important;
  border-bottom-color:#27425d!important;
}
.setting-row .setting-svg-icon{
  --icon-rgb:58,231,255;
  --icon-color:#5af0ff;
  position:relative;
  isolation:isolate;
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  margin-right:2px!important;
  border-radius:17px!important;
  color:var(--icon-color)!important;
  border:1px solid rgba(var(--icon-rgb),.62)!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(var(--icon-rgb),.18),transparent 45%),
    linear-gradient(145deg,rgba(8,38,61,.98),rgba(5,20,35,.99))!important;
  box-shadow:
    0 0 0 2px rgba(var(--icon-rgb),.07) inset,
    0 0 0 5px rgba(var(--icon-rgb),.025),
    0 0 18px rgba(var(--icon-rgb),.26),
    inset 0 0 20px rgba(var(--icon-rgb),.09)!important;
  overflow:hidden;
}
.setting-row .setting-svg-icon::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(var(--icon-rgb),.30);
  border-radius:12px;
  clip-path:polygon(11% 0,89% 0,100% 11%,100% 89%,89% 100%,11% 100%,0 89%,0 11%);
  box-shadow:0 0 9px rgba(var(--icon-rgb),.20);
}
.setting-row .setting-svg-icon::after{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:5px;
  height:2px;
  border-radius:99px;
  background:var(--icon-color);
  box-shadow:0 0 9px rgba(var(--icon-rgb),.78);
  opacity:.72;
}
.setting-row .setting-svg-icon .setting-art-icon{
  position:relative;
  z-index:2;
  width:36px!important;
  height:36px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(var(--icon-rgb),.92))!important;
}
.setting-row .setting-svg-icon .icon-fill-soft{
  fill:rgba(var(--icon-rgb),.10);
  stroke:rgba(var(--icon-rgb),.65);
}
.setting-row .setting-svg-icon .icon-detail{
  opacity:.58;
}
.setting-row[data-action="security"] .setting-svg-icon{
  --icon-rgb:43,226,255;
  --icon-color:#56efff;
}
.setting-row[data-action="loan"] .setting-svg-icon{
  --icon-rgb:255,199,69;
  --icon-color:#ffd15a;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,207,77,.18),transparent 45%),
    linear-gradient(145deg,rgba(43,39,19,.96),rgba(6,23,36,.99))!important;
}
.setting-row[data-action="loan"] .setting-svg-icon .icon-coin{
  fill:rgba(255,198,58,.11);
}
.setting-row[data-action="loan"] .setting-svg-icon .icon-coin-line{
  stroke-width:1.35;
}
.setting-row[data-action="language"] .setting-svg-icon{
  --icon-rgb:48,247,201;
  --icon-color:#4ff7c9;
}
.setting-row[data-action="language"] .setting-svg-icon .icon-orbit{
  opacity:.55;
}
.setting-row[data-action="kyc"] .setting-svg-icon{
  --icon-rgb:167,111,255;
  --icon-color:#b180ff;
}
.setting-row.danger .setting-svg-icon{
  --icon-rgb:255,75,84;
  --icon-color:#ff5962;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,75,84,.15),transparent 45%),
    linear-gradient(145deg,rgba(57,19,29,.96),rgba(25,8,17,.99))!important;
  border-color:rgba(255,75,84,.64)!important;
  box-shadow:
    0 0 0 2px rgba(255,75,84,.07) inset,
    0 0 0 5px rgba(255,75,84,.025),
    0 0 18px rgba(255,75,84,.28),
    inset 0 0 20px rgba(255,75,84,.08)!important;
}
.setting-row:hover .setting-svg-icon{
  transform:translateY(-1px) scale(1.035)!important;
  filter:brightness(1.1);
}

@media(max-width:700px){
  .loan-product-v30{
    grid-template-columns:104px minmax(0,1fr)!important;
    column-gap:12px!important;
    padding:10px!important;
  }
  .loan-product-v30 .loan-product-logo-wrap{
    width:92px!important;
    min-width:92px!important;
    min-height:214px;
    border-radius:18px;
  }
  .loan-product-v30 .loan-product-logo-wrap::before{
    inset:6px;
    border-radius:14px;
  }
  .loan-product-v30 .loan-product-logo-wrap::after{
    bottom:11px;
    min-width:44px;
    height:27px;
    font-size:16px;
  }
  .loan-product-v30 .loan-product-logo{
    width:68px!important;
    height:68px!important;
    padding:6px!important;
  }
  .loan-product-v30 .loan-main{
    padding-top:8px;
  }
  .setting-row{
    min-height:70px;
    padding:7px 11px!important;
    gap:13px!important;
  }
  .setting-row .setting-svg-icon{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    border-radius:15px!important;
  }
  .setting-row .setting-svg-icon .setting-art-icon{
    width:32px!important;
    height:32px!important;
  }
  .setting-row .label{
    font-weight:700;
  }
}


/* =========================================================
   V61 EXACT LOAN VISUAL STYLE
   - Account loan icon: USDT T + gold coin stack + dollar coin
   - Loan cards: clean dark vertical frame, NO grid texture
   ========================================================= */

/* Account loan icon closer to supplied reference */
.setting-row[data-action="loan"] .setting-svg-icon{
  --icon-rgb:255,195,52;
  --icon-color:#ffd24e;
  color:#ffd24e!important;
  border-color:rgba(255,197,55,.76)!important;
  background:
    radial-gradient(circle at 50% 43%,rgba(255,209,63,.18),transparent 42%),
    linear-gradient(145deg,#172612 0%,#0a1e20 48%,#081624 100%)!important;
  box-shadow:
    0 0 0 2px rgba(255,205,60,.09) inset,
    0 0 0 5px rgba(255,198,48,.035),
    0 0 19px rgba(255,190,40,.34),
    inset 0 0 22px rgba(255,204,64,.09)!important;
}
.setting-row[data-action="loan"] .setting-svg-icon::before{
  border-color:rgba(255,207,69,.48)!important;
  box-shadow:0 0 10px rgba(255,193,40,.30), inset 0 0 10px rgba(51,244,215,.05)!important;
}
.setting-row[data-action="loan"] .setting-svg-icon::after{
  background:#ffc53b!important;
  box-shadow:0 0 10px rgba(255,193,39,.9)!important;
}
.setting-row[data-action="loan"] .loan-usdt-art{
  width:40px!important;
  height:40px!important;
  overflow:visible;
  filter:drop-shadow(0 0 5px rgba(255,194,44,.55))!important;
}
.setting-row[data-action="loan"] .loan-usdt-disc{
  fill:rgba(9,107,91,.32);
  stroke:#23e5bf;
  stroke-width:1.3;
}
.setting-row[data-action="loan"] .loan-usdt-ring{
  fill:none;
  stroke:#f7c746;
  stroke-width:1.3;
  opacity:.95;
}
.setting-row[data-action="loan"] .loan-usdt-t{
  fill:none;
  stroke:#2ff0c7;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 3px rgba(47,240,199,.9));
}
.setting-row[data-action="loan"] .loan-stack-fill,
.setting-row[data-action="loan"] .loan-dollar-fill{
  fill:rgba(255,183,38,.34);
  stroke:none;
}
.setting-row[data-action="loan"] .loan-stack-line,
.setting-row[data-action="loan"] .loan-dollar-line{
  fill:none;
  stroke:#ffcf4b;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Loan product vertical card: remove ALL grid texture */
.loan-product-v30 .loan-product-logo-wrap{
  background:
    radial-gradient(ellipse at 50% 54%,rgba(var(--tier-accent-rgb),.13),transparent 34%),
    radial-gradient(ellipse at 50% 86%,rgba(var(--tier-accent-rgb),.12),transparent 22%),
    linear-gradient(180deg,#071b2c 0%,#061727 48%,#071a2b 100%)!important;
  border:1px solid rgba(var(--tier-accent-rgb),.60)!important;
  box-shadow:
    0 0 0 1px rgba(var(--tier-accent-rgb),.06) inset,
    0 0 15px rgba(var(--tier-accent-rgb),.13),
    inset 0 0 30px rgba(0,0,0,.30)!important;
}
.loan-product-v30 .loan-product-logo-wrap::before{
  inset:6px!important;
  border:1px solid rgba(var(--tier-accent-rgb),.55)!important;
  border-radius:17px!important;
  clip-path:polygon(13% 0,87% 0,100% 5%,100% 95%,87% 100%,13% 100%,0 95%,0 5%)!important;
  box-shadow:
    0 0 7px rgba(var(--tier-accent-rgb),.24),
    inset 0 0 10px rgba(var(--tier-accent-rgb),.06)!important;
}
/* subtle futuristic corner cuts / vertical edge, but no grids */
.loan-product-v30 .loan-product-logo-wrap{
  outline:none!important;
}
.loan-product-v30 .loan-product-logo-wrap .loan-product-logo{
  width:82px!important;
  height:82px!important;
  padding:4px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:
    0 10px 12px -10px rgba(var(--tier-accent-rgb),.85),
    0 0 18px rgba(var(--tier-accent-rgb),.22)!important;
  filter:drop-shadow(0 0 7px rgba(var(--tier-accent-rgb),.34));
}
.loan-product-v30 .loan-product-logo-wrap::after{
  bottom:12px!important;
  min-width:48px!important;
  height:27px!important;
  padding:0 8px!important;
  font-size:16px!important;
  border-color:rgba(var(--tier-accent-rgb),.72)!important;
  background:linear-gradient(180deg,rgba(8,35,55,.98),rgba(4,17,29,.98))!important;
  box-shadow:0 0 10px rgba(var(--tier-accent-rgb),.18)!important;
}

@media(max-width:700px){
  .loan-product-v30{
    grid-template-columns:104px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .loan-product-v30 .loan-product-logo-wrap{
    width:94px!important;
    min-width:94px!important;
    min-height:220px!important;
    border-radius:18px!important;
  }
  .loan-product-v30 .loan-product-logo-wrap .loan-product-logo{
    width:72px!important;
    height:72px!important;
  }
  .setting-row[data-action="loan"] .loan-usdt-art{
    width:36px!important;
    height:36px!important;
  }
}


/* =========================================================
   V62 LOAN APPLICATION HERO — RESPONSIVE DESKTOP + MOBILE
   ========================================================= */

.loan-application-product{
  position:relative;
  overflow:hidden;
  padding:18px 20px 20px;
  border-color:rgba(42,101,139,.56);
  background:
    radial-gradient(circle at 50% -30%,rgba(36,212,255,.10),transparent 46%),
    linear-gradient(180deg,#0b2031 0%,#091c2b 100%);
}

/* Thin sci-fi highlight like the reference */
.loan-application-product::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:14px;
  background:
    linear-gradient(90deg,transparent 0 9%,rgba(45,224,255,.30) 16%,transparent 26% 74%,rgba(255,198,70,.25) 84%,transparent 92%),
    linear-gradient(180deg,rgba(42,222,255,.10),transparent 20%);
  mask:linear-gradient(#000 0 0);
  opacity:.65;
}

.loan-application-hero{
  position:relative;
  z-index:1;
  max-width:820px;
  margin:0 auto 18px;
  min-height:116px;
  padding:14px 18px;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  align-items:center;
  gap:20px;
  border:1px solid rgba(53,220,255,.72);
  border-radius:20px;
  background:
    radial-gradient(circle at 44% 0%,rgba(25,210,255,.20),transparent 36%),
    linear-gradient(115deg,rgba(7,28,45,.98),rgba(8,36,57,.94) 52%,rgba(6,25,42,.98));
  box-shadow:
    0 0 0 1px rgba(255,197,64,.05) inset,
    0 0 18px rgba(39,222,255,.20),
    0 9px 28px rgba(0,0,0,.18);
}

.loan-application-hero::before,
.loan-application-hero::after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  height:1px;
  pointer-events:none;
}
.loan-application-hero::before{
  top:-1px;
  background:linear-gradient(90deg,transparent,#25e6ff 25%,#ffc748 58%,#25e6ff 82%,transparent);
  box-shadow:0 0 10px rgba(51,229,255,.75);
}
.loan-application-hero::after{
  bottom:-1px;
  background:linear-gradient(90deg,transparent,#ffc748 26%,#25e6ff 56%,#ffc748 80%,transparent);
  box-shadow:0 0 8px rgba(255,199,72,.45);
}

.loan-application-hero-logo-shell{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(49,229,255,.72);
  background:
    radial-gradient(circle at 50% 42%,rgba(20,222,255,.11),transparent 56%),
    linear-gradient(145deg,rgba(9,45,66,.96),rgba(5,23,38,.98));
  box-shadow:
    0 0 15px rgba(37,220,255,.25),
    inset 0 0 18px rgba(35,220,255,.07);
}

.loan-application-hero-logo{
  width:62px;
  height:62px;
  object-fit:contain;
  padding:3px;
  border-radius:14px;
  filter:drop-shadow(0 0 8px rgba(53,224,255,.34));
}

.loan-application-hero-logo-fallback{
  display:grid;
  place-items:center;
  color:#5beaff;
  font-size:25px;
}

.loan-application-hero-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.loan-application-hero-title-row{
  min-width:0;
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:8px;
}

.loan-application-hero-title{
  width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:visible;
  color:#fff;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.3px;
  text-shadow:0 0 10px rgba(255,255,255,.08);
}

.loan-application-hero-chips{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(52px,1fr));
  gap:8px;
  margin-bottom:7px;
}

.loan-application-hero-chip{
  min-height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(62,225,255,.55);
  border-radius:8px 14px 8px 14px;
  color:#ffd362;
  background:
    linear-gradient(180deg,rgba(9,44,66,.98),rgba(4,21,35,.98));
  box-shadow:
    inset 0 0 12px rgba(30,215,255,.06),
    0 0 8px rgba(30,215,255,.12);
}
.loan-application-hero-chip svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,209,76,.40));
}

.loan-application-hero-description{
  color:#55dbef;
  font-size:12px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

@media(max-width:900px){
  .loan-application-hero{
    max-width:720px;
    grid-template-columns:76px minmax(0,1fr);
    gap:16px;
    min-height:106px;
    padding:13px 15px;
  }
  .loan-application-hero-logo-shell{
    width:68px;
    height:68px;
  }
  .loan-application-hero-logo{
    width:55px;
    height:55px;
  }
  .loan-application-hero-title{
    font-size:24px;
  }
}

@media(max-width:700px){
  .loan-application-product{
    padding:10px 10px 14px;
  }

  .loan-application-hero{
    width:auto;
    max-width:none;
    min-height:76px;
    margin:0 0 12px;
    padding:10px 10px;
    grid-template-columns:50px minmax(0,1fr);
    gap:9px;
    border-radius:13px;
  }

  .loan-application-hero-logo-shell{
    width:46px;
    height:46px;
    border-radius:11px;
  }

  .loan-application-hero-logo{
    width:38px;
    height:38px;
    padding:2px;
    border-radius:9px;
  }

  .loan-application-hero-main{
    min-width:0;
  }

  .loan-application-hero-title-row{
    margin:0 0 6px;
  }

  .loan-application-hero-title{
    width:100%;
    min-width:0;
    font-size:20px;
    line-height:1.05;
    letter-spacing:-.4px;
  }

  .loan-application-hero-chips{
    grid-template-columns:repeat(4,minmax(34px,1fr));
    gap:4px;
    margin:0;
  }

  .loan-application-hero-chip{
    min-height:25px;
    border-radius:6px 10px 6px 10px;
  }

  .loan-application-hero-chip svg{
    width:15px;
    height:15px;
  }

  .loan-application-hero-description{
    display:none;
  }
}

@media(max-width:390px){
  .loan-application-hero{
    grid-template-columns:46px minmax(0,1fr);
    gap:7px;
    padding:9px 8px;
  }

  .loan-application-hero-logo-shell{
    width:42px;
    height:42px;
  }

  .loan-application-hero-logo{
    width:35px;
    height:35px;
  }

  .loan-application-hero-chips{
    gap:3px;
  }

  .loan-application-hero-chip{
    min-height:23px;
  }
}


/* =========================================================
   V63 EXACT LOAN APPLICATION HERO
   - reference-like connected icon rail
   - remove vertical light pillars
   ========================================================= */

/* Remove the V62 full-card decorative overlay that produced the two vertical light beams */
.loan-application-product::before{
  display:none!important;
  content:none!important;
}

/* Keep glow only inside the actual top hero */
.loan-application-product{
  background:linear-gradient(180deg,#0a1f2f 0%,#091b2a 100%)!important;
}

.loan-application-hero{
  max-width:900px;
  min-height:128px;
  padding:14px 22px;
  grid-template-columns:92px minmax(0,1fr);
  gap:20px;
  border-radius:18px;
  border:1px solid rgba(45,229,255,.88);
  background:
    radial-gradient(ellipse at 54% 0%,rgba(25,218,255,.18),transparent 44%),
    linear-gradient(115deg,#082034 0%,#0a3049 48%,#081e31 100%);
  box-shadow:
    0 0 0 1px rgba(255,202,76,.08) inset,
    0 0 16px rgba(35,224,255,.22),
    inset 0 0 26px rgba(35,201,255,.05);
}

.loan-application-hero-logo-shell{
  width:84px;
  height:84px;
  border-radius:18px;
  border:1px solid rgba(41,235,255,.82);
  background:linear-gradient(145deg,rgba(8,49,71,.95),rgba(4,25,40,.98));
  box-shadow:
    0 0 18px rgba(38,224,255,.26),
    inset 0 0 18px rgba(42,224,255,.08);
}
.loan-application-hero-logo{
  width:70px;
  height:70px;
  padding:2px;
  filter:drop-shadow(0 0 9px rgba(48,229,255,.35));
}

.loan-application-hero-title-row{
  margin-bottom:8px;
}
.loan-application-hero-title{
  font-size:31px;
  font-weight:900;
  line-height:1.05;
}

/* Four connected sci-fi capsules like the reference */
.loan-application-hero-chips{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(72px,1fr));
  gap:14px;
  margin:0 0 7px;
  padding:0 7px;
}
.loan-application-hero-chips::before{
  content:"";
  position:absolute;
  left:2%;
  right:2%;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,
    transparent,
    rgba(46,229,255,.75) 8%,
    rgba(46,229,255,.75) 92%,
    transparent);
  box-shadow:0 0 7px rgba(45,230,255,.60);
  z-index:0;
}
.loan-application-hero-chip{
  position:relative;
  z-index:1;
  min-height:36px;
  border:1px solid rgba(58,228,255,.72);
  border-radius:4px 13px 4px 13px;
  color:#ffd45d;
  background:
    linear-gradient(180deg,rgba(7,42,61,.98),rgba(4,19,32,.98));
  box-shadow:
    0 0 0 1px rgba(255,199,61,.05) inset,
    0 0 9px rgba(32,216,255,.13),
    inset 0 0 12px rgba(33,220,255,.06);
}
.loan-application-hero-chip::before,
.loan-application-hero-chip::after{
  content:"";
  position:absolute;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%) rotate(45deg);
  background:#14dff4;
  border:1px solid rgba(118,249,255,.85);
  box-shadow:0 0 8px rgba(42,233,255,.85);
}
.loan-application-hero-chip::before{left:-12px}
.loan-application-hero-chip::after{right:-12px}
.loan-application-hero-chip:first-child::before,
.loan-application-hero-chip:last-child::after{
  display:none;
}
.loan-application-hero-chip svg{
  width:21px;
  height:21px;
  stroke-width:1.9;
  filter:drop-shadow(0 0 5px rgba(255,211,77,.55));
}
.loan-application-hero-description{
  color:#38d8ef;
  font-size:12px;
  padding-left:7px;
}

/* Tablet */
@media(max-width:900px){
  .loan-application-hero{
    max-width:760px;
    grid-template-columns:78px minmax(0,1fr);
    min-height:110px;
    gap:15px;
    padding:12px 15px;
  }
  .loan-application-hero-logo-shell{
    width:72px;
    height:72px;
  }
  .loan-application-hero-logo{
    width:60px;
    height:60px;
  }
  .loan-application-hero-chips{
    grid-template-columns:repeat(4,minmax(56px,1fr));
    gap:11px;
  }
}

/* Mobile: still logo-left + title/chip rail-right, not stacked */
@media(max-width:700px){
  .loan-application-product{
    padding:9px 9px 13px!important;
  }
  .loan-application-hero{
    min-height:86px;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px 9px!important;
    border-radius:12px;
    align-items:center;
  }
  .loan-application-hero-logo-shell{
    width:54px!important;
    height:54px!important;
    border-radius:12px;
  }
  .loan-application-hero-logo{
    width:46px!important;
    height:46px!important;
    border-radius:10px;
  }
  .loan-application-hero-main{
    min-width:0;
    width:100%;
  }
  .loan-application-hero-title-row{
    margin-bottom:7px!important;
  }
  .loan-application-hero-title{
    width:100%;
    min-width:0;
    white-space:nowrap!important;
    font-size:18px;
    line-height:1.02;
  }
  .loan-application-hero-chips{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    padding:0 3px!important;
    margin:0!important;
  }
  .loan-application-hero-chip{
    min-width:0;
    min-height:27px!important;
    height:27px;
    border-radius:3px 8px 3px 8px!important;
  }
  .loan-application-hero-chip::before,
  .loan-application-hero-chip::after{
    width:5px;
    height:5px;
  }
  .loan-application-hero-chip::before{left:-7px}
  .loan-application-hero-chip::after{right:-7px}
  .loan-application-hero-chip svg{
    width:15px!important;
    height:15px!important;
  }
  .loan-application-hero-description{
    display:none!important;
  }
}

/* Narrow phones */
@media(max-width:380px){
  .loan-application-hero{
    grid-template-columns:52px minmax(0,1fr)!important;
    gap:7px!important;
    padding:8px 7px!important;
  }
  .loan-application-hero-logo-shell{
    width:48px!important;
    height:48px!important;
  }
  .loan-application-hero-logo{
    width:41px!important;
    height:41px!important;
  }
  .loan-application-hero-title{
    font-size:16px;
  }
  .loan-application-hero-chips{
    gap:6px!important;
  }
  .loan-application-hero-chip{
    min-height:25px!important;
    height:25px;
  }
  .loan-application-hero-chip svg{
    width:14px!important;
    height:14px!important;
  }
}

/* Download APP icon: follow existing account-setting style */




/* =========================================================
   Download APP - use native Account Settings icon system
   ========================================================= */

.setting-row[data-action="download-app"] .setting-svg-icon{
    color:#42e7ee;
    box-shadow:
        0 0 16px rgba(66,231,238,.28),
        inset 0 0 14px rgba(66,231,238,.07);
}

.setting-row[data-action="download-app"] .download-app-art{
    fill:none;
    stroke:currentColor;
}



/* =========================================================
   GTAM DEPOSIT MOBILE FLOW FINAL START
   Fix Android Chrome / WebView deposit layout
   Keep iOS-compatible natural vertical flow
   ========================================================= */

/*
 * The standalone page itself must be allowed to scroll.
 * Never clip the deposit form to Android's dynamic viewport.
 */
.deposit-detail-page{
    overflow-x:hidden !important;
    overflow-y:auto !important;

    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain;
}


/*
 * V10 previously forced:
 * height:100dvh;
 * overflow:hidden;
 *
 * That conflicts with the larger V13 deposit sections.
 * Let the content determine the real page height.
 */
.deposit-detail-page .standalone-feature-inner{
    height:auto !important;
    min-height:100% !important;
    max-height:none !important;

    overflow:visible !important;

    display:flex !important;
    flex-direction:column !important;

    box-sizing:border-box !important;

    padding-bottom:
        calc(22px + env(safe-area-inset-bottom)) !important;
}


/*
 * Critical Android fix:
 * Do NOT allow the deposit card to shrink.
 *
 * Previously flex:0 1 auto caused the card box to shrink while
 * its min-height children continued overflowing outside it.
 */
.deposit-detail-page .deposit-detail-card{
    flex:0 0 auto !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    overflow:visible !important;

    display:flex !important;
    flex-direction:column !important;
}


/*
 * Every form block remains in normal document flow.
 */
.deposit-detail-page .deposit-detail-section{
    position:relative !important;
    flex:0 0 auto !important;

    height:auto !important;
    max-height:none !important;

    overflow:visible;
}


/*
 * Upload section must contain its upload box / preview instead
 * of allowing them to visually spill into the submit button.
 */
.deposit-detail-page .deposit-proof{
    position:relative !important;

    flex:0 0 auto !important;

    height:auto !important;
    max-height:none !important;

    overflow:visible !important;

    box-sizing:border-box !important;
}


/*
 * Submit belongs AFTER the upload section.
 * It must never be fixed / absolute / sticky.
 */
.deposit-detail-page #depositSubmit{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    flex:0 0 auto !important;

    width:100% !important;

    transform:none !important;

    z-index:1 !important;

    box-sizing:border-box !important;

    margin:
        12px 0
        calc(12px + env(safe-area-inset-bottom))
        !important;
}


/*
 * Android / normal mobile widths.
 * Preserve the current V13 visual sizes, only fix the flow.
 */
@media (max-width:700px){

    .deposit-detail-page{
        min-height:100% !important;
        height:auto !important;

        overflow-y:auto !important;
    }

    .deposit-detail-page .standalone-feature-inner{
        width:100% !important;

        height:auto !important;
        min-height:100% !important;

        overflow:visible !important;

        padding:
            8px 10px
            calc(24px + env(safe-area-inset-bottom))
            !important;
    }

    .deposit-detail-page .deposit-detail-card{
        flex:none !important;

        width:100% !important;

        height:auto !important;

        overflow:visible !important;
    }

    .deposit-detail-page .deposit-detail-section,
    .deposit-detail-page .deposit-proof{
        flex:none !important;

        height:auto !important;

        overflow:visible !important;
    }

    .deposit-detail-page #depositSubmit{
        flex:none !important;

        position:relative !important;

        height:52px !important;
        min-height:52px !important;

        margin-top:12px !important;
        margin-bottom:
            calc(12px + env(safe-area-inset-bottom))
            !important;
    }
}


/*
 * Short Android screens must scroll instead of compressing the form.
 */
@media (max-width:700px) and (max-height:760px){

    .deposit-detail-page .standalone-feature-inner{
        height:auto !important;
        min-height:100% !important;
        overflow:visible !important;
    }

    .deposit-detail-page .deposit-detail-card{
        flex:none !important;
    }

    .deposit-detail-page #depositSubmit{
        position:relative !important;
        bottom:auto !important;
    }
}


/* GTAM DEPOSIT MOBILE FLOW FINAL END */



/* Installed GTAM app / Home Screen:
   never show download entry */
html[data-gtam-runtime="installed"]
[data-action="download-app"],
html[data-gtam-runtime="installed"]
#downloadAppBtn,
html[data-gtam-runtime="installed"]
[data-gtam-download-entry]{
    display:none !important;
}



/* =========================================================
   GTAM GLOBAL SAFE AREA
   iOS Home Screen / Android fullscreen / WebView
   ========================================================= */

:root{
    --gt-safe-top: env(safe-area-inset-top, 0px);
    --gt-safe-right: env(safe-area-inset-right, 0px);
    --gt-safe-bottom: env(safe-area-inset-bottom, 0px);
    --gt-safe-left: env(safe-area-inset-left, 0px);
}

html{
    min-height:100%;
    background:#071225;
}

body{
    margin:0;
    min-height:100%;
    background:#071225;
    padding-left:var(--gt-safe-left);
    padding-right:var(--gt-safe-right);
    box-sizing:border-box;
}

@media (display-mode: standalone),
       (display-mode: fullscreen){

    body{
        padding-top:var(--gt-safe-top);
        padding-bottom:var(--gt-safe-bottom);
    }
}

/* Bottom navigation safe area */
.bottom-nav,
.mobile-bottom-nav,
.app-bottom-nav,
.nav-bottom{
    box-sizing:border-box !important;
    padding-bottom:
        calc(8px + var(--gt-safe-bottom)) !important;
    min-height:
        calc(64px + var(--gt-safe-bottom)) !important;
}

/* Keep page content above bottom navigation */
.page,
.page-content,
.main-content{
    box-sizing:border-box;
    padding-bottom:
        calc(82px + var(--gt-safe-bottom));
}

/* Standalone page headers remain inside usable area */
.standalone-feature-page .modal-head{
    box-sizing:border-box;
}



html[data-gtam-safe-mode="installed"] body{
    padding-top:var(--gt-safe-top);
    padding-bottom:var(--gt-safe-bottom);
}

html[data-gtam-safe-mode="installed"] .bottom-nav,
html[data-gtam-safe-mode="installed"] .mobile-bottom-nav,
html[data-gtam-safe-mode="installed"] .app-bottom-nav,
html[data-gtam-safe-mode="installed"] .nav-bottom{
    padding-bottom:
        calc(8px + var(--gt-safe-bottom)) !important;

    min-height:
        calc(64px + var(--gt-safe-bottom)) !important;
}



/* =========================================================
   GTAM SAFE AREA CORRECTION V2
   Do NOT move the whole document.
   Header/footer absorb system safe areas themselves.
   ========================================================= */


/* Never create a blank strip by padding the whole body */
html[data-gtam-safe-mode="installed"] body{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Browser mode stays untouched */
body{
    padding-top:0;
    padding-bottom:0;
}



/* =========================================================
   Installed/Home-Screen TOP safe area
   ========================================================= */

html[data-gtam-safe-mode="installed"] .topbar{
    box-sizing:border-box !important;

    height:
        calc(64px + var(--gt-safe-top)) !important;

    padding-top:
        calc(9px + var(--gt-safe-top)) !important;

    padding-right:14px !important;
    padding-bottom:9px !important;
    padding-left:14px !important;

    top:0 !important;

    /* Fill the status-bar area with the same page header color */
    background:#0d1b30 !important;
}



/* Trade / Support / detail page header */
html[data-gtam-safe-mode="installed"] .page-head{
    box-sizing:border-box !important;

    height:
        calc(52px + var(--gt-safe-top)) !important;

    padding-top:
        var(--gt-safe-top) !important;

    padding-left:14px !important;
    padding-right:14px !important;

    margin-top:0 !important;

    background:#0d1b30;
}



/* Full-screen standalone pages:
   Deposit / Withdraw / KYC / Loan / Security etc. */

html[data-gtam-safe-mode="installed"]
.standalone-feature-page{
    top:0 !important;
    bottom:0 !important;
    box-sizing:border-box !important;
}

html[data-gtam-safe-mode="installed"]
.standalone-feature-page .standalone-feature-inner{
    padding-top:
        calc(10px + var(--gt-safe-top)) !important;
}

html[data-gtam-safe-mode="installed"]
.standalone-feature-page .modal-head{
    top:0 !important;
}



/* =========================================================
   Bottom navigation:
   preserve original 78px UI + add Home Indicator area
   ========================================================= */

html[data-gtam-safe-mode="installed"] .bottom-nav{
    box-sizing:border-box !important;

    height:
        calc(78px + var(--gt-safe-bottom)) !important;

    min-height:
        calc(78px + var(--gt-safe-bottom)) !important;

    padding-bottom:
        var(--gt-safe-bottom) !important;

    bottom:0 !important;
}

/* Keep page content above the taller installed-mode tab bar */
html[data-gtam-safe-mode="installed"] .page{
    padding-bottom:
        calc(88px + var(--gt-safe-bottom)) !important;
}



/* GTAM_IOS_STANDALONE_SAFEAREA_V57_START */

/*
 * iPhone Add-to-Home-Screen only.
 *
 * renderShell() intentionally has no common topbar on
 * positions/trade/detail/support/assets, therefore their
 * own first controls must begin below the iOS status area.
 */
@media (display-mode: standalone){

  body[data-page="positions"] main.page,
  body[data-page="trade"] main.page,
  body[data-page="detail"] main.page,
  body[data-page="support"] main.page,
  body[data-page="assets"] main.page{
    box-sizing:border-box !important;

    padding-top:
      calc(
        env(safe-area-inset-top,0px)
        + 8px
      ) !important;
  }


  /*
   * Make important top controls explicitly interactive.
   */
  body[data-page="positions"] button,
  body[data-page="trade"] button,
  body[data-page="detail"] button,
  body[data-page="support"] button,
  body[data-page="assets"] button,

  body[data-page="positions"] [data-close],
  body[data-page="trade"] [data-close],
  body[data-page="detail"] [data-close],
  body[data-page="support"] [data-close],
  body[data-page="assets"] [data-close],

  .close-btn,
  .inbox-btn,
  .back-btn,
  .page-back,
  .support-back{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    -webkit-user-select:none;
    user-select:none;
  }


  /*
   * Fixed/sticky page headers should stay above content,
   * but below the native iOS status area.
   */
  .modal-head,
  .order-modal-head{
    z-index:10020 !important;
  }

}


/*
 * Fast tap behaviour for phones and WebViews.
 * This does not alter the click action itself.
 */
@media (hover:none) and (pointer:coarse){

  button,
  [data-action],
  [data-nav],
  [data-open-order],
  [data-close],
  [role="button"]{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }

}


/*
 * Immediate visual response.
 */
.instant-tap-active{
  opacity:.84 !important;
}

#confirmOrder.gt-order-submitting{
  opacity:.72 !important;
  cursor:default !important;
}

/* GTAM_IOS_STANDALONE_SAFEAREA_V57_END */


/* =========================================================
   GTAM_FAST_TOUCH_STYLE_V58
   ========================================================= */

button,
a[href],
[role="button"],
[data-nav],
[data-action],
[data-pair],
[data-open-order],
[data-interval],
[data-position-tab],
[data-position-order],
[data-close],
[data-standalone-back],
[data-auth-action]{
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
}

@media (hover:none) and (pointer:coarse){

    button,
    a[href],
    [role="button"],
    [data-nav],
    [data-action],
    [data-pair],
    [data-open-order],
    [data-interval],
    [data-position-tab],
    [data-position-order],
    [data-close],
    [data-standalone-back],
    [data-auth-action]{
        -webkit-user-select:none;
        user-select:none;
    }

    .gtam-fast-touch-down{
        opacity:.78 !important;
    }

}

.gtam-order-submit-spinner{
    display:inline-block;
    width:14px;
    height:14px;
    margin-right:8px;
    vertical-align:-2px;
    box-sizing:border-box;
    border:2px solid rgba(255,255,255,.35);
    border-top-color:#fff;
    border-radius:50%;
    animation:gtamOrderSubmitSpin .55s linear infinite;
}

@keyframes gtamOrderSubmitSpin{
    to{
        transform:rotate(360deg);
    }
}

#confirmOrder.gt-order-submitting{
    pointer-events:none !important;
}



/* =========================================================
   GTAM BOTTOM NAV REFERENCE STYLE V65
   首页 / 持仓 / 交易 / 资产
   客服图标与客服按钮不修改
   ========================================================= */

.bottom-nav{
  background:
    linear-gradient(
      180deg,
      rgba(5,24,45,.985) 0%,
      rgba(3,18,35,.995) 100%
    ) !important;

  border-top:
    1px solid rgba(43,189,255,.24) !important;

  box-shadow:
    0 -8px 28px rgba(0,13,30,.52),
    inset 0 1px 0 rgba(67,220,255,.045);

  overflow:visible;
}


/* 只处理四个指定导航 */
.bottom-nav .nav-btn:not([data-nav="support"]){
  position:relative;
  min-width:0;

  color:#4cecff !important;

  gap:5px;

  border:
    1px solid transparent !important;

  border-radius:13px;

  background:
    transparent !important;

  text-shadow:
    0 0 7px rgba(37,228,255,.48),
    0 0 14px rgba(23,178,255,.22) !important;

  box-shadow:none !important;

  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .12s ease !important;
}


/* 新的四个 SVG 容器 */
.bottom-nav
.nav-btn:not([data-nav="support"])
.nav-icon-gt-v65{
  width:32px;
  height:32px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#36edff;

  filter:
    drop-shadow(0 0 4px rgba(45,234,255,.82))
    drop-shadow(0 0 9px rgba(0,151,255,.42));

  transition:
    transform .16s ease,
    filter .16s ease;
}


/* SVG */
.bottom-nav .gt-nav-svg{
  display:block;

  width:31px;
  height:31px;

  overflow:visible;

  fill:none;

  stroke:currentColor;

  stroke-width:2.6;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* 次级光圈 */
.bottom-nav .gt-nav-orbit{
  stroke:#00bfff;
  stroke-width:1.25;
  opacity:.52;
}


/* 四个标签文字 */
.bottom-nav
.nav-btn:not([data-nav="support"])
.gt-nav-label{
  position:relative;
  z-index:2;

  display:block;

  font-size:11px;
  line-height:1.05;

  font-weight:500;

  color:inherit;
}


/* =========================================================
   ACTIVE / 当前页面
   参考图片：外部大框 + 强发光 + 下划线
   ========================================================= */

.bottom-nav
.nav-btn.active:not([data-nav="support"]){

  color:#75f7ff !important;

  background:
    linear-gradient(
      180deg,
      rgba(7,49,75,.76),
      rgba(4,35,61,.58)
    ) !important;

  border-color:
    rgba(34,226,255,.88) !important;

  box-shadow:
    inset 0 0 18px rgba(22,211,255,.08),
    inset 0 0 32px rgba(0,128,255,.06),
    0 0 10px rgba(17,221,255,.24),
    0 0 24px rgba(0,157,255,.16) !important;

  text-shadow:
    0 0 6px rgba(99,249,255,.9),
    0 0 14px rgba(22,210,255,.48) !important;
}


/* 选中图标略大 */
.bottom-nav
.nav-btn.active:not([data-nav="support"])
.nav-icon-gt-v65{

  transform:
    translateY(-1px)
    scale(1.10);

  filter:
    drop-shadow(0 0 4px #63f9ff)
    drop-shadow(0 0 9px rgba(26,228,255,.94))
    drop-shadow(0 0 16px rgba(0,145,255,.58));
}


/* 参考图中的底部青色短线 */
.bottom-nav
.nav-btn.active:not([data-nav="support"])::after{

  content:"";

  position:absolute;

  left:50%;
  bottom:4px;

  width:30px;
  height:3px;

  transform:translateX(-50%);

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #16cdec,
      #45f9ff
    );

  box-shadow:
    0 0 6px rgba(65,244,255,.88),
    0 0 12px rgba(0,184,255,.48);
}


/* =========================================================
   手机尺寸
   ========================================================= */

@media (max-width:699px){

  .bottom-nav{
    height:
      calc(
        82px +
        env(safe-area-inset-bottom,0px)
      ) !important;
  }

  .bottom-nav
  .nav-btn:not([data-nav="support"]){

    margin:
      4px 3px
      calc(4px + env(safe-area-inset-bottom,0px))
      3px;

    padding:
      5px 2px 8px;
  }

}


/* iPhone standalone 保留现有安全区逻辑 */
html[data-gtam-safe-mode="installed"]
.bottom-nav
.nav-btn:not([data-nav="support"]){

  touch-action:manipulation;
}


/* =========================================================
   IMPORTANT:
   客服 nav-icon-support 完全没有被 V65 图标规则覆盖
   ========================================================= */



/* =========================================================
   GTAM BOTTOM NAV UNIFIED ACTIVE FIX V66
   5个按钮统一布局 / 统一选中态
   客服耳机 SVG 图形本身不修改
   ========================================================= */


/* 五个按钮统一格子尺寸 */
.bottom-nav{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  align-items:stretch !important;

  height:
    calc(
      82px +
      env(safe-area-inset-bottom,0px)
    ) !important;

  padding:
    0 5px
    env(safe-area-inset-bottom,0px)
    5px !important;

  overflow:visible !important;
}


/* 五个按钮位置、尺寸完全统一 */
.bottom-nav .nav-btn{
  position:relative !important;

  width:auto !important;
  min-width:0 !important;
  height:72px !important;

  margin:4px 3px !important;
  padding:5px 2px 9px !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  gap:5px !important;

  border:
    1px solid transparent !important;

  border-radius:13px !important;

  background:
    transparent !important;

  box-shadow:none !important;

  color:#4cecff !important;

  overflow:visible !important;

  line-height:1 !important;

  transform:none !important;
}


/* 五个文字标签统一 */
.bottom-nav .nav-btn .gt-nav-label{
  display:block !important;

  margin:0 !important;
  padding:0 !important;

  min-height:13px;

  font-size:11px !important;
  line-height:13px !important;
  font-weight:500 !important;

  color:inherit !important;

  white-space:nowrap;

  text-align:center;

  position:relative;
  z-index:3;
}


/* ---------------------------------------------------------
   四个新图标
   --------------------------------------------------------- */

.bottom-nav
.nav-btn:not([data-nav="support"])
.nav-icon-gt-v65{

  width:32px !important;
  height:32px !important;

  flex:0 0 32px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;

  color:#36edff !important;
}


/* ---------------------------------------------------------
   客服：
   只统一占位尺寸
   耳机 SVG path / stroke / 图形设计完全不改
   --------------------------------------------------------- */

.bottom-nav
.nav-btn[data-nav="support"]
.nav-icon-support{

  width:32px !important;
  height:32px !important;

  flex:0 0 32px !important;

  margin:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:#4cecff !important;

  transform:none !important;
}


/* 保留原客服 SVG 形状，只居中 */
.bottom-nav
.nav-btn[data-nav="support"]
.nav-icon-support svg{

  width:24px !important;
  height:24px !important;

  margin:auto !important;

  display:block !important;
}


/* =========================================================
   五个按钮统一 ACTIVE
   ========================================================= */

.bottom-nav .nav-btn.active{

  color:#75f7ff !important;

  background:
    linear-gradient(
      180deg,
      rgba(7,49,75,.78) 0%,
      rgba(4,34,59,.60) 100%
    ) !important;

  border-color:
    rgba(34,226,255,.92) !important;

  box-shadow:
    inset 0 0 18px rgba(22,211,255,.11),
    inset 0 0 34px rgba(0,128,255,.07),
    0 0 9px rgba(17,221,255,.32),
    0 0 22px rgba(0,157,255,.21) !important;

  text-shadow:
    0 0 6px rgba(99,249,255,.94),
    0 0 14px rgba(22,210,255,.55) !important;
}


/* 选中时四个新图标加强发光 */
.bottom-nav
.nav-btn.active:not([data-nav="support"])
.nav-icon-gt-v65{

  transform:
    translateY(-1px)
    scale(1.08) !important;

  filter:
    drop-shadow(0 0 4px #63f9ff)
    drop-shadow(0 0 9px rgba(26,228,255,.95))
    drop-shadow(0 0 15px rgba(0,145,255,.62)) !important;
}


/* 客服选中也有发光，但绝不改变耳机图形 */
.bottom-nav
.nav-btn.active[data-nav="support"]
.nav-icon-support{

  filter:
    drop-shadow(0 0 5px rgba(99,249,255,.95))
    drop-shadow(0 0 11px rgba(26,228,255,.70)) !important;

  transform:none !important;
}


/* =========================================================
   五个按钮统一底部横条
   首页 / 持仓 / 交易 / 客服 / 资产
   ========================================================= */

.bottom-nav .nav-btn.active::after{

  content:"" !important;

  display:block !important;

  position:absolute !important;

  left:50% !important;
  bottom:4px !important;

  width:30px !important;
  height:3px !important;

  transform:
    translateX(-50%) !important;

  border:0 !important;

  border-radius:999px !important;

  background:
    linear-gradient(
      90deg,
      #16cdec,
      #45f9ff
    ) !important;

  box-shadow:
    0 0 6px rgba(65,244,255,.92),
    0 0 13px rgba(0,184,255,.56) !important;

  opacity:1 !important;

  pointer-events:none !important;
}


/* 防止旧 CSS 产生其它 active 伪元素 */
.bottom-nav .nav-btn.active::before{
  pointer-events:none !important;
}


/* =========================================================
   iPhone 主屏幕模式
   保持全部5个同高，不让客服单独变形
   ========================================================= */

html[data-gtam-safe-mode="installed"]
.bottom-nav .nav-btn{

  height:72px !important;

  margin:
    4px 3px !important;

  padding:
    5px 2px 9px !important;
}


/* 原生 iOS standalone 也统一 */
@media (display-mode:standalone){

  .bottom-nav .nav-btn{
    height:72px !important;
    margin:4px 3px !important;
  }

}


/* 小屏手机 */
@media (max-width:390px){

  .bottom-nav{
    padding-left:3px !important;
    padding-right:3px !important;
  }

  .bottom-nav .nav-btn{
    margin-left:2px !important;
    margin-right:2px !important;
  }

  .bottom-nav .nav-btn .gt-nav-label{
    font-size:10px !important;
  }

}


/* =====================================================
   GT ASSET INTEREST FIXED LAYOUT V83
   ===================================================== */

/*
 * 可用余额内框：
 * 固定扩大到接近用户标记范围。
 */
.asset-summary-usdt .available.asset-interest-available{
  width:360px !important;
  max-width:calc(100% - 12px) !important;
  min-height:122px !important;

  box-sizing:border-box !important;

  padding:
    15px
    16px
    14px
    18px !important;

  display:grid !important;
  grid-template-columns:minmax(0,1fr) 128px !important;

  align-items:center !important;

  column-gap:10px !important;

  overflow:visible !important;
}


/* 左侧固定顺序 */
.asset-interest-left{
  min-width:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}


/* 可用余额标题 */
.asset-interest-left .summary-label{
  display:block !important;

  margin:0 !important;

  white-space:nowrap !important;
}


/* 金额必须在标题下面 */
.asset-interest-balance{
  display:block !important;

  margin-top:8px !important;

  font-size:18px !important;
  font-weight:700 !important;

  line-height:1.1 !important;

  color:#25e2e8 !important;

  white-space:nowrap !important;
}


/* 宣传语必须在金额下面 */
.asset-interest-slogan{
  display:block !important;

  margin-top:10px !important;

  width:max-content !important;
  max-width:none !important;

  font-size:8px !important;
  line-height:1.2 !important;

  color:#83a9ba !important;

  white-space:nowrap !important;

  overflow:visible !important;
}


/* 右侧收益按钮 */
.asset-interest-btn{
  width:128px !important;
  height:40px !important;

  margin:0 !important;
  padding:0 7px !important;

  box-sizing:border-box !important;

  border:1px solid rgba(39,224,232,.36) !important;
  border-radius:8px !important;

  background:rgba(7,31,47,.24) !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:6px !important;

  justify-self:end !important;

  color:#78e8ee !important;

  white-space:nowrap !important;

  cursor:pointer !important;
}


.asset-interest-btn span{
  min-width:0 !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;

  white-space:nowrap !important;

  font-size:9px !important;
  font-weight:600 !important;
}


.asset-interest-btn>b{
  flex:0 0 auto !important;

  font-size:21px !important;
  font-weight:400 !important;

  line-height:1 !important;

  color:#36ffff !important;

  text-shadow:
    0 0 6px rgba(54,255,255,.55),
    0 0 10px rgba(54,255,255,.24)
    !important;
}


/*
 * 右边真实 USDT 图案。
 * 已确认实际 class 就是 .usdt-visual
 */
.asset-summary-usdt .usdt-visual{
  transform:translateY(-14px) !important;
}


/* 手机 */
@media(max-width:430px){

  .asset-summary-usdt .available.asset-interest-available{
    width:365px !important;
    max-width:calc(100% - 4px) !important;

    min-height:126px !important;

    padding:
      14px
      14px
      15px
      15px !important;

    grid-template-columns:
      minmax(0,1fr)
      124px !important;

    column-gap:8px !important;
  }


  .asset-interest-btn{
    width:124px !important;
  }


  .asset-interest-btn span{
    font-size:8px !important;
  }


  .asset-interest-slogan{
    font-size:7.4px !important;
  }


  .asset-summary-usdt .usdt-visual{
    transform:translateY(-16px) !important;
  }
}


/* =========================================================
   GT ASSET REFERENCE CARD V85
   固定结构版
   ========================================================= */

.asset-summary.asset-summary-usdt{
  position:relative !important;

  min-height:315px !important;

  padding:
    26px
    24px
    26px
    24px !important;

  box-sizing:border-box !important;

  border:
    1px solid rgba(25,191,255,.46) !important;

  border-radius:24px !important;

  overflow:hidden !important;

  background:
    radial-gradient(
      circle at 18% 10%,
      rgba(0,115,218,.23),
      transparent 45%
    ),
    linear-gradient(
      135deg,
      rgba(5,36,73,.98),
      rgba(3,24,52,.99)
    ) !important;

  box-shadow:
    inset 0 0 28px rgba(0,170,255,.06),
    0 0 15px rgba(0,170,255,.06)
    !important;
}


/*
 * 关键修正：
 * 不再把整个内容区压成70%
 */
.asset-summary-usdt .asset-summary-content{
  position:relative !important;
  z-index:3 !important;

  width:100% !important;
  max-width:none !important;
}


/* 总资产标题只占左边 */
.asset-summary-usdt
.asset-summary-content
> .summary-label{
  width:68% !important;

  margin:0 !important;

  font-size:16px !important;
  font-weight:600 !important;

  color:#edf7ff !important;

  white-space:nowrap !important;
}


/* 总资产金额 */
.asset-summary-usdt .total{
  width:68% !important;

  margin-top:9px !important;
  margin-bottom:25px !important;

  font-size:48px !important;
  font-weight:800 !important;

  line-height:1 !important;

  color:#22eef0 !important;

  white-space:nowrap !important;

  text-shadow:
    0 0 8px rgba(34,238,240,.40),
    0 0 18px rgba(34,238,240,.14)
    !important;
}


/* =========================================================
   可用余额框
   ========================================================= */

.asset-summary-usdt
.asset-ref-available{

  position:relative !important;

  width:74% !important;

  min-height:138px !important;

  padding:
    17px
    16px
    15px
    17px !important;

  box-sizing:border-box !important;

  border:
    1px solid rgba(29,165,245,.64) !important;

  border-radius:18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(5,45,91,.88),
      rgba(4,28,63,.95)
    ) !important;

  box-shadow:
    inset 0 0 18px rgba(0,181,255,.06)
    !important;

  overflow:visible !important;
}


/*
 * 第一排固定：
 * 左边余额
 * 中间竖线
 * 右边按钮
 */
.asset-ref-main-row{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    1px
    44% !important;

  align-items:center !important;

  column-gap:14px !important;

  width:100% !important;
}


/* 左边余额区域 */
.asset-ref-balance-block{
  min-width:0 !important;
}


.asset-ref-balance-block
.summary-label{
  display:block !important;

  margin:0 !important;

  font-size:13px !important;
  font-weight:600 !important;

  color:#d9ebfa !important;

  white-space:nowrap !important;
}


.asset-ref-balance-value{
  display:block !important;

  margin-top:8px !important;

  font-size:27px !important;
  font-weight:800 !important;

  line-height:1 !important;

  color:#20ebed !important;

  white-space:nowrap !important;

  text-shadow:
    0 0 6px rgba(32,235,237,.28)
    !important;
}


/* 中间竖线 */
.asset-ref-divider{
  display:block !important;

  width:1px !important;
  height:55px !important;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(35,202,255,.72),
      transparent
    ) !important;
}


/* 查看收益按钮 */
.asset-ref-interest-btn{
  width:100% !important;
  height:48px !important;

  margin:0 !important;

  padding:
    0
    11px !important;

  box-sizing:border-box !important;

  display:flex !important;

  align-items:center !important;
  justify-content:space-between !important;

  gap:8px !important;

  border:
    1px solid rgba(35,229,245,.75) !important;

  border-radius:13px !important;

  background:
    linear-gradient(
      145deg,
      rgba(2,52,80,.86),
      rgba(3,33,58,.96)
    ) !important;

  box-shadow:
    inset 0 0 12px rgba(29,226,245,.06),
    0 0 8px rgba(29,226,245,.12)
    !important;

  color:#83edf1 !important;

  white-space:nowrap !important;

  overflow:hidden !important;
}


.asset-ref-interest-btn span{
  min-width:0 !important;

  flex:1 1 auto !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;

  white-space:nowrap !important;

  font-size:10px !important;
  font-weight:650 !important;
}


.asset-ref-interest-btn>b{
  flex:0 0 auto !important;

  font-size:24px !important;
  font-weight:400 !important;

  line-height:1 !important;

  color:#32f8ff !important;

  text-shadow:
    0 0 6px rgba(50,248,255,.60)
    !important;
}


/* =========================================================
   宣传语固定在金额下面
   ========================================================= */

.asset-ref-bottom-line{
  width:100% !important;

  margin-top:14px !important;

  padding-top:11px !important;

  box-sizing:border-box !important;

  border-top:
    1px solid rgba(31,142,205,.38) !important;

  display:flex !important;

  align-items:center !important;

  gap:6px !important;

  white-space:nowrap !important;

  overflow:hidden !important;

  color:#b6d0df !important;

  font-size:8px !important;

  line-height:1 !important;
}


.asset-ref-bottom-line span{
  white-space:nowrap !important;
}


.asset-ref-bottom-line i{
  flex:0 0 auto !important;

  font-style:normal !important;

  font-size:6px !important;

  color:#26eef5 !important;
}


/* 暂时隐藏左侧装饰图标，避免占宣传语空间 */
.asset-ref-wallet-icon{
  display:none !important;
}


/* =========================================================
   右侧 USDT 图
   完全脱离左边内容布局
   ========================================================= */

.asset-summary-usdt .usdt-visual{
  position:absolute !important;

  z-index:2 !important;

  right:0 !important;
  top:28px !important;

  width:31% !important;
  height:80% !important;

  margin:0 !important;

  transform:translateY(-8px) !important;

  pointer-events:none !important;

  opacity:.88 !important;
}


/* =========================================================
   手机端
   ========================================================= */

@media(max-width:430px){

  .asset-summary.asset-summary-usdt{
    min-height:300px !important;

    padding:
      22px
      16px
      22px
      16px !important;

    border-radius:20px !important;
  }


  .asset-summary-usdt
  .asset-summary-content
  > .summary-label{
    width:70% !important;

    font-size:14px !important;
  }


  .asset-summary-usdt .total{
    width:70% !important;

    font-size:42px !important;

    margin-top:8px !important;
    margin-bottom:24px !important;
  }


  /*
   * 手机关键尺寸：
   * 可用余额框占整张卡大约72%
   */
  .asset-summary-usdt
  .asset-ref-available{

    width:73% !important;

    min-height:132px !important;

    padding:
      15px
      12px
      13px
      13px !important;
  }


  .asset-ref-main-row{
    grid-template-columns:
      minmax(0,1fr)
      1px
      45% !important;

    column-gap:8px !important;
  }


  .asset-ref-balance-block
  .summary-label{
    font-size:11px !important;
  }


  .asset-ref-balance-value{
    font-size:23px !important;
  }


  .asset-ref-divider{
    height:48px !important;
  }


  .asset-ref-interest-btn{
    height:45px !important;

    padding:
      0
      8px !important;

    border-radius:11px !important;
  }


  .asset-ref-interest-btn span{
    font-size:8px !important;
  }


  .asset-ref-interest-btn>b{
    font-size:21px !important;
  }


  /*
   * 宣传语放在余额金额的真正下方
   */
  .asset-ref-bottom-line{
    margin-top:13px !important;

    padding-top:10px !important;

    gap:4px !important;

    font-size:6.7px !important;
  }


  .asset-ref-bottom-line i{
    font-size:5px !important;
  }


  /*
   * USDT图案继续在右上区域
   */
  .asset-summary-usdt .usdt-visual{
    right:-1% !important;
    top:28px !important;

    width:31% !important;
    height:78% !important;

    transform:translateY(-10px) !important;
  }
}



/* =========================================================
   V87 ASSET CARD - REAL DOM FINAL LAYOUT
   VISUAL ONLY
   KEEP I18N / DATA / CLICK EVENTS
   ========================================================= */


/* ---------- 整张资产卡 ---------- */

.asset-summary.asset-summary-usdt{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;

    min-height:252px !important;

    padding:24px 20px 20px !important;

    border-radius:22px !important;

    border:1px solid rgba(31,191,247,.55) !important;

    background:
        radial-gradient(
            circle at 84% 44%,
            rgba(0,174,239,.13) 0%,
            rgba(0,116,194,.055) 26%,
            transparent 48%
        ),
        linear-gradient(
            135deg,
            #092d4c 0%,
            #082642 46%,
            #061c34 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(140,226,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.18),
        0 12px 30px rgba(0,7,24,.20) !important;
}


/* ---------- 主内容 ---------- */

.asset-summary.asset-summary-usdt
.asset-summary-content{
    position:relative !important;
    z-index:5 !important;

    width:73% !important;
    min-width:0 !important;
}


/* ---------- 总资产标题 ---------- */

.asset-summary.asset-summary-usdt
.asset-summary-content > .summary-label{
    margin:0 0 8px !important;

    color:rgba(222,235,249,.91) !important;

    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:600 !important;

    white-space:nowrap !important;
}


/* ---------- 总资产金额 ---------- */

.asset-summary.asset-summary-usdt
.total{
    margin:0 0 18px !important;

    color:#27e7e7 !important;

    font-size:45px !important;
    line-height:1 !important;

    font-weight:800 !important;
    letter-spacing:-1px !important;

    font-variant-numeric:tabular-nums !important;

    text-shadow:
        0 0 9px rgba(38,233,236,.22),
        0 0 20px rgba(38,233,236,.07) !important;
}


/* =========================================================
   可用余额内层卡片
   ========================================================= */

.asset-summary.asset-summary-usdt
.available.asset-interest-available{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        154px !important;

    grid-template-rows:auto !important;

    align-items:center !important;

    column-gap:14px !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    padding:15px 14px 13px !important;

    border-radius:15px !important;

    border:1px solid rgba(47,134,207,.24) !important;

    background:
        linear-gradient(
            180deg,
            rgba(13,51,83,.84),
            rgba(9,40,69,.82)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 5px 15px rgba(0,5,20,.11) !important;

    overflow:hidden !important;
}


/* ---------- 左侧余额信息 ---------- */

.asset-summary.asset-summary-usdt
.asset-interest-left{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
}


/* 可用余额标题 */

.asset-summary.asset-summary-usdt
.asset-interest-left
.summary-label{
    max-width:100% !important;

    margin:0 0 6px !important;

    color:rgba(204,220,238,.84) !important;

    font-size:11.5px !important;
    line-height:1.25 !important;

    font-weight:600 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* 可用余额数字 */

.asset-summary.asset-summary-usdt
.asset-interest-balance{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:0 !important;

    color:#2be6e2 !important;

    font-size:24px !important;
    line-height:1.05 !important;

    font-weight:800 !important;

    font-variant-numeric:tabular-nums !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    text-shadow:
        0 0 8px rgba(43,230,226,.13) !important;
}


/* =========================================================
   查看利息按钮
   ========================================================= */

.asset-summary.asset-summary-usdt
.asset-interest-btn{
    width:154px !important;
    min-width:0 !important;
    max-width:154px !important;

    height:52px !important;

    margin:0 !important;

    padding:0 11px 0 13px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:6px !important;

    border-radius:13px !important;

    border:1px solid rgba(38,222,236,.72) !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,74,105,.94),
            rgba(5,53,84,.96)
        ) !important;

    color:#47e9ee !important;

    box-shadow:
        inset 0 0 12px rgba(0,229,242,.045),
        0 0 9px rgba(0,213,241,.10) !important;

    overflow:hidden !important;

    cursor:pointer !important;
}


/* 按钮文字 */

.asset-summary.asset-summary-usdt
.asset-interest-btn > span{
    flex:1 1 auto !important;

    min-width:0 !important;

    color:#49e8ed !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:700 !important;

    text-align:left !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* 按钮箭头 */

.asset-summary.asset-summary-usdt
.asset-interest-btn > b{
    flex:0 0 auto !important;

    margin:0 !important;

    color:#2ee9ef !important;

    font-size:30px !important;
    line-height:1 !important;

    font-weight:400 !important;

    text-shadow:
        0 0 8px rgba(35,234,241,.35) !important;
}


/* =========================================================
   底部 slogan
   关键：完整待在框内
   ========================================================= */

.asset-summary.asset-summary-usdt
.asset-interest-slogan{
    grid-column:1 / -1 !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:12px 0 0 !important;

    padding:9px 0 0 !important;

    border-top:
        1px solid
        rgba(40,122,181,.34) !important;

    color:rgba(174,196,219,.78) !important;

    font-size:9.5px !important;
    line-height:1.35 !important;

    font-weight:400 !important;

    white-space:nowrap !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
}


/* =========================================================
   右侧 USDT 图形
   ========================================================= */

.asset-summary.asset-summary-usdt
.usdt-visual{
    position:absolute !important;

    z-index:1 !important;

    right:-6px !important;
    top:51% !important;

    transform:
        translateY(-50%) !important;

    width:188px !important;
    height:188px !important;

    opacity:.45 !important;

    pointer-events:none !important;

    filter:
        saturate(.86)
        drop-shadow(
            0 0 9px
            rgba(0,204,242,.08)
        ) !important;

    mix-blend-mode:screen !important;
}


/* 外圈 */

.asset-summary.asset-summary-usdt
.usdt-ring-a{
    width:158px !important;
    height:158px !important;

    border:
        1px solid
        rgba(36,209,246,.30) !important;

    box-shadow:
        0 0 13px rgba(0,193,235,.07),
        inset 0 0 18px rgba(0,160,230,.035) !important;
}


/* 内圈 */

.asset-summary.asset-summary-usdt
.usdt-ring-b{
    width:128px !important;
    height:128px !important;

    border:
        1px solid
        rgba(42,211,243,.18) !important;

    box-shadow:
        0 0 11px
        rgba(0,180,225,.04) !important;
}


/* 中心圆 */

.asset-summary.asset-summary-usdt
.usdt-core{
    width:98px !important;
    height:98px !important;

    background:
        radial-gradient(
            circle,
            rgba(19,142,192,.10) 0%,
            rgba(10,71,112,.05) 48%,
            transparent 75%
        ) !important;

    box-shadow:
        inset 0 0 18px rgba(42,190,232,.035),
        0 0 15px rgba(0,170,225,.035) !important;
}


/* SVG USDT Logo */

.asset-summary.asset-summary-usdt
.usdt-logo-mark{
    width:62px !important;
    height:62px !important;

    overflow:visible !important;
}

.asset-summary.asset-summary-usdt
.usdt-logo-t{
    fill:
        rgba(61,204,230,.43) !important;
}

.asset-summary.asset-summary-usdt
.usdt-logo-orbit{
    fill:none !important;

    stroke:
        rgba(61,204,230,.43) !important;

    stroke-width:5 !important;
}


/* =========================================================
   手机
   ========================================================= */

@media(max-width:700px){

    .asset-summary.asset-summary-usdt{
        min-height:246px !important;

        padding:
            22px
            18px
            18px !important;

        border-radius:20px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-summary-content{
        width:74% !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-summary-content > .summary-label{
        font-size:13px !important;
    }


    .asset-summary.asset-summary-usdt
    .total{
        font-size:42px !important;

        margin-bottom:16px !important;
    }


    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{
        grid-template-columns:
            minmax(0,1fr)
            145px !important;

        column-gap:11px !important;

        padding:
            14px
            12px
            12px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-balance{
        font-size:22px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn{
        width:145px !important;
        max-width:145px !important;

        height:50px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{
        font-size:10px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{
        font-size:8.7px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-visual{
        right:-17px !important;

        width:170px !important;
        height:170px !important;

        opacity:.40 !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-a{
        width:146px !important;
        height:146px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-b{
        width:118px !important;
        height:118px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-core{
        width:90px !important;
        height:90px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-logo-mark{
        width:57px !important;
        height:57px !important;
    }
}


/* =========================================================
   小屏幕
   ========================================================= */

@media(max-width:390px){

    .asset-summary.asset-summary-usdt
    .asset-summary-content{
        width:75% !important;
    }


    .asset-summary.asset-summary-usdt
    .total{
        font-size:39px !important;
    }


    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{
        grid-template-columns:
            minmax(0,1fr)
            132px !important;

        column-gap:9px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn{
        width:132px !important;
        max-width:132px !important;

        height:48px !important;

        padding:
            0
            9px
            0
            11px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{
        font-size:9.5px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{
        font-size:8.2px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-visual{
        right:-25px !important;

        opacity:.36 !important;
    }
}


/* ===== END V87 REAL ASSET CARD ===== */



/* =========================================================
   V88 ASSET CARD MOBILE FINAL FIX
   手机端结构修复
   不修改语言 / 数据 / JS / 点击功能
   ========================================================= */

@media(max-width:700px){

    /* =========================================
       整个资产卡
       ========================================= */
    .asset-summary.asset-summary-usdt{
        position:relative !important;
        overflow:hidden !important;

        min-height:245px !important;

        padding:
            22px
            18px
            18px !important;

        border-radius:20px !important;
    }


    /* =========================================
       核心修复：
       不再使用之前的 72% / 74%
       给余额区域足够空间
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-summary-content{
        position:relative !important;

        z-index:5 !important;

        width:calc(100% - 82px) !important;
        max-width:none !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }


    /* =========================================
       总资产标题
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-summary-content > .summary-label{
        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:0 0 7px !important;

        padding:0 !important;

        color:rgba(221,235,249,.90) !important;

        font-size:13px !important;
        line-height:1.3 !important;

        font-weight:600 !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        transform:none !important;
    }


    /* =========================================
       总资产金额
       ========================================= */
    .asset-summary.asset-summary-usdt
    .total{
        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:0 0 16px !important;

        padding:0 !important;

        font-size:42px !important;
        line-height:1 !important;

        letter-spacing:-1px !important;

        white-space:nowrap !important;

        transform:none !important;
    }


    /* =========================================
       可用余额整体框

       手机端不用复杂 grid。
       采用：
       左边余额
       右边按钮
       底部广告语
       ========================================= */
    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{

        position:relative !important;

        display:grid !important;

        grid-template-columns:
            minmax(125px,1fr)
            142px !important;

        grid-template-rows:
            auto
            auto !important;

        column-gap:10px !important;
        row-gap:0 !important;

        align-items:center !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:112px !important;

        margin:0 !important;

        padding:
            14px
            13px
            11px !important;

        border-radius:15px !important;

        overflow:hidden !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    /* =========================================
       左边余额区域
       这是当前错乱的关键
       强制清除旧 CSS 的 width:31% 等
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-interest-left{

        position:relative !important;

        display:flex !important;

        flex-direction:column !important;

        align-items:flex-start !important;
        justify-content:center !important;

        grid-column:1 !important;
        grid-row:1 !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:52px !important;

        margin:0 !important;
        padding:0 !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* =========================================
       可用余额标题
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-interest-left
    .summary-label{

        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:0 0 6px !important;
        padding:0 !important;

        color:rgba(204,220,238,.84) !important;

        font-size:11px !important;
        line-height:1.25 !important;

        font-weight:600 !important;

        text-align:left !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        transform:none !important;
    }


    /* =========================================
       可用余额数字
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-interest-balance{

        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        color:#2be6e2 !important;

        font-size:22px !important;
        line-height:1.05 !important;

        font-weight:800 !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        transform:none !important;
    }


    /* =========================================
       查看利息按钮
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-interest-btn{

        position:static !important;

        grid-column:2 !important;
        grid-row:1 !important;

        align-self:center !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        width:142px !important;
        max-width:142px !important;
        min-width:0 !important;

        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;

        margin:0 !important;

        padding:
            0
            11px
            0
            13px !important;

        border-radius:13px !important;

        overflow:hidden !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{

        display:block !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        font-size:10px !important;
        line-height:1 !important;

        font-weight:700 !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        transform:none !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > b{

        position:static !important;

        flex:0 0 auto !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        margin:0 0 0 7px !important;
        padding:0 !important;

        font-size:29px !important;
        line-height:1 !important;

        white-space:nowrap !important;

        transform:none !important;
    }


    /* =========================================
       广告语

       强制占据第二整行
       不会再跑到左侧窄列里面
       ========================================= */
    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{

        position:static !important;

        grid-column:
            1 / -1 !important;

        grid-row:2 !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:
            11px
            0
            0 !important;

        padding:
            8px
            0
            0 !important;

        border-top:
            1px solid
            rgba(41,124,182,.34) !important;

        color:
            rgba(176,197,218,.78) !important;

        font-size:8.7px !important;
        line-height:1.35 !important;

        font-weight:400 !important;

        text-align:left !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    /* =========================================
       右侧 USDT
       固定在右侧，不参与内容计算
       ========================================= */
    .asset-summary.asset-summary-usdt
    .usdt-visual{

        position:absolute !important;

        z-index:1 !important;

        right:-24px !important;
        top:53% !important;

        width:164px !important;
        height:164px !important;

        margin:0 !important;

        transform:
            translateY(-50%) !important;

        opacity:.37 !important;

        pointer-events:none !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-a{
        width:140px !important;
        height:140px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-b{
        width:113px !important;
        height:113px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-core{
        width:87px !important;
        height:87px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-logo-mark{
        width:54px !important;
        height:54px !important;
    }
}


/* =========================================================
   390px 以下
   ========================================================= */

@media(max-width:390px){

    .asset-summary.asset-summary-usdt
    .asset-summary-content{

        width:calc(100% - 68px) !important;
    }


    .asset-summary.asset-summary-usdt
    .total{

        font-size:38px !important;
    }


    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{

        grid-template-columns:
            minmax(110px,1fr)
            126px !important;

        column-gap:8px !important;

        padding:
            13px
            11px
            10px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-balance{

        font-size:20px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn{

        width:126px !important;
        max-width:126px !important;

        height:47px !important;
        min-height:47px !important;

        padding:
            0
            8px
            0
            10px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{

        font-size:9px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{

        font-size:8px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-visual{

        right:-31px !important;

        opacity:.34 !important;
    }
}


/* ===== END V88 MOBILE FINAL FIX ===== */



/* =========================================================
   V89 ASSET CARD MOBILE PRECISION FIX
   修复：
   1. 手机余额框太窄
   2. 利息按钮被裁切
   3. slogan 显示空间不足
   不修改语言 / JS / 数据 / 点击事件
   ========================================================= */

@media(max-width:700px){

    /* ======================================
       资产主卡
       ====================================== */
    .asset-summary.asset-summary-usdt{
        min-height:242px !important;

        padding:
            22px
            18px
            18px !important;

        overflow:hidden !important;
    }


    /* ======================================
       关键：
       整个内容层恢复 100%
       不再先缩一次
       ====================================== */
    .asset-summary.asset-summary-usdt
    .asset-summary-content{

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        position:relative !important;

        z-index:5 !important;

        transform:none !important;
    }


    /* ======================================
       总资产标题
       ====================================== */
    .asset-summary.asset-summary-usdt
    .asset-summary-content > .summary-label{

        width:auto !important;

        margin:
            0
            0
            7px !important;

        padding:0 !important;

        font-size:13px !important;
        line-height:1.25 !important;

        white-space:nowrap !important;

        overflow:visible !important;

        text-overflow:clip !important;
    }


    /* ======================================
       总资产金额
       ====================================== */
    .asset-summary.asset-summary-usdt
    .total{

        width:auto !important;

        margin:
            0
            0
            16px !important;

        padding:0 !important;

        font-size:42px !important;
        line-height:1 !important;

        white-space:nowrap !important;

        overflow:visible !important;

        text-overflow:clip !important;
    }


    /* ======================================
       可用余额内框

       只在这里控制宽度
       给右侧 USDT 留空间
       ====================================== */
    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{

        position:relative !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            118px !important;

        grid-template-rows:
            auto
            auto !important;

        column-gap:8px !important;
        row-gap:0 !important;

        align-items:center !important;

        width:78% !important;
        max-width:78% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:112px !important;

        margin:0 !important;

        padding:
            14px
            12px
            11px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        border-radius:15px !important;

        transform:none !important;
    }


    /* ======================================
       左侧余额
       ====================================== */
    .asset-summary.asset-summary-usdt
    .asset-interest-left{

        position:static !important;

        grid-column:1 !important;
        grid-row:1 !important;

        display:flex !important;

        flex-direction:column !important;

        justify-content:center !important;
        align-items:flex-start !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;

        overflow:hidden !important;
    }


    /* 可用余额标题 */
    .asset-summary.asset-summary-usdt
    .asset-interest-left
    .summary-label{

        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:
            0
            0
            6px !important;

        padding:0 !important;

        font-size:10px !important;
        line-height:1.2 !important;

        text-align:left !important;

        writing-mode:horizontal-tb !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        transform:none !important;
    }


    /* 可用余额数字 */
    .asset-summary.asset-summary-usdt
    .asset-interest-balance{

        position:static !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        font-size:20px !important;
        line-height:1 !important;

        white-space:nowrap !important;

        writing-mode:horizontal-tb !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        transform:none !important;
    }


    /* ======================================
       利息按钮
       ====================================== */
    .asset-summary.asset-summary-usdt
    .asset-interest-btn{

        position:static !important;

        grid-column:2 !important;
        grid-row:1 !important;

        align-self:center !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        width:118px !important;
        min-width:118px !important;
        max-width:118px !important;

        height:50px !important;
        min-height:50px !important;
        max-height:50px !important;

        margin:0 !important;

        padding:
            0
            9px
            0
            11px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        border-radius:12px !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        transform:none !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{

        position:static !important;

        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        font-size:9px !important;
        line-height:1.1 !important;

        text-align:left !important;

        writing-mode:horizontal-tb !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        transform:none !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > b{

        position:static !important;

        flex:0 0 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:
            0
            0
            0
            5px !important;

        padding:0 !important;

        font-size:29px !important;
        line-height:1 !important;

        transform:none !important;
    }


    /* ======================================
       slogan 独占整个第二行
       ====================================== */
    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{

        position:static !important;

        grid-column:
            1 / -1 !important;

        grid-row:2 !important;

        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;

        margin:
            11px
            0
            0 !important;

        padding:
            8px
            0
            0 !important;

        box-sizing:border-box !important;

        font-size:8px !important;
        line-height:1.3 !important;

        text-align:left !important;

        writing-mode:horizontal-tb !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        text-overflow:ellipsis !important;

        transform:none !important;
    }


    /* ======================================
       USDT 科技图
       ====================================== */
    .asset-summary.asset-summary-usdt
    .usdt-visual{

        position:absolute !important;

        right:-17px !important;
        top:53% !important;

        width:162px !important;
        height:162px !important;

        opacity:.36 !important;

        z-index:1 !important;

        transform:
            translateY(-50%) !important;

        pointer-events:none !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-a{

        width:138px !important;
        height:138px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-ring-b{

        width:111px !important;
        height:111px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-core{

        width:86px !important;
        height:86px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-logo-mark{

        width:53px !important;
        height:53px !important;
    }
}


/* =========================================================
   iPhone / 小屏
   ========================================================= */
@media(max-width:390px){

    .asset-summary.asset-summary-usdt
    .available.asset-interest-available{

        width:80% !important;
        max-width:80% !important;

        grid-template-columns:
            minmax(0,1fr)
            108px !important;

        column-gap:7px !important;

        padding:
            13px
            10px
            10px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn{

        width:108px !important;
        min-width:108px !important;
        max-width:108px !important;

        height:47px !important;
        min-height:47px !important;
        max-height:47px !important;

        padding:
            0
            7px
            0
            9px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-btn > span{

        font-size:8.5px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-balance{

        font-size:19px !important;
    }


    .asset-summary.asset-summary-usdt
    .asset-interest-slogan{

        font-size:7.6px !important;
    }


    .asset-summary.asset-summary-usdt
    .usdt-visual{

        right:-24px !important;

        opacity:.34 !important;
    }
}


/* ===== END V89 ASSET MOBILE PRECISION ===== */



/* =========================================================
   V90 MOBILE ASSET CARD - STRUCTURE FIX
   使用真实 DOM 重新排列
   不修改 I18N / DATA / JS / CLICK
   ========================================================= */

@media(max-width:700px){

  /* ---------------------------------------------------------
     外层资产卡
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt{
    min-height:246px !important;
    padding:22px 18px 18px !important;
    overflow:hidden !important;
  }


  /* ---------------------------------------------------------
     内容区域占满
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt .asset-summary-content{
    position:relative !important;
    z-index:5 !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
  }


  /* ---------------------------------------------------------
     总资产标题
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt
  .asset-summary-content > .summary-label{
    margin:0 0 7px !important;
    padding:0 !important;

    width:auto !important;

    font-size:13px !important;
    line-height:1.25 !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }


  /* ---------------------------------------------------------
     总资产金额
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt .total{
    margin:0 0 16px !important;
    padding:0 !important;

    width:auto !important;

    font-size:42px !important;
    line-height:1 !important;

    white-space:nowrap !important;
    overflow:visible !important;

    font-variant-numeric:tabular-nums !important;
  }


  /* =========================================================
     可用余额框

     Grid 真实结构：
     第一列 = 标题 + 金额
     第二列 = 利息按钮
     第三行 = 广告语整行
     ========================================================= */
  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
      minmax(0,1fr)
      116px !important;

    grid-template-rows:
      auto
      auto
      auto !important;

    column-gap:10px !important;
    row-gap:0 !important;

    align-items:center !important;

    width:84% !important;
    max-width:84% !important;
    min-width:0 !important;

    min-height:118px !important;
    height:auto !important;

    margin:0 !important;

    padding:
      13px
      12px
      11px !important;

    border-radius:15px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;

    transform:none !important;
  }


  /* =========================================================
     关键修复
     取消中间包裹层参与布局
     让里面三个元素直接成为 Grid Item
     ========================================================= */
  .asset-summary.asset-summary-usdt
  .asset-interest-left{
    display:contents !important;
  }


  /* ---------------------------------------------------------
     可用余额标题
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt
  .asset-interest-left .summary-label{
    grid-column:1 !important;
    grid-row:1 !important;

    position:static !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;

    margin:0 0 5px !important;
    padding:0 !important;

    font-size:10.5px !important;
    line-height:1.2 !important;

    font-weight:600 !important;

    text-align:left !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    writing-mode:horizontal-tb !important;

    transform:none !important;
  }


  /* ---------------------------------------------------------
     可用余额数字
     --------------------------------------------------------- */
  .asset-summary.asset-summary-usdt
  .asset-interest-balance{
    grid-column:1 !important;
    grid-row:2 !important;

    position:static !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    font-size:22px !important;
    line-height:1 !important;

    font-weight:800 !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;

    writing-mode:horizontal-tb !important;

    transform:none !important;

    font-variant-numeric:tabular-nums !important;
  }


  /* =========================================================
     利息按钮
     跨标题 + 金额两行
     ========================================================= */
  .asset-summary.asset-summary-usdt
  .asset-interest-btn{
    position:static !important;

    grid-column:2 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:116px !important;
    min-width:116px !important;
    max-width:116px !important;

    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;

    margin:0 !important;

    padding:
      0
      8px
      0
      10px !important;

    border-radius:13px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > span{
    flex:1 1 auto !important;

    display:block !important;

    min-width:0 !important;
    width:auto !important;

    margin:0 !important;
    padding:0 !important;

    font-size:8.8px !important;
    line-height:1.1 !important;

    font-weight:700 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    writing-mode:horizontal-tb !important;

    transform:none !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > b{
    position:static !important;

    flex:0 0 auto !important;

    display:block !important;

    width:auto !important;
    height:auto !important;

    margin:0 0 0 5px !important;
    padding:0 !important;

    font-size:28px !important;
    line-height:1 !important;

    transform:none !important;
  }


  /* =========================================================
     广告语
     现在它终于是真正跨两列
     ========================================================= */
  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{
    grid-column:1 / -1 !important;
    grid-row:3 !important;

    position:static !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    height:auto !important;

    margin:10px 0 0 !important;

    padding:8px 0 0 !important;

    border-top:
      1px solid
      rgba(41,124,182,.34) !important;

    box-sizing:border-box !important;

    font-size:8px !important;
    line-height:1.3 !important;

    text-align:left !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

    writing-mode:horizontal-tb !important;

    transform:none !important;
  }


  /* =========================================================
     USDT 装饰图
     ========================================================= */
  .asset-summary.asset-summary-usdt
  .usdt-visual{
    position:absolute !important;

    z-index:1 !important;

    right:-19px !important;
    top:53% !important;

    width:162px !important;
    height:162px !important;

    opacity:.35 !important;

    transform:
      translateY(-50%) !important;

    pointer-events:none !important;
  }


  .asset-summary.asset-summary-usdt .usdt-ring-a{
    width:138px !important;
    height:138px !important;
  }

  .asset-summary.asset-summary-usdt .usdt-ring-b{
    width:111px !important;
    height:111px !important;
  }

  .asset-summary.asset-summary-usdt .usdt-core{
    width:86px !important;
    height:86px !important;
  }

  .asset-summary.asset-summary-usdt .usdt-logo-mark{
    width:53px !important;
    height:53px !important;
  }
}


/* =========================================================
   更窄手机
   ========================================================= */

@media(max-width:390px){

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{
    width:86% !important;
    max-width:86% !important;

    grid-template-columns:
      minmax(0,1fr)
      105px !important;

    column-gap:8px !important;

    padding:
      12px
      10px
      10px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn{
    width:105px !important;
    min-width:105px !important;
    max-width:105px !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    padding:
      0
      7px
      0
      9px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > span{
    font-size:8.2px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-balance{
    font-size:20px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{
    font-size:7.6px !important;
  }


  .asset-summary.asset-summary-usdt
  .usdt-visual{
    right:-25px !important;
    opacity:.33 !important;
  }
}


/* ===== END V90 MOBILE STRUCTURE FIX ===== */



/* =========================================================
   V91 MOBILE ASSET CARD - LARGE FIRST
   先放大，再微调
   不修改语言 / 数据 / JS / 点击功能
   ========================================================= */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt{
    min-height:282px !important;

    padding:
      22px
      18px
      20px !important;

    overflow:hidden !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-summary-content{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    position:relative !important;
    z-index:5 !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-summary-content > .summary-label{
    margin:0 0 7px !important;

    font-size:13px !important;

    white-space:nowrap !important;
  }


  .asset-summary.asset-summary-usdt
  .total{
    margin:0 0 18px !important;

    font-size:42px !important;
    line-height:1 !important;

    white-space:nowrap !important;
  }


  /* ======================================
     可用余额框直接做大
     ====================================== */

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
      minmax(0,1fr)
      138px !important;

    grid-template-rows:
      auto
      auto
      auto !important;

    column-gap:16px !important;

    width:92% !important;
    max-width:92% !important;
    min-width:0 !important;

    min-height:142px !important;

    margin:0 !important;

    padding:
      17px
      16px
      14px !important;

    border-radius:16px !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
  }


  /* 真实 DOM 中间层取消 */
  .asset-summary.asset-summary-usdt
  .asset-interest-left{
    display:contents !important;
  }


  /* 可用余额标题 */
  .asset-summary.asset-summary-usdt
  .asset-interest-left .summary-label{
    grid-column:1 !important;
    grid-row:1 !important;

    display:block !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 0 7px !important;

    font-size:12px !important;
    line-height:1.25 !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;

    transform:none !important;
  }


  /* 可用余额数字 */
  .asset-summary.asset-summary-usdt
  .asset-interest-balance{
    grid-column:1 !important;
    grid-row:2 !important;

    display:block !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;

    font-size:27px !important;
    line-height:1 !important;

    white-space:nowrap !important;
    overflow:visible !important;
    text-overflow:clip !important;

    font-variant-numeric:tabular-nums !important;

    transform:none !important;
  }


  /* 利息按钮 */
  .asset-summary.asset-summary-usdt
  .asset-interest-btn{
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    width:138px !important;
    min-width:138px !important;
    max-width:138px !important;

    height:58px !important;
    min-height:58px !important;

    padding:
      0
      11px
      0
      13px !important;

    margin:0 !important;

    border-radius:13px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    transform:none !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > span{
    flex:1 1 auto !important;

    min-width:0 !important;

    font-size:10px !important;
    line-height:1.15 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > b{
    flex:0 0 auto !important;

    margin-left:7px !important;

    font-size:31px !important;
    line-height:1 !important;
  }


  /* ======================================
     广告语允许两行
     ====================================== */

  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{
    grid-column:1 / -1 !important;
    grid-row:3 !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;

    margin:
      13px
      0
      0 !important;

    padding:
      10px
      0
      0 !important;

    border-top:
      1px solid
      rgba(41,124,182,.34) !important;

    font-size:9px !important;
    line-height:1.45 !important;

    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;

    word-break:normal !important;
    overflow-wrap:anywhere !important;

    transform:none !important;
  }


  /* ======================================
     USDT 图往右退
     ====================================== */

  .asset-summary.asset-summary-usdt
  .usdt-visual{
    right:-52px !important;
    top:53% !important;

    width:158px !important;
    height:158px !important;

    opacity:.28 !important;

    transform:
      translateY(-50%) !important;

    z-index:1 !important;
  }


  .asset-summary.asset-summary-usdt .usdt-ring-a{
    width:136px !important;
    height:136px !important;
  }


  .asset-summary.asset-summary-usdt .usdt-ring-b{
    width:108px !important;
    height:108px !important;
  }


  .asset-summary.asset-summary-usdt .usdt-core{
    width:82px !important;
    height:82px !important;
  }


  .asset-summary.asset-summary-usdt .usdt-logo-mark{
    width:51px !important;
    height:51px !important;
  }
}


/* 更窄的手机也先保证完整 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{
    width:94% !important;
    max-width:94% !important;

    grid-template-columns:
      minmax(0,1fr)
      124px !important;

    column-gap:12px !important;

    padding:
      16px
      14px
      13px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn{
    width:124px !important;
    min-width:124px !important;
    max-width:124px !important;

    height:54px !important;
    min-height:54px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-balance{
    font-size:25px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{
    font-size:8.5px !important;
  }


  .asset-summary.asset-summary-usdt
  .usdt-visual{
    right:-58px !important;

    opacity:.25 !important;
  }
}


/* ===== END V91 LARGE FIRST ===== */



/* =========================================================
   V92 MOBILE ASSET CARD
   按钮彻底与余额分离
   ========================================================= */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{

    position:relative !important;

    display:block !important;

    width:92% !important;
    max-width:92% !important;

    min-height:150px !important;

    padding:
      16px
      16px
      14px !important;

    overflow:hidden !important;
  }


  /* 保持真实 DOM 结构 */
  .asset-summary.asset-summary-usdt
  .asset-interest-left{
    display:block !important;

    width:100% !important;
    max-width:100% !important;

    padding-right:150px !important;

    box-sizing:border-box !important;
  }


  /* 可用余额标题 */
  .asset-summary.asset-summary-usdt
  .asset-interest-left .summary-label{

    width:100% !important;

    margin:0 0 8px !important;

    font-size:12px !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }


  /* 可用余额数字 */
  .asset-summary.asset-summary-usdt
  .asset-interest-balance{

    display:block !important;

    width:100% !important;

    margin:0 !important;

    font-size:27px !important;
    line-height:1 !important;

    white-space:nowrap !important;

    overflow:visible !important;
    text-overflow:clip !important;
  }


  /* 查看利息按钮
     改为绝对定位，不再参与金额布局 */
  .asset-summary.asset-summary-usdt
  .asset-interest-btn{

    position:absolute !important;

    right:14px !important;
    top:24px !important;

    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;

    height:58px !important;
    min-height:58px !important;

    margin:0 !important;

    z-index:3 !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > span{

    font-size:10px !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }


  /* slogan 单独占底部整行 */
  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{

    width:100% !important;
    max-width:100% !important;

    margin:
      16px
      0
      0 !important;

    padding:
      10px
      0
      0 !important;

    border-top:
      1px solid
      rgba(41,124,182,.34) !important;

    font-size:9px !important;
    line-height:1.45 !important;

    white-space:normal !important;

    overflow:visible !important;

    text-overflow:clip !important;

    padding-right:0 !important;
  }


  /* 外层资产卡稍微加高 */
  .asset-summary.asset-summary-usdt{
    min-height:286px !important;
  }


  /* USDT 再往右一点 */
  .asset-summary.asset-summary-usdt
  .usdt-visual{

    right:-56px !important;

    opacity:.25 !important;
  }

}


/* 更窄屏幕 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{

    width:94% !important;
    max-width:94% !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-left{

    padding-right:132px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn{

    right:12px !important;

    width:124px !important;
    min-width:124px !important;
    max-width:124px !important;

    height:54px !important;
    min-height:54px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-balance{

    font-size:25px !important;
  }

}


/* ===== END V92 MOBILE ASSET ===== */



/* =========================================================
   V93 MOBILE ASSET CARD
   保持原来宽度，只增加高度/内部可用空间
   ========================================================= */

@media(max-width:700px){

  /* ===============================
     外层资产卡
     只增加高度，不改变横向尺寸
     =============================== */
  .asset-summary.asset-summary-usdt{
    min-height:292px !important;
  }


  /* ===============================
     可用余额框
     保持 V91 时合适的宽度
     =============================== */
  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{

    position:relative !important;

    display:block !important;

    width:92% !important;
    max-width:92% !important;

    /* 只增加高度 */
    min-height:158px !important;

    margin:0 !important;

    padding:
      17px
      16px
      15px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
  }


  /* ===============================
     左边文字区域
     取消 V92 的 150px 压缩
     =============================== */
  .asset-summary.asset-summary-usdt
  .asset-interest-left{

    position:static !important;

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    overflow:visible !important;

    transform:none !important;
  }


  /* ===============================
     可用余额标题
     留出按钮区域，但不要压得太狠
     =============================== */
  .asset-summary.asset-summary-usdt
  .asset-interest-left .summary-label{

    display:block !important;

    width:calc(100% - 142px) !important;
    max-width:calc(100% - 142px) !important;

    margin:0 0 8px !important;
    padding:0 !important;

    font-size:12px !important;
    line-height:1.25 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;

    transform:none !important;
  }


  /* ===============================
     可用余额金额
     =============================== */
  .asset-summary.asset-summary-usdt
  .asset-interest-balance{

    display:block !important;

    width:calc(100% - 142px) !important;
    max-width:calc(100% - 142px) !important;

    margin:0 !important;
    padding:0 !important;

    font-size:27px !important;
    line-height:1 !important;

    white-space:nowrap !important;

    overflow:visible !important;
    text-overflow:clip !important;

    font-variant-numeric:tabular-nums !important;

    transform:none !important;
  }


  /* ===============================
     查看利息按钮
     右侧独立固定
     =============================== */
  .asset-summary.asset-summary-usdt
  .asset-interest-btn{

    position:absolute !important;

    right:14px !important;
    top:24px !important;

    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;

    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;

    margin:0 !important;

    padding:
      0
      10px
      0
      12px !important;

    border-radius:13px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    z-index:4 !important;

    transform:none !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > span{

    flex:1 1 auto !important;

    min-width:0 !important;

    font-size:9.5px !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn > b{

    flex:0 0 auto !important;

    margin-left:6px !important;

    font-size:30px !important;
  }


  /* ===============================
     广告语
     关键：
     不再被右侧按钮挤压
     直接在下面占整行
     =============================== */
  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{

    display:block !important;

    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;

    margin:
      18px
      0
      0 !important;

    padding:
      10px
      0
      0 !important;

    border-top:
      1px solid rgba(41,124,182,.34) !important;

    font-size:9px !important;
    line-height:1.45 !important;

    white-space:normal !important;

    overflow:visible !important;

    text-overflow:clip !important;

    word-break:normal !important;
    overflow-wrap:normal !important;

    transform:none !important;
  }


  /* ===============================
     USDT 图
     不改变整体布局
     =============================== */
  .asset-summary.asset-summary-usdt
  .usdt-visual{

    right:-52px !important;

    opacity:.26 !important;
  }

}


/* =========================================================
   小屏手机
   ========================================================= */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt
  .available.asset-interest-available{

    width:92% !important;
    max-width:92% !important;

    min-height:162px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-left .summary-label,

  .asset-summary.asset-summary-usdt
  .asset-interest-balance{

    width:calc(100% - 126px) !important;
    max-width:calc(100% - 126px) !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-btn{

    width:116px !important;
    min-width:116px !important;
    max-width:116px !important;

    right:12px !important;

    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-balance{

    font-size:25px !important;
  }


  .asset-summary.asset-summary-usdt
  .asset-interest-slogan{

    font-size:8.5px !important;
  }

}


/* ===== END V93 HEIGHT / SPACE FIX ===== */



/* =========================================================
   V100 EXACT ASSET CARD REBUILD
   全新独立组件：按参考图重建
   ========================================================= */

.asset-summary.asset-summary-usdt.asset-card-v100{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;

  min-height:320px !important;

  padding:34px 30px 28px !important;

  border-radius:30px !important;
  border:2px solid rgba(19,224,255,.72) !important;

  background:
    radial-gradient(circle at 74% 46%, rgba(0,158,224,.18) 0%, rgba(0,103,190,.10) 26%, transparent 52%),
    linear-gradient(135deg, #042a4a 0%, #04203b 42%, #04162b 100%) !important;

  box-shadow:
    inset 0 0 32px rgba(0,154,255,.08),
    0 0 18px rgba(0,177,255,.10) !important;
}

.asset-summary.asset-summary-usdt.asset-card-v100::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(30,174,255,.03), transparent 34%, transparent 70%, rgba(0,153,235,.025));
  z-index:0;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-main{
  position:relative;
  z-index:2;
  min-height:100%;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-head{
  position:relative;
  z-index:3;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-title{
  margin:0 0 14px 0;
  color:#e7f0ff;
  font-size:clamp(16px, 2vw, 34px);
  line-height:1.2;
  font-weight:700;
  letter-spacing:.2px;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-total{
  color:#32f1f1;
  font-size:clamp(52px, 6.8vw, 120px);
  line-height:1;
  font-weight:800;
  letter-spacing:-2px;
  text-shadow:
    0 0 12px rgba(34,239,255,.32),
    0 0 28px rgba(34,239,255,.10);
  font-variant-numeric:tabular-nums;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-panel{
  position:relative;
  z-index:4;

  width:min(70%, 1100px);
  min-width:0;

  margin-top:34px;

  padding:24px 24px 18px;

  border-radius:26px;
  border:2px solid rgba(19,142,238,.55);

  background:
    linear-gradient(180deg, rgba(10,54,91,.92), rgba(5,42,74,.90));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 8px 20px rgba(0,7,24,.16);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(210px, 24vw, 500px);
  grid-template-rows:auto auto;
  grid-template-areas:
    "title btn"
    "value btn";
  column-gap:28px;
  align-items:center;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-title{
  grid-area:title;
  min-width:0;

  color:#d7e6ff;
  font-size:clamp(14px, 1.8vw, 30px);
  line-height:1.2;
  font-weight:700;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-value{
  grid-area:value;
  min-width:0;

  margin-top:12px;

  color:#19eef1;
  font-size:clamp(34px, 4.6vw, 82px);
  line-height:1;
  font-weight:800;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  text-shadow:
    0 0 10px rgba(0,239,255,.18);

  font-variant-numeric:tabular-nums;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn{
  grid-area:btn;

  height:clamp(72px, 7vw, 122px);

  padding:0 clamp(18px, 1.8vw, 34px);

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  border-radius:24px;
  border:2px solid rgba(18,234,255,.90);

  background:
    linear-gradient(180deg, rgba(5,85,125,.95), rgba(4,58,95,.95));

  box-shadow:
    inset 0 0 18px rgba(0,232,255,.08),
    0 0 16px rgba(0,235,255,.12);

  color:#42f4ff;
  text-decoration:none;
  cursor:pointer;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn span{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;

  font-size:clamp(14px, 1.8vw, 30px);
  line-height:1;
  font-weight:700;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn b{
  flex-shrink:0;
  margin:0;
  font-size:clamp(34px, 3vw, 60px);
  line-height:1;
  font-weight:400;
  text-shadow:
    0 0 10px rgba(0,239,255,.4);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-divider{
  margin-top:22px;
  height:1px;
  background:rgba(48,133,194,.56);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-slogan{
  margin-top:18px;

  display:flex;
  align-items:center;
  gap:14px;

  color:#d1ddf3;
  font-size:clamp(11px, 1.3vw, 24px);
  line-height:1.4;
  font-weight:500;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-wallet{
  position:relative;
  flex:0 0 auto;
  width:30px;
  height:22px;
  border-radius:5px;
  background:#2deefe;
  box-shadow:0 0 10px rgba(0,224,255,.35);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-wallet::before{
  content:"";
  position:absolute;
  right:-4px;
  top:7px;
  width:10px;
  height:8px;
  border-radius:3px;
  background:#083454;
  border:2px solid #2deefe;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-slogan-text{
  min-width:0;
  white-space:normal;
  overflow:visible;
  word-break:break-word;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-visual{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);

  width:min(30vw, 470px);
  height:min(30vw, 470px);

  z-index:1;
  pointer-events:none;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-ring{
  position:absolute;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%);
  border-radius:50%;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-ring-1{
  width:80%;
  height:80%;
  border:2px solid rgba(21,228,255,.28);
  box-shadow:
    0 0 20px rgba(0,216,255,.08),
    inset 0 0 20px rgba(0,216,255,.04);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-ring-2{
  width:63%;
  height:63%;
  border:2px solid rgba(21,228,255,.22);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-ring-3{
  width:46%;
  height:46%;
  border:3px solid rgba(103,239,255,.8);
  box-shadow:
    0 0 18px rgba(0,223,255,.18),
    inset 0 0 20px rgba(0,223,255,.08);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-ring-dots{
  width:69%;
  height:69%;
  border:3px dotted rgba(0,221,255,.55);
  opacity:.9;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-core{
  position:absolute;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%);

  width:34%;
  height:34%;
  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    radial-gradient(circle, rgba(20,179,223,.28), rgba(5,62,101,.35) 72%);

  box-shadow:
    0 0 26px rgba(0,225,255,.14);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-logo{
  width:62%;
  height:62%;
  overflow:visible;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-logo-t{
  fill:#7af6ff;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-logo-orbit{
  fill:none;
  stroke:#7af6ff;
  stroke-width:5;
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-platform{
  position:absolute;
  left:50%;
  bottom:10%;
  transform:translateX(-50%);

  width:54%;
  height:8%;

  border-radius:50%;

  border:3px solid rgba(0,223,255,.30);

  box-shadow:
    0 0 18px rgba(0,216,255,.08),
    inset 0 0 18px rgba(0,216,255,.05);
}

.asset-summary.asset-summary-usdt.asset-card-v100 .acv100-platform::before{
  content:"";
  position:absolute;
  width:58%;
  height:45%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(0,237,255,.16);
  box-shadow:
    0 0 16px rgba(0,237,255,.28);
}


/* =========================
   手机端
   ========================= */
@media (max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100{
    min-height:265px !important;
    padding:20px 16px 18px !important;
    border-radius:20px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-title{
    margin-bottom:8px;
    font-size:12px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-total{
    font-size:46px;
    letter-spacing:-1px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-panel{
    width:84%;
    margin-top:18px;
    padding:14px 14px 12px;
    border-radius:16px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-top{
    grid-template-columns:minmax(0,1fr) 136px;
    column-gap:12px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-title{
    font-size:11px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-value{
    margin-top:8px;
    font-size:21px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn{
    height:54px;
    padding:0 12px;
    border-radius:14px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn span{
    font-size:10px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn b{
    font-size:30px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-divider{
    margin-top:12px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-slogan{
    margin-top:10px;
    gap:8px;
    font-size:8.5px;
    line-height:1.35;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-wallet{
    width:16px;
    height:12px;
    border-radius:3px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-wallet::before{
    right:-3px;
    top:4px;
    width:6px;
    height:5px;
    border-width:1px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-visual{
    right:-18px;
    width:160px;
    height:180px;
    opacity:.42;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-platform{
    bottom:12%;
  }
}


/* 更窄手机 */
@media (max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100{
    min-height:258px !important;
    padding:18px 14px 16px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-total{
    font-size:42px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-panel{
    width:86%;
    padding:13px 12px 11px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-top{
    grid-template-columns:minmax(0,1fr) 122px;
    column-gap:10px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-title{
    font-size:10px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-avail-value{
    font-size:19px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn{
    height:50px;
    padding:0 10px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-btn span{
    font-size:9px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-slogan{
    font-size:8px;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100 .acv100-visual{
    right:-28px;
    width:148px;
    height:168px;
    opacity:.34;
  }
}


/* ===== END V100 EXACT ASSET CARD REBUILD ===== */



/* =========================================================
   FINAL DESKTOP HOME BANNER
   Desktop: full width + 1800x400 (4.5:1) + no crop
   Mobile untouched
   ========================================================= */

@media (min-width:1024px){

  .hero:has(#homeBanner){
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  #homeBanner.home-banner{
    width:calc(100vw - 32px) !important;
    max-width:none !important;

    aspect-ratio:4.5 / 1 !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin-left:calc(50% - 50vw + 16px) !important;
    margin-right:calc(50% - 50vw + 16px) !important;

    overflow:hidden !important;
    background:#07182b !important;
  }

  #homeBanner .banner-track,
  #homeBanner .banner-slide,
  #homeBanner .banner-picture{
    width:100% !important;
    height:100% !important;
  }

  #homeBanner .banner-slide img,
  #homeBanner .banner-picture img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:center center !important;

    display:block !important;
  }

}



/* =========================================================
   FINAL SUPPORT MOBILE LAYOUT
   One rule only
   Bottom nav real height = 82px + iOS safe-area
   Safari / PWA / iPhone sizes use same logic
   ========================================================= */

@media (max-width:700px){

  /*
   * 整个 support 页面占用：
   *
   * 当前可视高度
   * - 底部导航真实高度
   */
  body[data-page="support"] main.page{
    height:
      calc(
        100dvh
        - 82px
        - env(safe-area-inset-bottom,0px)
      )
      !important;

    min-height:0 !important;
    max-height:
      calc(
        100dvh
        - 82px
        - env(safe-area-inset-bottom,0px)
      )
      !important;

    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }


  /*
   * Safari 普通浏览器：
   * 不额外添加顶部 safe-area。
   */
  body[data-page="support"] .support-page-head{
    flex:0 0 54px !important;

    width:100% !important;

    height:54px !important;
    min-height:54px !important;

    margin:0 !important;

    box-sizing:border-box !important;
  }


  /*
   * 主屏幕 PWA：
   * 现有全局规则已经给 main.page 添加了顶部 safe-area，
   * 这里不重复计算。
   */


  body[data-page="support"] .support-v23{
    flex:1 1 auto !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:
      10px
      12px
      6px
      !important;

    display:flex !important;
    flex-direction:column !important;

    /*
     * CTA 仍然属于正常页面布局。
     * 剩余空间由各模块之间自动分配。
     */
    justify-content:space-between !important;

    gap:6px !important;

    overflow:hidden !important;
    box-sizing:border-box !important;
  }


  body[data-page="support"] .support-v23-hero,
  body[data-page="support"] .support-v23-agent,
  body[data-page="support"] .support-v23-features,
  body[data-page="support"] .support-v23-cta{
    flex:0 0 auto !important;
  }


  /*
   * CTA 永远是正常流。
   * 禁止 fixed / absolute。
   */
  body[data-page="support"] .support-v23-cta{
    position:static !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    z-index:auto !important;
  }


  /*
   * 让内容有正常视觉比例，
   * 不再根据手机型号单独缩放。
   */
  body[data-page="support"] .support-v23-orbit{
    width:96px !important;
    height:96px !important;
  }

  body[data-page="support"] .support-v23-headset{
    width:56px !important;
    height:56px !important;
  }

  body[data-page="support"] .support-v23-hero h1{
    font-size:18px !important;
    margin:6px 0 4px !important;
    line-height:1.2 !important;
  }


  body[data-page="support"] .support-v23-agent{
    min-height:102px !important;

    margin:0 !important;

    padding:8px 10px !important;

    grid-template-columns:
      92px
      minmax(0,1fr)
      !important;

    gap:9px !important;
  }


  body[data-page="support"] .support-v23-agent-art{
    height:94px !important;
  }


  body[data-page="support"] .support-v23-agent-headset{
    width:62px !important;
    height:62px !important;
  }


  body[data-page="support"] .support-v23-features{
    display:grid !important;
    gap:6px !important;
  }


  body[data-page="support"] .support-v23-feature{
    min-height:51px !important;

    padding:6px 9px !important;

    grid-template-columns:
      38px
      minmax(0,1fr)
      !important;

    gap:8px !important;
  }


  body[data-page="support"] .support-v23-cta{
    height:54px !important;
    min-height:54px !important;
  }

}



/* =========================================================
   UNIVERSAL SUPPORT RESPONSIVE ADAPTATION
   No device-model detection
   Adapts to viewport width / height / safe-area automatically
   ========================================================= */

@media (max-width:700px){

  body[data-page="support"] .support-v23{
    padding:
      clamp(6px,1.2vh,12px)
      clamp(8px,2.4vw,14px)
      clamp(4px,.8vh,8px)
      !important;

    gap:
      clamp(4px,.7vh,8px)
      !important;
  }


  /* Hero automatically scales with screen */
  body[data-page="support"] .support-v23-orbit{
    width:
      clamp(78px,18vw,108px)
      !important;

    height:
      clamp(78px,18vw,108px)
      !important;
  }

  body[data-page="support"] .support-v23-headset{
    width:
      clamp(46px,10.5vw,62px)
      !important;

    height:
      clamp(46px,10.5vw,62px)
      !important;
  }

  body[data-page="support"] .support-v23-hero h1{
    font-size:
      clamp(16px,4.3vw,20px)
      !important;

    margin:
      clamp(4px,.8vh,8px)
      0
      clamp(3px,.5vh,6px)
      !important;

    line-height:1.2 !important;
  }

  body[data-page="support"] .support-v23-ready{
    font-size:
      clamp(9px,2.6vw,11px)
      !important;
  }


  /* 1-to-1 support card */
  body[data-page="support"] .support-v23-agent{
    min-height:
      clamp(88px,12vh,116px)
      !important;

    padding:
      clamp(6px,1vh,10px)
      clamp(8px,2.2vw,12px)
      !important;

    grid-template-columns:
      clamp(76px,20vw,98px)
      minmax(0,1fr)
      !important;

    gap:
      clamp(7px,2vw,11px)
      !important;
  }

  body[data-page="support"] .support-v23-agent-art{
    height:
      clamp(82px,11vh,100px)
      !important;
  }

  body[data-page="support"] .support-v23-agent-headset{
    width:
      clamp(54px,14vw,68px)
      !important;

    height:
      clamp(54px,14vw,68px)
      !important;
  }

  body[data-page="support"] .support-v23-agent-copy h3{
    font-size:
      clamp(13px,3.7vw,16px)
      !important;
  }

  body[data-page="support"] .support-v23-agent-copy p{
    font-size:
      clamp(9px,2.6vw,11px)
      !important;

    line-height:1.35 !important;
  }


  /* Feature cards */
  body[data-page="support"] .support-v23-features{
    gap:
      clamp(4px,.8vh,7px)
      !important;
  }

  body[data-page="support"] .support-v23-feature{
    min-height:
      clamp(44px,6.3vh,58px)
      !important;

    padding:
      clamp(4px,.8vh,7px)
      clamp(7px,2vw,10px)
      !important;

    grid-template-columns:
      clamp(32px,9vw,40px)
      minmax(0,1fr)
      !important;

    gap:
      clamp(6px,1.8vw,9px)
      !important;
  }

  body[data-page="support"] .support-v23-feature .feature-icon{
    width:
      clamp(30px,8vw,38px)
      !important;

    height:
      clamp(30px,8vw,38px)
      !important;
  }

  body[data-page="support"] .support-v23-feature b{
    font-size:
      clamp(11px,3.2vw,14px)
      !important;
  }

  body[data-page="support"] .support-v23-feature small{
    font-size:
      clamp(8px,2.4vw,10px)
      !important;
  }


  /* CTA remains normal flow, only size adapts */
  body[data-page="support"] .support-v23-cta{
    position:static !important;

    height:
      clamp(48px,6.8vh,58px)
      !important;

    min-height:
      clamp(48px,6.8vh,58px)
      !important;

    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  body[data-page="support"] .support-v23-cta strong{
    font-size:
      clamp(13px,3.7vw,16px)
      !important;
  }

}


/* Very narrow phones */
@media (max-width:360px){

  body[data-page="support"] .support-v23-agent{
    grid-template-columns:
      70px
      minmax(0,1fr)
      !important;
  }

  body[data-page="support"] .support-v23-agent-copy p{
    font-size:9px !important;
  }

}


/* Tablet / large phone landscape safety */
@media (min-width:701px) and (max-width:1024px){

  body[data-page="support"] .support-v23{
    max-width:760px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

}



/* =========================================================
   VIP LEVEL - ACCOUNT SETTINGS
   Gold crown visual matching GTAM settings style
   ========================================================= */

.setting-row[data-action="vip-level"]
.setting-svg-icon{

  color:#ffd83d !important;

  border-color:
    rgba(255,210,38,.88)
    !important;

  box-shadow:
    0 0 7px rgba(255,213,43,.82),
    0 0 18px rgba(255,190,20,.34),
    inset 0 0 13px rgba(255,219,55,.11)
    !important;

  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(255,215,50,.13),
      rgba(255,177,0,.025) 68%,
      transparent 70%
    )
    !important;
}


.setting-row[data-action="vip-level"]
.vip-level-art{

  overflow:visible;
}


.setting-row[data-action="vip-level"]
.vip-crown-soft{

  fill:
    rgba(255,205,35,.13);

  stroke:none;
}


.setting-row[data-action="vip-level"]
.vip-crown-line{

  fill:none;

  stroke:currentColor;

  stroke-width:1.65;

  stroke-linecap:round;

  stroke-linejoin:round;

  filter:
    drop-shadow(
      0 0 2px
      rgba(255,221,79,.76)
    );
}


.setting-row[data-action="vip-level"]
.vip-crown-text{

  fill:currentColor;

  stroke:none;

  font-size:6px;

  font-weight:900;

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  letter-spacing:.15px;
}


.setting-row[data-action="vip-level"]
.vip-level-art circle{

  fill:#fff1a1;

  stroke:#ffd72d;

  stroke-width:.7;

  filter:
    drop-shadow(
      0 0 2px
      rgba(255,213,42,.8)
    );
}


.setting-row[data-action="vip-level"]
.vip-level-value{

  color:#e1bd53 !important;

  font-weight:700;

  letter-spacing:.25px;
}



/* =========================================================
   VIP BENEFITS PAGE V1
   GTAM neon blue / purple / gold
   ========================================================= */

body[data-page="vip-level"]{
  background:
    radial-gradient(
      circle at 76% 2%,
      rgba(0,94,190,.22),
      transparent 27%
    ),
    radial-gradient(
      circle at 10% 35%,
      rgba(0,211,255,.08),
      transparent 30%
    ),
    #03182b !important;
}


body[data-page="vip-level"] .app-main{
  padding-bottom:
    calc(
      24px +
      env(safe-area-inset-bottom,0px)
    ) !important;
}


.gt-vip-page{
  width:min(100%,780px);
  margin:0 auto;

  padding:
    max(
      12px,
      env(safe-area-inset-top,0px)
    )
    18px
    calc(
      30px +
      env(safe-area-inset-bottom,0px)
    );

  box-sizing:border-box;

  color:#eef9ff;
}


/* ---------- header ---------- */

.gt-vip-header{
  position:relative;

  display:flex;
  align-items:flex-start;
  justify-content:center;

  min-height:82px;

  padding:2px 52px 10px;

  text-align:center;
}

.gt-vip-header h1{
  margin:0;

  font-size:31px;
  line-height:1.18;

  color:#fff;

  font-weight:800;
  letter-spacing:.5px;

  text-shadow:
    0 0 12px
    rgba(86,194,255,.20);
}

.gt-vip-header p{
  margin:7px 0 0;

  color:#8cabc6;

  font-size:16px;
  line-height:1.4;
}

.gt-vip-back{
  position:absolute;

  left:0;
  top:0;

  width:46px;
  height:48px;

  padding:0;

  border:0;

  color:#22e8ff;

  background:transparent;

  font-size:58px;
  font-weight:200;
  line-height:38px;

  text-shadow:
    0 0 10px
    rgba(29,222,255,.72);

  cursor:pointer;
}


/* ---------- current panel ---------- */

.gt-vip-current-panel{
  position:relative;

  display:grid;
  grid-template-columns:
    minmax(0,1.5fr)
    minmax(165px,.72fr);

  overflow:hidden;

  min-height:210px;

  padding:26px 26px;

  border:
    1.5px solid
    #1de5ff;

  border-radius:22px;

  background:
    linear-gradient(
      120deg,
      rgba(4,39,69,.96),
      rgba(2,26,48,.98)
    );

  box-shadow:
    inset 0 0 25px
      rgba(0,181,255,.08),
    0 0 17px
      rgba(0,211,255,.10);
}

.gt-vip-current-panel::after{
  content:"";

  position:absolute;

  width:260px;
  height:260px;

  right:-70px;
  top:-85px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(0,191,255,.18),
      transparent 67%
    );

  pointer-events:none;
}

.gt-vip-current-info{
  position:relative;
  z-index:2;

  align-self:center;
}

.gt-vip-current-title{
  color:#eff8ff;

  font-size:20px;
  font-weight:700;
}

.gt-vip-current-title strong{
  margin-left:8px;

  color:#16e8ff;

  font-size:31px;

  text-shadow:
    0 0 11px
    rgba(16,218,255,.34);
}

.gt-vip-current-info > p{
  margin:9px 0 18px;

  color:#94acc2;
  font-size:15px;
}

.gt-vip-progress{
  width:100%;
  height:13px;

  overflow:hidden;

  border:
    1px solid
    rgba(33,203,255,.8);

  border-radius:20px;

  background:
    rgba(0,33,61,.95);

  box-shadow:
    inset 0 0 7px
    rgba(0,0,0,.6);
}

.gt-vip-progress span{
  display:block;

  height:100%;

  border-radius:20px;

  background:
    linear-gradient(
      90deg,
      #16e7ef,
      #09a9ff
    );

  box-shadow:
    0 0 12px
    rgba(0,232,255,.8);
}

.gt-vip-progress-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-top:13px;

  color:#a8bbcd;

  font-size:15px;
}

.gt-vip-progress-foot strong{
  color:#24e7ff;

  font-size:16px;
  font-weight:700;
}

.gt-vip-progress-foot i{
  font-style:normal;
  font-size:24px;
  vertical-align:-1px;
}


/* ---------- current crown ---------- */

.gt-vip-current-crown{
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
}

.gt-vip-current-crown-art{
  width:132px;
  height:132px;

  filter:
    drop-shadow(
      0 0 15px
      rgba(0,210,255,.45)
    );
}

.gt-vip-current-crown-art svg{
  width:100%;
  height:100%;
}

.gt-vip-current-crown p{
  margin:0;

  color:#b2c4d8;

  font-size:13px;
}

.gt-vip-current-crown span{
  color:#18dff9;
  font-size:13px;
}


/* ---------- heading ---------- */

.gt-vip-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin:25px 0 16px;
}

.gt-vip-section-head h2{
  display:flex;
  align-items:center;

  margin:0;

  color:#fff;

  font-size:25px;
  line-height:1.2;
}

.gt-vip-section-head h2 i{
  display:block;

  width:6px;
  height:34px;

  margin-right:16px;

  background:#14e7eb;

  box-shadow:
    0 0 10px
    rgba(20,231,235,.52);
}

.gt-vip-section-head > span{
  color:#91a6bc;
  font-size:15px;
}


/* ---------- cards ---------- */

.gt-vip-list{
  display:flex;
  flex-direction:column;

  gap:14px;
}

.gt-vip-card{
  position:relative;

  display:grid;

  grid-template-columns:
    190px
    1px
    minmax(0,1fr)
    28px;

  align-items:center;

  min-height:164px;

  overflow:hidden;

  padding:
    19px
    18px;

  border:
    1.4px solid
    #23b8ee;

  border-radius:21px;

  box-sizing:border-box;

  background:
    linear-gradient(
      110deg,
      rgba(7,45,76,.97),
      rgba(8,35,61,.98)
    );

  box-shadow:
    inset 0 0 26px
    rgba(23,123,185,.08);
}

.gt-vip-card.is-current{
  box-shadow:
    0 0 17px
      rgba(25,218,255,.24),
    inset 0 0 28px
      rgba(25,218,255,.10);
}

.gt-vip-current-tag{
  position:absolute;

  right:14px;
  top:9px;

  padding:3px 9px;

  border-radius:12px;

  color:#082337;

  background:#3ee8ff;

  font-size:10px;
  font-weight:800;
}


/* left badge */

.gt-vip-card-left{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  text-align:center;
}

.gt-vip-badge{
  width:88px;
  height:88px;

  margin-bottom:3px;
}

.gt-vip-badge svg{
  width:100%;
  height:100%;

  overflow:visible;
}

.vip-hex-shape{
  fill:
    rgba(0,153,255,.10);

  stroke:#1ce9ff;

  stroke-width:3;

  filter:
    drop-shadow(
      0 0 7px
      rgba(0,222,255,.7)
    );
}

.vip-crown-shape{
  fill:
    rgba(235,250,255,.68);

  stroke:#dffaff;

  stroke-width:2;

  filter:
    drop-shadow(
      0 0 5px
      rgba(129,228,255,.75)
    );
}

.gt-vip-badge circle{
  fill:#c7f5ff;
}

.vip-badge-text{
  fill:#d8f8ff;

  font-size:12px;
  font-weight:900;
}

.vip-user-head,
.vip-user-body{
  fill:#59ddff;

  filter:
    drop-shadow(
      0 0 6px
      rgba(0,220,255,.75)
    );
}

.gt-vip-name{
  color:#25e7ff;

  font-size:24px;
  line-height:1.05;

  text-shadow:
    0 0 9px
    rgba(12,211,255,.25);
}

.gt-vip-subtitle{
  margin-top:7px;

  color:#879fb7;

  font-size:14px;
}


/* divider */

.gt-vip-divider{
  width:1px;
  height:78%;

  background:
    linear-gradient(
      transparent,
      rgba(48,178,255,.65),
      transparent
    );
}


/* benefits */

.gt-vip-benefits{
  display:grid;

  gap:9px;

  padding-left:25px;
}

.gt-vip-benefit-row{
  display:grid;

  grid-template-columns:
    26px
    145px
    minmax(0,1fr);

  align-items:center;

  min-width:0;

  line-height:1.15;
}

.gt-vip-benefit-icon{
  color:#16ddff;

  font-size:20px;

  text-shadow:
    0 0 8px
    rgba(0,220,255,.45);
}

.gt-vip-benefit-label{
  color:#c0d0de;

  font-size:15px;
}

.gt-vip-benefit-row strong{
  color:#34e7ff;

  font-size:18px;

  white-space:nowrap;

  font-weight:700;
}

.gt-vip-chevron{
  justify-self:end;

  color:#25e4ff;

  font-size:48px;
  font-weight:200;

  text-shadow:
    0 0 9px
    rgba(21,220,255,.45);
}


/* ---------- vip3 purple ---------- */

.gt-vip-vip3{
  border-color:#7766ff;

  background:
    linear-gradient(
      110deg,
      rgba(16,40,79,.98),
      rgba(24,29,70,.98)
    );
}

.gt-vip-vip3 .vip-hex-shape{
  stroke:#7869ff;
}

.gt-vip-vip3 .gt-vip-name,
.gt-vip-vip3
.gt-vip-benefit-row strong{
  color:#9289ff;
}


/* ---------- vip4 / vip5 gold ---------- */

.gt-vip-vip4,
.gt-vip-vip5{
  border-color:#ffc735;

  background:
    linear-gradient(
      110deg,
      rgba(55,49,26,.97),
      rgba(20,39,49,.98)
    );

  box-shadow:
    inset 0 0 30px
      rgba(255,188,30,.08),
    0 0 15px
      rgba(255,191,29,.08);
}

.gt-vip-vip4 .vip-hex-shape,
.gt-vip-vip5 .vip-hex-shape{
  stroke:#ffd34c;

  fill:
    rgba(255,178,21,.08);

  filter:
    drop-shadow(
      0 0 9px
      rgba(255,192,27,.7)
    );
}

.gt-vip-vip4 .vip-crown-shape,
.gt-vip-vip5 .vip-crown-shape{
  fill:#ffe785;
  stroke:#fff0a1;
}

.gt-vip-vip4 .gt-vip-name,
.gt-vip-vip5 .gt-vip-name,
.gt-vip-vip4 .gt-vip-benefit-icon,
.gt-vip-vip5 .gt-vip-benefit-icon,
.gt-vip-vip4 .gt-vip-benefit-row strong,
.gt-vip-vip5 .gt-vip-benefit-row strong,
.gt-vip-vip4 .gt-vip-chevron,
.gt-vip-vip5 .gt-vip-chevron{
  color:#ffd748;
}


/* ---------- bottom banner ---------- */

.gt-vip-bottom-banner{
  position:relative;

  display:grid;
  grid-template-columns:
    58px
    minmax(0,1fr)
    auto;

  align-items:center;

  gap:16px;

  overflow:hidden;

  margin-top:17px;

  padding:18px 22px;

  border:
    1.4px solid
    #16bcee;

  border-radius:20px;

  background:
    linear-gradient(
      110deg,
      #06335a,
      #062749
    );
}

.gt-vip-bottom-banner::after{
  content:"";

  position:absolute;

  right:-50px;

  width:300px;
  height:160px;

  background:
    radial-gradient(
      ellipse,
      rgba(0,136,255,.40),
      transparent 70%
    );

  pointer-events:none;
}

.gt-vip-banner-icon{
  position:relative;
  z-index:1;

  color:#26eaff;

  font-size:43px;
  font-weight:800;

  text-shadow:
    0 0 12px
    rgba(0,225,255,.5);
}

.gt-vip-banner-copy{
  position:relative;
  z-index:1;

  display:flex;
  flex-direction:column;
}

.gt-vip-banner-copy strong{
  color:#fff;

  font-size:17px;
}

.gt-vip-banner-copy span{
  margin-top:4px;

  color:#899fb7;

  font-size:13px;
}

.gt-vip-bottom-banner button{
  position:relative;
  z-index:1;

  min-width:164px;
  height:50px;

  padding:0 22px;

  border:
    1.5px solid
    #1ce9ff;

  border-radius:28px;

  color:#1ce9ff;

  background:
    rgba(0,44,76,.72);

  font-size:18px;
  font-weight:800;

  box-shadow:
    0 0 13px
      rgba(0,220,255,.36),
    inset 0 0 13px
      rgba(0,220,255,.12);
}

.gt-vip-bottom-banner button i{
  margin-left:8px;

  font-style:normal;

  font-size:25px;
}


/* =========================================================
   PHONE RESPONSIVE
   No device-model-specific layout
   ========================================================= */

@media(max-width:700px){

  .gt-vip-page{
    width:100%;

    padding-left:13px;
    padding-right:13px;
  }

  .gt-vip-header{
    min-height:70px;

    padding-left:42px;
    padding-right:42px;
  }

  .gt-vip-header h1{
    font-size:25px;
  }

  .gt-vip-header p{
    font-size:12px;
  }

  .gt-vip-back{
    left:-2px;

    width:40px;

    font-size:52px;
  }


  .gt-vip-current-panel{
    grid-template-columns:
      minmax(0,1.45fr)
      122px;

    min-height:176px;

    padding:
      19px
      17px;
  }

  .gt-vip-current-title{
    font-size:16px;
  }

  .gt-vip-current-title strong{
    display:inline-block;

    font-size:25px;
  }

  .gt-vip-current-info > p{
    font-size:12px;
  }

  .gt-vip-current-crown-art{
    width:102px;
    height:102px;
  }

  .gt-vip-current-crown p,
  .gt-vip-current-crown span{
    font-size:10px;
  }


  .gt-vip-section-head h2{
    font-size:22px;
  }

  .gt-vip-section-head > span{
    font-size:12px;
  }


  .gt-vip-card{
    grid-template-columns:
      112px
      1px
      minmax(0,1fr)
      20px;

    min-height:154px;

    padding:
      14px
      10px;
  }

  .gt-vip-badge{
    width:72px;
    height:72px;
  }

  .gt-vip-name{
    font-size:20px;
  }

  .gt-vip-subtitle{
    font-size:11px;
  }

  .gt-vip-benefits{
    gap:7px;

    padding-left:13px;
  }

  .gt-vip-benefit-row{
    grid-template-columns:
      22px
      minmax(86px,.9fr)
      minmax(80px,1fr);

    gap:2px;
  }

  .gt-vip-benefit-icon{
    font-size:16px;
  }

  .gt-vip-benefit-label{
    font-size:12px;
  }

  .gt-vip-benefit-row strong{
    font-size:14px;

    white-space:normal;
  }

  .gt-vip-chevron{
    font-size:36px;
  }


  .gt-vip-bottom-banner{
    grid-template-columns:
      42px
      minmax(0,1fr)
      auto;

    gap:9px;

    padding:
      14px
      13px;
  }

  .gt-vip-banner-icon{
    font-size:31px;
  }

  .gt-vip-banner-copy strong{
    font-size:13px;
  }

  .gt-vip-banner-copy span{
    font-size:10px;
  }

  .gt-vip-bottom-banner button{
    min-width:105px;
    height:44px;

    padding:0 13px;

    font-size:14px;
  }

}


/* narrow-phone safety */

@media(max-width:390px){

  .gt-vip-card{
    grid-template-columns:
      96px
      1px
      minmax(0,1fr)
      16px;
  }

  .gt-vip-benefit-row{
    grid-template-columns:
      19px
      minmax(74px,.85fr)
      minmax(70px,1fr);
  }

  .gt-vip-benefit-label{
    font-size:11px;
  }

  .gt-vip-benefit-row strong{
    font-size:13px;
  }

  .gt-vip-bottom-banner button{
    min-width:94px;

    padding-left:10px;
    padding-right:10px;
  }

}



/* =========================================================
   GTAM VIP DETAIL PAGES V2
   PURE CODE VISUAL
   ========================================================= */

.gt-vip-detail-standalone{
  background:#020e1d !important;
  overflow-y:auto !important;
}


.gt-vip-detail-page{
  --vip-accent:#20e5ff;
  --vip-accent-2:#087eff;
  --vip-rgb:32,229,255;

  width:min(100%,620px);
  min-height:100%;
  margin:0 auto;
  padding:
    max(16px,env(safe-area-inset-top))
    20px
    calc(30px + env(safe-area-inset-bottom));

  color:#f5f8ff;

  background:
    radial-gradient(
      circle at 50% 11%,
      rgba(var(--vip-rgb),.12),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      #06182a 0%,
      #031426 35%,
      #020f1e 100%
    );
}


.gt-vip-detail-purple{
  --vip-accent:#8d58ff;
  --vip-accent-2:#284dff;
  --vip-rgb:126,75,255;
}


.gt-vip-detail-gold{
  --vip-accent:#ffc52e;
  --vip-accent-2:#ff8a00;
  --vip-rgb:255,187,37;
}


.gt-vip-detail-royal-gold{
  --vip-accent:#ffd34d;
  --vip-accent-2:#ff9900;
  --vip-rgb:255,196,43;
}



/* ================= HEADER ================= */

.gt-vip-detail-header{
  position:relative;
  min-height:70px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  text-align:center;
}


.gt-vip-detail-header h1{
  margin:0;

  font-size:27px;
  line-height:1.18;

  font-weight:800;
  letter-spacing:.5px;
}


.gt-vip-detail-header p{
  margin:6px 0 0;

  color:#aab6c8;

  font-size:14px;
}


.gt-vip-detail-back{
  position:absolute;
  left:-4px;
  top:-3px;

  width:46px;
  height:46px;

  border:0;
  background:transparent;

  color:var(--vip-accent);

  font-size:46px;
  font-weight:200;
  line-height:38px;

  text-shadow:
    0 0 10px var(--vip-accent);
}



/* ================= HERO ================= */

.gt-vip-detail-hero{
  position:relative;

  height:260px;

  margin:2px 0 24px;

  overflow:hidden;

  border:
    1px solid
    rgba(var(--vip-rgb),.82);

  border-radius:14px;

  background:
    radial-gradient(
      circle at 73% 40%,
      rgba(var(--vip-rgb),.27),
      transparent 25%
    ),
    radial-gradient(
      circle at 40% 50%,
      rgba(25,82,173,.25),
      transparent 43%
    ),
    linear-gradient(
      135deg,
      rgba(3,22,44,.98),
      rgba(3,31,61,.96)
    );

  box-shadow:
    inset 0 0 28px rgba(var(--vip-rgb),.13),
    0 0 13px rgba(var(--vip-rgb),.18);
}


.gt-vip-detail-hero::before{
  content:"";

  position:absolute;
  inset:0;

  opacity:.35;

  background-image:
    linear-gradient(
      rgba(var(--vip-rgb),.08) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--vip-rgb),.08) 1px,
      transparent 1px
    );

  background-size:
    36px 36px;
}


.gt-vip-hero-globe{
  position:absolute;

  width:320px;
  height:320px;

  left:104px;
  top:-120px;

  border-radius:50%;

  border:
    1px solid
    rgba(var(--vip-rgb),.25);

  background:
    radial-gradient(
      circle at 38% 45%,
      rgba(var(--vip-rgb),.13),
      transparent 40%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(9,42,89,.75),
      #020d1c 69%
    );

  box-shadow:
    inset 0 0 40px rgba(var(--vip-rgb),.18),
    0 0 44px rgba(var(--vip-rgb),.09);
}


.gt-vip-hero-orbit{
  position:absolute;

  left:48%;
  top:51%;

  border:
    1px solid
    rgba(var(--vip-rgb),.45);

  border-radius:50%;

  transform:
    translate(-50%,-50%)
    rotate(-9deg);

  box-shadow:
    0 0 10px rgba(var(--vip-rgb),.25);
}


.gt-vip-hero-orbit.orbit-a{
  width:260px;
  height:62px;
}


.gt-vip-hero-orbit.orbit-b{
  width:330px;
  height:92px;

  opacity:.45;
}


.gt-vip-hero-glow{
  position:absolute;

  width:190px;
  height:35px;

  left:67%;
  bottom:17px;

  transform:translateX(-50%);

  border-radius:50%;

  background:
    rgba(var(--vip-rgb),.45);

  filter:blur(18px);
}


.gt-vip-hero-copy{
  position:absolute;
  z-index:3;

  left:31px;
  top:34px;

  width:49%;
}


.gt-vip-hero-level{
  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:59px;
  line-height:1;

  font-weight:900;

  text-shadow:
    0 0 6px #fff,
    0 0 15px var(--vip-accent),
    0 0 30px var(--vip-accent);
}


.gt-vip-detail-gold
.gt-vip-hero-level,
.gt-vip-detail-royal-gold
.gt-vip-hero-level{
  color:#fff7d5;
}


.gt-vip-hero-copy h2{
  margin:0;

  color:#fff;

  font-size:24px;

  text-shadow:
    0 0 8px var(--vip-accent);
}


.gt-vip-hero-copy i{
  display:block;

  width:42px;
  height:3px;

  margin:18px 0;

  border-radius:5px;

  background:var(--vip-accent);

  box-shadow:
    0 0 8px var(--vip-accent);
}


.gt-vip-hero-copy p{
  max-width:270px;

  margin:0;

  color:#d8e5f5;

  font-size:15px;
  line-height:1.55;
}


.gt-vip-hero-crown{
  position:absolute;
  z-index:4;

  width:192px;
  height:192px;

  right:64px;
  top:34px;

  filter:
    drop-shadow(
      0 0 11px
      rgba(var(--vip-rgb),.8)
    );
}


.gt-vip-detail-crown{
  width:100%;
  height:100%;

  overflow:visible;

  fill:none;

  stroke:var(--vip-accent);

  stroke-width:2.3;
}


.gt-vip-detail-hex{
  fill:
    rgba(var(--vip-rgb),.09);

  stroke-width:3;
}


.gt-vip-detail-crown-shape{
  fill:
    rgba(236,244,255,.78);

  stroke:#fff;

  stroke-width:2;

  filter:
    drop-shadow(
      0 0 7px #fff
    );
}


.gt-vip-detail-crown circle{
  fill:#fff;
  stroke:none;
}


.gt-vip-detail-crown-ring ellipse{
  stroke:
    rgba(var(--vip-rgb),.75);
}


.gt-vip-detail-crown-text{
  fill:#fff;

  stroke:none;

  font-size:20px;
  font-weight:800;
}


.gt-vip-hero-side{
  position:absolute;

  z-index:4;

  right:13px;
  top:23px;

  display:flex;
  flex-direction:column;

  gap:7px;
}


.gt-vip-hero-side span{
  color:#dbe7f7;

  font-size:12px;
}



/* ================= SECTIONS ================= */

.gt-vip-detail-section{
  margin-top:18px;
}


.gt-vip-detail-section-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  min-height:42px;

  margin-bottom:10px;
}


.gt-vip-detail-section-head h2{
  position:relative;

  margin:0;
  padding-left:17px;

  font-size:22px;
  font-weight:800;
}


.gt-vip-detail-section-head h2::before{
  content:"";

  position:absolute;

  left:0;
  top:2px;

  width:5px;
  height:28px;

  border-radius:5px;

  background:var(--vip-accent);

  box-shadow:
    0 0 9px var(--vip-accent);
}


.gt-vip-detail-section-head span{
  color:#aeb8c8;

  font-size:13px;
}



/* ================= REQUIREMENTS ================= */

.gt-vip-requirements-grid,
.gt-vip-core-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:8px;

  padding:10px;

  border:
    1px solid
    rgba(var(--vip-rgb),.75);

  border-radius:13px;

  background:
    linear-gradient(
      145deg,
      rgba(8,39,71,.92),
      rgba(4,28,54,.93)
    );

  box-shadow:
    inset 0 0 20px
    rgba(var(--vip-rgb),.07);
}


.gt-vip-requirement,
.gt-vip-core-card{
  min-height:84px;

  display:flex;
  align-items:center;

  gap:12px;

  padding:12px;

  border:
    1px solid
    rgba(var(--vip-rgb),.42);

  border-radius:11px;

  background:
    linear-gradient(
      145deg,
      rgba(13,51,86,.95),
      rgba(7,33,60,.95)
    );

  box-shadow:
    inset 0 0 15px
    rgba(var(--vip-rgb),.06);
}


.gt-vip-detail-icon{
  flex:none;

  width:54px;
  height:54px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(var(--vip-rgb),.30),
      rgba(var(--vip-rgb),.08)
    );

  border:
    1px solid
    rgba(var(--vip-rgb),.55);

  box-shadow:
    0 0 13px
    rgba(var(--vip-rgb),.25);
}


.gt-vip-detail-icon svg{
  width:34px;
  height:34px;

  fill:none;

  stroke:#dcefff;

  stroke-width:2.4;

  stroke-linecap:round;
  stroke-linejoin:round;

  filter:
    drop-shadow(
      0 0 4px var(--vip-accent)
    );
}


.gt-vip-requirement span,
.gt-vip-core-card span{
  display:block;

  margin-bottom:3px;

  color:#c1ccda;

  font-size:12px;
}


.gt-vip-requirement strong,
.gt-vip-core-card strong{
  display:block;

  color:var(--vip-accent);

  font-size:18px;
  line-height:1.15;
}


.gt-vip-requirement small,
.gt-vip-core-card small{
  display:block;

  margin-top:4px;

  color:#8e9caf;

  font-size:11px;
}


.gt-vip-detail-note-line{
  margin-top:0;

  padding:9px 13px;

  color:#9aa9ba;

  border:
    1px solid
    rgba(var(--vip-rgb),.55);

  border-top:0;

  border-radius:
    0 0 10px 10px;

  font-size:11px;
}


.gt-vip-detail-note-line span{
  margin-right:6px;

  color:var(--vip-accent);
}



/* ================= CORE ================= */

.gt-vip-core-card{
  min-height:95px;
}


.gt-vip-core-card strong{
  font-size:21px;
}



/* ================= DESCRIPTION ================= */

.gt-vip-description-box,
.gt-vip-tips-box{
  padding:5px 17px;

  border:
    1px solid
    rgba(var(--vip-rgb),.72);

  border-radius:12px;

  background:
    linear-gradient(
      145deg,
      rgba(8,38,68,.94),
      rgba(5,28,52,.96)
    );

  box-shadow:
    inset 0 0 17px
    rgba(var(--vip-rgb),.05);
}


.gt-vip-description-row{
  display:flex;

  align-items:center;

  min-height:67px;

  gap:13px;

  border-bottom:
    1px solid
    rgba(130,170,210,.18);
}


.gt-vip-description-row:last-child{
  border-bottom:0;
}


.gt-vip-description-icon{
  flex:none;

  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  border-radius:50%;

  border:
    1px solid
    rgba(var(--vip-rgb),.5);

  background:
    rgba(var(--vip-rgb),.10);
}


.gt-vip-description-icon svg{
  width:25px;
  height:25px;

  fill:none;

  stroke:var(--vip-accent);

  stroke-width:2.2;
}


.gt-vip-description-row > div:last-child{
  color:#c5cfdd;

  font-size:12px;
  line-height:1.5;
}


.gt-vip-description-row strong{
  color:var(--vip-accent);
}



/* ================= TIPS ================= */

.gt-vip-tips-box{
  padding:10px 17px;
}


.gt-vip-tips-box p{
  display:flex;
  align-items:center;

  min-height:34px;

  margin:0;

  color:#b6c3d4;

  font-size:12px;
}


.gt-vip-tips-box b{
  width:30px;

  color:var(--vip-accent);

  font-size:16px;
}



/* ================= ACTION ================= */

.gt-vip-detail-actions{
  position:relative;

  display:grid;

  grid-template-columns:
    1fr 1.15fr;

  gap:0;

  margin-top:16px;

  overflow:hidden;

  min-height:57px;

  border:
    1px solid
    rgba(var(--vip-rgb),.58);

  border-radius:11px;

  background:
    linear-gradient(
      90deg,
      rgba(5,37,66,.96),
      rgba(8,28,70,.96)
    );
}


.gt-vip-detail-actions::after{
  content:"";

  position:absolute;

  width:290px;
  height:90px;

  right:-15px;
  bottom:-57px;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse,
      rgba(var(--vip-rgb),.25),
      transparent 70%
    );

  pointer-events:none;
}


.gt-vip-detail-actions button{
  position:relative;
  z-index:2;

  border:0;

  color:#fff;

  font-size:15px;
  font-weight:700;
}


.gt-vip-detail-all-btn{
  background:transparent;
}


.gt-vip-detail-all-btn span,
.gt-vip-detail-all-btn b{
  color:var(--vip-accent);

  margin:0 8px;
}


.gt-vip-detail-trade-btn{
  margin:5px;

  border:
    1px solid
    var(--vip-accent)
    !important;

  border-radius:28px;

  background:
    linear-gradient(
      90deg,
      rgba(var(--vip-rgb),.13),
      rgba(var(--vip-rgb),.36)
    )
    !important;

  box-shadow:
    inset 0 0 13px
    rgba(var(--vip-rgb),.48),
    0 0 13px
    rgba(var(--vip-rgb),.38);

  text-shadow:
    0 0 5px #fff;
}


.gt-vip-detail-trade-btn b{
  margin-left:13px;
}



/* ================= MOBILE ================= */

@media(max-width:620px){

  .gt-vip-detail-page{
    width:100%;
    padding-left:14px;
    padding-right:14px;
  }


  .gt-vip-detail-header h1{
    font-size:25px;
  }


  .gt-vip-detail-hero{
    height:235px;
  }


  .gt-vip-hero-level{
    font-size:51px;
  }


  .gt-vip-hero-copy{
    left:23px;
    top:31px;

    width:48%;
  }


  .gt-vip-hero-copy h2{
    font-size:20px;
  }


  .gt-vip-hero-copy p{
    font-size:13px;
  }


  .gt-vip-hero-crown{
    width:166px;
    height:166px;

    right:42px;
    top:38px;
  }


  .gt-vip-hero-side{
    display:none;
  }


  .gt-vip-detail-section-head h2{
    font-size:19px;
  }


  .gt-vip-detail-section-head span{
    max-width:46%;

    text-align:right;

    font-size:11px;
  }


  .gt-vip-requirement,
  .gt-vip-core-card{
    min-height:83px;

    padding:9px;
    gap:8px;
  }


  .gt-vip-detail-icon{
    width:45px;
    height:45px;
  }


  .gt-vip-detail-icon svg{
    width:29px;
    height:29px;
  }


  .gt-vip-requirement strong,
  .gt-vip-core-card strong{
    font-size:16px;
  }


  .gt-vip-core-card strong{
    font-size:18px;
  }

}


@media(max-width:390px){

  .gt-vip-detail-hero-crown{
    right:23px;
  }


  .gt-vip-requirements-grid,
  .gt-vip-core-grid{
    gap:6px;
    padding:7px;
  }


  .gt-vip-requirement,
  .gt-vip-core-card{
    padding:7px;
  }


  .gt-vip-detail-icon{
    width:39px;
    height:39px;
  }


  .gt-vip-requirement strong,
  .gt-vip-core-card strong{
    font-size:14px;
  }

}



/* =========================================================
   GTAM VIP DETAIL VISUAL V3
   Reference-quality pure code redesign
   ========================================================= */


/* ---------- PAGE ---------- */

.gt-vip-detail-page{
  width:min(100%,588px) !important;

  padding:
    max(10px,env(safe-area-inset-top))
    18px
    calc(24px + env(safe-area-inset-bottom))
    !important;

  background:
    radial-gradient(
      ellipse at 80% 7%,
      rgba(var(--vip-rgb),.07),
      transparent 28%
    ),
    radial-gradient(
      ellipse at 15% 42%,
      rgba(0,88,155,.09),
      transparent 31%
    ),
    linear-gradient(
      180deg,
      #020b17 0%,
      #03111f 40%,
      #020b16 100%
    ) !important;
}


/* subtle stars / particles */

.gt-vip-detail-page::before{
  content:"";

  position:fixed;
  inset:0;

  pointer-events:none;

  opacity:.34;

  background-image:
    radial-gradient(circle,rgba(255,255,255,.32) 0 1px,transparent 1.2px),
    radial-gradient(circle,rgba(var(--vip-rgb),.25) 0 1px,transparent 1.3px);

  background-size:
    73px 89px,
    121px 147px;

  background-position:
    13px 19px,
    47px 73px;
}


/* ---------- HEADER ---------- */

.gt-vip-detail-header{
  min-height:66px !important;
  margin-bottom:1px !important;
}


.gt-vip-detail-header h1{
  font-size:25px !important;
  font-weight:780 !important;

  letter-spacing:.3px !important;

  text-shadow:
    0 1px 2px rgba(0,0,0,.7) !important;
}


.gt-vip-detail-header p{
  margin-top:5px !important;

  color:#9cabbc !important;

  font-size:13px !important;
}


.gt-vip-detail-back{
  left:-5px !important;
  top:-5px !important;

  width:43px !important;
  height:43px !important;

  font-size:39px !important;

  color:var(--vip-accent) !important;

  border:0 !important;

  text-shadow:
    0 0 7px rgba(var(--vip-rgb),.85),
    0 0 18px rgba(var(--vip-rgb),.45)
    !important;
}


/* ---------- HERO ---------- */

.gt-vip-detail-hero{
  height:230px !important;

  margin:
    0
    0
    20px
    !important;

  border-radius:12px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.75)
    !important;

  background:
    radial-gradient(
      ellipse at 66% 42%,
      rgba(var(--vip-rgb),.20),
      transparent 22%
    ),
    radial-gradient(
      circle at 56% -1%,
      rgba(36,98,188,.25),
      transparent 38%
    ),
    linear-gradient(
      112deg,
      rgba(3,13,30,.99) 0%,
      rgba(4,27,51,.98) 48%,
      rgba(2,13,28,.99) 100%
    )
    !important;

  box-shadow:
    inset 0 0 1px rgba(255,255,255,.34),
    inset 0 0 26px rgba(var(--vip-rgb),.06),
    0 4px 18px rgba(0,0,0,.42),
    0 0 9px rgba(var(--vip-rgb),.12)
    !important;
}


.gt-vip-detail-hero::before{
  opacity:.22 !important;

  background-image:
    linear-gradient(
      rgba(var(--vip-rgb),.07) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(var(--vip-rgb),.07) 1px,
      transparent 1px
    )
    !important;

  background-size:
    39px 39px
    !important;
}


/* dark planet */

.gt-vip-hero-globe{
  width:300px !important;
  height:300px !important;

  left:122px !important;
  top:-137px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.15)
    !important;

  background:
    radial-gradient(
      circle at 36% 36%,
      rgba(var(--vip-rgb),.12),
      transparent 28%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(9,33,68,.85),
      #010711 72%
    )
    !important;

  box-shadow:
    inset -22px -26px 36px rgba(0,0,0,.72),
    inset 8px 8px 28px rgba(var(--vip-rgb),.07),
    0 0 40px rgba(var(--vip-rgb),.06)
    !important;
}


.gt-vip-hero-orbit{
  opacity:.5 !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.26)
    !important;

  box-shadow:
    none !important;
}


.gt-vip-hero-orbit.orbit-a{
  width:282px !important;
  height:57px !important;
}


.gt-vip-hero-orbit.orbit-b{
  width:350px !important;
  height:91px !important;

  opacity:.24 !important;
}


.gt-vip-hero-glow{
  width:170px !important;
  height:23px !important;

  right:auto !important;
  left:70% !important;

  bottom:14px !important;

  opacity:.5 !important;

  filter:blur(16px) !important;
}


/* hero copy */

.gt-vip-hero-copy{
  left:27px !important;
  top:33px !important;

  width:49% !important;
}


.gt-vip-hero-level{
  margin-bottom:7px !important;

  font-size:52px !important;
  font-weight:850 !important;

  letter-spacing:-1.5px !important;

  text-shadow:
    0 0 3px rgba(255,255,255,.95),
    0 0 9px rgba(var(--vip-rgb),.8),
    0 0 19px rgba(var(--vip-rgb),.32)
    !important;
}


.gt-vip-hero-copy h2{
  font-size:20px !important;

  font-weight:750 !important;

  line-height:1.2 !important;

  text-shadow:
    0 0 6px rgba(var(--vip-rgb),.32)
    !important;
}


.gt-vip-hero-copy i{
  width:37px !important;
  height:2px !important;

  margin:
    14px
    0
    13px
    !important;
}


.gt-vip-hero-copy p{
  max-width:220px !important;

  color:#c2cedd !important;

  font-size:12px !important;
  line-height:1.55 !important;
}


/* right side tiny labels */

.gt-vip-hero-side{
  right:14px !important;
  top:18px !important;

  gap:4px !important;
}


.gt-vip-hero-side span{
  color:#aebccc !important;

  font-size:10px !important;
}


/* ---------- PREMIUM EMBLEM ---------- */

.gt-vip-hero-crown{
  width:178px !important;
  height:178px !important;

  right:55px !important;
  top:31px !important;

  filter:
    drop-shadow(
      0 0 8px rgba(var(--vip-rgb),.45)
    )
    !important;
}


.gt-vip-detail-crown{
  overflow:visible !important;

  stroke-linejoin:round;
}


.vip-emblem-hex{
  fill:
    rgba(var(--vip-rgb),.045);

  stroke:var(--vip-accent);
}


.vip-emblem-hex-outer{
  stroke-width:2.3;
  opacity:.86;

  filter:
    drop-shadow(
      0 0 6px rgba(var(--vip-rgb),.5)
    );
}


.vip-emblem-hex-inner{
  stroke-width:.75;
  opacity:.32;
}


.vip-emblem-energy{
  fill:none;

  stroke:var(--vip-accent);

  stroke-width:1;

  opacity:.32;
}


.vip-emblem-orbit{
  fill:none;

  stroke:var(--vip-accent);

  stroke-width:1.3;

  opacity:.55;
}


.vip-emblem-orbit.orbit-2{
  opacity:.31;
}


.vip-emblem-orbit.orbit-3{
  opacity:.18;
}


.vip-emblem-crown{
  fill:url(#vipCrown-1);

  stroke:#fff;

  stroke-width:1.6;
}


.vip-emblem-crown-base{
  fill:
    rgba(238,248,255,.9);

  stroke:#fff;

  stroke-width:1.2;
}


.vip-emblem-crown-group circle{
  fill:#fff;

  stroke:none;
}


.vip-emblem-text{
  fill:#fff;

  stroke:none;

  font-size:18px;
  font-weight:800;

  letter-spacing:.3px;
}


/* ---------- SECTION TITLES ---------- */

.gt-vip-detail-section{
  margin-top:14px !important;
}


.gt-vip-detail-section-head{
  min-height:36px !important;

  margin-bottom:8px !important;
}


.gt-vip-detail-section-head h2{
  padding-left:15px !important;

  font-size:20px !important;
  font-weight:760 !important;

  letter-spacing:.1px !important;
}


.gt-vip-detail-section-head h2::before{
  width:4px !important;
  height:25px !important;

  top:1px !important;

  box-shadow:
    0 0 6px rgba(var(--vip-rgb),.55)
    !important;
}


.gt-vip-detail-section-head span{
  color:#8e9bac !important;

  font-size:11px !important;
}


/* ---------- GRIDS ---------- */

.gt-vip-requirements-grid,
.gt-vip-core-grid{
  gap:7px !important;

  padding:8px !important;

  border-radius:10px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.56)
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(4,24,45,.98),
      rgba(4,20,38,.99)
    )
    !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 20px rgba(var(--vip-rgb),.025),
    0 3px 12px rgba(0,0,0,.28)
    !important;
}


.gt-vip-requirement,
.gt-vip-core-card{
  min-height:76px !important;

  gap:9px !important;

  padding:9px 10px !important;

  border-radius:9px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.30)
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(8,39,68,.93),
      rgba(5,27,49,.96)
    )
    !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 0 12px rgba(var(--vip-rgb),.025)
    !important;
}


.gt-vip-detail-icon{
  width:47px !important;
  height:47px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.36)
    !important;

  background:
    radial-gradient(
      circle,
      rgba(var(--vip-rgb),.14),
      rgba(3,22,41,.72)
    )
    !important;

  box-shadow:
    inset 0 0 8px rgba(var(--vip-rgb),.09),
    0 0 7px rgba(var(--vip-rgb),.10)
    !important;
}


.gt-vip-detail-icon svg{
  width:28px !important;
  height:28px !important;

  stroke:
    rgba(220,241,255,.88)
    !important;

  filter:
    drop-shadow(
      0 0 2px rgba(var(--vip-rgb),.45)
    )
    !important;
}


.gt-vip-requirement span,
.gt-vip-core-card span{
  margin-bottom:1px !important;

  color:#a9b8c9 !important;

  font-size:11px !important;
  line-height:1.3 !important;
}


.gt-vip-requirement strong{
  font-size:16px !important;
  font-weight:760 !important;
}


.gt-vip-core-card strong{
  font-size:18px !important;
  font-weight:770 !important;
}


.gt-vip-requirement small,
.gt-vip-core-card small{
  margin-top:3px !important;

  color:#7f8ea0 !important;

  font-size:9px !important;
}


/* ---------- NOTE ---------- */

.gt-vip-detail-note-line{
  padding:7px 11px !important;

  color:#758598 !important;

  border-color:
    rgba(var(--vip-rgb),.33)
    !important;

  font-size:9px !important;
}


/* ---------- DESCRIPTION ---------- */

.gt-vip-description-box,
.gt-vip-tips-box{
  padding:
    4px
    14px
    !important;

  border-radius:9px !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.45)
    !important;

  background:
    linear-gradient(
      135deg,
      rgba(5,27,49,.97),
      rgba(3,20,37,.98)
    )
    !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 2px 9px rgba(0,0,0,.23)
    !important;
}


.gt-vip-description-row{
  min-height:57px !important;

  gap:11px !important;

  border-bottom:
    1px solid
    rgba(135,160,190,.13)
    !important;
}


.gt-vip-description-icon{
  width:34px !important;
  height:34px !important;

  border-color:
    rgba(var(--vip-rgb),.31)
    !important;
}


.gt-vip-description-icon svg{
  width:21px !important;
  height:21px !important;

  stroke:
    var(--vip-accent)
    !important;
}


.gt-vip-description-row > div:last-child{
  color:#aab8c9 !important;

  font-size:10px !important;
  line-height:1.45 !important;
}


/* ---------- TIPS ---------- */

.gt-vip-tips-box{
  padding:
    7px
    14px
    !important;
}


.gt-vip-tips-box p{
  min-height:29px !important;

  color:#9aa8b9 !important;

  font-size:10px !important;
}


.gt-vip-tips-box b{
  width:27px !important;

  font-size:13px !important;
}


/* ---------- BOTTOM ---------- */

.gt-vip-detail-actions{
  min-height:51px !important;

  margin-top:13px !important;

  border-radius:9px !important;

  border-color:
    rgba(var(--vip-rgb),.39)
    !important;

  background:
    linear-gradient(
      90deg,
      rgba(5,27,50,.98),
      rgba(6,25,54,.98)
    )
    !important;
}


.gt-vip-detail-actions button{
  font-size:13px !important;
}


.gt-vip-detail-trade-btn{
  margin:4px !important;

  box-shadow:
    inset 0 0 9px rgba(var(--vip-rgb),.28),
    0 0 8px rgba(var(--vip-rgb),.20)
    !important;
}


/* ---------- VIP4 / VIP5 metallic gold ---------- */

.gt-vip-detail-gold
.gt-vip-detail-hero,
.gt-vip-detail-royal-gold
.gt-vip-detail-hero{
  background:
    radial-gradient(
      ellipse at 69% 43%,
      rgba(255,190,40,.16),
      transparent 22%
    ),
    radial-gradient(
      circle at 57% -5%,
      rgba(141,83,12,.24),
      transparent 39%
    ),
    linear-gradient(
      112deg,
      #090d13 0%,
      #241a08 50%,
      #090d12 100%
    )
    !important;
}


.gt-vip-detail-gold
.gt-vip-requirement,
.gt-vip-detail-gold
.gt-vip-core-card,
.gt-vip-detail-royal-gold
.gt-vip-requirement,
.gt-vip-detail-royal-gold
.gt-vip-core-card{
  background:
    linear-gradient(
      135deg,
      rgba(35,34,21,.96),
      rgba(14,25,31,.97)
    )
    !important;
}


/* ---------- PHONE ---------- */

@media(max-width:620px){

  .gt-vip-detail-page{
    padding-left:16px !important;
    padding-right:16px !important;
  }


  .gt-vip-detail-hero{
    height:226px !important;
  }


  .gt-vip-hero-crown{
    width:164px !important;
    height:164px !important;

    right:38px !important;
    top:37px !important;
  }


  .gt-vip-hero-level{
    font-size:48px !important;
  }


  .gt-vip-hero-copy{
    left:23px !important;
    top:35px !important;
  }


  .gt-vip-hero-copy h2{
    font-size:18px !important;
  }


  .gt-vip-hero-copy p{
    max-width:185px !important;

    font-size:11px !important;
  }


  .gt-vip-detail-section-head h2{
    font-size:18px !important;
  }

}



/* =========================================================
   GTAM PREMIUM VIP EMBLEM V4
   ========================================================= */

.gt-vip-hero-crown{
  width:205px !important;
  height:205px !important;

  right:34px !important;
  top:15px !important;

  overflow:visible !important;

  z-index:5 !important;

  filter:none !important;
}


.gt-vip-premium-emblem{
  width:100%;
  height:100%;

  overflow:visible;

  display:block;
}


/* make emblem look more like a floating object */

.gt-vip-premium-emblem-1,
.gt-vip-premium-emblem-2,
.gt-vip-premium-emblem-3,
.gt-vip-premium-emblem-4{
  filter:
    drop-shadow(
      0 0 5px rgba(var(--vip-rgb),.55)
    )
    drop-shadow(
      0 0 14px rgba(var(--vip-rgb),.18)
    );
}


/* metallic VIP text */

.gt-vip-premium-text{
  fill:#fff;

  font-size:19px;
  font-weight:850;

  letter-spacing:.3px;

  paint-order:stroke;

  stroke:
    rgba(255,255,255,.22);

  stroke-width:.7px;

  filter:
    drop-shadow(
      0 0 3px #fff
    );
}


/* ================= VIP5 ================= */

.gt-vip-premium-emblem-5{
  filter:
    drop-shadow(
      0 0 5px rgba(255,210,65,.55)
    )
    drop-shadow(
      0 0 15px rgba(255,165,0,.24)
    );
}


.gt-vip5-text{
  fill:#fff9d2;

  font-size:22px;
  font-weight:900;

  letter-spacing:.5px;

  paint-order:stroke;

  stroke:
    rgba(126,70,0,.75);

  stroke-width:1px;

  filter:
    drop-shadow(
      0 0 3px #fff6b3
    );
}


/* wings appear layered metallic */

.gt-vip5-wing{
  opacity:.96;
}


.gt-vip5-wing path{
  filter:
    drop-shadow(
      0 0 2px rgba(255,220,92,.65)
    );
}


/* platform subtle */

.gt-vip5-platform{
  filter:
    drop-shadow(
      0 0 3px rgba(255,177,0,.55)
    );
}


/* VIP5 hero gets stronger golden center */

.gt-vip-detail-royal-gold
.gt-vip-detail-hero::after{
  content:"";

  position:absolute;

  right:15px;
  top:9px;

  width:245px;
  height:210px;

  pointer-events:none;

  background:
    radial-gradient(
      ellipse at 51% 47%,
      rgba(255,211,76,.22),
      rgba(255,173,0,.06) 36%,
      transparent 68%
    );

  filter:blur(2px);
}


/* phone */

@media(max-width:620px){

  .gt-vip-hero-crown{
    width:190px !important;
    height:190px !important;

    right:22px !important;
    top:20px !important;
  }

}


@media(max-width:390px){

  .gt-vip-hero-crown{
    width:177px !important;
    height:177px !important;

    right:12px !important;
    top:26px !important;
  }

}



/* =========================================================
   VIP HERO 3D CODE RENDER V5
   ========================================================= */

.gt-vip-hero-crown{
  position:absolute !important;

  width:235px !important;
  height:220px !important;

  right:12px !important;
  top:10px !important;

  z-index:7 !important;

  overflow:visible !important;

  pointer-events:none !important;
}


.gt-vip-crown3d{
  display:block;

  width:100%;
  height:100%;

  overflow:visible;
}


.gt-vip-crown3d-text{
  fill:#fff;

  font-size:22px;
  font-weight:900;

  letter-spacing:.3px;

  paint-order:stroke;

  stroke:
    rgba(10,50,75,.45);

  stroke-width:1px;

  filter:
    drop-shadow(
      0 0 4px #fff
    );
}


.gt-vip-crown3d-text5{
  fill:#fff7bc;

  font-size:25px;

  stroke:#713d00;

  stroke-width:1.4px;

  filter:
    drop-shadow(
      0 0 5px #ffd858
    );
}


/* VIP5 Hero 更强金色背景 */

.gt-vip-detail-royal-gold .gt-vip-detail-hero{
  background:
    radial-gradient(
      ellipse at 73% 60%,
      rgba(255,190,30,.20),
      transparent 25%
    ),
    radial-gradient(
      circle at 62% 2%,
      rgba(183,115,19,.20),
      transparent 39%
    ),
    linear-gradient(
      108deg,
      #070b11 0%,
      #12120d 38%,
      #271b07 72%,
      #070a0f 100%
    )
    !important;
}


/* 左侧文案压暗，让皇冠更突出 */

.gt-vip-detail-hero-copy{
  z-index:8 !important;
}


.gt-vip-detail-royal-gold .gt-vip-hero-copy{
  width:47% !important;
}


.gt-vip-detail-royal-gold .gt-vip-hero-level{
  color:#fff4bf !important;

  text-shadow:
    0 0 2px #fff,
    0 0 8px rgba(255,211,70,.9),
    0 0 22px rgba(255,174,0,.35)
    !important;
}


/* Hero增加星光 */

.gt-vip-detail-hero::after{
  content:"";

  position:absolute;
  inset:0;

  z-index:2;

  pointer-events:none;

  opacity:.55;

  background-image:
    radial-gradient(circle at 71% 17%,rgba(255,255,255,.95) 0 1px,transparent 2px),
    radial-gradient(circle at 81% 42%,rgba(var(--vip-rgb),.75) 0 1px,transparent 2px),
    radial-gradient(circle at 62% 68%,rgba(255,255,255,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 93% 29%,rgba(var(--vip-rgb),.62) 0 1px,transparent 2px),
    radial-gradient(circle at 55% 28%,rgba(255,255,255,.5) 0 1px,transparent 2px);
}


/* Mobile */

@media(max-width:620px){

  .gt-vip-hero-crown{
    width:220px !important;
    height:208px !important;

    right:4px !important;
    top:13px !important;
  }

}


@media(max-width:390px){

  .gt-vip-hero-crown{
    width:205px !important;
    height:195px !important;

    right:-3px !important;
    top:19px !important;
  }

}



/* =========================================================
   VIP HERO PLANET / SPACE V5
   ========================================================= */

.gt-vip-hero-globe{
  width:335px !important;
  height:335px !important;

  left:135px !important;
  top:-165px !important;

  border-radius:50% !important;

  background:
    radial-gradient(
      ellipse at 31% 37%,
      rgba(255,255,255,.13),
      transparent 4%
    ),
    radial-gradient(
      ellipse at 42% 48%,
      rgba(var(--vip-rgb),.12),
      transparent 15%
    ),
    radial-gradient(
      circle at 38% 38%,
      rgba(36,91,143,.32),
      transparent 37%
    ),
    linear-gradient(
      145deg,
      rgba(36,69,105,.32),
      #020811 67%
    )
    !important;

  border:
    1px solid
    rgba(var(--vip-rgb),.13)
    !important;

  box-shadow:
    inset -38px -42px 55px rgba(0,0,0,.78),
    inset 14px 8px 32px rgba(var(--vip-rgb),.09),
    0 0 45px rgba(var(--vip-rgb),.08)
    !important;
}


.gt-vip-detail-royal-gold .gt-vip-hero-globe{
  background:
    radial-gradient(
      ellipse at 32% 33%,
      rgba(255,231,156,.13),
      transparent 7%
    ),
    radial-gradient(
      circle at 38% 39%,
      rgba(102,93,65,.34),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(76,64,40,.35),
      #030507 68%
    )
    !important;

  border-color:
    rgba(255,207,73,.14)
    !important;
}



/* =========================================================
   GTAM VIP DETAIL V3
   CANVAS 3D METAL VISUAL
   ========================================================= */

.gtv3-standalone{
  background:#010b16 !important;
  overflow-y:auto !important;
}


.gtv3-page{
  --a:#13e7ff;
  --rgb:19,231,255;

  position:relative;

  width:min(100%,588px);

  margin:0 auto;

  padding:
    max(13px,env(safe-area-inset-top))
    18px
    calc(28px + env(safe-area-inset-bottom));

  color:#f5f8ff;

  background:
    radial-gradient(
      ellipse at 70% 6%,
      rgba(var(--rgb),.075),
      transparent 25%
    ),
    radial-gradient(
      ellipse at 10% 48%,
      rgba(0,90,160,.07),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #020c18,
      #03121f 42%,
      #020a14
    );
}


.gtv3-purple{
  --a:#9669ff;
  --rgb:150,105,255;
}


.gtv3-gold,
.gtv3-royal{
  --a:#ffc331;
  --rgb:255,195,49;
}


.gtv3-page::before{
  content:"";

  position:absolute;
  inset:0;

  pointer-events:none;

  opacity:.38;

  background-image:
    radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.3px),
    radial-gradient(circle,rgba(var(--rgb),.36) 0 1px,transparent 1.4px);

  background-size:
    101px 117px,
    157px 181px;

  background-position:
    13px 21px,
    67px 93px;
}


/* header */

.gtv3-header{
  position:relative;
  z-index:2;

  min-height:70px;

  display:flex;
  align-items:flex-start;
  justify-content:center;

  text-align:center;
}


.gtv3-header h1{
  margin:0;

  font-size:26px;
  font-weight:820;
}


.gtv3-header p{
  margin:5px 0 0;

  color:#97a5b6;

  font-size:13px;
}


.gtv3-back{
  position:absolute;

  left:-4px;
  top:-5px;

  width:44px;
  height:44px;

  border:0;

  color:var(--a);

  background:transparent;

  font-size:42px;
  line-height:36px;

  text-shadow:
    0 0 7px rgba(var(--rgb),.9),
    0 0 18px rgba(var(--rgb),.35);
}


/* HERO */

.gtv3-hero{
  position:relative;

  height:240px;

  overflow:hidden;

  margin-bottom:20px;

  border:
    1px solid
    rgba(var(--rgb),.72);

  border-radius:12px;

  background:
    radial-gradient(
      ellipse at 72% 60%,
      rgba(var(--rgb),.13),
      transparent 25%
    ),
    radial-gradient(
      circle at 56% 2%,
      rgba(54,100,170,.16),
      transparent 38%
    ),
    linear-gradient(
      112deg,
      #020b18 0%,
      #04182c 47%,
      #020a15 100%
    );

  box-shadow:
    inset 0 0 1px rgba(255,255,255,.42),
    inset 0 0 24px rgba(var(--rgb),.055),
    0 6px 22px rgba(0,0,0,.48),
    0 0 9px rgba(var(--rgb),.11);
}


.gtv3-royal .gtv3-hero{
  background:
    radial-gradient(
      ellipse at 73% 61%,
      rgba(255,189,32,.17),
      transparent 25%
    ),
    radial-gradient(
      circle at 60% 0%,
      rgba(117,79,17,.25),
      transparent 41%
    ),
    linear-gradient(
      110deg,
      #07090c 0%,
      #171307 47%,
      #2a1c06 72%,
      #07090d 100%
    );
}


.gtv3-planet{
  position:absolute;

  width:330px;
  height:330px;

  left:126px;
  top:-172px;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse at 35% 38%,
      rgba(255,255,255,.09),
      transparent 5%
    ),
    radial-gradient(
      circle at 38% 40%,
      rgba(48,91,138,.30),
      transparent 39%
    ),
    linear-gradient(
      145deg,
      rgba(42,76,108,.30),
      #01050b 69%
    );

  box-shadow:
    inset -42px -46px 60px rgba(0,0,0,.82),
    inset 10px 8px 28px rgba(var(--rgb),.07),
    0 0 42px rgba(var(--rgb),.05);
}


.gtv3-royal .gtv3-planet{
  background:
    radial-gradient(
      ellipse at 34% 36%,
      rgba(255,229,155,.10),
      transparent 7%
    ),
    radial-gradient(
      circle at 40% 39%,
      rgba(101,84,48,.30),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(72,61,38,.32),
      #020304 69%
    );
}


.gtv3-orbit{
  position:absolute;

  left:62%;
  top:54%;

  border:
    1px solid
    rgba(var(--rgb),.22);

  border-radius:50%;

  transform:
    translate(-50%,-50%)
    rotate(-8deg);
}


.gtv3-orbit-a{
  width:285px;
  height:58px;
}


.gtv3-orbit-b{
  width:350px;
  height:92px;

  opacity:.45;
}


.gtv3-hero-copy{
  position:absolute;
  z-index:6;

  left:28px;
  top:35px;

  width:47%;
}


.gtv3-hero-copy > strong{
  display:block;

  color:#fff;

  font-size:54px;
  font-weight:900;

  line-height:1;

  letter-spacing:-1px;

  text-shadow:
    0 0 3px rgba(255,255,255,.95),
    0 0 10px rgba(var(--rgb),.75),
    0 0 22px rgba(var(--rgb),.27);
}


.gtv3-royal
.gtv3-hero-copy > strong{
  color:#fff4bf;

  text-shadow:
    0 0 3px #fff,
    0 0 9px rgba(255,211,70,.82),
    0 0 23px rgba(255,172,0,.30);
}


.gtv3-hero-copy h2{
  margin:8px 0 0;

  font-size:20px;
  line-height:1.2;

  font-weight:790;
}


.gtv3-hero-copy i{
  display:block;

  width:39px;
  height:2px;

  margin:15px 0;

  background:var(--a);

  box-shadow:
    0 0 8px var(--a);
}


.gtv3-hero-copy p{
  margin:0;

  max-width:215px;

  color:#becbda;

  font-size:12px;
  line-height:1.6;
}


/* Canvas 3D emblem */

.gtv3-emblem-wrap{
  position:absolute;

  z-index:5;

  right:-4px;
  top:4px;

  width:265px;
  height:228px;

  pointer-events:none;
}


.gtv3-emblem{
  display:block;

  width:100%;
  height:100%;
}


.gtv3-hero-side{
  position:absolute;

  z-index:7;

  right:12px;
  top:16px;

  display:flex;
  flex-direction:column;

  gap:4px;
}


.gtv3-hero-side span{
  color:#a8b6c6;

  font-size:10px;
}


.gtv3-royal
.gtv3-hero-side span{
  color:#e7c878;
}


/* section */

.gtv3-section{
  position:relative;
  z-index:2;

  margin-top:14px;
}


.gtv3-section-head{
  min-height:38px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:8px;
}


.gtv3-section-head h2{
  position:relative;

  margin:0;

  padding-left:16px;

  font-size:20px;
  font-weight:800;
}


.gtv3-section-head h2::before{
  content:"";

  position:absolute;

  left:0;
  top:1px;

  width:4px;
  height:26px;

  border-radius:4px;

  background:var(--a);

  box-shadow:
    0 0 8px rgba(var(--rgb),.65);
}


.gtv3-section-head span{
  color:#8f9dad;

  font-size:11px;
}


/* cards */

.gtv3-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:7px;

  padding:8px;

  border:
    1px solid
    rgba(var(--rgb),.52);

  border-radius:10px;

  background:
    linear-gradient(
      140deg,
      rgba(5,27,49,.97),
      rgba(3,18,34,.98)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 4px 14px rgba(0,0,0,.30);
}


.gtv3-royal .gtv3-grid{
  background:
    linear-gradient(
      140deg,
      rgba(30,29,19,.96),
      rgba(8,20,27,.98)
    );
}


.gtv3-card{
  min-height:80px;

  display:flex;
  align-items:center;

  gap:9px;

  padding:9px 10px;

  border:
    1px solid
    rgba(var(--rgb),.29);

  border-radius:9px;

  background:
    linear-gradient(
      140deg,
      rgba(8,39,67,.94),
      rgba(5,26,47,.97)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);
}


.gtv3-royal .gtv3-card{
  background:
    linear-gradient(
      140deg,
      rgba(34,33,22,.96),
      rgba(9,24,29,.98)
    );
}


.gtv3-icon{
  flex:none;

  width:46px;
  height:46px;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(var(--rgb),.35);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(var(--rgb),.12),
      rgba(3,20,38,.72)
    );

  box-shadow:
    inset 0 0 9px rgba(var(--rgb),.08),
    0 0 7px rgba(var(--rgb),.10);
}


.gtv3-icon svg{
  width:28px;
  height:28px;

  fill:none;

  stroke:#dcebf5;

  stroke-width:2.2;

  stroke-linecap:round;
  stroke-linejoin:round;

  filter:
    drop-shadow(
      0 0 2px rgba(var(--rgb),.48)
    );
}


.gtv3-card-text span{
  display:block;

  margin-bottom:2px;

  color:#a9b7c7;

  font-size:11px;
  line-height:1.28;
}


.gtv3-card-text strong{
  display:block;

  color:var(--a);

  font-size:17px;
  line-height:1.15;
}


.gtv3-card-text small{
  display:block;

  margin-top:3px;

  color:#7c8b9c;

  font-size:9px;
}


.gtv3-note{
  padding:7px 11px;

  color:#768698;

  border:
    1px solid
    rgba(var(--rgb),.31);

  border-top:0;

  border-radius:
    0 0 9px 9px;

  font-size:9px;
}


.gtv3-note b{
  color:var(--a);

  margin-right:5px;
}


/* info */

.gtv3-info-box{
  padding:
    5px 14px;

  border:
    1px solid
    rgba(var(--rgb),.43);

  border-radius:9px;

  background:
    linear-gradient(
      140deg,
      rgba(5,27,48,.97),
      rgba(3,19,35,.98)
    );
}


.gtv3-info-box p{
  min-height:48px;

  display:flex;
  align-items:center;

  gap:10px;

  margin:0;

  color:#a8b6c6;

  border-bottom:
    1px solid
    rgba(130,155,180,.12);

  font-size:10px;
  line-height:1.5;
}


.gtv3-info-box p:last-child{
  border-bottom:0;
}


.gtv3-info-box p > b{
  flex:none;

  width:26px;

  color:var(--a);

  font-size:14px;
  text-align:center;
}


.gtv3-info-box strong{
  color:var(--a);
}


.gtv3-tips p{
  min-height:32px;
}


/* bottom */

.gtv3-actions{
  position:relative;
  z-index:2;

  display:grid;

  grid-template-columns:
    1fr 1.12fr;

  min-height:53px;

  margin-top:14px;

  overflow:hidden;

  border:
    1px solid
    rgba(var(--rgb),.40);

  border-radius:10px;

  background:
    linear-gradient(
      90deg,
      rgba(5,28,50,.98),
      rgba(6,24,52,.98)
    );
}


.gtv3-actions button{
  border:0;

  color:#eef6ff;

  background:transparent;

  font-size:13px;
  font-weight:730;
}


.gtv3-trade{
  margin:4px;

  border:
    1px solid
    var(--a)
    !important;

  border-radius:26px;

  background:
    linear-gradient(
      90deg,
      rgba(var(--rgb),.08),
      rgba(var(--rgb),.28)
    )
    !important;

  box-shadow:
    inset 0 0 11px rgba(var(--rgb),.31),
    0 0 9px rgba(var(--rgb),.18);
}


/* mobile */

@media(max-width:620px){

  .gtv3-page{
    padding-left:15px;
    padding-right:15px;
  }

  .gtv3-hero{
    height:232px;
  }

  .gtv3-emblem-wrap{
    width:246px;
    height:216px;

    right:-7px;
    top:8px;
  }

  .gtv3-hero-copy{
    left:22px;
    top:36px;
  }

  .gtv3-hero-copy > strong{
    font-size:49px;
  }

  .gtv3-hero-copy h2{
    font-size:18px;
  }

  .gtv3-hero-copy p{
    max-width:185px;

    font-size:11px;
  }

  .gtv3-section-head h2{
    font-size:18px;
  }

}


@media(max-width:390px){

  .gtv3-emblem-wrap{
    width:229px;
    height:204px;

    right:-12px;
    top:15px;
  }

  .gtv3-card{
    padding:8px;
    gap:7px;
  }

  .gtv3-icon{
    width:41px;
    height:41px;
  }

  .gtv3-card-text strong{
    font-size:15px;
  }

}



/* =========================================================
   MOBILE / IOS DISABLE ZOOM
   ========================================================= */

html,
body{
    touch-action:pan-x pan-y;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}


/*
 * 按钮、链接等使用 manipulation，
 * 避免双击放大，同时保持正常点击。
 */
button,
a,
input,
select,
textarea,
[role="button"],
[data-action]{
    touch-action:manipulation;
}



/* =========================================================
   VIP REAL PROGRESS UPGRADE LINK
   ========================================================= */

.gt-vip-upgrade-link{
  appearance:none;
  -webkit-appearance:none;

  margin:0;
  padding:0;

  border:0;
  outline:0;

  background:none;

  color:#24e7ff;

  font:inherit;
  font-size:16px;
  font-weight:700;

  cursor:pointer;

  display:inline-flex;
  align-items:center;

  gap:5px;
}

.gt-vip-upgrade-link i{
  font-style:normal;

  font-size:24px;

  line-height:1;

  vertical-align:-1px;
}

.gt-vip-upgrade-link:active{
  opacity:.72;
}



/* =============================================
   SOURCE: /app-download-panel-v1.css?v=20260903-appentry2
   ============================================= */
#gtamAppDownloadPanel{
  position:fixed;
  inset:0;
  z-index:999999;
  background:#020b15;
  display:none;
  flex-direction:column;
  width:100%;
  height:100%;
  height:100dvh;
}

#gtamAppDownloadPanel.show{
  display:flex;
}

html.gtam-app-panel-open,
body.gtam-app-panel-open{
  overflow:hidden !important;
  overscroll-behavior:none;
}

.gtam-app-panel-header{
  flex:0 0 58px;
  height:58px;
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);
  align-items:center;
  border-bottom:1px solid rgba(45,210,230,.22);
  background:
    linear-gradient(180deg,#071a2c 0%,#03111f 100%);
  box-shadow:0 5px 20px rgba(0,0,0,.3);
  padding:
    env(safe-area-inset-top,0px)
    10px
    0;
  box-sizing:content-box;
}

.gtam-app-panel-back,
.gtam-app-panel-close{
  border:0;
  background:transparent;
  color:#42e8eb;
  height:46px;
  display:flex;
  align-items:center;
  font-weight:700;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.gtam-app-panel-back{
  justify-self:start;
  gap:4px;
  padding:0 10px 0 4px;
  font-size:15px;
}

.gtam-app-panel-back-arrow{
  font-size:35px;
  line-height:1;
  font-weight:300;
  margin-top:-3px;
}

.gtam-app-panel-close{
  justify-self:end;
  justify-content:center;
  width:46px;
  font-size:32px;
  font-weight:300;
}

.gtam-app-panel-title{
  color:#fff;
  font-size:17px;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
}

.gtam-app-panel-body{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  background:#020b15;
}

#gtamAppPanelFrame{
  display:block;
  border:0;
  width:100%;
  height:100%;
  background:#020b15;
}

/* Login page APP button */
#downloadAppBtn{
  width:100%;
  min-height:44px;
  margin-top:10px;
  border:1px solid rgba(38,220,227,.7);
  border-radius:10px;
  background:
    linear-gradient(
      180deg,
      rgba(18,68,103,.85),
      rgba(6,31,54,.92)
    );
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
  box-shadow:
    inset 0 0 0 1px rgba(56,182,255,.08),
    0 0 14px rgba(0,202,220,.08);
}

#downloadAppBtn .gtam-download-icon{
  margin-right:8px;
  color:#41e8ef;
}

/* Asset settings APP row */
.setting-row.gtam-download-setting-row .gtam-download-setting-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  color:#39e9ec;
  border:1px solid rgba(42,222,226,.45);
  background:
    radial-gradient(
      circle at center,
      rgba(35,202,222,.23),
      rgba(9,45,69,.75)
    );
  box-shadow:
    0 0 14px rgba(20,205,220,.22),
    inset 0 0 9px rgba(28,221,230,.12);
  font-size:23px;
  font-weight:500;
}

@media(max-width:600px){
  .gtam-app-panel-header{
    grid-template-columns:minmax(75px,1fr) auto minmax(75px,1fr);
  }

  .gtam-app-panel-title{
    font-size:16px;
  }
}

#loginBottom #downloadAppBtn{
  grid-column:1 / -1;
}


/* ===== login download button icon redesign ===== */
#downloadAppBtn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

#downloadAppBtn .gtam-download-icon{
    display:none !important;
}

#downloadAppBtn .gtam-download-icon-wrap{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    color:#47eef2;
    filter:drop-shadow(0 0 8px rgba(71,238,242,.32));
    flex:0 0 22px;
}

#downloadAppBtn .gtam-download-icon-svg{
    width:20px;
    height:20px;
    display:block;
}

#downloadAppBtn #downloadAppBtnText{
    line-height:1;
}


/* =============================================
   SOURCE: /gtam-fast-interaction-v1.css?v=20260904-fast1
   ============================================= */
/* =========================================================
   GTAM FAST INTERACTION V1
   iOS / Android / Browser / WebView
   ========================================================= */

/*
 * Remove unnecessary mobile click delay and keep touch response direct.
 */
button,
a,
[role="button"],
[data-action],
[data-close],
.setting-row,
.nav-btn,
.icon-btn,
.back-btn,
.close-btn,
.bottom-nav button,
.bottom-nav a,
.auth-back,
.auth-language,
.auth-primary,
.auth-bottom button,
.method,
.copy-btn,
.secondary-btn,
.all-btn,
.quick-amounts button,
.period-grid button,
.intervals button{
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
    -webkit-user-select:none;
    user-select:none;
}

/*
 * Existing UI transitions are sometimes too long.
 * Keep only a very short tactile response.
 */
button,
a,
[role="button"],
[data-action],
[data-close],
.setting-row,
.nav-btn,
.icon-btn,
.back-btn,
.close-btn,
.bottom-nav button,
.bottom-nav a,
.auth-back,
.auth-language,
.auth-primary,
.auth-bottom button{
    transition-duration:.07s !important;
    transition-delay:0s !important;
}

/* Immediate physical response */
button:active,
a:active,
[role="button"]:active,
[data-action]:active,
[data-close]:active,
.setting-row:active,
.nav-btn:active,
.icon-btn:active,
.back-btn:active,
.close-btn:active,
.bottom-nav button:active,
.bottom-nav a:active{
    transform:scale(.985);
    filter:brightness(1.08);
}

/*
 * JS pointer/touch feedback.
 * Does not replace or duplicate the existing click handler.
 */
.gtam-fast-pressed{
    transform:scale(.985) !important;
    filter:brightness(1.08) !important;
    transition-duration:.04s !important;
}

/*
 * Avoid animated smooth scrolling making page changes feel sluggish.
 */
html{
    scroll-behavior:auto !important;
}

/*
 * Preserve native scrolling performance.
 */
body,
.page,
.page-content,
.main-content,
.standalone-feature-page{
    -webkit-overflow-scrolling:touch;
}

/*
 * Faster visual response for navigation.
 */
.bottom-nav .nav-btn,
.bottom-nav a,
.bottom-nav button{
    will-change:transform;
}

/*
 * Do not animate disabled/loading controls slowly.
 */
button:disabled,
[aria-disabled="true"]{
    transition-duration:.04s !important;
}



/* =============================================
   SOURCE: /gtam-app-launch-v1.css?v=20260904-iosfast4
   ============================================= */
#gtam-app-launch{
    display:none;
}

html.gtam-ios-launch #gtam-app-launch{
    display:block;
    position:fixed;
    inset:0;
    z-index:2147483647;
    overflow:hidden;
    background:#020914;
    opacity:1;
}

html.gtam-ios-launch #gtam-photo-launch-cover{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-image:url('/assets/app-splash/photo-v11/gtam_launch_cover_ios_fast.webp');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

#gtam-photo-progress{
    position:absolute;
    left:50%;
    bottom:calc(
        45px +
        env(safe-area-inset-bottom,0px)
    );
    transform:translateX(-50%);
    width:112px;
    height:4px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(11,37,58,.78);
}

#gtam-photo-progress > i{
    display:block;
    width:5%;
    height:100%;
    border-radius:inherit;
    background:#27d8ff;
    box-shadow:
        0 0 5px rgba(39,216,255,.9);
    transition:width .12s linear;
}

html.gtam-ios-launch-complete #gtam-app-launch{
    opacity:0!important;
    visibility:hidden!important;
    transition:
        opacity .28s ease-out,
        visibility .28s ease-out!important;
}


html.gtam-ios-launch #gtam-photo-launch-cover{
    opacity:0!important;
}

html.gtam-ios-launch #gtam-photo-launch-cover.gtam-cover-ready{
    opacity:1!important;
}


/* =============================================
   SOURCE: wallet-interest-ui-v73.css?v=20260906-asset-card-v82
   ============================================= */
/* GT WALLET INTEREST FRONT V74 */

/* 可用余额整块 */
.wallet-interest-balance-wrap{
  width:100%;
}

/* 可用余额标题 + 右侧收益入口 */
.wallet-interest-balance-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
}

/* 右侧：查看利息收益 + 箭头 */
.wallet-interest-entry{
  margin-left:auto;
  padding:2px 0 2px 12px;
  border:0;
  background:transparent;

  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;

  color:#18dfe4;
  cursor:pointer;

  white-space:nowrap;
}

/* “查看利息收益” */
.wallet-interest-entry-text{
  font-size:12px;
  font-weight:500;
  line-height:1;
  color:#75dfe8;
}

/* 箭头跟账户设置右侧效果接近 */
.wallet-interest-entry-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:18px;

  font-size:23px;
  font-weight:400;
  line-height:1;

  color:#16e0d6;

  transform:translateY(-1px);
}

.wallet-interest-entry:active{
  opacity:.72;
}

/* 可用余额底部广告文案 */
.wallet-interest-balance-slogan{
  margin-top:10px;

  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:6px;

  font-size:11px;
  line-height:1.45;

  color:#7fa6ba;

  letter-spacing:.1px;
}

.wallet-interest-balance-slogan span{
  white-space:nowrap;
}

/* 首页同类菱形分隔效果 */
.wallet-interest-balance-slogan i{
  display:inline-block;

  font-style:normal;
  font-size:7px;
  line-height:1;

  color:#16dbe1;

  opacity:.9;

  transform:rotate(45deg);
}

/*
 * 因为字符本身已经是菱形，
 * 这里抵消旋转，确保显示清楚。
 */
.wallet-interest-balance-slogan i{
  transform:none;
}


/* 小屏 */
@media(max-width:430px){

  .wallet-interest-balance-main{
    gap:8px;
  }

  .wallet-interest-entry{
    gap:5px;
    padding-left:8px;
  }

  .wallet-interest-entry-text{
    font-size:11px;
  }

  .wallet-interest-entry-arrow{
    font-size:22px;
  }

  .wallet-interest-balance-slogan{
    margin-top:9px;
    gap:5px;
    font-size:10px;
  }
}


.wallet-interest-front-page
.standalone-feature-inner{
  max-width:760px;
}

.wallet-interest-summary{
  padding:2px 0 10px;
}

.wallet-interest-main-card{
  padding:22px;
  border:1px solid rgba(62,157,204,.28);
  border-radius:16px;
  background:
    linear-gradient(
      135deg,
      rgba(17,55,78,.96),
      rgba(8,27,42,.98)
    );
  box-shadow:
    0 12px 32px rgba(0,0,0,.18);
}

.wallet-interest-main-card>span{
  display:block;
  color:#8eabba;
  font-size:13px;
}

.wallet-interest-main-card>strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:30px;
  letter-spacing:.2px;
}

.wallet-interest-main-card>strong small{
  font-size:13px;
  color:#87a5b5;
}

.wallet-interest-rate-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(100,160,190,.15);
  color:#9ab4c3;
}

.wallet-interest-rate-line b{
  color:#6fd7ff;
  font-size:16px;
}

.wallet-interest-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}

.wallet-interest-stat-grid>div{
  padding:16px;
  border:1px solid rgba(67,119,148,.22);
  border-radius:12px;
  background:#0b1d2c;
}

.wallet-interest-stat-grid span{
  display:block;
  margin-bottom:7px;
  color:#809eaf;
  font-size:12px;
}

.wallet-interest-stat-grid b{
  color:#66d6b1;
  font-size:15px;
}

.wallet-interest-total-card{
  grid-column:1/-1;
}

.wallet-interest-history-title{
  margin:20px 2px 10px;
  color:#fff;
  font-size:16px;
  font-weight:700;
}

.wallet-interest-history{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.wallet-interest-record{
  padding:15px;
  border:1px solid rgba(65,112,138,.22);
  border-radius:12px;
  background:#0b1d2c;
}

.wallet-interest-record-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:14px;
}

.wallet-interest-record-top>b{
  color:#fff;
}

.wallet-interest-credit-status{
  padding:3px 8px;
  border-radius:999px;
  background:rgba(32,170,125,.14);
  color:#62d6ac;
  font-size:11px;
}

.wallet-interest-record-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.wallet-interest-record-grid span{
  display:block;
  margin-bottom:4px;
  color:#7f9aaa;
  font-size:11px;
}

.wallet-interest-record-grid b{
  color:#e7f2f7;
  font-size:13px;
}

.wallet-interest-record-grid
.wallet-interest-positive{
  color:#64d7af;
}

.wallet-interest-empty{
  padding:40px 15px;
}

@media(max-width:540px){

  .wallet-interest-main-card{
    padding:18px;
  }

  .wallet-interest-main-card>strong{
    font-size:26px;
  }

  .wallet-interest-stat-grid{
    grid-template-columns:1fr;
  }

  .wallet-interest-total-card{
    grid-column:auto;
  }

  .wallet-interest-record-grid{
    grid-template-columns:1fr 1fr;
  }
}

/* =====================================================
   GT WALLET INTEREST UI V75
   修复：
   1. 查看利息收益按钮右侧垂直居中
   2. 可用余额金额恢复显示
   3. 宣传语放到金额下面
   4. 宣传语不自动换行
   ===================================================== */

.wallet-interest-balance-wrap{
  width:100%;
}

.wallet-interest-balance-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}

.wallet-interest-balance-left{
  flex:1;
  min-width:0;
}

.wallet-interest-balance-amount{
  margin-top:8px;
  color:#22e6ea;
  font-size:19px;
  font-weight:700;
  line-height:1.15;
  white-space:nowrap;
}

.wallet-interest-balance-slogan{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  overflow:visible;
  color:#8cb6c7;
  font-size:10px;
  line-height:1.2;
}

.wallet-interest-balance-slogan span{
  white-space:nowrap !important;
}

.wallet-interest-balance-slogan i{
  font-style:normal;
  font-size:8px;
  line-height:1;
  color:#18dfe4;
  opacity:.95;
}

.wallet-interest-entry{
  flex:0 0 118px;
  min-width:118px;
  min-height:40px;
  margin-left:8px;
  padding:0 12px;
  border:1px solid rgba(48,213,233,.38);
  border-radius:8px;
  background:rgba(7,28,43,.26);
  box-shadow:0 0 12px rgba(33,227,239,.12), inset 0 0 8px rgba(33,227,239,.08);

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  color:#19dfe4;
  cursor:pointer;
  white-space:nowrap;
}

.wallet-interest-entry-text{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  line-height:1;
  color:#7de6ee;
  white-space:nowrap;
}

.wallet-interest-entry-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  color:#1ce3dc;
  transform:translateY(-1px);
}

.wallet-interest-entry:active{
  opacity:.78;
  transform:scale(.98);
}

/* 隐藏旧的原始金额，避免重复显示 */
.wallet-interest-balance-wrap + .summary-value,
.wallet-interest-balance-wrap + strong,
.wallet-interest-balance-wrap + b{
  display:none !important;
}

/* 手机端微调 */
@media (max-width:430px){

  .wallet-interest-balance-main{
    gap:10px;
  }

  .wallet-interest-entry{
    flex:0 0 110px;
    min-width:110px;
    min-height:38px;
    padding:0 10px;
    gap:6px;
  }

  .wallet-interest-entry-text{
    font-size:11px;
  }

  .wallet-interest-entry-arrow{
    font-size:20px;
  }

  .wallet-interest-balance-amount{
    font-size:17px;
  }

  .wallet-interest-balance-slogan{
    font-size:9px;
    gap:4px;
  }

  .wallet-interest-balance-slogan i{
    font-size:7px;
  }
}

/* =====================================================
   GT WALLET INTEREST UI V76 CSS
   ===================================================== */

.wallet-interest-balance-main{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

.wallet-interest-balance-left{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

.wallet-interest-balance-amount{
  display:block !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
  color:#24e6ea !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

.wallet-interest-balance-slogan{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:14px !important;
  color:#8cb6c7 !important;
  font-size:10px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
}

.wallet-interest-balance-slogan span{
  white-space:nowrap !important;
}

.wallet-interest-balance-slogan i{
  font-style:normal !important;
  font-size:8px !important;
  color:#19dfe4 !important;
  line-height:1 !important;
}

.wallet-interest-entry{
  margin-left:16px !important;
  transform:none !important;
  align-self:center !important;
}

@media (max-width:430px){
  .wallet-interest-entry{
    margin-left:18px !important;
  }

  .wallet-interest-balance-slogan{
    font-size:9px !important;
    gap:4px !important;
  }

  .wallet-interest-balance-slogan i{
    font-size:7px !important;
  }
}

/* =====================================================
   GT WALLET INTEREST ASSET UI V77
   ===================================================== */

/* 整个可用余额小长方形向右延伸、向下延伸 */
.wallet-interest-host-extended{
  width:calc(100% + 20px) !important;
  min-height:132px !important;

  padding-right:18px !important;
  padding-bottom:12px !important;

  margin-right:-20px !important;

  box-sizing:border-box !important;
}

/* 内容区域 */
.wallet-interest-balance-wrap{
  width:100% !important;
}

.wallet-interest-balance-main{
  width:100% !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:10px !important;
}

/* 左侧余额内容 */
.wallet-interest-balance-left{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* 查看利息收益按钮再向右 */
.wallet-interest-entry{
  flex:0 0 116px !important;
  min-width:116px !important;

  margin-left:auto !important;
  margin-right:-6px !important;

  padding-left:10px !important;
  padding-right:7px !important;

  align-self:center !important;

  transform:translateX(6px) !important;
}

/* 按钮文字 */
.wallet-interest-entry-text{
  white-space:nowrap !important;
}

/* 右侧箭头更亮一些 */
.wallet-interest-entry-arrow{
  color:#35ffff !important;

  font-size:22px !important;
  font-weight:500 !important;

  text-shadow:
    0 0 5px rgba(53,255,255,.58),
    0 0 10px rgba(53,255,255,.28) !important;
}

/* 宣传语继续保持一整行 */
.wallet-interest-balance-slogan{
  width:max-content !important;
  max-width:none !important;

  white-space:nowrap !important;
  flex-wrap:nowrap !important;

  overflow:visible !important;
}

/* 手机 */
@media(max-width:430px){

  .wallet-interest-host-extended{
    width:calc(100% + 18px) !important;

    min-height:134px !important;

    padding-right:15px !important;
    padding-bottom:12px !important;

    margin-right:-18px !important;
  }

  .wallet-interest-entry{
    flex-basis:112px !important;
    min-width:112px !important;

    margin-right:-5px !important;

    transform:translateX(7px) !important;
  }
}

/* GT INTEREST CREDIT TIME V77 */

.wallet-interest-record-top>b{
  letter-spacing:.2px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.wallet-interest-record-top{
  gap:12px;
}

/* =====================================================
   GT WALLET INTEREST BALANCE UI LAYOUT FIX V78
   ===================================================== */

.wallet-interest-balance-wrap{
  width:calc(100% + 42px) !important;
  max-width:none !important;
  margin-right:-42px !important;
  padding-bottom:10px !important;
  box-sizing:border-box !important;
}

.wallet-interest-balance-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 142px !important;
  align-items:center !important;
  gap:14px !important;
  width:100% !important;
}

.wallet-interest-balance-left{
  min-width:0 !important;
  width:100% !important;
}

.wallet-interest-entry{
  min-width:142px !important;
  height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  margin-left:auto !important;
  margin-right:-10px !important;
  transform:translateX(8px) !important;
  white-space:nowrap !important;
}

.wallet-interest-entry-text{
  white-space:nowrap !important;
}

.wallet-interest-entry-arrow{
  margin-left:10px !important;
  color:#39ffff !important;
  font-size:22px !important;
  line-height:1 !important;
  text-shadow:
    0 0 6px rgba(57,255,255,.60),
    0 0 12px rgba(57,255,255,.30) !important;
}

.wallet-interest-balance-slogan{
  display:block !important;
  margin-top:8px !important;
  white-space:nowrap !important;
  overflow:visible !important;
  max-width:none !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

@media (max-width:430px){
  .wallet-interest-balance-wrap{
    width:calc(100% + 48px) !important;
    margin-right:-48px !important;
    padding-bottom:12px !important;
  }

  .wallet-interest-balance-main{
    grid-template-columns:minmax(0,1fr) 146px !important;
    gap:12px !important;
  }

  .wallet-interest-entry{
    min-width:146px !important;
    margin-right:-12px !important;
    transform:translateX(10px) !important;
  }
}

/* ===== SAFE WALLET INTEREST V79 ===== */

.wallet-interest-safe-v79{
  width:calc(100% + 34px) !important;
  min-height:122px !important;
  padding-right:18px !important;
  padding-bottom:12px !important;
  margin-right:-34px !important;
  box-sizing:border-box !important;
}

.wallet-interest-safe-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px !important;
  align-items:center !important;
  gap:16px !important;
  width:100% !important;
}

.wallet-interest-safe-left{
  min-width:0 !important;
}

.wallet-interest-safe-left .summary-value{
  margin-top:8px !important;
}

.wallet-interest-safe-slogan{
  margin-top:10px !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1.25 !important;
  color:#86aebf !important;
}

.wallet-interest-safe-entry{
  min-width:150px !important;
  height:42px !important;
  border:1px solid rgba(36,224,235,.36) !important;
  border-radius:8px !important;
  background:rgba(8,32,48,.22) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  color:#7ceaf0 !important;
  white-space:nowrap !important;

  transform:translateX(10px) !important;
}

.wallet-interest-safe-entry span{
  font-size:11px !important;
  font-weight:600 !important;
}

.wallet-interest-safe-entry b{
  font-size:22px !important;
  font-weight:400 !important;
  color:#34ffff !important;
  text-shadow:0 0 7px rgba(52,255,255,.55) !important;
}

@media(max-width:430px){

  .wallet-interest-safe-v79{
    width:calc(100% + 42px) !important;
    min-height:126px !important;
    margin-right:-42px !important;
  }

  .wallet-interest-safe-layout{
    grid-template-columns:minmax(0,1fr) 146px !important;
    gap:12px !important;
  }

  .wallet-interest-safe-entry{
    min-width:146px !important;
    transform:translateX(12px) !important;
  }

  .wallet-interest-safe-slogan{
    font-size:9px !important;
  }
}

/* =====================================================
   GT WALLET INTEREST SAFE LAYOUT V80
   修复多语言长文本导致布局错乱
   ===================================================== */

.wallet-interest-safe-v79{
  width:calc(100% + 36px) !important;
  min-height:132px !important;
  padding:14px 20px 14px 18px !important;
  margin-right:-36px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* 整体固定成左右两列 */
.wallet-interest-safe-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 132px !important;
  align-items:center !important;
  column-gap:14px !important;
  width:100% !important;
}

/* 左侧 */
.wallet-interest-safe-left{
  min-width:0 !important;
  width:100% !important;
  overflow:visible !important;
}

/* 可用余额标题 */
.wallet-interest-safe-left .summary-label{
  margin:0 0 6px 0 !important;
  white-space:nowrap !important;
}

/* 可用余额金额 */
.wallet-interest-safe-left .summary-value{
  display:block !important;
  margin:0 0 8px 0 !important;
  font-size:18px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* 宣传语：强制单行，不参与撑开按钮 */
.wallet-interest-safe-slogan{
  display:block !important;
  width:max-content !important;
  max-width:none !important;

  margin-top:6px !important;

  font-size:9px !important;
  line-height:1.25 !important;

  white-space:nowrap !important;
  overflow:visible !important;

  color:#86aebf !important;
}

/* 右侧按钮固定在中间，不允许掉到下一行 */
.wallet-interest-safe-entry{
  width:132px !important;
  min-width:132px !important;
  height:38px !important;

  margin:0 !important;
  padding:0 8px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:6px !important;

  align-self:center !important;
  justify-self:end !important;

  border:1px solid rgba(36,224,235,.34) !important;
  border-radius:8px !important;

  background:rgba(8,32,48,.22) !important;

  transform:translateX(8px) !important;

  white-space:nowrap !important;
  overflow:hidden !important;
}

/* 按钮文字 */
.wallet-interest-safe-entry span{
  display:block !important;

  max-width:100px !important;

  font-size:10px !important;
  font-weight:600 !important;
  line-height:1 !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 箭头 */
.wallet-interest-safe-entry b{
  flex:0 0 auto !important;

  font-size:20px !important;
  font-weight:400 !important;
  line-height:1 !important;

  color:#34ffff !important;

  text-shadow:
    0 0 6px rgba(52,255,255,.55),
    0 0 10px rgba(52,255,255,.28) !important;
}

/* 手机 */
@media(max-width:430px){

  .wallet-interest-safe-v79{
    width:calc(100% + 38px) !important;
    min-height:132px !important;

    padding-left:14px !important;
    padding-right:16px !important;

    margin-right:-38px !important;
  }

  .wallet-interest-safe-layout{
    grid-template-columns:minmax(0,1fr) 124px !important;
    column-gap:10px !important;
  }

  .wallet-interest-safe-entry{
    width:124px !important;
    min-width:124px !important;

    height:38px !important;

    transform:translateX(8px) !important;
  }

  .wallet-interest-safe-entry span{
    max-width:92px !important;
    font-size:9px !important;
  }

  .wallet-interest-safe-entry b{
    font-size:19px !important;
  }

  .wallet-interest-safe-slogan{
    font-size:8px !important;
  }
}

/* =====================================================
   GT WALLET INTEREST CLEAN LAYOUT V81
   ===================================================== */

.wallet-interest-v81-host{
  width:calc(100% + 34px) !important;
  min-height:132px !important;

  padding:16px 18px 16px 18px !important;

  margin-right:-34px !important;

  box-sizing:border-box !important;
  overflow:visible !important;
}

.wallet-interest-v81-main{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    132px !important;

  align-items:center !important;

  column-gap:16px !important;

  width:100% !important;
}

.wallet-interest-v81-left{
  min-width:0 !important;

  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.wallet-interest-v81-title{
  width:100% !important;
}

.wallet-interest-v81-title
.summary-label{
  margin:0 !important;

  white-space:nowrap !important;
}

/* 金额固定在标题下面 */
.wallet-interest-v81-amount{
  display:block !important;

  margin-top:8px !important;

  font-size:18px !important;
  font-weight:700 !important;

  line-height:1.15 !important;

  color:#26e5e9 !important;

  white-space:nowrap !important;
}

/* 宣传语固定在金额下面 */
.wallet-interest-v81-slogan{
  display:block !important;

  margin-top:9px !important;

  width:max-content !important;
  max-width:none !important;

  font-size:9px !important;
  line-height:1.25 !important;

  color:#86aebf !important;

  white-space:nowrap !important;

  overflow:visible !important;
}

/* 右侧按钮 */
.wallet-interest-v81-entry{
  width:132px !important;
  min-width:132px !important;
  height:40px !important;

  margin:0 !important;
  padding:0 8px !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  gap:7px !important;

  justify-self:end !important;
  align-self:center !important;

  border:1px solid
    rgba(36,224,235,.34) !important;

  border-radius:8px !important;

  background:
    rgba(8,32,48,.22) !important;

  color:#7ceaf0 !important;

  white-space:nowrap !important;

  transform:translateX(10px) !important;
}

.wallet-interest-v81-entry span{
  display:block !important;

  max-width:100px !important;

  font-size:9px !important;
  font-weight:600 !important;

  white-space:nowrap !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.wallet-interest-v81-entry b{
  flex:0 0 auto !important;

  font-size:20px !important;

  color:#37ffff !important;

  text-shadow:
    0 0 6px rgba(55,255,255,.55),
    0 0 10px rgba(55,255,255,.28)
    !important;
}

@media(max-width:430px){

  .wallet-interest-v81-host{
    width:calc(100% + 38px) !important;

    min-height:134px !important;

    padding:
      15px 15px
      16px 14px !important;

    margin-right:-38px !important;
  }

  .wallet-interest-v81-main{
    grid-template-columns:
      minmax(0,1fr)
      124px !important;

    column-gap:10px !important;
  }

  .wallet-interest-v81-entry{
    width:124px !important;
    min-width:124px !important;

    transform:
      translateX(9px) !important;
  }

  .wallet-interest-v81-entry span{
    max-width:90px !important;
    font-size:8.5px !important;
  }

  .wallet-interest-v81-slogan{
    font-size:8px !important;
  }
}

/* =====================================================
   GT WALLET INTEREST ASSET CARD V82
   ===================================================== */

/* 可用余额整个内框扩大 */
.wallet-interest-v81-host{
  width:calc(100% + 58px) !important;

  min-height:146px !important;

  padding:
    16px
    26px
    18px
    18px !important;

  margin-right:-58px !important;

  box-sizing:border-box !important;

  overflow:visible !important;
}

/* 主布局 */
.wallet-interest-v81-main{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    136px !important;

  align-items:center !important;

  column-gap:14px !important;
}

/* 左侧 */
.wallet-interest-v81-left{
  min-width:0 !important;
  width:100% !important;
}

/* 金额 */
.wallet-interest-v81-amount{
  margin-top:8px !important;
  margin-bottom:0 !important;

  font-size:18px !important;

  white-space:nowrap !important;
}

/* 宣传语 */
.wallet-interest-v81-slogan{
  margin-top:10px !important;

  width:auto !important;
  max-width:100% !important;

  font-size:8px !important;
  line-height:1.2 !important;

  white-space:nowrap !important;

  overflow:hidden !important;

  text-overflow:ellipsis !important;
}

/* 查看利息收益 */
.wallet-interest-v81-entry{
  width:136px !important;
  min-width:136px !important;

  height:40px !important;

  justify-self:end !important;

  transform:translateX(8px) !important;
}

/* 右侧 USDT 图案整体往上 */
.assets-summary-card .asset-coin-visual,
.assets-summary-card .coin-visual,
.assets-summary-card .wallet-coin-visual,
.assets-summary-card .summary-visual{
  transform:translateY(-18px) !important;
}

/* 如果你的实际图标是伪元素，也一起抬高 */
.assets-summary-card::after{
  transform:translateY(-18px) !important;
}

@media(max-width:430px){

  .wallet-interest-v81-host{
    width:calc(100% + 62px) !important;

    min-height:150px !important;

    padding:
      15px
      24px
      18px
      14px !important;

    margin-right:-62px !important;
  }

  .wallet-interest-v81-main{
    grid-template-columns:
      minmax(0,1fr)
      132px !important;

    column-gap:10px !important;
  }

  .wallet-interest-v81-entry{
    width:132px !important;
    min-width:132px !important;

    transform:translateX(9px) !important;
  }

  .wallet-interest-v81-slogan{
    font-size:7.5px !important;
  }
}


/* =============================================
   SOURCE: asset-card-v101.css?v=20260906-v106
   ============================================= */

/* ==========================================================
   V101 ASSET CARD
   ONE DESIGN / ONE PROPORTION / RESPONSIVE SCALE
   桌面与手机保持完全相同布局比例
   ========================================================== */


/* ==========================================================
   整张设计画布
   参考图比例约 16:9
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100{
    position:relative !important;

    width:100% !important;
    height:auto !important;

    aspect-ratio:16 / 9 !important;

    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    border-radius:2.1vw !important;

    border:
        1.5px solid
        rgba(22,221,255,.78) !important;

    background:
        radial-gradient(
            circle at 77% 42%,
            rgba(0,168,235,.15) 0%,
            rgba(0,105,185,.07) 28%,
            transparent 48%
        ),
        linear-gradient(
            135deg,
            #072d4d 0%,
            #062440 45%,
            #041a31 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(114,224,255,.07),
        inset 0 -1px 0 rgba(0,0,0,.20),
        0 8px 24px rgba(0,8,25,.20) !important;

    container-type:inline-size;
}


/* 清理旧伪元素 */
.asset-summary.asset-summary-usdt.asset-card-v100::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(22,180,255,.035),
            transparent 34%,
            transparent 74%,
            rgba(0,140,230,.025)
        ) !important;
}


/* ==========================================================
   主画布
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-main{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    min-height:0 !important;

    z-index:2 !important;
}


/* ==========================================================
   总资产标题与金额
   位置完全采用比例定位
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-head{
    position:absolute !important;

    left:5.1% !important;
    top:13.8% !important;

    width:53% !important;

    z-index:5 !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-title{
    margin:0 0 3.1% 0 !important;

    color:#e8f1ff !important;

    font-size:3.5cqw !important;
    line-height:1.05 !important;

    font-weight:700 !important;

    letter-spacing:0 !important;

    white-space:nowrap !important;

    text-shadow:none !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-total{
    margin:0 !important;

    color:#31eef1 !important;

    font-size:8.3cqw !important;
    line-height:.93 !important;

    font-weight:800 !important;

    letter-spacing:-.16cqw !important;

    white-space:nowrap !important;

    font-variant-numeric:
        tabular-nums !important;

    text-shadow:
        0 0 1.0cqw rgba(24,236,244,.30),
        0 0 2.1cqw rgba(24,236,244,.08) !important;
}


/* ==========================================================
   可用余额内框
   位置、尺寸与参考图一致
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-panel{
    position:absolute !important;

    left:4.1% !important;
    top:47.1% !important;

    width:67.2% !important;
    height:38.7% !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;

    padding:
        4.1%
        4.0%
        2.8% !important;

    box-sizing:border-box !important;

    z-index:6 !important;

    border-radius:2.4cqw !important;

    border:
        1.5px solid
        rgba(30,145,235,.66) !important;

    background:
        linear-gradient(
            180deg,
            rgba(11,55,91,.94),
            rgba(7,43,75,.91)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 6px 18px rgba(0,5,20,.12) !important;

    overflow:hidden !important;
}


/* ==========================================================
   上半部分布局
   左余额 / 右按钮
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-top{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        48%
        52% !important;

    grid-template-rows:
        auto
        auto !important;

    grid-template-areas:
        "title button"
        "value button" !important;

    column-gap:0 !important;
    row-gap:0 !important;

    width:100% !important;
    height:54% !important;

    align-items:center !important;
}


/* 可用余额标题 */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-avail-title{
    grid-area:title !important;

    align-self:end !important;

    margin:0 0 4% 0 !important;

    color:#d4e4fa !important;

    font-size:2.25cqw !important;
    line-height:1.1 !important;

    font-weight:650 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* 可用余额 */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-avail-value{
    grid-area:value !important;

    align-self:start !important;

    margin:0 !important;

    color:#22edf0 !important;

    font-size:4.65cqw !important;
    line-height:.95 !important;

    font-weight:800 !important;

    letter-spacing:-.06cqw !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;

    font-variant-numeric:
        tabular-nums !important;

    text-shadow:
        0 0 .7cqw rgba(26,238,243,.20) !important;
}


/* ==========================================================
   查看利息按钮
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-btn{
    grid-area:button !important;

    justify-self:end !important;
    align-self:center !important;

    width:94% !important;
    height:66% !important;

    min-width:0 !important;
    min-height:0 !important;

    margin:0 !important;

    padding:
        0
        7% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:space-between !important;

    gap:5% !important;

    border-radius:2.0cqw !important;

    border:
        1.5px solid
        rgba(20,229,250,.90) !important;

    background:
        linear-gradient(
            180deg,
            rgba(6,82,119,.96),
            rgba(5,57,91,.96)
        ) !important;

    color:#41eff7 !important;

    box-shadow:
        inset 0 0 1.1cqw rgba(0,230,245,.06),
        0 0 .9cqw rgba(0,218,245,.10) !important;

    overflow:hidden !important;

    box-sizing:border-box !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-btn span{
    flex:1 1 auto !important;

    min-width:0 !important;

    font-size:2.3cqw !important;
    line-height:1 !important;

    font-weight:700 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-btn b{
    flex:0 0 auto !important;

    margin:0 !important;

    color:#2cf1f8 !important;

    font-size:4.2cqw !important;
    line-height:.8 !important;

    font-weight:400 !important;

    text-shadow:
        0 0 .7cqw rgba(0,238,250,.45) !important;
}


/* ==========================================================
   分割线
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-divider{
    position:absolute !important;

    left:4% !important;
    right:4% !important;
    top:64% !important;

    width:auto !important;
    height:1px !important;

    margin:0 !important;

    background:
        rgba(47,132,192,.58) !important;
}


/* ==========================================================
   底部广告文字
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-slogan{
    position:absolute !important;

    left:4% !important;
    right:4% !important;
    bottom:8.5% !important;

    width:auto !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    gap:1.2cqw !important;

    color:#d0def1 !important;

    font-size:1.85cqw !important;
    line-height:1.15 !important;

    font-weight:500 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
}


/* 钱包图标 */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-wallet{
    position:relative !important;

    flex:0 0 auto !important;

    width:2.6cqw !important;
    height:1.85cqw !important;

    border-radius:.4cqw !important;

    background:#2debf7 !important;

    box-shadow:
        0 0 .7cqw rgba(0,224,255,.33) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-wallet::before{
    content:"" !important;

    position:absolute !important;

    right:-15% !important;
    top:29% !important;

    width:34% !important;
    height:38% !important;

    border-radius:.25cqw !important;

    background:#073552 !important;

    border:
        .15cqw solid
        #2debf7 !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-slogan-text{
    flex:1 1 auto !important;

    min-width:0 !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;

    word-break:normal !important;
}


/* ==========================================================
   右侧 USDT
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-visual{
    position:absolute !important;

    right:1.5% !important;
    top:51% !important;

    transform:
        translateY(-50%) !important;

    width:30% !important;
    height:auto !important;

    aspect-ratio:1 / 1 !important;

    opacity:.72 !important;

    z-index:2 !important;

    pointer-events:none !important;
}


/* 圆环 */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-ring{
    position:absolute !important;

    left:50% !important;
    top:44% !important;

    transform:
        translate(-50%,-50%) !important;

    border-radius:50% !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-ring-1{
    width:83% !important;
    height:83% !important;

    border:
        .14cqw solid
        rgba(22,214,250,.42) !important;

    box-shadow:
        0 0 .8cqw rgba(0,208,250,.10),
        inset 0 0 1.1cqw rgba(0,208,250,.05) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-ring-2{
    width:68% !important;
    height:68% !important;

    border:
        .11cqw solid
        rgba(28,217,248,.28) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-ring-3{
    width:51% !important;
    height:51% !important;

    border:
        .2cqw solid
        rgba(106,235,251,.90) !important;

    box-shadow:
        0 0 1.0cqw rgba(0,222,255,.18),
        inset 0 0 1.0cqw rgba(0,222,255,.07) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-ring-dots{
    width:72% !important;
    height:72% !important;

    border:
        .2cqw dotted
        rgba(0,220,255,.62) !important;
}


/* USDT 中心 */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-core{
    position:absolute !important;

    left:50% !important;
    top:44% !important;

    transform:
        translate(-50%,-50%) !important;

    width:38% !important;
    height:38% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:
        radial-gradient(
            circle,
            rgba(18,163,210,.25),
            rgba(5,66,104,.18) 72%
        ) !important;

    box-shadow:
        0 0 1.5cqw rgba(0,224,250,.10) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-logo{
    width:62% !important;
    height:62% !important;

    overflow:visible !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-logo-t{
    fill:#74edf8 !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-logo-orbit{
    fill:none !important;

    stroke:#74edf8 !important;

    stroke-width:5 !important;
}


/* ==========================================================
   下方悬浮平台
   ========================================================== */

.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-platform{
    position:absolute !important;

    left:50% !important;
    bottom:5% !important;

    transform:
        translateX(-50%) !important;

    width:62% !important;
    height:8% !important;

    border-radius:50% !important;

    border:
        .15cqw solid
        rgba(0,213,248,.30) !important;

    background:
        radial-gradient(
            ellipse,
            rgba(0,223,245,.10),
            transparent 65%
        ) !important;

    box-shadow:
        0 0 1cqw rgba(0,216,255,.08),
        inset 0 0 1cqw rgba(0,216,255,.05) !important;
}


.asset-summary.asset-summary-usdt.asset-card-v100
.acv100-platform::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:
        translate(-50%,-50%) !important;

    width:58% !important;
    height:38% !important;

    border-radius:50% !important;

    background:
        rgba(0,230,248,.16) !important;

    box-shadow:
        0 0 .8cqw rgba(0,230,248,.28) !important;
}


/* ==========================================================
   手机端
   注意：
   不重新排版！
   只整体等比例缩放。
   ========================================================== */

@media(max-width:700px){

    .asset-summary.asset-summary-usdt.asset-card-v100{
        aspect-ratio:16 / 9 !important;

        width:100% !important;

        min-height:0 !important;

        padding:0 !important;

        border-radius:4cqw !important;
    }


    /* 手机保持与桌面相同位置 */

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-head{
        left:5.1% !important;
        top:13.8% !important;

        width:53% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{
        left:4.1% !important;
        top:47.1% !important;

        width:67.2% !important;
        height:38.7% !important;

        margin:0 !important;

        padding:
            4.1%
            4%
            2.8% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-visual{
        right:1.5% !important;
        top:51% !important;

        width:30% !important;

        height:auto !important;

        opacity:.58 !important;
    }
}


/* ===== END V101 ===== */



/* ==========================================================
   V102 DESKTOP RESET + MOBILE PANEL MICRO ADJUST
   ========================================================== */


/* ==========================================================
   电脑端：恢复成页面正常卡片尺寸
   不再铺满整个浏览器
   ========================================================== */
@media(min-width:701px){

    .asset-summary.asset-summary-usdt.asset-card-v100{
        width:100% !important;
        max-width:100% !important;

        aspect-ratio:auto !important;

        height:330px !important;
        min-height:330px !important;

        margin:0 0 16px !important;

        border-radius:22px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-head{
        left:34px !important;
        top:28px !important;

        width:55% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-title{
        margin-bottom:10px !important;

        font-size:22px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-total{
        font-size:64px !important;

        letter-spacing:-1px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{
        left:32px !important;
        top:150px !important;

        width:60% !important;
        height:150px !important;

        padding:20px 22px 16px !important;

        border-radius:18px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{
        grid-template-columns:
            minmax(0,1fr)
            250px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-title{
        font-size:17px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-value{
        margin-top:8px !important;

        font-size:38px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{
        width:230px !important;
        height:62px !important;

        padding:0 20px !important;

        border-radius:14px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn span{
        font-size:17px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn b{
        font-size:34px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-divider{
        top:68% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-slogan{
        bottom:9% !important;

        font-size:13px !important;

        gap:8px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-wallet{
        width:22px !important;
        height:16px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-visual{
        right:18px !important;
        top:51% !important;

        width:250px !important;
        height:250px !important;

        opacity:.48 !important;
    }
}


/* ==========================================================
   手机端：
   只调红框里的余额区
   往左一点、往下一点、稍微扩大
   ========================================================== */
@media(max-width:700px){

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{

        /* 原来 left 4.1% */
        left:3.0% !important;

        /* 原来 top 47.1% */
        top:48.5% !important;

        /* 原来 width 67.2% */
        width:71% !important;

        /* 原来 height 38.7% */
        height:40.5% !important;

        padding:
            4.0%
            4.0%
            2.8% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{
        grid-template-columns:
            50%
            50% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-title{
        font-size:2.15cqw !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-value{
        font-size:4.55cqw !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{
        width:95% !important;
        height:66% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-slogan{
        left:4% !important;
        right:3% !important;

        bottom:7.5% !important;
    }
}


/* ==========================================================
   更窄手机
   ========================================================== */
@media(max-width:390px){

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{
        left:2.7% !important;
        top:48.8% !important;

        width:72% !important;
        height:41% !important;
    }
}


/* ===== END V102 ===== */



/* ==========================================================
   V103 MOBILE PANEL EXPAND RIGHT + DOWN
   只微调手机端内层余额框
   ========================================================== */

@media(max-width:700px){

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{
        /* 保持左侧基本不动，主要向右、向下扩 */
        left:3.0% !important;
        top:48.8% !important;

        width:75% !important;
        height:44% !important;

        padding:
            4.0%
            4.0%
            3.2% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{
        grid-template-columns:
            52%
            48% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{
        width:96% !important;
        height:64% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-slogan{
        left:4% !important;
        right:3% !important;

        bottom:6.2% !important;

        font-size:1.72cqw !important;
        line-height:1.12 !important;
    }
}


@media(max-width:390px){

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{
        left:2.8% !important;
        top:49.0% !important;

        width:76.5% !important;
        height:45% !important;

        padding:
            4.0%
            4.0%
            3.4% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{
        grid-template-columns:
            53%
            47% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{
        width:97% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-slogan{
        bottom:5.8% !important;
        font-size:1.62cqw !important;
    }
}


/* ===== END V103 ===== */



/* ==========================================================
   V105 MOBILE PANEL SMALLER + TEXT STRONGER
   只改手机端可用余额长方形
   ========================================================== */

@media(max-width:700px){

  /* 可用余额长方形：稍微缩短一点 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    left:4.5% !important;
    top:53% !important;

    width:70.5% !important;
    height:29.5% !important;

    padding:10px 11px 9px !important;

    border-radius:12px !important;
  }

  /* 上半部分布局：给左边文字多一点空间 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-top{
    grid-template-columns:minmax(0,1fr) 102px !important;
    column-gap:8px !important;
  }

  /* 标题更醒目 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-avail-title{
    font-size:9px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    color:#e8f2ff !important;
    text-shadow:0 0 4px rgba(120,220,255,.10) !important;
  }

  /* 金额更醒目 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-avail-value{
    font-size:18px !important;
    line-height:1 !important;
    font-weight:800 !important;
    color:#37f2ff !important;
    text-shadow:
      0 0 6px rgba(33,238,255,.18),
      0 0 10px rgba(33,238,255,.08) !important;
  }

  /* 按钮略缩一点，给文字腾空间 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-btn{
    width:102px !important;
    height:32px !important;

    padding:0 8px !important;

    border-radius:9px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-btn span{
    font-size:6.8px !important;
    font-weight:700 !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-btn b{
    font-size:18px !important;
  }

  /* 分割线 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-divider{
    left:11px !important;
    right:11px !important;
    top:58px !important;
    background:rgba(75,180,230,.42) !important;
  }

  /* 底部说明文字：稍微更清晰一点 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-slogan{
    left:11px !important;
    right:11px !important;
    bottom:9px !important;

    font-size:6.7px !important;
    line-height:1.1 !important;
    color:rgba(230,242,255,.92) !important;
  }
}


/* 更窄手机 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    width:71% !important;
    height:30% !important;

    padding:9px 10px 8px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-top{
    grid-template-columns:minmax(0,1fr) 96px !important;
    column-gap:7px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-btn{
    width:96px !important;
    height:31px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-btn span{
    font-size:6.5px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-avail-value{
    font-size:17px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-slogan{
    font-size:6.4px !important;
  }
}


/* ===== END V105 ===== */



/* ==========================================================
   V106 MOBILE PANEL HEIGHT RESTORE
   只恢复高度，横向宽度保持 V105
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{

    /* 横向宽度保持现在的缩短效果 */
    width:70.5% !important;
    max-width:70.5% !important;

    /* 恢复之前的大高度 */
    height:44% !important;

    /* 上移一点，让增加的高度向下展开 */
    top:49% !important;

    padding:
      10px
      11px
      10px !important;
  }

}


/* 更窄手机 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{

    width:71% !important;
    max-width:71% !important;

    height:44.5% !important;

    top:49% !important;
  }

}


/* ===== END V106 ===== */



/* =============================================
   SOURCE: asset-card-icon-v104.css?v=20260906-v104
   ============================================= */

/* ==========================================================
   V104 USDT VISUAL ONLY
   只重新设计右侧 USDT 图标
   不修改余额框 / 文字 / 按钮 / 数据
   ========================================================== */


/* ==========================================================
   DESKTOP
   ========================================================== */

@media(min-width:701px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    position:absolute !important;

    right:1.8% !important;
    top:51% !important;

    transform:translateY(-50%) !important;

    width:29% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;

    opacity:.92 !important;

    z-index:2 !important;

    pointer-events:none !important;

    filter:
      drop-shadow(0 0 14px rgba(0,218,255,.16)) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring{
    position:absolute !important;

    left:50% !important;
    top:43% !important;

    transform:translate(-50%,-50%) !important;

    border-radius:50% !important;
  }


  /* 最外层科技圆环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-1{
    width:88% !important;
    height:88% !important;

    border:
      2px solid
      rgba(17,199,247,.34) !important;

    box-shadow:
      0 0 16px rgba(0,215,255,.12),
      inset 0 0 20px rgba(0,215,255,.05) !important;
  }


  /* 第二层 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-2{
    width:72% !important;
    height:72% !important;

    border:
      2px solid
      rgba(20,222,250,.42) !important;

    box-shadow:
      0 0 12px rgba(0,220,255,.08) !important;
  }


  /* 高亮内环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-3{
    width:51% !important;
    height:51% !important;

    border:
      4px solid
      rgba(111,242,255,.96) !important;

    box-shadow:
      0 0 18px rgba(0,231,255,.30),
      inset 0 0 18px rgba(0,231,255,.15) !important;
  }


  /* 点状科技圆环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-dots{
    width:76% !important;
    height:76% !important;

    border:
      3px dotted
      rgba(0,226,255,.76) !important;

    opacity:.95 !important;
  }


  /* 中央发光圆 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-core{
    position:absolute !important;

    left:50% !important;
    top:43% !important;

    transform:translate(-50%,-50%) !important;

    width:38% !important;
    height:38% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:
      radial-gradient(
        circle at 50% 45%,
        rgba(52,223,255,.42) 0%,
        rgba(13,134,190,.28) 38%,
        rgba(4,49,84,.20) 70%,
        transparent 76%
      ) !important;

    box-shadow:
      0 0 20px rgba(0,228,255,.28),
      inset 0 0 20px rgba(87,237,255,.15) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo{
    width:64% !important;
    height:64% !important;

    filter:
      drop-shadow(0 0 7px rgba(73,240,255,.28)) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo-t{
    fill:#78f3ff !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo-orbit{
    fill:none !important;

    stroke:#78f3ff !important;

    stroke-width:5 !important;
  }


  /* 底部悬浮平台 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-platform{
    position:absolute !important;

    left:50% !important;
    bottom:5% !important;

    transform:translateX(-50%) !important;

    width:66% !important;
    height:9% !important;

    border-radius:50% !important;

    border:
      2px solid
      rgba(0,223,255,.43) !important;

    background:
      radial-gradient(
        ellipse,
        rgba(0,235,255,.22) 0%,
        rgba(0,172,225,.08) 44%,
        transparent 72%
      ) !important;

    box-shadow:
      0 0 14px rgba(0,226,255,.20),
      inset 0 0 12px rgba(0,226,255,.13) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-platform::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:translate(-50%,-50%) !important;

    width:58% !important;
    height:42% !important;

    border-radius:50% !important;

    background:
      rgba(16,237,255,.28) !important;

    box-shadow:
      0 0 16px rgba(0,236,255,.40) !important;
  }
}


/* ==========================================================
   MOBILE
   与参考图一致，但做成手机缩小版
   注意：这里完全不碰 .acv100-panel
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    position:absolute !important;

    /* 图标靠右 */
    right:0.5% !important;

    /* 比现在稍微往下 */
    top:54% !important;

    transform:translateY(-50%) !important;

    /* 关键：明显放大 */
    width:34% !important;
    height:auto !important;

    aspect-ratio:1 / 1 !important;

    opacity:.88 !important;

    z-index:2 !important;

    pointer-events:none !important;

    filter:
      drop-shadow(0 0 8px rgba(0,220,255,.16)) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring{
    position:absolute !important;

    left:50% !important;
    top:43% !important;

    transform:translate(-50%,-50%) !important;

    border-radius:50% !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-1{
    width:90% !important;
    height:90% !important;

    border:
      1px solid
      rgba(16,208,247,.40) !important;

    box-shadow:
      0 0 8px rgba(0,220,255,.12),
      inset 0 0 9px rgba(0,220,255,.05) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-2{
    width:73% !important;
    height:73% !important;

    border:
      1px solid
      rgba(22,225,250,.46) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-3{
    width:52% !important;
    height:52% !important;

    border:
      2px solid
      rgba(113,243,255,.98) !important;

    box-shadow:
      0 0 9px rgba(0,231,255,.26),
      inset 0 0 9px rgba(0,231,255,.13) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-dots{
    width:77% !important;
    height:77% !important;

    border:
      2px dotted
      rgba(0,227,255,.72) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-core{
    position:absolute !important;

    left:50% !important;
    top:43% !important;

    transform:translate(-50%,-50%) !important;

    width:39% !important;
    height:39% !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:
      radial-gradient(
        circle,
        rgba(48,219,255,.38),
        rgba(9,111,161,.24) 52%,
        rgba(4,51,84,.15) 72%
      ) !important;

    box-shadow:
      0 0 11px rgba(0,230,255,.24),
      inset 0 0 10px rgba(80,237,255,.12) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo{
    width:64% !important;
    height:64% !important;

    filter:
      drop-shadow(0 0 4px rgba(70,240,255,.30)) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo-t{
    fill:#79f5ff !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-logo-orbit{
    fill:none !important;

    stroke:#79f5ff !important;

    stroke-width:5 !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-platform{
    position:absolute !important;

    left:50% !important;
    bottom:4% !important;

    transform:translateX(-50%) !important;

    width:68% !important;
    height:10% !important;

    border-radius:50% !important;

    border:
      1px solid
      rgba(0,226,255,.40) !important;

    background:
      radial-gradient(
        ellipse,
        rgba(0,239,255,.22),
        rgba(0,175,226,.07) 48%,
        transparent 72%
      ) !important;

    box-shadow:
      0 0 8px rgba(0,230,255,.18),
      inset 0 0 8px rgba(0,230,255,.10) !important;
  }


  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-platform::before{
    content:"" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:translate(-50%,-50%) !important;

    width:58% !important;
    height:42% !important;

    border-radius:50% !important;

    background:
      rgba(14,238,255,.26) !important;

    box-shadow:
      0 0 9px rgba(0,238,255,.35) !important;
  }
}


/* ===== END V104 ICON ONLY ===== */



/* =============================================
   SOURCE: asset-card-mobile-v107.css?v=20260906-v107
   ============================================= */

/* ==========================================================
   V107 MOBILE FINAL PANEL + BUTTON FIX
   只修改：
   1. 可用余额长方形尺寸
   2. 利息按钮文字完整显示
   ========================================================== */

@media(max-width:700px){

    /* ======================================================
       可用余额长方形
       高度保持 V106，不修改高度
       只按照红框稍微增加横向长度
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{

        position:absolute !important;

        left:4.3% !important;
        top:49% !important;

        /* 原来约 70.5%，现在只稍微向右扩 */
        width:73.5% !important;
        max-width:73.5% !important;

        /* 高度保持，不再动 */
        height:44% !important;

        margin:0 !important;

        padding:
            10px
            11px
            10px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;
    }


    /* ======================================================
       内部上方区域
       左余额 + 右按钮
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            126px !important;

        grid-template-rows:
            auto
            auto !important;

        grid-template-areas:
            "title button"
            "value button" !important;

        column-gap:9px !important;

        align-items:center !important;

        width:100% !important;
    }


    /* ======================================================
       可用余额标题
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-title{

        grid-area:title !important;

        min-width:0 !important;

        margin:0 0 5px !important;

        color:#e9f3ff !important;

        font-size:9px !important;
        line-height:1.1 !important;

        font-weight:700 !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;

        text-shadow:
            0 0 4px rgba(90,215,255,.10) !important;
    }


    /* ======================================================
       可用余额金额
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-value{

        grid-area:value !important;

        min-width:0 !important;

        margin:0 !important;

        color:#36f1fb !important;

        font-size:18px !important;
        line-height:1 !important;

        font-weight:800 !important;

        white-space:nowrap !important;

        overflow:visible !important;
        text-overflow:clip !important;

        font-variant-numeric:
            tabular-nums !important;

        text-shadow:
            0 0 6px rgba(30,235,255,.18) !important;
    }


    /* ======================================================
       利息按钮
       重点：扩大一点，使文字完整显示
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{

        grid-area:button !important;

        justify-self:end !important;
        align-self:center !important;

        width:126px !important;
        min-width:126px !important;
        max-width:126px !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;

        margin:0 !important;

        padding:
            0
            8px
            0
            10px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:space-between !important;

        gap:5px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        border-radius:9px !important;
    }


    /* ======================================================
       按钮文字：
       取消省略号
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn > span{

        display:block !important;

        flex:1 1 auto !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        color:#64f2fa !important;

        font-size:7px !important;
        line-height:1 !important;

        font-weight:700 !important;

        white-space:nowrap !important;

        /* 取消之前的 ... */
        overflow:visible !important;
        text-overflow:clip !important;

        text-align:left !important;
    }


    /* 箭头 */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn > b{

        flex:0 0 auto !important;

        margin:0 !important;

        color:#3bf2f8 !important;

        font-size:19px !important;
        line-height:1 !important;

        font-weight:400 !important;
    }


    /* ======================================================
       分隔线
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-divider{

        left:11px !important;
        right:11px !important;

        top:58px !important;

        height:1px !important;

        background:
            rgba(67,163,216,.42) !important;
    }


    /* ======================================================
       底部广告语
       保持目前位置
       稍微增强可读性
       ====================================================== */
    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-slogan{

        left:11px !important;
        right:11px !important;

        bottom:9px !important;

        color:
            rgba(231,242,255,.94) !important;

        font-size:6.7px !important;
        line-height:1.1 !important;

        font-weight:500 !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

}


/* ==========================================================
   小屏手机
   ========================================================== */
@media(max-width:390px){

    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-panel{

        left:4.1% !important;

        width:74% !important;
        max-width:74% !important;

        /* 高度仍然不变 */
        height:44% !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-top{

        grid-template-columns:
            minmax(0,1fr)
            119px !important;

        column-gap:7px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn{

        width:119px !important;
        min-width:119px !important;
        max-width:119px !important;

        height:33px !important;
        min-height:33px !important;
        max-height:33px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-btn > span{

        font-size:6.6px !important;
    }


    .asset-summary.asset-summary-usdt.asset-card-v100
    .acv100-avail-value{

        font-size:17px !important;
    }

}


/* ===== END V107 ===== */



/* =============================================
   SOURCE: asset-card-mobile-v108.css?v=20260906-v108
   ============================================= */
/* ==========================================================
   V108 MOBILE PANEL FINAL SIZE
   只固定手机端“可用余额”长方形尺寸
   按当前红框效果部署
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    position:absolute !important;

    /* 位置 */
    left:4.2% !important;
    top:49.2% !important;

    /* 按红框固定大小 */
    width:73.2% !important;
    max-width:73.2% !important;

    height:43.8% !important;
    max-height:43.8% !important;

    margin:0 !important;

    padding:
      10px
      11px
      10px !important;

    box-sizing:border-box !important;
    overflow:hidden !important;

    border-radius:12px !important;
  }

  /* 内部布局保持稳定 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-top{
    grid-template-columns:
      minmax(0,1fr)
      126px !important;

    column-gap:9px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-divider{
    left:11px !important;
    right:11px !important;
    top:58px !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-slogan{
    left:11px !important;
    right:11px !important;
    bottom:9px !important;
  }
}


/* 更窄手机 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    left:4.0% !important;
    top:49.2% !important;

    width:73.8% !important;
    max-width:73.8% !important;

    height:44% !important;
    max-height:44% !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-top{
    grid-template-columns:
      minmax(0,1fr)
      119px !important;

    column-gap:7px !important;
  }
}

/* ===== END V108 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v109.css?v=20260906-v109
   ============================================= */
/* ==========================================================
   V109 MOBILE PANEL POSITION + WIDTH MICRO ADJUST
   只改手机端可用余额长方形的位置和长度
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{

    /* 原来 4.2%，现在再往左一点 */
    left:3.5% !important;

    /* 高度和上下位置不动 */
    top:49.2% !important;

    /* 原来 73.2%，现在缩短一点 */
    width:71.8% !important;
    max-width:71.8% !important;

    height:43.8% !important;
    max-height:43.8% !important;
  }
}


@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{

    left:3.3% !important;
    top:49.2% !important;

    width:72.2% !important;
    max-width:72.2% !important;

    height:44% !important;
    max-height:44% !important;
  }
}

/* ===== END V109 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v110.css?v=20260906-v110
   ============================================= */
/* ==========================================================
   V110 MOBILE TEXT + USDT POSITION MICRO ADJUST
   只改：
   1. 底部说明文字稍微放大
   2. 右侧 USDT 图标整体上移
   ========================================================== */

@media(max-width:700px){

  /* 底部说明文字稍微放大 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-slogan{
    font-size:7.2px !important;
    line-height:1.15 !important;

    font-weight:550 !important;

    color:rgba(236,246,255,.96) !important;
  }


  /* 右侧 USDT 图标整体上移一点 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{

    /* 原来约 54%，现在上移 */
    top:51.8% !important;

    transform:translateY(-50%) !important;
  }

}


/* 更窄手机 */
@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-slogan{
    font-size:6.9px !important;
    line-height:1.15 !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    top:51.5% !important;
  }

}

/* ===== END V110 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v111.css?v=20260906-v111
   ============================================= */
/* ==========================================================
   V111 MOBILE USDT ICON MOVE UP
   只把右侧 USDT 图标整体再上移一点
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    top:49.8% !important;
    transform:translateY(-50%) !important;
  }

}

@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    top:49.5% !important;
  }

}

/* ===== END V111 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v112.css?v=20260906-v112
   ============================================= */
/* ==========================================================
   V112 MOBILE USDT ICON MOVE UP TO 45.8%
   只调整手机端右侧 USDT 图标位置
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    top:45.8% !important;
    transform:translateY(-50%) !important;
  }

}

@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    top:45.8% !important;
  }

}

/* ===== END V112 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v113.css?v=20260906-v113
   ============================================= */
/* ==========================================================
   V113 MOBILE PANEL LEFT 2.5% + USDT MORE TRANSPARENT
   只改：
   1. 长方形向左移动到 2.5%
   2. 右侧 USDT 图标更透明一点
   ========================================================== */

@media(max-width:700px){

  /* 可用余额长方形继续往左 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    left:2.5% !important;
  }

  /* 右侧 USDT 图标更透明一点 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    opacity:.78 !important;
  }

}

@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    left:2.5% !important;
  }

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    opacity:.74 !important;
  }

}

/* ===== END V113 ===== */


/* =============================================
   SOURCE: asset-card-desktop-v114.css?v=20260906-v114
   ============================================= */
/* ==========================================================
   V114 DESKTOP USDT ICON FIX
   只修复电脑端右侧 USDT 图标
   ========================================================== */

@media(min-width:701px){

  /* 右侧整体图标容器：缩小 + 回到居中安全区域 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-visual{
    position:absolute !important;

    right:26px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    width:240px !important;
    height:240px !important;

    aspect-ratio:1 / 1 !important;

    opacity:.62 !important;

    z-index:2 !important;
    pointer-events:none !important;

    overflow:visible !important;
  }

  /* 圆环整体位置 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring{
    left:50% !important;
    top:43% !important;
    transform:translate(-50%,-50%) !important;
  }

  /* 最外层环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-1{
    width:84% !important;
    height:84% !important;
  }

  /* 第二层环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-2{
    width:69% !important;
    height:69% !important;
  }

  /* 发光主环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-3{
    width:52% !important;
    height:52% !important;
  }

  /* 点状环 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-ring-dots{
    width:73% !important;
    height:73% !important;
  }

  /* 中心圆 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-core{
    left:50% !important;
    top:43% !important;

    width:38% !important;
    height:38% !important;

    transform:translate(-50%,-50%) !important;
  }

  /* 底部悬浮平台 */
  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-platform{
    left:50% !important;
    bottom:6% !important;

    transform:translateX(-50%) !important;

    width:62% !important;
    height:8% !important;
  }
}

/* ===== END V114 ===== */


/* =============================================
   SOURCE: asset-card-mobile-v115.css?v=20260906-v115
   ============================================= */
/* ==========================================================
   V115 MOBILE PANEL MOVE DOWN A LITTLE
   只把手机端可用余额长方形整体下移一点点
   ========================================================== */

@media(max-width:700px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    /* 原来大约 49.2%，现在往下移一点 */
    top:50.2% !important;
  }

}

@media(max-width:390px){

  .asset-summary.asset-summary-usdt.asset-card-v100
  .acv100-panel{
    top:50.2% !important;
  }

}

/* ===== END V115 ===== */


/* =============================================
   SOURCE: vip-detail-pages-v5.css?v=badge-auto-20260909003413
   ============================================= */
.gtv5-standalone{background:#00101f!important;overflow-y:auto!important}.gtv5-page{--vip:#27e7ff;--rgb:39,231,255;width:min(100%,588px);min-height:100%;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 20px calc(26px + env(safe-area-inset-bottom));color:#fff;background:radial-gradient(ellipse at 74% 7%,rgba(var(--rgb),.11),transparent 24%),linear-gradient(180deg,#001326,#031a31 58%,#00111f)}.gtv5-cyan{--vip:#23f2ff;--rgb:35,242,255}.gtv5-purple{--vip:#8c60ff;--rgb:140,96,255}.gtv5-gold{--vip:#ffc13b;--rgb:255,193,59}.gtv5-royal{--vip:#ffd24f;--rgb:255,210,79}.gtv5-header{position:relative;min-height:64px;text-align:center;display:flex;justify-content:center}.gtv5-header h1{margin:0;font-size:26px;font-weight:800}.gtv5-header p{margin:6px 0 0;color:#aeb9c8;font-size:14px}.gtv5-back{position:absolute;left:-6px;top:-5px;width:44px;height:44px;border:0;background:transparent;color:var(--vip);font-size:42px;line-height:36px;text-shadow:0 0 10px var(--vip)}
.gtv5-hero{position:relative;height:238px;margin:4px 0 18px;border:1px solid rgba(var(--rgb),.8);border-radius:15px;overflow:hidden;background:linear-gradient(115deg,#04162a 0%,#06233e 50%,#03101d 100%);box-shadow:inset 0 0 24px rgba(var(--rgb),.09),0 0 18px rgba(var(--rgb),.13)}.gtv5-gold .gtv5-hero,.gtv5-royal .gtv5-hero{background:linear-gradient(115deg,#0b0e12 0%,#241b09 54%,#090d13 100%)}.space{position:absolute;inset:0}.space .planet{position:absolute;width:300px;height:300px;left:120px;top:-150px;border-radius:50%;background:radial-gradient(circle at 35% 38%,rgba(255,255,255,.13),transparent 6%),radial-gradient(circle at 42% 46%,rgba(var(--rgb),.2),transparent 38%),linear-gradient(145deg,rgba(var(--rgb),.18),#020812 70%);box-shadow:inset -38px -44px 55px rgba(0,0,0,.78)}.space .orbit{position:absolute;left:68%;top:64%;border:1px solid rgba(var(--rgb),.36);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg)}.space .o1{width:265px;height:58px}.space .o2{width:330px;height:88px;opacity:.42}.copy{position:absolute;z-index:3;left:30px;top:34px;width:49%}.copy>strong{display:block;font-size:58px;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 4px #fff,0 0 12px var(--vip),0 0 28px rgba(var(--rgb),.4)}.copy h2{margin:8px 0 0;font-size:22px}.line{display:block;width:42px;height:3px;margin:15px 0;background:var(--vip);box-shadow:0 0 9px var(--vip)}.copy p{margin:0;max-width:228px;color:#d3dce8;font-size:13px;line-height:1.55}.side{position:absolute;z-index:4;right:13px;top:17px;display:flex;flex-direction:column;gap:4px}.side span{font-size:11px;color:#d8e3ee}
.emblem-wrap{position:absolute;z-index:3;right:35px;top:32px;width:190px;height:190px}.gtv5-emblem{position:relative;width:100%;height:100%}.hex{position:absolute;left:24px;top:7px;width:142px;height:158px;clip-path:polygon(50% 0,92% 24%,92% 76%,50% 100%,8% 76%,8% 24%);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(var(--rgb),.08) 32%,rgba(0,7,18,.65));box-shadow:0 0 22px rgba(var(--rgb),.75)}.hex::before{content:"";position:absolute;inset:3px;clip-path:inherit;border:2px solid var(--vip);box-shadow:inset 0 0 14px rgba(var(--rgb),.4)}.crown{position:absolute;left:29px;top:47px;width:84px;height:60px;background:linear-gradient(160deg,#fff 0%,#e6fbff 35%,var(--vip) 66%,rgba(var(--rgb),.45));clip-path:polygon(0 24%,24% 46%,50% 0,74% 46%,100% 24%,88% 100%,12% 100%);filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 14px var(--vip))}.crown b{position:absolute;left:0;right:0;bottom:9px;text-align:center;color:#fff;font-size:16px;text-shadow:0 0 5px #fff}.rings{position:absolute;left:8px;right:8px;bottom:1px;height:46px}.rings i{position:absolute;left:50%;top:50%;border:1.5px solid var(--vip);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(var(--rgb),.62)}.rings i:nth-child(1){width:170px;height:42px}.rings i:nth-child(2){width:128px;height:28px}.rings i:nth-child(3){width:82px;height:15px}.gtv5-emblem.royal .crown{left:47px;top:54px;width:100px;height:74px;background:linear-gradient(145deg,#fff9c7,#ffd44d 28%,#f1a000 60%,#fff2a0 76%,#9b5600)}.star{position:absolute;z-index:4;left:82px;top:0;color:#fff5a8;font-size:34px;text-shadow:0 0 10px #fff,0 0 22px #ffbd22}.wing{position:absolute;top:64px;width:72px;height:60px;background:linear-gradient(90deg,#8d4d00,#ffd75a,#fff0a4,#d88700);filter:drop-shadow(0 0 8px rgba(255,188,34,.65));clip-path:polygon(0 0,100% 17%,64% 31%,100% 43%,55% 55%,94% 69%,42% 76%,78% 94%,0 78%,20% 50%)}.wing.l{left:5px}.wing.r{right:5px;transform:scaleX(-1)}
.gtv5-section{margin-top:14px}.head{display:flex;align-items:center;justify-content:space-between;min-height:39px;margin-bottom:9px}.head h2{position:relative;margin:0;padding-left:17px;font-size:21px}.head h2::before{content:"";position:absolute;left:0;top:1px;width:5px;height:27px;border-radius:5px;background:var(--vip);box-shadow:0 0 10px var(--vip)}.head span{color:#9aa7b7;font-size:12px}.gtv5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px;border:1px solid rgba(var(--rgb),.64);border-radius:13px;background:linear-gradient(145deg,rgba(7,36,65,.95),rgba(4,25,48,.96))}.gtv5-card{min-height:82px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid rgba(var(--rgb),.38);border-radius:11px;background:linear-gradient(145deg,rgba(11,48,82,.95),rgba(6,31,57,.96))}.gtv5-icon{flex:none;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--rgb),.55);background:radial-gradient(circle,rgba(var(--rgb),.2),rgba(3,20,39,.72));box-shadow:0 0 12px rgba(var(--rgb),.2)}.gtv5-icon svg,.gtv5-row-icon svg{width:31px;height:31px;fill:none;stroke:#e4f4ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--vip))}.gtv5-card span{display:block;margin-bottom:2px;color:#c0c9d6;font-size:12px}.gtv5-card strong{display:block;color:var(--vip);font-size:19px}.gtv5-card small{display:block;margin-top:3px;color:#8392a4;font-size:10px}.note{padding:8px 12px;border:1px solid rgba(var(--rgb),.48);border-top:0;border-radius:0 0 10px 10px;color:#8796a8;font-size:10px}.gtv5-list{padding:5px 15px;border:1px solid rgba(var(--rgb),.6);border-radius:11px;background:linear-gradient(145deg,rgba(7,35,62,.96),rgba(4,24,45,.97))}.gtv5-row{display:flex;align-items:center;min-height:62px;gap:12px;border-bottom:1px solid rgba(150,175,205,.14);color:#bcc7d4;font-size:12px;line-height:1.5}.gtv5-row:last-child{border-bottom:0}.gtv5-row-icon{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--rgb),.46);background:rgba(var(--rgb),.08)}.gtv5-row-icon svg{width:23px;height:23px;stroke:var(--vip)}.gtv5-row strong{color:var(--vip)}.tips .gtv5-row{min-height:38px}.gtv5-actions{display:grid;grid-template-columns:1fr 1.15fr;min-height:56px;margin-top:15px;overflow:hidden;border:1px solid rgba(var(--rgb),.56);border-radius:11px;background:linear-gradient(90deg,rgba(5,34,61,.97),rgba(6,25,59,.98))}.gtv5-actions button{border:0;background:transparent;color:#fff;font-size:14px;font-weight:700}.gtv5-actions button span,.gtv5-actions button b{color:var(--vip);margin:0 7px}.gtv5-actions .primary{margin:5px;border:1px solid var(--vip);border-radius:28px;background:linear-gradient(90deg,rgba(var(--rgb),.12),rgba(var(--rgb),.4));box-shadow:inset 0 0 14px rgba(var(--rgb),.48),0 0 16px rgba(var(--rgb),.35)}.gtv5-actions button:active{transform:scale(.98);filter:brightness(1.12)}
@media(max-width:620px){.gtv5-page{padding-left:14px;padding-right:14px}.gtv5-hero{height:228px}.copy{left:22px;top:33px}.copy>strong{font-size:50px}.copy h2{font-size:19px}.copy p{max-width:188px;font-size:11px}.emblem-wrap{width:171px;height:171px;right:31px;top:39px}.side{display:none}.head h2{font-size:19px}.head span{font-size:10px;max-width:45%;text-align:right}.gtv5-card{min-height:78px;padding:9px;gap:8px}.gtv5-icon{width:44px;height:44px}.gtv5-icon svg{width:27px;height:27px}.gtv5-card strong{font-size:16px}}


/* =========================================================
   VIP DETAIL IMAGE BADGES
   VIP1 - VIP5 transparent PNG assets
   ========================================================= */

.gtv5-hero .emblem-wrap{
    position:absolute;
    z-index:3;

    right:12px;
    top:12px;

    width:245px;
    height:215px;

    display:flex;
    align-items:center;
    justify-content:center;

    pointer-events:none;
}


/* PNG 图片容器 */
.gtv5-emblem-image{
    position:relative;

    width:100%;
    height:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:visible;
}


/* 真正的 VIP1-VIP5 透明徽章 */
.gtv5-vip-badge{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    user-select:none;
    -webkit-user-drag:none;

    transform:translateZ(0);

    animation:
        gtv5BadgeFloat 4s ease-in-out infinite;

    will-change:transform,filter;
}


/* VIP1 蓝 */
.gtv5-blue .gtv5-vip-badge{
    filter:
        drop-shadow(0 0 5px rgba(118,195,255,.40))
        drop-shadow(0 0 12px rgba(32,135,255,.27));
}


/* VIP2 青绿 */
.gtv5-cyan .gtv5-vip-badge{
    filter:
        drop-shadow(0 0 5px rgba(93,255,238,.40))
        drop-shadow(0 0 13px rgba(0,223,201,.27));
}


/* VIP3 紫 */
.gtv5-purple .gtv5-vip-badge{
    filter:
        drop-shadow(0 0 5px rgba(210,145,255,.40))
        drop-shadow(0 0 14px rgba(143,70,255,.28));
}


/* VIP4 金 */
.gtv5-gold .gtv5-vip-badge{
    filter:
        drop-shadow(0 0 5px rgba(255,232,155,.45))
        drop-shadow(0 0 14px rgba(255,183,38,.30));
}


/* VIP5 顶级黄金 */
.gtv5-royal .gtv5-vip-badge{
    filter:
        drop-shadow(0 0 5px rgba(255,247,194,.55))
        drop-shadow(0 0 13px rgba(255,204,67,.42))
        drop-shadow(0 7px 16px rgba(0,0,0,.34));
}


/* 轻微悬浮效果，不让图片显得死板 */
@keyframes gtv5BadgeFloat{
    0%,100%{
        transform:translateY(0) scale(1);
    }

    50%{
        transform:translateY(-4px) scale(1.015);
    }
}


/* 保证图片位于背景效果之上 */
.gtv5-hero .space{
    z-index:0;
}

.gtv5-hero .copy{
    z-index:4;
}

.gtv5-hero .emblem-wrap{
    z-index:3;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

    .gtv5-hero{
        height:228px;
    }

    .gtv5-hero .emblem-wrap{
        width:205px;
        height:188px;

        right:-3px;
        top:20px;
    }

}


/* iPhone 等窄屏 */
@media(max-width:430px){

    .gtv5-hero .emblem-wrap{
        width:190px;
        height:176px;

        right:-7px;
        top:27px;
    }

}


/* 极窄屏幕 */
@media(max-width:380px){

    .gtv5-hero .emblem-wrap{
        width:174px;
        height:164px;

        right:-10px;
        top:31px;
    }

}



/* =========================================================
   VIP DETAIL BACK BUTTON V2
   ========================================================= */

.gtv5-header .gtv5-back{
    position:relative;
    z-index:50;

    flex:0 0 42px;

    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 14px 0 0;
    padding:0;

    border:1px solid rgba(var(--rgb),.72);
    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            rgba(var(--rgb),.16),
            rgba(2,15,30,.92)
        );

    color:var(--vip);

    font-size:32px;
    font-weight:500;
    line-height:1;

    text-align:center;

    box-shadow:
        inset 0 0 12px rgba(var(--rgb),.10),
        0 0 12px rgba(var(--rgb),.18);

    text-shadow:
        0 0 6px var(--vip);

    cursor:pointer;

    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;

    transition:
        transform .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}


.gtv5-header .gtv5-back::before{
    content:"";
    position:absolute;

    inset:-5px;

    border-radius:15px;

    border:1px solid rgba(var(--rgb),.08);

    pointer-events:none;
}


/* PC 鼠标 */
@media(hover:hover){

    .gtv5-header .gtv5-back:hover{
        background:
            linear-gradient(
                145deg,
                rgba(var(--rgb),.28),
                rgba(3,22,41,.96)
            );

        border-color:var(--vip);

        box-shadow:
            inset 0 0 15px rgba(var(--rgb),.17),
            0 0 15px rgba(var(--rgb),.32);
    }

}


/* 点击 */
.gtv5-header .gtv5-back:active{
    transform:scale(.90);

    background:
        rgba(var(--rgb),.28);

    box-shadow:
        inset 0 0 15px rgba(var(--rgb),.22),
        0 0 8px rgba(var(--rgb),.24);
}


/* 手机进一步扩大有效点击区域 */
@media(max-width:620px){

    .gtv5-header .gtv5-back{
        flex-basis:44px;

        width:44px;
        height:44px;

        margin-right:10px;

        border-radius:11px;

        font-size:31px;
    }

}



/* =========================================================
   FAST VIP BADGE DISPLAY
   ========================================================= */

.gtv5-vip-badge{
    opacity:1;

    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;

    transform:translate3d(0,0,0);

    image-rendering:auto;

    contain:layout paint;

    will-change:transform;
}


/* 防止详情页打开时浏览器重新计算整个大图区域 */
.gtv5-emblem-image{
    contain:layout;
}


/* VIP5 因为翅膀更宽，稍微放大 */
.gtv5-royal .gtv5-emblem-image{
    transform:scale(1.06);
}


/* VIP4 稍微加强 */
.gtv5-gold .gtv5-emblem-image{
    transform:scale(1.02);
}



/* =========================================================
   VIP DETAIL HEADER / BACK BUTTON V3
   返回按钮固定真正左上角
   ========================================================= */

.gtv5-header{
    position:relative !important;

    min-height:82px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding-left:68px !important;
    padding-right:68px !important;
}


/* 标题始终保持页面正中央 */
.gtv5-header > div{
    width:100% !important;

    text-align:center !important;

    margin:0 !important;
    padding:0 !important;
}


.gtv5-header h1{
    margin-left:0 !important;
    margin-right:0 !important;
}


/* 真正固定左上角 */
.gtv5-header .gtv5-back{
    position:absolute !important;

    left:4px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    z-index:100 !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    margin:0 !important;
    padding:0 2px 3px 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(var(--rgb),.85) !important;
    border-radius:12px !important;

    background:
        linear-gradient(
            145deg,
            rgba(var(--rgb),.20),
            rgba(2,17,31,.94)
        ) !important;

    color:var(--vip) !important;

    font-size:31px !important;
    font-weight:500 !important;
    line-height:1 !important;

    box-shadow:
        inset 0 0 12px rgba(var(--rgb),.12),
        0 0 8px rgba(var(--rgb),.25),
        0 0 17px rgba(var(--rgb),.13) !important;

    text-shadow:
        0 0 6px var(--vip),
        0 0 12px rgba(var(--rgb),.55) !important;

    cursor:pointer !important;

    pointer-events:auto !important;

    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
}


/* 扩大真实触摸区域，但视觉尺寸保持44px */
.gtv5-header .gtv5-back::after{
    content:"";

    position:absolute;

    left:-8px;
    right:-8px;
    top:-8px;
    bottom:-8px;

    background:transparent;

    pointer-events:auto;
}


/* 防止伪元素吞掉按钮事件 */
.gtv5-header .gtv5-back::before{
    pointer-events:none !important;
}


.gtv5-header .gtv5-back:active{
    transform:
        translateY(-50%)
        scale(.91) !important;

    filter:brightness(1.35);

    box-shadow:
        inset 0 0 17px rgba(var(--rgb),.25),
        0 0 12px rgba(var(--rgb),.38) !important;
}


/* 手机 */
@media(max-width:620px){

    .gtv5-header{
        min-height:82px !important;

        padding-left:58px !important;
        padding-right:58px !important;
    }

    .gtv5-header .gtv5-back{
        left:2px !important;

        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
    }

}


/* 390以下 */
@media(max-width:390px){

    .gtv5-header{
        padding-left:50px !important;
        padding-right:50px !important;
    }

    .gtv5-header .gtv5-back{
        left:0 !important;
    }

}


.gtv5-header .gtv5-back::after{
    pointer-events:none !important;
}



/* =========================================================
   NORMAL USER DETAIL PAGE
   普通用户详情页
   ========================================================= */

.gtv5-normal{
    --vip:#19e6ff;
    --rgb:25,230,255;
}


/* 页面整体蓝青主题 */
.gtv5-normal .gtv5-hero{
    background:
        radial-gradient(
            circle at 68% 48%,
            rgba(0,220,255,.12),
            transparent 30%
        ),
        linear-gradient(
            120deg,
            #03172b 0%,
            #052a48 52%,
            #031728 100%
        );

    border-color:
        rgba(31,230,255,.92);

    box-shadow:
        inset 0 0 30px rgba(0,225,255,.08),
        0 0 18px rgba(0,220,255,.14);
}



/* =========================================================
   HERO COPY
   ========================================================= */

.gtv5-normal-hero .normal-copy{
    position:absolute;

    left:28px;
    top:31px;

    z-index:4;

    width:47%;
}


.gtv5-normal-hero .normal-copy > strong{
    display:block;

    color:#2deaff;

    font-size:39px;
    font-weight:900;

    line-height:1.05;

    letter-spacing:1px;

    text-shadow:
        0 0 5px rgba(255,255,255,.35),
        0 0 12px rgba(0,229,255,.38);
}


.gtv5-normal-hero .normal-copy h2{
    margin:
        11px 0
        0;

    color:#66eaff;

    font-size:20px;
    font-weight:800;
}


.gtv5-normal-hero .normal-copy .line{
    width:42px;

    margin:
        14px 0
        13px;
}


.gtv5-normal-hero .normal-copy p{
    max-width:245px;

    margin:0;

    color:#c8d8e7;

    font-size:12px;
    line-height:1.7;
}



/* =========================================================
   NORMAL USER EMBLEM
   ========================================================= */

.normal-emblem-wrap{
    position:absolute;

    z-index:3;

    right:103px;
    top:27px;

    width:150px;
    height:178px;

    display:flex;
    align-items:center;
    justify-content:center;
}


.gtv5-normal-emblem{
    position:relative;

    width:100%;
    height:100%;
}



/* 六边形 */
.gtv5-normal-hex{
    position:absolute;

    left:50%;
    top:5px;

    width:112px;
    height:118px;

    transform:
        translateX(-50%);

    filter:
        drop-shadow(
            0 0 8px
            rgba(31,226,255,.58)
        )
        drop-shadow(
            0 0 19px
            rgba(0,169,255,.20)
        );
}


.gtv5-normal-hex svg{
    display:block;

    width:100%;
    height:100%;

    overflow:visible;
}


.gtv5-normal-hex polygon{
    fill:
        rgba(7,52,85,.66);

    stroke:#26e7ff;

    stroke-width:5;

    stroke-linejoin:round;
}


.gtv5-normal-hex circle{
    fill:
        url(#none);

    fill:#8cecff;

    filter:
        drop-shadow(
            0 0 6px
            rgba(76,234,255,.45)
        );
}


.gtv5-normal-hex path{
    fill:#53dbf4;

    filter:
        drop-shadow(
            0 0 7px
            rgba(42,227,255,.32)
        );
}



/* =========================================================
   ENERGY PLATFORM
   ========================================================= */

.gtv5-normal-platform{
    position:absolute;

    left:50%;
    bottom:4px;

    width:148px;
    height:40px;

    transform:
        translateX(-50%);

    border:
        1px solid
        rgba(44,231,255,.72);

    border-radius:50%;

    box-shadow:
        0 0 9px rgba(0,220,255,.50),
        inset 0 0 11px rgba(0,220,255,.15);

    transform-origin:center;
}


.gtv5-normal-platform::before,
.gtv5-normal-platform::after,
.gtv5-normal-platform i{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    border-radius:50%;

    transform:
        translate(-50%,-50%);
}


.gtv5-normal-platform::before{
    width:102px;
    height:26px;

    border:
        1px solid
        rgba(74,237,255,.75);

    box-shadow:
        0 0 8px
        rgba(0,223,255,.40);
}


.gtv5-normal-platform::after{
    width:64px;
    height:14px;

    background:
        radial-gradient(
            ellipse,
            rgba(55,233,255,.38),
            transparent 70%
        );

    border:
        1px solid
        rgba(120,245,255,.68);
}


.gtv5-normal-platform i:nth-child(1){
    width:124px;
    height:32px;

    border:
        1px dashed
        rgba(63,229,255,.24);
}


.gtv5-normal-platform i:nth-child(2){
    width:74px;
    height:18px;

    border:
        1px solid
        rgba(36,225,255,.38);
}


.gtv5-normal-platform i:nth-child(3){
    width:6px;
    height:95px;

    top:-30px;

    background:
        linear-gradient(
            to top,
            rgba(47,231,255,.65),
            transparent
        );

    filter:blur(2px);
}



/* =========================================================
   HERO RIGHT SIDE
   ========================================================= */

.normal-side{
    position:absolute;

    z-index:4;

    right:18px;
    top:42px;

    display:flex;
    flex-direction:column;

    gap:5px;

    color:#39e7ff;

    font-size:13px;
    font-weight:700;
}


.normal-side i{
    display:block;

    width:17px;
    height:2px;

    background:#1ee8ff;

    box-shadow:
        0 0 8px
        rgba(0,226,255,.65);
}



/* =========================================================
   NORMAL GRID
   ========================================================= */

.gtv5-normal .gtv5-grid{
    border-color:
        rgba(34,226,255,.74);

    background:
        linear-gradient(
            145deg,
            rgba(7,45,77,.97),
            rgba(3,27,50,.98)
        );
}


.gtv5-normal .gtv5-card{
    border-color:
        rgba(35,224,255,.46);

    background:
        linear-gradient(
            145deg,
            rgba(9,54,89,.96),
            rgba(4,32,59,.98)
        );
}


.gtv5-normal .gtv5-card strong{
    color:#23e7ff;
}



/* 普通用户开通说明数值稍亮 */
.gtv5-normal .normal-open-section
.gtv5-card strong{
    text-shadow:
        0 0 8px
        rgba(0,225,255,.24);
}



/* =========================================================
   BOTTOM ACTION
   ========================================================= */

.gtv5-normal .gtv5-actions{
    border-color:
        rgba(33,226,255,.55);
}


.gtv5-normal .gtv5-actions .primary{
    color:#001421;

    background:
        linear-gradient(
            90deg,
            #25e5ff,
            #17c9f2
        );

    border-color:#75f3ff;

    box-shadow:
        0 0 18px
        rgba(0,222,255,.32),
        inset 0 0 15px
        rgba(255,255,255,.15);
}


.gtv5-normal .gtv5-actions .primary span,
.gtv5-normal .gtv5-actions .primary b{
    color:#001421;
}



/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:620px){

    .gtv5-normal-hero
    .normal-copy{
        left:21px;
        top:28px;

        width:50%;
    }


    .gtv5-normal-hero
    .normal-copy > strong{
        font-size:32px;
    }


    .gtv5-normal-hero
    .normal-copy h2{
        font-size:17px;
    }


    .gtv5-normal-hero
    .normal-copy p{
        max-width:170px;

        font-size:10.5px;
        line-height:1.55;
    }


    .normal-emblem-wrap{
        right:62px;
        top:31px;

        width:132px;
        height:157px;
    }


    .normal-side{
        right:8px;
        top:44px;

        font-size:10px;
    }

}



@media(max-width:430px){

    .gtv5-normal-hero
    .normal-copy{
        left:18px;
        top:31px;
    }


    .gtv5-normal-hero
    .normal-copy > strong{
        font-size:29px;
    }


    .gtv5-normal-hero
    .normal-copy p{
        max-width:150px;
    }


    .normal-emblem-wrap{
        right:49px;
        top:36px;

        width:121px;
        height:148px;
    }


    .normal-side{
        right:5px;

        font-size:9px;
    }

}



/* =========================================================
   VIP MAIN PAGE BACK BUTTON
   同步详情页返回按钮视觉
   ========================================================= */

.gt-vip-main-back-enhanced{
    position:relative !important;

    z-index:100 !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 2px 3px 0 !important;

    border:
        1px solid
        rgba(28,225,255,.82) !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            145deg,
            rgba(14,192,224,.18),
            rgba(2,17,31,.94)
        ) !important;

    color:#25e6ff !important;

    font-size:31px !important;
    font-weight:500 !important;

    line-height:1 !important;

    box-shadow:
        inset 0 0 12px
            rgba(25,228,255,.11),

        0 0 8px
            rgba(0,220,255,.27),

        0 0 17px
            rgba(0,220,255,.12)
        !important;

    text-shadow:
        0 0 6px
            #28e5ff,

        0 0 12px
            rgba(0,220,255,.48)
        !important;

    cursor:pointer !important;

    touch-action:
        manipulation !important;

    -webkit-tap-highlight-color:
        transparent !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}


.gt-vip-main-back-enhanced:active{
    transform:
        scale(.91) !important;

    filter:
        brightness(1.35);
}


/* 手机保持清晰的大点击区域 */
@media(max-width:620px){

    .gt-vip-main-back-enhanced{
        width:42px !important;
        height:42px !important;

        min-width:42px !important;
        min-height:42px !important;
    }

}


/* 普通用户详情：不显示右上角三行卖点文字 */
.gtv5-normal .normal-side{
    display:none !important;
}


/* VIP详情页右上角小型卖点文字统一隐藏 */
.gtv5-hero .side,
.gtv5-normal-hero .normal-side{
    display:none !important;
}



/* =========================================================
   VIP MAIN PAGE BACK BUTTON V2
   与详情页返回按钮统一
   ========================================================= */

.gt-vip-header{
    position:relative !important;

    min-height:82px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding-left:64px !important;
    padding-right:64px !important;
}


/* 标题保持正中央 */
.gt-vip-header > div{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    text-align:center !important;
}


/* 主页面返回按钮 */
.gt-vip-header .gt-vip-back{
    position:absolute !important;

    left:4px !important;
    top:50% !important;

    z-index:100 !important;

    transform:
        translateY(-50%) !important;

    width:44px !important;
    height:44px !important;

    min-width:44px !important;
    min-height:44px !important;

    margin:0 !important;
    padding:0 2px 3px 0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:
        1px solid
        rgba(28,225,255,.88) !important;

    border-radius:
        12px !important;

    background:
        linear-gradient(
            145deg,
            rgba(17,210,235,.20),
            rgba(2,18,34,.95)
        ) !important;

    color:#27eaff !important;

    font-size:31px !important;
    font-weight:500 !important;

    line-height:1 !important;

    box-shadow:
        inset 0 0 12px
            rgba(23,229,255,.13),

        0 0 8px
            rgba(0,225,255,.30),

        0 0 18px
            rgba(0,217,255,.15)
        !important;

    text-shadow:
        0 0 6px
            #2ceaff,

        0 0 13px
            rgba(0,225,255,.56)
        !important;

    cursor:pointer !important;

    pointer-events:auto !important;

    touch-action:
        manipulation !important;

    -webkit-tap-highlight-color:
        transparent !important;

    transition:
        transform .15s ease,
        filter .15s ease,
        box-shadow .15s ease !important;
}


/* 点击反馈 */
.gt-vip-header .gt-vip-back:active{
    transform:
        translateY(-50%)
        scale(.91) !important;

    filter:
        brightness(1.35);

    box-shadow:
        inset 0 0 16px
            rgba(23,229,255,.24),

        0 0 12px
            rgba(0,225,255,.40)
        !important;
}


/* 手机 */
@media(max-width:620px){

    .gt-vip-header{
        min-height:82px !important;

        padding-left:56px !important;
        padding-right:56px !important;
    }

    .gt-vip-header .gt-vip-back{
        left:2px !important;

        width:42px !important;
        height:42px !important;

        min-width:42px !important;
        min-height:42px !important;

        font-size:30px !important;
    }

}


/* 窄屏 */
@media(max-width:390px){

    .gt-vip-header{
        padding-left:50px !important;
        padding-right:50px !important;
    }

    .gt-vip-header .gt-vip-back{
        left:0 !important;
    }

}



/* =========================================================
   GTAM VIP REAL REQUIREMENT STATUS
   ========================================================= */

.gtv5-requirement-state{
  position:relative;
  min-width:0;
}

.gtv5-requirement-state > *:first-child{
  height:100%;
  transition:
    border-color .22s ease,
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}


/* ---------- 已达成 ---------- */

.gtv5-requirement-state.is-met > *:first-child{
  border-color:
    rgba(46,245,181,.82) !important;

  background:
    linear-gradient(
      145deg,
      rgba(15,65,75,.96),
      rgba(7,43,63,.96)
    ) !important;

  box-shadow:
    inset 0 0 18px
      rgba(46,245,181,.09),
    0 0 16px
      rgba(46,245,181,.13) !important;
}


.gtv5-requirement-result{
  position:absolute;

  right:10px;
  top:8px;

  z-index:4;

  display:flex;
  align-items:center;

  gap:5px;

  padding:3px 7px;

  border-radius:999px;

  font-size:10px;
  font-weight:700;

  line-height:1;
}


.gtv5-requirement-state.is-met
.gtv5-requirement-result{
  color:#39f0b5;

  border:
    1px solid
    rgba(57,240,181,.38);

  background:
    rgba(16,82,72,.64);

  box-shadow:
    0 0 9px
    rgba(57,240,181,.12);
}


.gtv5-requirement-state.is-met
.gtv5-requirement-result i{
  width:17px;
  height:17px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#052e28;
  background:#39f0b5;

  font-size:12px;
  font-style:normal;
  font-weight:900;

  box-shadow:
    0 0 8px
    rgba(57,240,181,.38);
}


/* ---------- 未达成 ---------- */

.gtv5-requirement-state.is-unmet
.gtv5-requirement-result{
  color:
    rgba(205,219,233,.66);

  border:
    1px solid
    rgba(170,190,210,.18);

  background:
    rgba(6,25,44,.52);
}


/* 移动端避免状态标签挡住内容 */

@media(max-width:700px){

  .gtv5-requirement-result{
    right:7px;
    top:7px;

    padding:3px 6px;

    font-size:9px;
  }

  .gtv5-requirement-state.is-met
  .gtv5-requirement-result i{
    width:15px;
    height:15px;

    font-size:10px;
  }
}



/* =========================================================
   GTAM VIP REQUIREMENT BADGE AUTO FIX
   状态标签移动到右下角，避免遮挡标题
   ========================================================= */

.gtv5-requirement-state{
  position:relative !important;
  min-width:0;
}

.gtv5-requirement-state > *:first-child{
  height:100%;
  padding-bottom:34px !important;
}

.gtv5-requirement-result{
  position:absolute !important;
  right:10px !important;
  bottom:8px !important;
  top:auto !important;
  left:auto !important;
  z-index:20;

  display:flex;
  align-items:center;
  gap:5px;

  padding:3px 8px;
  border-radius:999px;

  font-size:10px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.gtv5-requirement-state.is-met .gtv5-requirement-result{
  color:#39f0b5;
  border:1px solid rgba(57,240,181,.38);
  background:rgba(16,82,72,.78);
}

.gtv5-requirement-state.is-unmet .gtv5-requirement-result{
  color:#aebccc;
  border:1px solid rgba(170,190,210,.22);
  background:rgba(4,24,43,.82);
}

.gtv5-requirement-state.is-met .gtv5-requirement-result i{
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;

  color:#052e28;
  background:#39f0b5;

  font-size:12px;
  font-style:normal;
  font-weight:900;
}

@media(max-width:700px){

  .gtv5-requirement-state > *:first-child{
    padding-bottom:32px !important;
  }

  .gtv5-requirement-result{
    right:7px !important;
    bottom:7px !important;
    top:auto !important;
    left:auto !important;

    padding:3px 6px;
    font-size:9px;
  }

  .gtv5-requirement-state.is-met .gtv5-requirement-result i{
    width:15px;
    height:15px;
    font-size:10px;
  }
}



/* GTAM_LANGUAGE_OPTION_OVERFLOW_V45 */
.language-grid{
  min-width:0;
}

.language-option{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
  gap:8px;
  justify-content:flex-start;
  white-space:nowrap;
  font-size:clamp(14px,3.55vw,18px);
}

.language-option > *{
  min-width:0;
}

@media(max-width:430px){
  .language-grid{
    gap:10px;
    padding:18px 16px;
  }

  .language-option{
    padding:12px 10px;
    font-size:15px;
    letter-spacing:-0.15px;
  }

  .language-option[data-lang="pt-PT"],
  .language-option[data-lang="es-MX"]{
    font-size:14px;
  }
}

/* =========================================================
   GTAM GLOBAL INTERACTION SPEED V60
   只优化触摸/点击反馈，不改变业务逻辑
   ========================================================= */

button,
a,
[role="button"],
[data-action],
[data-nav],
[data-open-order],
[data-close],
[data-standalone-back],
input[type="submit"],
input[type="button"]{
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

button:not(:disabled),
a,
[role="button"],
[data-action],
[data-nav],
[data-open-order],
[data-close],
[data-standalone-back]{
  cursor:pointer;
}

button:not(:disabled):active,
[role="button"]:active,
[data-action]:active,
[data-nav]:active,
[data-open-order]:active,
[data-standalone-back]:active{
  transform:scale(.985);
  opacity:.88;
  transition:transform .04s linear,opacity .04s linear;
}

button:disabled,
input[type="submit"]:disabled{
  cursor:wait;
}

/* GTAM_FUNCTION_BUTTON_SPEED_V61 */
.gt-function-submitting{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  pointer-events:none !important;
  opacity:.82 !important;
}

.gt-function-submit-spinner{
  display:inline-block;
  width:15px;
  height:15px;
  flex:0 0 15px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:gtFunctionSpinV61 .55s linear infinite;
}

@keyframes gtFunctionSpinV61{
  to{
    transform:rotate(360deg);
  }
}