@font-face {font-family:'BinancePlex';font-display:swap;src:url('/static/fonts/BinancePlex-Light.woff2') format('woff2');font-weight:300;}
@font-face {font-family:'BinancePlex';font-display:swap;src:url('/static/fonts/BinancePlex-Regular.woff2') format('woff2');font-weight:400;}
@font-face {font-family:'BinancePlex';font-display:swap;src:url('/static/fonts/BinancePlex-Medium.woff2') format('woff2');font-weight:500;}
@font-face {font-family:'BinancePlex';font-display:swap;src:url('/static/fonts/BinancePlex-SemiBold.woff2') format('woff2');font-weight:600;}
@font-face {font-family:'BinancePlex';font-display:swap;src:url('/static/fonts/BinancePlex-Bold.woff2') format('woff2');font-weight:700;}

:root,html[theme=light] {--body-bg:#f3f7ff;--ex-primary-color-rgb:1 76 250;--ex-primary-color:rgb(var(--ex-primary-color-rgb));--ex-primary-deep:#0a3fd9;--ex-primary-light:#5b8cff;--ex-up-color-rgb:24 183 98;--ex-down-color-rgb:232 80 58;--ex-up-color:rgb(var(--ex-up-color-rgb));--ex-down-color:rgb(var(--ex-down-color-rgb));--ex-text-color-rgb:18 28 48;--ex-text-color:rgb(var(--ex-text-color-rgb));--ex-text-color2-rgb:106 116 140;--ex-text-color2:rgb(var(--ex-text-color2-rgb));--ex-text-color3-rgb:148 156 176;--ex-text-color3:rgb(var(--ex-text-color3-rgb));--ex-text-color4-rgb:170 180 198;--ex-text-color4:rgb(var(--ex-text-color4-rgb));--ex-border-color-rgb:226 234 248;--ex-border-color:rgb(var(--ex-border-color-rgb));--ex-border-color2-rgb:200 214 236;--ex-border-color2:rgb(var(--ex-border-color2-rgb));--ex-bg-color-rgb:248 251 255;--ex-bg-color:rgb(var(--ex-bg-color-rgb));--ex-bg-color2-rgb:238 244 255;--ex-bg-color2:rgb(var(--ex-bg-color2-rgb));--ex-bg-color3-rgb:232 240 255;--ex-bg-color3:rgb(var(--ex-bg-color3-rgb));--ex-bg-color4-rgb:217 228 255;--ex-bg-color4:rgb(var(--ex-bg-color4-rgb));--ex-bg-color5-rgb:174 198 255;--ex-bg-color5:rgb(var(--ex-bg-color5-rgb));--ex-bg-color6-rgb:228 236 251;--ex-bg-color6:rgb(var(--ex-bg-color6-rgb));--ex-bg-soft:rgb(var(--ex-primary-color-rgb) / .08);--ex-text-color--bg-primary:#ffffff;--card-bg:#0a0a0a;--card-border:1px solid rgba(255,255,255,.12);--card-shadow:0 .08rem .22rem rgba(0,0,0,.28);--hero-bg:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);--hero-shadow:0 .1rem .28rem rgba(0,0,0,.35);--page-glow:#000000;--radius-sm:.14rem;--radius-md:.22rem;--radius-lg:.36rem;--shadow-sm:0 .04rem .16rem rgba(0,0,0,.25);--shadow-md:0 .1rem .28rem rgba(0,0,0,.35);--ease:cubic-bezier(.22,1,.36,1);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:1.72rem;--app-height:100%;--mining-card:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);--stats-card:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 100%);--participate-bg:#1a1a1a;--connect-bg:#222222;}

* {box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html,body {background:var(--body-bg);color:var(--ex-text-color);font-family:'BinancePlex',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:50px;height:100%;overflow:hidden;}
#app {margin:0 auto;min-height:var(--app-height);max-width:7.5rem;width:100%;position:relative;background:var(--ex-bg-color);overflow:hidden;}
#app.large {width:375px;}
.page {height:calc(var(--app-height) - var(--nav-h) - var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:.4rem;}
.page.no-nav {height:var(--app-height);}

a {color:inherit;text-decoration:none;}
button {font-family:inherit;border:none;background:none;cursor:pointer;}
img {display:block;max-width:100%;}

.text-primary {color:var(--ex-primary-color);}
.text-color2 {color:var(--ex-text-color2);}
.text-color3 {color:var(--ex-text-color3);}
.up,.text-up {color:var(--ex-up-color);}
.down,.text-down {color:var(--ex-down-color);}


.home2-header {display:flex;align-items:center;justify-content:space-between;height:.72rem;padding:.2rem .3rem 0;}
.home2-header .logo {height:.44rem;width:auto;}
.home2-header .icons {display:flex;gap:.24rem;align-items:center;}
.home2-header .icons a,.home2-header .icons button {width:.52rem;height:.52rem;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.home2-header .icons img {width:.4rem;height:.4rem;}

.wallet-row {display:flex;align-items:center;gap:.3rem;margin-top:.54rem;padding:0 .16rem;}
.network-pill {display:flex;align-items:center;gap:.1rem;height:.68rem;flex:1;padding:0 .18rem;border:1px solid var(--ex-border-color2);border-radius:9999px;font-size:.24rem;font-weight:600;background:transparent;white-space:nowrap;line-height:1.1;}
.network-pill .eth {width:.34rem;height:.34rem;border-radius:50%;}
.connect-btn {flex:1;height:.68rem;border-radius:9999px;background:var(--connect-bg);color:var(--ex-primary-color);display:flex;align-items:center;justify-content:center;gap:.08rem;font-size:.24rem;font-weight:600;padding:0 .16rem;white-space:nowrap;line-height:1.1;}
.connect-btn img {width:.34rem;height:.34rem;}
.connect-btn span {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:2.4rem;}


.page-index {background:url('/web3_267/static/img/home/bbg.jpg') no-repeat top center / 100% auto,#ffffff;padding:0 .32rem calc(var(--nav-h) + .2rem);}
.section-title {font-size:.48rem;font-weight:600;margin-top:.8rem;color:var(--ex-text-color);}
.section-title-md {margin-top:.62rem;}
.section-title-lg {margin-top:.72rem;}
.mining-card {margin-top:.62rem;background:var(--mining-card);border-radius:.36rem;min-height:4.26rem;padding:.3rem .4rem;border:none;box-shadow:none;color:var(--ex-text-color);}
.mining-card .row {display:flex;align-items:center;justify-content:space-between;font-size:.4rem;font-weight:600;}
.mining-card .link {font-size:.32rem;font-weight:500;color:var(--ex-primary-color);text-decoration:underline;text-underline-offset:.06rem;}
.participate-wrap {display:flex;justify-content:center;padding-top:.62rem;}
.participate-btn {margin-top:0;width:3.2rem;height:1.12rem;border-radius:9999px;background:var(--participate-bg);color:var(--ex-text-color3);font-size:.36rem;font-weight:600;display:flex;align-items:center;justify-content:center;}
.participate-btn.enabled {background:var(--ex-primary-color);color:#fff;}
.earn-meta {margin-top:.34rem;font-size:.28rem;color:var(--ex-text-color2);text-align:center;}
.distributed {margin-top:.44rem;display:flex;justify-content:space-between;align-items:center;font-size:.28rem;}
.distributed .val {font-size:.4rem;font-weight:600;color:var(--ex-primary-color);}

.stats-card {margin-top:.3rem;background:var(--stats-card);border-radius:.36rem;min-height:4.64rem;padding:.4rem;}
.stats-grid {display:flex;flex-wrap:wrap;padding-top:0;gap:.48rem 0;text-align:center;}
.stats-grid .item {width:50%;}
.stats-grid .num {font-size:.32rem;font-weight:700;color:var(--ex-text-color);}
.stats-grid .label {margin-top:.16rem;font-size:.28rem;color:var(--ex-text-color2);}

.earn-board {margin-top:.4rem;display:flex;flex-direction:column;gap:.2rem;max-height:4.8rem;overflow:hidden;}
.earn-item {background:transparent;border:none;border-radius:0;height:auto;min-height:.9rem;padding:.12rem 0;display:flex;align-items:center;justify-content:space-between;gap:.18rem;box-shadow:none !important;}
.earn-item .earn-left {display:flex;flex-direction:column;gap:.06rem;}
.earn-item .addr {font-size:.3rem;font-weight:600;color:var(--ex-text-color);}
.earn-item .amt {font-size:.28rem;font-weight:600;color:var(--ex-up-color);}
.earn-item .earn-right {font-size:.26rem;color:var(--ex-text-color3);}

.faq {margin-top:.8rem;padding-bottom:.4rem;}
.faq-item {background:var(--ex-bg-color2);border-radius:.24rem;margin-bottom:.2rem;overflow:hidden;}
.faq-item summary {list-style:none;display:flex;align-items:center;justify-content:space-between;padding:.28rem .28rem;font-size:.3rem;font-weight:600;cursor:pointer;}
.faq-item summary::-webkit-details-marker {display:none;}
.faq-item summary img {width:.32rem;height:.32rem;transition:transform .2s;}
.faq-item[open] summary img {transform:rotate(180deg);}
.faq-item p {padding:0 .28rem .28rem;font-size:.26rem;line-height:1.5;color:var(--ex-text-color2);}


.bottom_nav2,.bottom_nav2.bottom_nav_dock {position:fixed;left:50%;transform:translateX(-50%);bottom:calc(.2rem + var(--safe-bottom));width:calc(100% - .72rem);max-width:6.9rem;height:auto;min-height:1.2rem;padding:0 !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-radius:0 !important;border:none !important;box-shadow:none !important;outline:none !important;display:flex;z-index:100;overflow:visible;filter:none !important;}
.bottom_nav2::before,.bottom_nav2::after,.bottom_nav2.bottom_nav_dock::before,.bottom_nav2.bottom_nav_dock::after {content:none !important;display:none !important;background:none !important;box-shadow:none !important;}
#app.large .bottom_nav2 {width:345px;max-width:345px;}
.bottom_nav2 .nav_box {flex:1;display:flex;align-items:center;justify-content:space-around;padding:.1rem .12rem;gap:.04rem;height:1.2rem;background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%);border:1px solid rgba(255,255,255,.12);border-radius:9999px !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);}
html[theme=dark] .bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}
.bottom_nav_item {flex:1;display:flex;align-items:center;justify-content:center;color:#8a96b0;font-size:.2rem;width:auto;height:100%;text-decoration:none;}
.bottom_nav_item .bn_con {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.04rem;min-width:1.16rem;height:1.08rem;padding:.08rem .14rem;border-radius:9999px;color:inherit;transition:background .2s,color .2s;}
.bottom_nav_item.active,.bottom_nav_item.bottom_nav_active,.bottom_nav_item.active .bn_con,.bottom_nav_item.bottom_nav_active .bn_con {color:#014cfa !important;}
.bottom_nav_item.active .bn_con,.bottom_nav_item.bottom_nav_active .bn_con {background:rgba(1,76,250,.1);}
.bottom_nav_icon {width:.4rem;height:.4rem;margin-bottom:0;display:flex;align-items:center;justify-content:center;color:inherit;}
.bottom_nav_icon svg {width:.4rem;height:.4rem;display:block;}
.bottom_nav_name {line-height:1;font-size:.2rem;font-weight:500;white-space:nowrap;}


.page-market {padding:0;background:#fff;}
.header_tabs {display:flex;align-items:flex-end;justify-content:center;gap:.56rem;height:.96rem;padding:0 .3rem .16rem;border-bottom:1px solid var(--ex-border-color);background:#fff;position:sticky;top:0;z-index:5;}
.header_tabs .tab {font-size:.3rem;font-weight:500;color:var(--ex-text-color2);padding-bottom:.12rem;position:relative;}
.header_tabs .tab.active_tab {font-size:.36rem;font-weight:700;color:var(--ex-text-color);}
.header_tabs .tab.active_tab::after {content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:.48rem;height:.08rem;border-radius:.08rem;background:var(--ex-primary-color);}
.market-sub {display:flex;gap:.4rem;padding:.2rem .3rem .12rem;background:#fff;border-bottom:none;}
.market-sub .tab {font-size:.3rem;color:var(--ex-text-color2);padding-bottom:.1rem;position:relative;}
.market-sub .tab.active {color:var(--ex-text-color);font-weight:700;}
.market-sub .tab.active::after {content:'';position:absolute;left:0;right:0;bottom:0;height:.04rem;background:var(--ex-primary-color);border-radius:.04rem;}
.market-list {padding:0 .3rem;background:#fff;}
.market-row {display:flex;align-items:center;gap:.16rem;padding:.28rem 0;border-bottom:1px solid var(--ex-border-color);text-decoration:none;color:inherit;}
.market-row .left {flex:1.15;min-width:0;}
.market-row .sym {font-size:.32rem;font-weight:700;color:var(--ex-text-color);display:flex;align-items:center;gap:.12rem;}
.market-row .sym img {width:.44rem;height:.44rem;border-radius:50%;}
.market-row .pair {margin-top:.06rem;font-size:.24rem;color:var(--ex-text-color3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.market-row .mid {flex:1;text-align:center;font-size:.34rem;font-weight:700;font-variant-numeric:tabular-nums;}
.market-row .mid.up,.market-row .chg.up {color:var(--ex-up-color);}
.market-row .mid.down,.market-row .chg.down {color:var(--ex-down-color);}
.market-row .right {width:1.6rem;display:flex;flex-direction:column;align-items:flex-end;gap:.08rem;}
.market-row .chg {font-size:.24rem;font-variant-numeric:tabular-nums;}
.ratio-pill {display:inline-flex;align-items:center;justify-content:center;min-width:1.2rem;height:.44rem;padding:0 .14rem;border-radius:.1rem;color:#fff;font-size:.24rem;font-weight:600;}
.ratio-pill.up {background:var(--ex-up-color);}
.ratio-pill.down {background:var(--ex-down-color);}
.ratio-pill.flat {background:#9aa0b0;}


.tabs-top {display:flex;align-items:center;justify-content:center;height:.9rem;padding:0 .3rem;gap:.56rem;border-bottom:1px solid var(--ex-border-color);font-size:.3rem;font-weight:500;color:var(--ex-text-color2);background:#fff;}
.tabs-top .tab.active {color:var(--ex-text-color);font-weight:700;font-size:.36rem;position:relative;}
.tabs-top .tab.active::after {content:'';position:absolute;left:50%;bottom:-.22rem;transform:translateX(-50%);width:.48rem;height:.08rem;border-radius:.08rem;background:var(--ex-primary-color);}
.sub-tabs {display:flex;gap:.4rem;padding:.24rem .3rem;font-size:.3rem;color:var(--ex-text-color2);}
.sub-tabs .tab.active {color:var(--ex-text-color);font-weight:700;position:relative;}
.sub-tabs .tab.active::after {content:'';position:absolute;left:0;right:0;bottom:-.08rem;height:.04rem;background:var(--ex-primary-color);}


.page-trade {padding:.3rem;}
.trade-head {display:flex;align-items:center;justify-content:space-between;}
.trade-head .pair {font-size:.4rem;font-weight:700;}
.trade-price {margin-top:.2rem;font-size:.48rem;font-weight:700;}
.trade-panel {margin-top:.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.2rem;}
.side-btn {height:.8rem;border-radius:.16rem;color:#fff;font-size:.32rem;font-weight:600;}
.side-btn.buy {background:var(--ex-up-color);}
.side-btn.sell {background:var(--ex-down-color);}
.field {margin-top:.24rem;background:var(--ex-bg-color2);border-radius:.16rem;padding:.2rem .24rem;}
.field label {display:block;font-size:.24rem;color:var(--ex-text-color2);margin-bottom:.1rem;}
.field input {width:100%;border:none;outline:none;background:transparent;font-size:.32rem;font-weight:600;color:var(--ex-text-color);font-family:inherit;}


.page-assets,.page-user,.page-auth {padding:.3rem;}
.card {background:var(--ex-bg-color2);border-radius:.32rem;padding:.36rem;}
.balance-title {font-size:.28rem;color:var(--ex-text-color2);}
.balance-num {margin-top:.16rem;font-size:.56rem;font-weight:700;}
.action-grid {margin-top:.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.24rem;text-align:center;}
.action-grid .act {display:flex;flex-direction:column;align-items:center;gap:.12rem;font-size:.24rem;color:var(--ex-text-color2);}
.action-grid .ico {width:.8rem;height:.8rem;border-radius:.2rem;background:var(--ex-bg-color4);display:flex;align-items:center;justify-content:center;color:var(--ex-primary-color);font-size:.36rem;font-weight:700;}
.wallet-list {margin-top:.4rem;}
.wallet-row2 {display:flex;align-items:center;gap:.2rem;padding:.28rem 0;border-bottom:1px solid var(--ex-border-color);}
.wallet-row2 img {width:.56rem;height:.56rem;}
.wallet-row2 .name {flex:1;font-size:.3rem;font-weight:600;}
.wallet-row2 .bal {text-align:right;font-size:.28rem;font-weight:600;}

.user-head {display:flex;align-items:center;gap:.24rem;padding:.2rem 0 .4rem;}
.avatar {width:1rem;height:1rem;border-radius:50%;background:var(--ex-bg-color4);display:flex;align-items:center;justify-content:center;color:var(--ex-primary-color);font-weight:700;font-size:.4rem;}
.menu-list {margin-top:.2rem;}
.menu-item {display:flex;align-items:center;justify-content:space-between;height:1rem;border-bottom:1px solid var(--ex-border-color);font-size:.3rem;}
.menu-item img {width:.28rem;opacity:.5;}


.auth-box {margin-top:.6rem;}
.auth-box h1 {font-size:.48rem;font-weight:700;margin-bottom:.4rem;}
.auth-box .field {margin-bottom:.24rem;}
.auth-submit {margin-top:.4rem;width:100%;height:.88rem;border-radius:.2rem;background:var(--ex-primary-color);color:#fff;font-size:.34rem;font-weight:600;}
.auth-switch {margin-top:.32rem;text-align:center;font-size:.28rem;color:var(--ex-text-color2);}
.auth-switch a {color:var(--ex-primary-color);}
.alert {margin-bottom:.24rem;padding:.2rem .24rem;border-radius:.12rem;font-size:.26rem;background:#ffe8e4;color:var(--ex-down-color);}
.alert.ok {background:#e6f8ef;color:var(--ex-up-color);}

.mining-list {margin-top:.3rem;display:flex;flex-direction:column;gap:.24rem;}
.mining-product {background:var(--ex-bg-color2);border-radius:.28rem;padding:.32rem;}
.mining-product .name {font-size:.34rem;font-weight:700;}
.mining-product .meta {margin-top:.2rem;display:flex;justify-content:space-between;font-size:.26rem;color:var(--ex-text-color2);}
.mining-product .rate {color:var(--ex-primary-color);font-size:.4rem;font-weight:700;margin-top:.12rem;}
.tag {display:inline-block;padding:.04rem .12rem;border-radius:.08rem;background:var(--ex-bg-color4);color:var(--ex-primary-color);font-size:.22rem;}

.notice-item {padding:.28rem 0;border-bottom:1px solid var(--ex-border-color);}
.notice-item .t {font-size:.3rem;font-weight:600;}
.notice-item .d {margin-top:.1rem;font-size:.24rem;color:var(--ex-text-color2);}

.toast {position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);background:rgba(15,23,42,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:.22rem .4rem;border-radius:.16rem;font-size:.28rem;z-index:9999;display:none;max-width:80%;text-align:center;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;}
.toast.is-on {display:block;opacity:1;animation:toastIn .22s ease;}
@keyframes toastIn {from{ opacity: 0; transform: translate(-50%,-42%) scale(.96); }to{ opacity: 1; transform: translate(-50%,-50%) scale(1); }}


.earn-board {position:relative;}
.earn-marquee {display:flex;flex-direction:column;gap:.24rem;animation:earnScroll 28s linear infinite;}
@keyframes earnScroll {0%{ transform: translateY(0); }100%{ transform: translateY(-50%); }}
.participate-btn.enabled {transition:transform .15s ease,background .2s;}
.participate-btn.enabled:active {transform:scale(.98);}
.connect-btn {transition:opacity .2s;}
.connect-btn:active {opacity:.85;}


.wallet-modal {position:fixed;inset:0;z-index:2000;display:none;align-items:flex-end;justify-content:center;}
.wallet-modal.show {display:flex;}
.wallet-modal-panel {position:relative;width:100%;max-width:375px;background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);border-radius:.32rem .32rem 0 0;padding:.36rem .32rem .48rem;box-sizing:border-box;animation:wmUp .28s ease;color:#fff;border-top:1px solid rgba(255,255,255,.14);}
.wallet-modal-mask {position:absolute;inset:0;background:rgba(0,0,0,.72);}
@keyframes wmUp {from{ transform: translateY(40%); opacity: .6; }to{ transform: none; opacity: 1; }}
.wallet-modal-head {display:flex;align-items:center;justify-content:space-between;font-size:.36rem;font-weight:700;margin-bottom:.16rem;}
.wm-close {width:.56rem;height:.56rem;border-radius:50%;background:#111;font-size:.4rem;line-height:1;color:#fff;border:1px solid rgba(255,255,255,.16);}
.wallet-modal-tip {font-size:.24rem;color:var(--ex-text-color2);margin-bottom:.28rem;}
.wallet-chain-list {display:flex;flex-direction:column;gap:.16rem;}
.wallet-chain-item {display:flex;align-items:center;gap:.2rem;width:100%;padding:.24rem;border-radius:.2rem;background:linear-gradient(165deg,#161616,#0a0a0a);text-align:left;color:#fff;border:1px solid rgba(255,255,255,.12);}
.wallet-chain-item img {width:.56rem;height:.56rem;}
.wallet-chain-item .meta {flex:1;}
.wallet-chain-item .n {font-size:.3rem;font-weight:700;color:#fff;}
.wallet-chain-item .s {font-size:.22rem;color:#9a9a9a;margin-top:.04rem;}
.wallet-chain-item .go {font-size:.24rem;color:#fff;font-weight:600;}
.wallet-chain-item.muted {opacity:.55;}
.wallet-chain-item.muted .go {color:#9a9a9a;}
.wallet-modal-status {min-height:.4rem;margin-top:.2rem;font-size:.24rem;color:#fff;text-align:center;}

.stats-grid .num {animation:fadeUp .6s ease both;}
@keyframes fadeUp {from{ opacity: 0; transform: translateY(.12rem); }to{ opacity: 1; transform: none; }}


.trade-tabs {display:flex;gap:.4rem;padding:.2rem .3rem 0;font-size:.32rem;color:var(--ex-text-color2);}
.trade-tabs a.active {color:var(--ex-text-color);font-weight:700;position:relative;}
.trade-tabs a.active::after {content:'';position:absolute;left:20%;right:20%;bottom:-.12rem;height:.06rem;border-radius:.06rem;background:var(--ex-primary-color);}
.pair-head {display:flex;justify-content:space-between;align-items:flex-start;padding:.28rem .3rem .1rem;}
.pair-name {font-size:.34rem;font-weight:700;}
.pair-price {font-size:.4rem;font-weight:700;margin-top:.08rem;}
.pair-price span {font-size:.26rem;margin-left:.08rem;}
.pair-actions {display:flex;gap:.2rem;color:var(--ex-text-color2);}
.mini-chart {height:3.2rem;margin:.1rem .2rem .2rem;}
.time-label {padding:0 .3rem;font-size:.28rem;color:var(--ex-text-color2);}
.time-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;padding:.2rem .3rem;}
.time-btn {border:1px solid var(--ex-border-color2);border-radius:.16rem;padding:.2rem .1rem;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.06rem;}
.time-btn .t {font-size:.3rem;font-weight:600;}
.time-btn .r {font-size:.24rem;color:var(--ex-text-color2);}
.time-btn.active {border-color:var(--ex-primary-color);color:var(--ex-primary-color);}
.time-btn.active .r {color:var(--ex-primary-color);}
.amount-field {margin:.1rem .3rem;}
.amount-row {display:flex;align-items:center;gap:.12rem;}
.amount-row input {flex:1;border:none;outline:none;background:transparent;font-size:.36rem;font-weight:700;font-family:inherit;}
.amount-row span {flex-shrink:0;font-size:.26rem;font-weight:600;color:var(--ex-text-color2);line-height:1;}
.pct-row {display:flex;gap:.12rem;padding:.1rem .3rem .2rem;}
.pct-row button {flex:1;height:.56rem;border-radius:.12rem;background:var(--ex-bg-color2);font-size:.24rem;color:var(--ex-text-color2);}
.avail-row {display:flex;justify-content:space-between;padding:.1rem .3rem .2rem;font-size:.26rem;}
.dir-btns {display:grid;grid-template-columns:1fr 1fr;gap:.2rem;padding:.1rem .3rem .3rem;}
.dir-up,.dir-down {height:.88rem;border-radius:.16rem;color:#fff;font-size:.34rem;font-weight:700;}
.dir-up {background:var(--ex-up-color);}
.dir-down {background:var(--ex-down-color);}
.order-tabs {display:flex;gap:.4rem;padding:.2rem .3rem;border-top:1px solid var(--ex-border-color);font-size:.3rem;color:var(--ex-text-color2);}
.order-tabs button.active {color:var(--ex-text-color);font-weight:700;}
.order-panel {padding:.1rem .3rem .4rem;min-height:2rem;}
.empty-tip {text-align:center;color:var(--ex-text-color2);font-size:.28rem;padding:.5rem 0;}
.order-card {background:var(--ex-bg-color2);border-radius:.2rem;padding:.24rem;margin-bottom:.16rem;font-size:.28rem;}
.order-card .meta {color:var(--ex-text-color2);margin-top:.08rem;font-size:.24rem;}
.lev-row {display:flex;gap:.16rem;padding:.2rem .3rem;}
.lev-row button {flex:1;height:.64rem;border-radius:.12rem;background:var(--ex-bg-color2);font-size:.28rem;}
.lev-row button.active {background:var(--ex-primary-color);color:#fff;font-weight:600;}
.sub-tabs-inline {display:flex;gap:.36rem;padding:.2rem .3rem;font-size:.3rem;color:var(--ex-text-color2);}
.sub-tabs-inline .active {color:var(--ex-primary-color);font-weight:600;border-bottom:2px solid var(--ex-primary-color);}


.page-chart {padding:0;background:#fff;}
.chart-top {display:flex;align-items:center;gap:.2rem;padding:.24rem .3rem;border-bottom:1px solid var(--ex-border-color);}
.chart-top .back {font-size:.4rem;width:.5rem;}
.chart-top .info {flex:1;}
.chart-top .name {font-size:.32rem;font-weight:700;}
.chart-top .price {font-size:.28rem;font-weight:600;}
.period-bar {display:flex;gap:.08rem;padding:.16rem .2rem;overflow-x:auto;}
.period-bar button {min-width:.8rem;height:.52rem;padding:0 .16rem;border-radius:.1rem;font-size:.24rem;color:var(--ex-text-color2);}
.period-bar button.active {background:var(--ex-bg-color4);color:var(--ex-primary-color);font-weight:600;}
.kline-box {width:100%;min-height:6.4rem;background:#fff;}
.page-chart {padding:0;background:#fff;height:var(--app-height) !important;overflow-y:auto !important;}
.ohlc-row {padding:.16rem .3rem;font-size:.24rem;color:var(--ex-text-color2);font-family:monospace;}


.admin-body {background:#f3f5f9;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
.admin-wrap {display:flex;min-height:100vh;font-size:14px;}
.admin-side {width:220px;background:#0e1a33;color:#fff;padding:20px 0;flex-shrink:0;}
.admin-side h1 {font-size:18px;padding:0 20px 20px;margin:0;}
.admin-side a {display:block;color:#c9d4e8;padding:12px 20px;text-decoration:none;}
.admin-side a:hover,.admin-side a.active {background:#1a2b4d;color:#fff;}
.admin-main {flex:1;padding:24px;}
.admin-card {background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.admin-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.admin-stat h3 {margin:0;font-size:13px;color:#8892a6;font-weight:500;}
.admin-stat .n {font-size:28px;font-weight:700;margin-top:8px;}
.admin-table {width:100%;border-collapse:collapse;}
.admin-table th,.admin-table td {padding:10px 8px;border-bottom:1px solid #eef1f6;text-align:left;font-size:13px;}
.admin-table th {color:#8892a6;font-weight:600;}
.btn {display:inline-block;padding:8px 14px;border-radius:8px;border:none;background:#014cfa;color:#fff;cursor:pointer;font-size:13px;text-decoration:none;}
.btn.gray {background:#6b7280;}
.btn.red {background:#e8503a;}
.btn.green {background:#18b762;}
.admin-login {max-width:380px;margin:10vh auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);}
.admin-login input {width:100%;padding:12px;margin:8px 0 16px;border:1px solid #d0d8e2;border-radius:8px;box-sizing:border-box;}
.form-inline input,.form-inline select {padding:8px 10px;border:1px solid #d0d8e2;border-radius:8px;margin-right:8px;}
@media (max-width: 900px) {.admin-grid{ grid-template-columns: 1fr 1fr; }.admin-wrap{ flex-direction: column; }.admin-side{ width: 100%; }}


html,body {background:var(--body-bg);-webkit-font-smoothing:antialiased;}
#app {background:var(--page-glow);box-shadow:0 0 0 1px rgb(1 76 250 / .04);}
.page {scroll-behavior:auto;padding-bottom:.5rem;}
.page-assets,.page-user,.page-auth,.page-trade,.page-market,.page-chart {background:var(--page-glow);}


.home2-header .icons a {background:rgb(255 255 255 / .82);border:1px solid rgb(255 255 255 / .95);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),background .2s;}
.home2-header .icons a:active {transform:scale(.94);}
.home2-header .icons .home-ico-link {display:inline-flex;align-items:center;justify-content:center;width:.64rem;height:.64rem;border-radius:50%;font-size:.34rem;color:var(--ex-primary-color);text-decoration:none;}
.network-pill {background:rgb(255 255 255 / .88);border-color:rgb(var(--ex-border-color2-rgb) / .7);box-shadow:var(--shadow-sm);}
.connect-btn {background:var(--connect-bg);border:none;box-shadow:0 .08rem .2rem rgb(var(--ex-primary-color-rgb) / .14);transition:transform .2s var(--ease),box-shadow .2s;}
.connect-btn:active {transform:scale(.98);opacity:1;}


.page-index {background:url('/web3_267/static/img/home/bbg.jpg') no-repeat top center / 100% auto,var(--page-glow);}
.section-title {letter-spacing:-.01em;color:var(--ex-text-color);}
.mining-card {background:var(--mining-card);border:none;box-shadow:none;border-radius:var(--radius-lg);}
.participate-btn {border-radius:9999px;letter-spacing:.02em;transition:transform .15s var(--ease),background .2s,box-shadow .2s;}
.participate-btn.enabled {background:var(--ex-primary-color);box-shadow:0 .1rem .24rem rgb(var(--ex-primary-color-rgb) / .22);}
.participate-btn.enabled:active {transform:scale(.985);box-shadow:none;}
.stats-grid .item {position:relative;}
.stats-grid .num {font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.earn-item {background:transparent;border:none;transition:transform .2s var(--ease);}
.earn-item .dot {background:var(--ex-primary-color);box-shadow:0 0 0 .08rem rgb(var(--ex-primary-color-rgb) / .16);}
.faq-item {background:var(--ex-bg-color2);border:none;transition:border-color .2s,background .2s;}
.faq-item[open] {background:#fff;border-color:transparent;}
.faq-item summary {transition:color .2s;}
.faq-item[open] summary {color:var(--ex-primary-color);}

.bottom_nav_item {transition:color .2s var(--ease),transform .15s;position:relative;}
.bottom_nav_item:active {transform:scale(.96);}


.tabs-top {background:#fff;position:sticky;top:0;z-index:5;}
.tabs-top .tab,.sub-tabs .tab {transition:color .2s;}
.market-row {transition:background .15s;border-radius:var(--radius-sm);margin:0 -.08rem;padding:0 .08rem;}
.market-row:active {background:var(--ex-bg-color2);}
.market-row .mid,.market-row .chg {font-variant-numeric:tabular-nums;}
.ratio-pill {border-radius:.1rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em;}


.page-trade {padding-bottom:.6rem;}
.trade-tabs {background:var(--ex-bg-color);margin:0 -.3rem;padding:.24rem .3rem .16rem;border-bottom:1px solid var(--ex-border-color);}
.pair-price {font-variant-numeric:tabular-nums;}
.mini-chart,.trade-kline {margin:.16rem .2rem .24rem;border-radius:var(--radius-md);background:var(--ex-bg-color2);overflow:hidden;min-height:3.2rem;}
.time-btn {background:var(--ex-bg-color2);border-color:transparent;transition:border-color .2s,background .2s,color .2s,transform .15s;}
.time-btn:active {transform:scale(.97);}
.time-btn.active {background:rgb(var(--ex-primary-color-rgb) / .08);border-color:var(--ex-primary-color);box-shadow:inset 0 0 0 1px rgb(var(--ex-primary-color-rgb) / .08);}
.field {border:1px solid transparent;transition:border-color .2s,background .2s;}
.field:focus-within {border-color:rgb(var(--ex-primary-color-rgb) / .35);background:var(--ex-bg-color);}
.pct-row button {transition:background .15s,color .15s,transform .15s;}
.pct-row button:active {transform:scale(.96);background:var(--ex-bg-color4);color:var(--ex-primary-color);}
.dir-up,.dir-down {border-radius:var(--radius-md);transition:transform .15s var(--ease),filter .15s,box-shadow .2s;letter-spacing:.01em;}
.dir-up {background:linear-gradient(180deg,#22c55e,var(--ex-up-color));box-shadow:0 .08rem .2rem rgb(var(--ex-up-color-rgb) / .28);}
.dir-down {background:linear-gradient(180deg,#f87171,var(--ex-down-color));box-shadow:0 .08rem .2rem rgb(var(--ex-down-color-rgb) / .28);}
.dir-up:active,.dir-down:active {transform:scale(.98);filter:brightness(.96);}
.order-card {background:#fff;border:1px solid var(--ex-border-color);transition:border-color .2s;}
.lev-row button {transition:background .15s,color .15s,transform .15s;}
.lev-row button:active {transform:scale(.96);}
.lev-row button.active {background:linear-gradient(135deg,var(--ex-primary-color),var(--ex-primary-deep));box-shadow:0 .06rem .16rem rgb(var(--ex-primary-color-rgb) / .25);}


.page-assets .card {border:1px solid transparent;box-shadow:var(--shadow-sm);}
.assets-hero {margin-top:.24rem;color:#fff;background:#141414;box-shadow:none;border:1px solid #2c2c2c;position:relative;overflow:hidden;}
.assets-hero::after {content:'';position:absolute;right:-.4rem;top:-.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:rgb(255 255 255 / .12);pointer-events:none;}
.assets-hero .balance-title {color:rgb(255 255 255 / .82);position:relative;z-index:1;}
.assets-hero .balance-num {position:relative;z-index:1;}
.page-assets .card[style*="linear-gradient"] {background:#141414 !important;box-shadow:none;border:1px solid #2c2c2c;position:relative;overflow:hidden;}
.page-assets .card[style*="linear-gradient"]::after {content:'';position:absolute;right:-.4rem;top:-.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:rgb(255 255 255 / .12);pointer-events:none;}
.balance-num {font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.action-grid .act {transition:color .2s,transform .15s;}
.action-grid .act:active {transform:scale(.96);}
.action-grid .ico {background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s;}
.action-grid .act:active .ico {transform:translateY(.02rem);box-shadow:none;}
.wallet-row2 {transition:background .15s;border-radius:var(--radius-sm);margin:0 -.08rem;padding:.28rem .08rem;}
.wallet-row2:active {background:var(--ex-bg-color2);}
.wallet-row2 img {border-radius:50%;background:var(--ex-bg-color2);}


.user-head {padding:.28rem .08rem .4rem;margin:0 -.08rem .12rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgb(var(--ex-primary-color-rgb) / .08),rgb(59 130 246 / .04));border:1px solid rgb(var(--ex-primary-color-rgb) / .08);}
.avatar {background:linear-gradient(145deg,#dbeafe,#bfdbfe);box-shadow:inset 0 0 0 1px rgb(var(--ex-primary-color-rgb) / .12);}
.menu-item {transition:background .15s,padding-left .15s;border-radius:var(--radius-sm);margin:0 -.08rem;padding:0 .08rem;}
.menu-item:active {background:var(--ex-bg-color2);}
.menu-item img {transition:transform .2s var(--ease),opacity .2s;}
.menu-item:active img {transform:translateX(.04rem);opacity:.8;}


.page-auth {background:radial-gradient(90% 50% at 50% 0%,rgb(var(--ex-primary-color-rgb) / .12),transparent 60%),linear-gradient(180deg,#eff6ff,#fff 40%);min-height:var(--app-height);}
.auth-box {margin-top:.8rem;padding:.2rem .08rem;}
.auth-box h1 {letter-spacing:-.02em;background:linear-gradient(135deg,var(--ex-text-color),#334155);-webkit-background-clip:text;background-clip:text;color:transparent;}
.auth-submit {background:linear-gradient(135deg,var(--ex-primary-color),var(--ex-primary-deep));border-radius:var(--radius-md);box-shadow:0 .1rem .28rem rgb(var(--ex-primary-color-rgb) / .3);transition:transform .15s var(--ease),box-shadow .2s,filter .15s;}
.auth-submit:active {transform:scale(.985);box-shadow:none;filter:brightness(.97);}
.alert {border:1px solid transparent;border-radius:var(--radius-md);animation:alertIn .35s var(--ease);}
.alert.ok {border-color:rgb(var(--ex-up-color-rgb) / .2);}
@keyframes alertIn {from{ opacity: 0; transform: translateY(-.08rem); }to{ opacity: 1; transform: none; }}


.mining-product {background:#fff;border:1px solid var(--ex-border-color);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);transition:border-color .2s,transform .2s var(--ease);}
.mining-product:active {border-color:rgb(var(--ex-primary-color-rgb) / .25);}
.mining-product .rate {font-variant-numeric:tabular-nums;}
.tag {background:rgb(var(--ex-primary-color-rgb) / .1);font-weight:600;}


.notice-item {transition:background .15s;border-radius:var(--radius-sm);margin:0 -.08rem;padding:.28rem .08rem;}
.notice-item:active {background:var(--ex-bg-color2);}


.toast {box-shadow:0 .12rem .32rem rgba(0,0,0,.35);}


.wallet-modal-panel {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);box-shadow:0 -.2rem .48rem rgba(0,0,0,.65);padding-bottom:calc(.48rem + var(--safe-bottom));color:#fff;border-top:1px solid rgba(255,255,255,.14);}
.wallet-chain-item {background:linear-gradient(165deg,#161616,#0a0a0a);border:1px solid rgba(255,255,255,.12);color:#fff;transition:border-color .2s,transform .15s,background .15s;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.wallet-chain-item:active {transform:scale(.99);border-color:rgba(255,255,255,.22);background:#141414;}
.wm-close {transition:background .15s,transform .15s;}
.wm-close:active {transform:scale(.92);background:var(--ex-bg-color3);}


.chart-top {background:#fff;position:sticky;top:0;z-index:5;}
.period-bar button {transition:background .15s,color .15s;}
.period-bar button.active {background:linear-gradient(145deg,#eff6ff,#dbeafe);}
.kline-box {background:linear-gradient(180deg,#fafbfc,#fff);}
.ohlc-row {font-variant-numeric:tabular-nums;background:var(--ex-bg-color2);margin:0 .2rem .2rem;border-radius:var(--radius-sm);}


.field select {width:100%;border:none;outline:none;background:transparent;font-size:.3rem;font-weight:600;color:var(--ex-text-color);font-family:inherit;appearance:none;}


.empty-tip {padding:.8rem .3rem;color:var(--ex-text-color3);}
.empty-tip::before {content:'';display:block;width:.8rem;height:.08rem;margin:0 auto .28rem;border-radius:.08rem;background:var(--ex-border-color2);}

.page-header {display:flex;align-items:center;gap:.2rem;margin:0 0 .28rem;padding:.04rem 0 .08rem;min-height:.56rem;}
.page-header h2 {font-size:.36rem;font-weight:700;letter-spacing:-.01em;flex:1;}
.page-header .back-link,.page-header .nav-back {flex-shrink:0;}
.page-header.center {justify-content:space-between;}
.page-header.center h2 {text-align:center;flex:1;}

.content-card {font-size:.28rem;line-height:1.65;color:var(--ex-text-color2);background:#fff;border:1px solid var(--ex-border-color);}
.page-auth .auth-box > a.text-color2 {display:inline-flex;align-items:center;margin-bottom:.28rem;padding:.06rem 0;color:var(--ex-text-color2);font-size:.28rem;}
a.auth-submit {display:flex;align-items:center;justify-content:center;text-decoration:none;}
.alert[style*="#fdecea"],.alert.err {background:#fef2f2;color:var(--ex-down-color);border-color:rgb(var(--ex-down-color-rgb) / .18);}
.alert[style*="#fff3cd"],.alert.warn {background:#fffbeb;color:#b45309;border-color:rgb(245 158 11 / .25);}


.stats-grid .item:nth-child(1) .num {animation-delay:.05s;}
.stats-grid .item:nth-child(2) .num {animation-delay:.12s;}
.stats-grid .item:nth-child(3) .num {animation-delay:.18s;}
.stats-grid .item:nth-child(4) .num {animation-delay:.24s;}

@keyframes fadeUp {from{ opacity: 0; transform: translateY(.14rem); }to{ opacity: 1; transform: none; }}

.mining-card,.user-head,.assets-hero {animation:fadeUp .45s var(--ease) both;}


.page-index,.page-market,.page-trade,.page-assets,.page-user {padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + .24rem);}
.page-index {padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + .4rem);}




.page-sub {padding:.2rem .3rem .5rem;background:linear-gradient(180deg,rgb(var(--ex-primary-color-rgb) / .06) 0%,transparent 2rem),var(--ex-bg-color);min-height:calc(var(--app-height) - var(--nav-h));}
.page-sub.no-nav,.page.no-nav.page-sub {min-height:var(--app-height);}

.sticky-head {position:sticky;top:0;z-index:8;background:rgb(255 255 255 / .92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:-.2rem -.1rem .28rem;padding:.16rem .1rem .18rem;border-bottom:1px solid rgb(15 23 42 / .04);}
.head-spacer {width:.8rem;flex-shrink:0;}
.page-title {font-size:.4rem;font-weight:700;margin:.12rem 0 .2rem;letter-spacing:-.01em;}
.page-tip {font-size:.24rem;color:var(--ex-text-color2);line-height:1.5;margin:0 0 .2rem;padding:.16rem .2rem;background:var(--ex-bg-color2);border-radius:var(--radius-md);}
.sub-heading {font-size:.3rem;font-weight:700;margin:.28rem 0 .16rem;color:var(--ex-text-color);}


.panel,.panel-soft {background:#fff;border:1px solid var(--ex-border-color);border-radius:var(--radius-lg);padding:.32rem;box-shadow:var(--shadow-sm);margin-bottom:.24rem;}
.panel-soft {padding:.08rem .2rem;}
.panel-title {font-size:.3rem;font-weight:700;margin-bottom:.2rem;}
.form-stack {display:flex;flex-direction:column;gap:.04rem;}
.form-stack .btn-primary {margin-top:.2rem;}


.btn-primary,a.btn-primary {display:flex;align-items:center;justify-content:center;width:100%;height:.8rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--ex-primary-color),var(--ex-primary-deep));color:#fff !important;font-size:.3rem;font-weight:700;box-shadow:0 .1rem .24rem rgb(var(--ex-primary-color-rgb) / .28);transition:transform .15s var(--ease),box-shadow .2s,filter .15s;text-decoration:none;border:none;cursor:pointer;font-family:inherit;}
.btn-primary:active,a.btn-primary:active {transform:scale(.985);box-shadow:none;filter:brightness(.97);}
.btn-dark {display:flex;align-items:center;justify-content:center;width:100%;height:.8rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-size:.3rem;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:transform .15s var(--ease),filter .15s;}
.btn-dark:active {transform:scale(.985);filter:brightness(1.05);}
.btn-ghost {display:inline-flex;align-items:center;justify-content:center;height:.56rem;padding:0 .24rem;border-radius:var(--radius-sm);background:var(--ex-bg-color2);color:var(--ex-primary-color);font-size:.24rem;font-weight:600;border:1px solid var(--ex-border-color);}


.product-list {display:flex;flex-direction:column;gap:.28rem;}
.product-card {background:#fff;border:none;border-radius:.32rem;padding:0;box-shadow:0 .12rem .36rem rgb(var(--ex-primary-color-rgb) / .14);animation:fadeUp .45s var(--ease) both;overflow:hidden;}
.product-card:nth-child(2) {animation-delay:.05s;}
.product-card:nth-child(3) {animation-delay:.1s;}
.product-card:nth-child(4) {animation-delay:.15s;}
.product-hero {position:relative;padding:.28rem .32rem .24rem;background:var(--ex-bg-color6);color:var(--ex-text-color);overflow:hidden;}
.product-hero::before,.product-hero::after {display:none;}
.product-top {display:flex;align-items:center;justify-content:space-between;gap:.16rem;position:relative;z-index:1;}
.product-card .name {font-size:.32rem;font-weight:700;letter-spacing:-.01em;color:var(--ex-text-color);line-height:1.3;}
.product-card .rate {position:relative;z-index:1;margin-top:.14rem;font-size:.48rem;font-weight:700;color:var(--ex-primary-color);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1;text-shadow:none;}
.rate-unit {font-size:.24rem;font-weight:500;color:var(--ex-text-color3);margin-left:.04rem;}
.product-body {padding:.24rem .32rem .32rem;background:#fff;}
.product-card .tag {position:relative;z-index:1;background:rgb(var(--ex-primary-color-rgb) / .1);border:none;color:var(--ex-primary-color);backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:600;padding:.06rem .14rem;border-radius:.12rem;font-size:.22rem;flex-shrink:0;}
.product-stats {display:grid;grid-template-columns:1fr 1fr;gap:.16rem;margin-bottom:.24rem;}
.product-stats .stat {background:rgb(var(--ex-primary-color-rgb) / .06);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);border-radius:.16rem;padding:.16rem .18rem;min-width:0;}
.product-stats .stat em {display:block;font-style:normal;font-size:.22rem;color:var(--ex-text-color3);margin-bottom:.06rem;}
.product-stats .stat b {display:block;font-size:.26rem;font-weight:700;color:var(--ex-text-color);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.product-card .meta {margin:0 0 .2rem;display:flex;justify-content:space-between;gap:.16rem;font-size:.24rem;color:var(--ex-text-color2);}
.product-card .meta.twin {display:grid;grid-template-columns:1fr 1fr;gap:.16rem;}
.product-card .meta.twin span {background:rgb(var(--ex-primary-color-rgb) / .06);border-radius:.14rem;padding:.14rem .16rem;}
.product-card .meta.twin em {font-style:normal;display:block;color:var(--ex-text-color3);margin-bottom:.04rem;font-size:.22rem;}
.product-form {margin-top:.04rem;}
.product-form .field {margin-top:0;}
.product-form .btn-primary,.product-body > .btn-primary,.product-card > .btn-primary {margin-top:.2rem;height:.76rem;border-radius:.18rem;}
.product-card .tag {position:relative;z-index:1;background:rgb(255 255 255 / .22);border:1px solid rgb(255 255 255 / .35);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-weight:600;padding:.06rem .14rem;border-radius:.2rem;font-size:.22rem;flex-shrink:0;}
.product-card .progress-bar {height:.1rem;background:rgb(var(--ex-primary-color-rgb) / .1);border-radius:.1rem;overflow:hidden;margin:.08rem 0 .2rem;}
.product-card .progress-bar i {display:block;height:100%;background:var(--hero-bg);border-radius:inherit;}


.mining-list {display:flex;flex-direction:column;gap:.28rem;}
.mining-product {border-radius:.32rem;padding:0;overflow:hidden;box-shadow:0 .12rem .36rem rgb(var(--ex-primary-color-rgb) / .14);}


.status-row {display:flex;align-items:center;justify-content:space-between;margin-bottom:.28rem;}
.status-row .label {font-size:.28rem;color:var(--ex-text-color2);}
.status-pill {display:inline-flex;align-items:center;height:.44rem;padding:0 .16rem;border-radius:.1rem;font-size:.24rem;font-weight:600;}
.status-pill.s0 {background:var(--ex-bg-color3);color:var(--ex-text-color2);}
.status-pill.s1 {background:#dcfce7;color:#15803d;}
.status-pill.s2 {background:#ffedd5;color:#c2410c;}
.status-pill.s3 {background:#fee2e2;color:#b91c1c;}
.info-line {display:flex;justify-content:space-between;font-size:.28rem;padding:.16rem 0;border-top:1px solid var(--ex-border-color);}
.info-line span {color:var(--ex-text-color2);}


.addr-block {background:linear-gradient(145deg,#f8fafc,#eff6ff);border:1px dashed rgb(var(--ex-primary-color-rgb) / .28);border-radius:var(--radius-md);padding:.24rem;margin-bottom:.28rem;}
.addr-block .label {font-size:.24rem;color:var(--ex-text-color2);margin-bottom:.12rem;}
.addr-value {font-size:.28rem;font-weight:700;word-break:break-all;line-height:1.45;color:var(--ex-text-color);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.fee-line {font-size:.24rem;color:var(--ex-text-color2);margin:.08rem 0 .16rem;}
.frozen-line {font-size:.22rem;color:var(--ex-text-color2);margin-top:.04rem;}
.balances-panel .wallet-row2:last-child {border-bottom:none;}


.lang-list {display:flex;flex-direction:column;gap:.16rem;}
.lang-form {margin:0;}
.lang-item {width:100%;display:flex;align-items:center;gap:.16rem;padding:.28rem .28rem;border-radius:var(--radius-lg);border:1px solid var(--ex-border-color);background:#fff;text-align:left;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .15s,background .15s;}
.lang-item:active {transform:scale(.99);}
.lang-item.active {border-color:var(--ex-primary-color);background:rgb(var(--ex-primary-color-rgb) / .06);}
.lang-name {flex:1;font-size:.3rem;font-weight:700;}
.lang-code {font-size:.24rem;color:var(--ex-text-color2);}
.lang-check {color:var(--ex-primary-color);font-weight:700;font-size:.32rem;}


.notice-list {display:flex;flex-direction:column;gap:.14rem;}
.notice-card {position:relative;display:block;background:#fff;border:1px solid var(--ex-border-color);border-radius:var(--radius-lg);padding:.28rem .56rem .28rem .28rem;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .15s;}
.notice-card:active {transform:scale(.99);border-color:rgb(var(--ex-primary-color-rgb) / .3);}
.notice-card .t {font-size:.3rem;font-weight:700;padding-right:.2rem;}
.notice-card .d {margin-top:.1rem;font-size:.24rem;color:var(--ex-text-color2);}
.notice-card .chev {position:absolute;right:.24rem;top:50%;transform:translateY(-50%);color:var(--ex-text-color3);font-size:.4rem;font-weight:300;}
.notice-detail .notice-title {font-size:.36rem;font-weight:700;line-height:1.35;}
.notice-detail .notice-date {margin:.16rem 0 .28rem;font-size:.24rem;color:var(--ex-text-color2);}
.notice-detail .notice-body {font-size:.28rem;line-height:1.7;color:var(--ex-text-color);white-space:pre-wrap;word-break:break-word;}


.page-auth {display:flex;flex-direction:column;padding:.4rem .3rem .6rem;}
.auth-card {margin-top:.4rem;background:#fff;border:1px solid var(--ex-border-color);border-radius:.36rem;padding:.4rem .32rem .44rem;box-shadow:var(--shadow-md);animation:fadeUp .45s var(--ease) both;}
.auth-card .back-link,.auth-card .nav-back {margin-bottom:.2rem;}
.auth-brand {display:inline-flex;align-items:center;height:.44rem;padding:0 .16rem;margin-bottom:.2rem;border-radius:.1rem;background:linear-gradient(135deg,#014cfa,#3b82f6);color:#fff;font-size:.24rem;font-weight:800;letter-spacing:.04em;}
.auth-card h1 {font-size:.48rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.32rem;color:var(--ex-text-color);}
.auth-divider {display:flex;align-items:center;gap:.16rem;margin:.32rem 0 .2rem;color:var(--ex-text-color3);font-size:.24rem;}
.auth-divider::before,.auth-divider::after {content:'';flex:1;height:1px;background:var(--ex-border-color);}
.auth-card .auth-switch {margin-top:.28rem;}


.user-meta {min-width:0;flex:1;}
.user-name {font-size:.36rem;font-weight:700;}
.user-sub {margin-top:.06rem;font-size:.24rem;color:var(--ex-text-color2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-link {display:inline-block;margin-top:.06rem;font-size:.26rem;color:var(--ex-primary-color);font-weight:600;}
.wallet-bind-list {display:flex;flex-direction:column;gap:.14rem;margin-bottom:.24rem;}
.wallet-bind-item {display:flex;align-items:center;gap:.16rem;padding:.22rem .24rem;background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:.2rem;font-size:.28rem;box-shadow:0 .06rem .16rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);color:#fff;}
.wallet-bind-item .chain {font-weight:700;color:#fff !important;background:linear-gradient(165deg,#2a2a2a,#151515) !important;border:1px solid rgba(255,255,255,.16);padding:.06rem .14rem;border-radius:.1rem;font-size:.22rem;letter-spacing:.02em;}
.wallet-bind-item .addr {color:#c8c8c8 !important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.26rem;}
.menu-panel {margin-top:.12rem;background:#fff;border:1px solid var(--ex-border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);}
.menu-panel .menu-item {margin:0;padding:0 .28rem;border-radius:0;border-bottom:1px solid var(--ex-border-color);height:1.04rem;}
.menu-panel .menu-item:last-child {border-bottom:none;}
.menu-panel .menu-item .chev {color:var(--ex-text-color3);font-size:.4rem;font-weight:300;line-height:1;}
.menu-panel .menu-item.danger span:first-child {color:var(--ex-down-color);}
.menu-panel .menu-item img {display:none;}


.chart-trade {font-size:.28rem;font-weight:700;color:var(--ex-primary-color);padding:.1rem .16rem;border-radius:var(--radius-sm);background:rgb(var(--ex-primary-color-rgb) / .08);}


.empty-state {text-align:center;color:var(--ex-text-color3);font-size:.28rem;padding:1rem .3rem;line-height:1.5;}
.empty-state.compact {padding:.4rem .2rem;}
.empty-state::before {content:'';display:block;width:.72rem;height:.06rem;margin:0 auto .24rem;border-radius:.06rem;background:var(--ex-border-color2);}


#app > .alert {margin:.2rem .3rem 0;border-radius:var(--radius-md);}


.auth-submit {display:flex;align-items:center;justify-content:center;margin-top:.4rem;width:100%;height:.88rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--ex-primary-color),var(--ex-primary-deep));color:#fff;font-size:.34rem;font-weight:600;box-shadow:0 .1rem .28rem rgb(var(--ex-primary-color-rgb) / .3);}



body.hide-nav .page {height:var(--app-height) !important;padding-bottom:.4rem !important;}
body.hide-nav .page-sub {min-height:var(--app-height);}



#app {background:var(--page-glow);}
.page-assets,.page-user,.page-auth,.page-trade,.page-market,.page-chart,.page-sub {background:var(--page-glow);}
.page-index {background:url('/web3_267/static/img/home/bbg.jpg') no-repeat top center / 100% auto,var(--page-glow);}


.card,.panel,.panel-soft,.order-card,.notice-card,.faq-item,.lang-item,.auth-card,.menu-panel,.wallet-bind-item,.content-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;position:relative;overflow:hidden;color:#fff;}
.product-card,.mining-product {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;position:relative;overflow:hidden;border-radius:.32rem !important;color:#fff;}
.card::before,.panel::before,.order-card::before,.notice-card::before,.faq-item::before,.auth-card::before,.lang-item::before,.product-card::before,.mining-product::before {display:none !important;}


.assets-hero {background:var(--hero-bg) !important;border:none !important;box-shadow:var(--hero-shadow) !important;color:#fff;position:relative;overflow:hidden;}
.page-index .mining-card,.mining-card.hero-card,.mining-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;color:#fff !important;}
.page-index .mining-card::before,.page-index .mining-card::after,.mining-card::before,.mining-card::after {display:none !important;}
.page-index .mining-card .row,.page-index .mining-card .earn-meta,.page-index .mining-card .distributed,.page-index .mining-card .distributed .text-color2 {color:var(--ex-text-color2);position:relative;z-index:1;}
.page-index .mining-card .row > span:first-child {color:var(--ex-text-color);}
.page-index .mining-card .link {color:var(--ex-primary-color);text-decoration:underline;}
.page-index .mining-card .distributed .val {color:var(--ex-primary-color);text-shadow:none;}
.page-index .mining-card .participate-btn {position:relative;z-index:1;background:var(--participate-bg);color:var(--ex-text-color3);box-shadow:none;}
.page-index .mining-card .participate-btn.enabled {background:var(--ex-primary-color);color:#fff;box-shadow:none;}
.page-index .mining-card .participate-btn:not(.enabled) {background:var(--participate-bg);color:var(--ex-text-color3);}

.stats-card {background:var(--stats-card) !important;border:none !important;box-shadow:none !important;}
.stats-grid .item {background:transparent !important;border:none !important;box-shadow:none !important;padding:.12rem;width:50%;}
.stats-grid {gap:.48rem 0;padding-top:0;}
.stats-grid .num {color:var(--ex-text-color);}

.connect-btn {background:var(--connect-bg) !important;border:none !important;color:var(--ex-primary-color) !important;box-shadow:0 .08rem .2rem rgb(var(--ex-primary-color-rgb) / .14) !important;}
.network-pill {background:rgb(255 255 255 / .9) !important;border:1px solid var(--ex-border-color2) !important;box-shadow:var(--shadow-sm) !important;}


.product-card .rate,.mining-product .rate {color:var(--ex-primary-color) !important;}
.product-card .rate .rate-unit,.mining-product .rate .rate-unit {color:var(--ex-text-color3) !important;}
.tag {background:rgb(var(--ex-primary-color-rgb) / .1);border:none;color:var(--ex-primary-color);}
.product-card .tag {background:rgb(var(--ex-primary-color-rgb) / .1) !important;border:none !important;color:var(--ex-primary-color) !important;}
.panel-title {color:var(--ex-text-color);}


.panel {border-radius:.28rem !important;padding:.36rem !important;}
.menu-panel {border-radius:.28rem !important;padding:.08rem 0 !important;}
.menu-item {transition:background .15s;}
.order-card {border-radius:.24rem !important;padding:.28rem !important;margin-bottom:.16rem;}


.user-head {background:var(--card-bg) !important;border:var(--card-border) !important;box-shadow:var(--card-shadow) !important;}
.avatar {background:var(--hero-bg) !important;color:#fff !important;box-shadow:0 .08rem .2rem rgb(var(--ex-primary-color-rgb) / .28);}
.menu-panel .menu-item:active {background:rgb(var(--ex-primary-color-rgb) / .06);}
.wallet-bind-item .chain {background:var(--hero-bg);color:#fff;}


.lang-item.active {background:linear-gradient(165deg,#222,#111) !important;border-color:rgba(255,255,255,.22) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;}
.lang-item.active .lang-name {color:var(--ex-primary-deep);}


.auth-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 60%,#000 100%) !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;}
.auth-brand {background:#111;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.page-auth {background:radial-gradient(90% 50% at 50% 0%,rgba(255,255,255,.08),transparent 60%),#000000;}


.notice-card .t {color:var(--ex-text-color);}
.notice-detail.panel .notice-title {color:var(--ex-primary-deep);}


.faq-item {background:linear-gradient(165deg,#1a1a1a,#0a0a0a) !important;border:1px solid rgba(255,255,255,.1) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
.faq-item[open] {background:linear-gradient(165deg,#1c1c1c,#101010) !important;border-color:rgba(255,255,255,.14) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;}
.earn-item {background:transparent !important;border:none !important;box-shadow:none !important;}
.earn-item .dot {background:var(--ex-primary-color);box-shadow:0 0 0 .08rem rgb(var(--ex-primary-color-rgb) / .2);}
.earn-item .amt {color:var(--ex-primary-deep);}


.stats-grid .item {background:transparent !important;border:none !important;border-radius:0;box-shadow:none !important;padding:.12rem;width:50%;}
.stats-grid {gap:.48rem 0;padding-top:0;}
.stats-grid .num {color:var(--ex-text-color);}


.btn-primary,a.btn-primary,.auth-submit {background:var(--hero-bg) !important;box-shadow:0 .1rem .28rem rgb(var(--ex-primary-color-rgb) / .32) !important;}
.btn-dark {background:linear-gradient(135deg,#0b1f4a,#123a8a) !important;}
.connect-btn {background:linear-gradient(165deg,#2e2e2e,#141414) !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
.network-pill {background:var(--card-bg);border:var(--card-border);box-shadow:var(--shadow-sm);}
.action-grid .ico {background:linear-gradient(165deg,#222,#0f0f0f) !important;border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}


.time-btn {background:var(--card-bg);border:1px solid rgb(var(--ex-primary-color-rgb) / .12);}
.time-btn.active {background:linear-gradient(145deg,#eff6ff,#bfdbfe);border-color:var(--ex-primary-color);color:var(--ex-primary-deep);box-shadow:inset 0 0 0 1px rgb(var(--ex-primary-color-rgb) / .08);}
.field {background:var(--ex-bg-color2);border:1px solid rgb(var(--ex-primary-color-rgb) / .12);}
.field:focus-within {border-color:var(--ex-primary-color);box-shadow:0 0 0 .06rem rgb(var(--ex-primary-color-rgb) / .12);background:var(--ex-bg-color);}
.pct-row button,.lev-row button {background:var(--card-bg);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);}
.lev-row button.active {background:var(--hero-bg) !important;border-color:transparent;}
.mini-chart,.trade-kline {background:var(--ex-bg-color2);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);border-radius:var(--radius-md);}
.trade-tabs {background:var(--ex-bg-color);border-bottom-color:rgb(var(--ex-primary-color-rgb) / .12);}


.tabs-top {background:linear-gradient(180deg,#ffffff,#f0f7ff);border-bottom-color:rgb(var(--ex-primary-color-rgb) / .12);}
.market-row:active {background:rgb(var(--ex-primary-color-rgb) / .05);}
.ratio-pill.up {background:linear-gradient(135deg,#22c55e,#16a34a);}
.ratio-pill.down {background:linear-gradient(135deg,#f87171,#ef4444);}


.bottom_nav2 {background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;}
.bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:9999px !important;}
html[theme=dark] .bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border-color:rgba(255,255,255,.12) !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}
.bottom_nav_item.active {color:#ffffff !important;}
.bottom_nav_item.active .bottom_nav_icon {filter:none;}


.sticky-head,.chart-top {background:rgba(0,0,0,.92) !important;border-bottom:1px solid #2c2c2c;}
.chart-trade {background:#1a1a1a;color:#fff;}
.period-bar button.active {background:linear-gradient(145deg,#eff6ff,#bfdbfe);color:var(--ex-primary-deep);}
.ohlc-row {background:var(--card-bg);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);}


.wallet-modal-panel {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border-top:1px solid rgba(255,255,255,.14) !important;box-shadow:0 -.2rem .48rem rgba(0,0,0,.65) !important;color:#fff !important;}
.wallet-chain-item {background:linear-gradient(165deg,#161616,#0a0a0a) !important;border:1px solid rgba(255,255,255,.12) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.wallet-chain-item:active {background:#141414 !important;border-color:rgba(255,255,255,.22) !important;}


.addr-block {background:linear-gradient(165deg,#161616,#0a0a0a) !important;border:1px dashed rgba(255,255,255,.22) !important;color:#fff !important;}
.status-pill.s2 {background:linear-gradient(135deg,#222,#111);color:#fff;border:1px solid rgba(255,255,255,.14);}


.site-notice {margin:.2rem 0 0;padding:.16rem .2rem;border-radius:var(--radius-md);font-size:.24rem;color:#d0d0d0;background:linear-gradient(165deg,#161616,#0a0a0a);border:1px solid rgba(255,255,255,.12);}


.wallet-list.panel-soft,.panel-soft {background:var(--card-bg) !important;}
.wallet-row2:active {background:rgb(var(--ex-primary-color-rgb) / .05);}

.section-title-md {margin-top:1rem;margin-bottom:.32rem;font-size:.4rem;}
.section-title-lg {font-size:.48rem;margin-top:1rem;}
.stats-grid {display:flex;flex-wrap:wrap;justify-content:space-between;}



.home-banners {margin:.28rem 0 .1rem;overflow:hidden;}
.banner-track {display:flex;gap:.16rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.08rem;}
.banner-item {flex:0 0 85%;scroll-snap-align:start;min-height:1.6rem;border-radius:var(--radius-lg);background:var(--hero-bg);color:#fff;padding:.28rem .32rem;display:flex;align-items:center;gap:.2rem;box-shadow:var(--hero-shadow);position:relative;overflow:hidden;}
.banner-item img {width:.72rem;height:.72rem;object-fit:contain;background:rgb(255 255 255 / .15);border-radius:.12rem;}
.banner-item span {font-size:.3rem;font-weight:700;position:relative;z-index:1;}
.market-row-wrap {display:flex;align-items:center;border-bottom:1px solid var(--ex-border-color);}
.market-row-wrap .market-row {flex:1;border-bottom:none;}
.watch-star {width:.56rem;height:.56rem;margin-left:.08rem;color:var(--ex-text-color3);font-size:.36rem;line-height:1;}
.watch-star.on {color:#f5a623;}
.market-sym {display:flex;align-items:center;gap:.12rem;}
.market-sym img {width:.4rem;height:.4rem;border-radius:50%;}
.progress-bar {height:.12rem;background:var(--ex-bg-color3);border-radius:.12rem;margin-top:.16rem;overflow:hidden;}
.progress-bar i {display:block;height:100%;background:var(--hero-bg);border-radius:.12rem;}
.records-tabs {flex-wrap:wrap;}
.invite-hero .invite-code {font-size:.56rem;font-weight:800;letter-spacing:.08em;color:var(--ex-primary-deep);margin:.12rem 0 .2rem;}


.page-invite {padding-bottom:.6rem;}
.page-invite .inv-hero {position:relative;margin:.2rem .24rem .24rem;padding:.44rem .32rem .4rem;border-radius:.28rem;overflow:hidden;text-align:center;background:radial-gradient(90% 70% at 50% 0%,rgba(96,165,250,.18),transparent 58%),linear-gradient(165deg,#151b24 0%,#0a0c10 55%,#050505 100%);border:1px solid rgba(96,165,250,.28);box-shadow:0 .12rem .36rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);}
.page-invite .inv-hero-glow {position:absolute;width:3.2rem;height:3.2rem;left:50%;top:-.8rem;margin-left:-1.6rem;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.28),transparent 68%);pointer-events:none;}
.page-invite .inv-hero-icon {position:relative;width:.88rem;height:.88rem;margin:0 auto .16rem;display:block;border-radius:.2rem;box-shadow:0 .08rem .2rem rgba(37,99,235,.35);}
.page-invite .inv-hero h1 {position:relative;margin:0;font-size:.36rem;font-weight:800;color:#f8fafc;letter-spacing:.01em;}
.page-invite .inv-hero p {position:relative;margin:.12rem 0 0;font-size:.24rem;line-height:1.45;color:rgba(191,219,254,.72);}
.page-invite .inv-card {margin:0 .24rem .2rem;padding:.28rem .24rem;border-radius:.24rem;background:linear-gradient(165deg,#161616 0%,#0a0a0a 100%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.page-invite .inv-card-label {margin:0 0 .14rem;font-size:.22rem;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.02em;}
.page-invite .inv-code-card {border-color:rgba(96,165,250,.22);background:radial-gradient(80% 120% at 100% 0%,rgba(59,130,246,.12),transparent 50%),linear-gradient(165deg,#141820,#0a0a0a);}
.page-invite .inv-code-row {display:flex;align-items:center;gap:.14rem;}
.page-invite .inv-code {flex:1;min-width:0;font-size:.48rem;font-weight:800;letter-spacing:.12em;color:#93c5fd;line-height:1.2;word-break:break-all;}
.page-invite .inv-copy-btn {flex-shrink:0;height:.64rem;padding:0 .22rem;border-radius:.12rem;border:1px solid rgba(96,165,250,.4);background:rgba(37,99,235,.18);color:#bfdbfe;font-size:.24rem;font-weight:700;cursor:pointer;}
.page-invite .inv-copy-btn:active {transform:scale(.97);background:rgba(37,99,235,.32);}
.page-invite .inv-link-box {padding:.16rem .14rem;margin-bottom:.18rem;border-radius:.14rem;background:#000;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);font-size:.22rem;line-height:1.4;word-break:break-all;max-height:1.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.page-invite .inv-main-btn {width:100%;height:.8rem;margin:0;border-radius:.14rem !important;font-size:.28rem;font-weight:700;}
.page-invite .inv-stats {display:grid;grid-template-columns:1fr;gap:.12rem;margin:0 .24rem .2rem;}
.page-invite .inv-stat {display:flex;align-items:center;justify-content:space-between;padding:.24rem .24rem;border-radius:.24rem;background:linear-gradient(165deg,#161616,#0a0a0a);border:1px solid rgba(255,255,255,.12);}
.page-invite .inv-stat em {font-style:normal;font-size:.26rem;color:rgba(255,255,255,.55);}
.page-invite .inv-stat b {font-size:.4rem;font-weight:800;color:#60a5fa;letter-spacing:.02em;}
.page-invite .inv-steps ol {list-style:none;margin:0;padding:0;}
.page-invite .inv-steps li {display:flex;align-items:flex-start;gap:.14rem;padding:.12rem 0;border-bottom:1px solid rgba(255,255,255,.06);}
.page-invite .inv-steps li:last-child {border-bottom:0;padding-bottom:0;}
.page-invite .inv-steps li span {flex-shrink:0;width:.4rem;height:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.2rem;font-weight:800;color:#0b1220;background:linear-gradient(145deg,#93c5fd,#3b82f6);margin-top:.02rem;}
.page-invite .inv-steps li p {margin:0;font-size:.24rem;line-height:1.45;color:rgba(255,255,255,.68);}
.help-item summary {cursor:pointer;font-weight:700;}
.help-body {padding:.16rem 0 .08rem;font-size:.26rem;line-height:1.6;color:var(--ex-text-color2);}


.sticky-head {background:rgba(0,0,0,.92) !important;border-bottom:1px solid rgba(255,255,255,.1) !important;border-radius:0;}
.empty-state {margin:.6rem .1rem;padding:.48rem .32rem;text-align:center;color:#9a9a9a;background:linear-gradient(165deg,#141414,#0a0a0a);border:1px dashed rgba(255,255,255,.16);border-radius:.28rem;font-size:.28rem;}
.product-body > .btn-primary,.product-body > a.btn-primary {margin-top:.08rem;}
.product-card a.product-card,a.product-card {display:block;color:inherit;text-decoration:none;}
.product-hero .tag.up {background:rgb(16 185 105 / .28);border-color:rgb(255 255 255 / .35);}
.product-hero .tag.down {background:rgb(239 68 68 / .3);border-color:rgb(255 255 255 / .35);}
.bank .product-card .product-hero,.page-sub .product-card .product-form .field {margin-bottom:.12rem;}
.sub-tabs {display:flex;gap:.12rem;margin:0 0 .24rem;padding:.08rem;background:rgb(255 255 255 / .8);border:1px solid rgb(var(--ex-primary-color-rgb) / .1);border-radius:.2rem;overflow-x:auto;}
.sub-tabs .tab {flex:1;text-align:center;padding:.14rem .12rem;border-radius:.14rem;font-size:.26rem;color:var(--ex-text-color2);white-space:nowrap;}
.sub-tabs .tab.active {background:var(--hero-bg);color:#fff;font-weight:700;box-shadow:0 .06rem .16rem rgb(var(--ex-primary-color-rgb) / .28);}
.page-tip {background:linear-gradient(165deg,#161616,#0a0a0a) !important;border:1px solid rgba(255,255,255,.12);color:#d0d0d0 !important;}


.earn-grid {display:grid;grid-template-columns:1fr 1fr;gap:.2rem;margin-top:.28rem;}
.earn-card {background:#fff;border:1px solid var(--ex-border-color);border-radius:.24rem;padding:.24rem .2rem .2rem;position:relative;min-height:1.6rem;}
.earn-card .earn-check {width:.36rem;height:.36rem;margin-bottom:.1rem;}
.earn-card .addr {font-size:.24rem;font-weight:700;color:var(--ex-text-color);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.earn-card .amt {margin-top:.06rem;font-size:.24rem;font-weight:700;color:var(--ex-up-color);}
.earn-card.earn-flash {animation:earnFlash .55s ease;}
@keyframes earnFlash {0%{ box-shadow: inset 0 0 0 1px rgba(34,197,94,0); }35%{
    box-shadow: inset 0 0 0 1px rgba(34,197,94,.45);
    background: rgba(34,197,94,.06);
  }100%{ box-shadow: inset 0 0 0 1px rgba(34,197,94,0); }}
.earn-card .label {margin-top:.06rem;font-size:.22rem;color:var(--ex-text-color3);}

.notice-modal {position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:.4rem;}
.notice-modal.hide {display:none;}
.notice-modal-mask {position:absolute;inset:0;background:rgba(10,16,32,.45);backdrop-filter:blur(2px);}
.notice-modal-panel {position:relative;width:100%;max-width:6.4rem;background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);border-radius:.4rem;padding:.4rem .36rem .32rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 .2rem .6rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06);color:#fff;}
.notice-modal-panel h3 {text-align:center;font-size:.34rem;font-weight:700;line-height:1.4;}
.notice-modal-panel .d {text-align:center;margin-top:.12rem;font-size:.24rem;color:var(--ex-text-color3);}
.notice-modal-panel .body {margin-top:.28rem;font-size:.28rem;line-height:1.65;color:var(--ex-text-color2);max-height:4.2rem;overflow:auto;}
.notice-modal-panel .actions {margin-top:.36rem;display:flex;gap:.2rem;}
.notice-modal-panel .btn-cancel,.notice-modal-panel .btn-view {flex:1;height:.8rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.3rem;font-weight:600;}
.notice-modal-panel .btn-cancel {background:#121212;border:1px solid #333;color:#e0e0e0;}
.notice-modal-panel .btn-view {background:linear-gradient(165deg,#2a2a2a,#151515);color:#fff;}

.page-notice {background:transparent;padding:0 0 .4rem;}
.notice-head {margin:0 !important;}
.notice-tabs {justify-content:flex-start;gap:.48rem;padding-left:.32rem;border-bottom:1px solid var(--ex-border-color);}
.notice-cards {padding:.24rem .3rem;display:flex;flex-direction:column;gap:.2rem;}
.notice-card2 {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%);border:1px solid rgba(255,255,255,.12);border-radius:.28rem;padding:.32rem .28rem .28rem;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);color:#fff;}
.notice-card2 .t {font-size:.34rem;font-weight:700;color:#fff;line-height:1.45;}
.notice-card2 .preview {margin-top:.16rem;font-size:.28rem;line-height:1.6;color:#b8b8b8;}
.notice-card2 .more {color:#e8e8e8;margin-left:.04rem;font-weight:600;}
.notice-card2 .d {margin-top:.18rem;font-size:.26rem;color:#8a8a8a;}
.notice-card2 .btn-outline {display:inline-flex;align-items:center;justify-content:center;margin-top:.24rem;height:.64rem;padding:0 .32rem;border-radius:9999px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:.28rem;font-weight:650;background:linear-gradient(165deg,#222,#111);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}

.page-user {background:transparent;padding:.24rem .3rem calc(var(--nav-h) + .3rem);}
.user-center-title {text-align:center;font-size:.36rem;font-weight:600;margin:.12rem 0 .36rem;}
.unlogin .name {font-size:.36rem;font-weight:600;color:var(--ex-text-color);}
.unlogin .tip {margin-top:.1rem;font-size:.26rem;color:var(--ex-text-color3);font-weight:400;}
.unlogin .login-cta {margin-top:.28rem;height:.8rem;border-radius:.2rem;}
.user-list {margin-top:.36rem;display:flex;flex-direction:column;gap:.14rem;}
.user-item {display:flex;align-items:center;gap:.18rem;min-height:1.12rem;padding:.1rem .24rem;background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:.2rem;color:#fff !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05);text-decoration:none;}
.user-item .icon {width:.52rem;height:.52rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.14rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);}
.user-item .icon img {width:.32rem;height:.32rem;object-fit:contain;display:block;}
.user-item .con {flex:1;font-size:.3rem;font-weight:550;color:#f0f0f0 !important;}
.user-item .extra {display:flex;align-items:center;gap:.12rem;margin-right:.08rem;font-size:.26rem;color:#a8a8a8 !important;}
.user-item .flag {width:.4rem;height:.4rem;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#111;}
.user-item .chev {color:#7a7a7a !important;font-size:.36rem;line-height:1;}
.user-item.danger .con {color:#f87171 !important;}
.user-item.danger .icon {background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.18);}
.user-head.logged {display:flex;align-items:center;gap:.2rem;padding:.12rem 0 .2rem;background:transparent !important;border:none !important;box-shadow:none !important;}


html,body {background:#000000;}
#app {background:radial-gradient(100% 42% at 50% -8%,rgba(255,255,255,.1),transparent 55%),#000000 !important;}
.page-index,.page-market,.page-trade,.page-assets,.page-user,.page-auth,.page-chart,.page-sub {background:transparent !important;}
.page-index {background:transparent !important;}
.home2-header .icons a {background:linear-gradient(165deg,#222222,#0f0f0f) !important;border:1px solid rgba(255,255,255,.12) !important;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
.home2-header .icons .home-ico-link {color:#fff !important;}
.network-pill {background:linear-gradient(165deg,#222222,#0f0f0f) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;color:#fff !important;height:.68rem !important;font-size:.24rem !important;padding:0 .18rem !important;}
.connect-btn {background:linear-gradient(165deg,#2e2e2e,#222222) !important;color:#fff !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.12) !important;height:.68rem !important;font-size:.24rem !important;padding:0 .16rem !important;}
.connect-btn img {width:.34rem !important;height:.34rem !important;}
.mining-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000000 100%) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:.36rem !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07) !important;color:#fff !important;}
.stats-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:.36rem !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.stats-grid .item {background:transparent !important;border:none !important;box-shadow:none !important;width:50% !important;padding:.12rem !important;}
.stats-grid .num {color:#fff !important;}
.earn-card {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:.28rem !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:#fff !important;}
.faq-item {background:linear-gradient(165deg,#121212,#0a0a0a) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:.24rem !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;color:#fff !important;}
.faq-item[open] {background:linear-gradient(165deg,#141414,#0f0f0f) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;}

.card,.panel,.panel-soft,.order-card,.notice-card,.auth-card,.menu-panel,.content-card,.product-card,.mining-product {border-radius:.28rem !important;background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000000 100%) !important;border-color:rgba(255,255,255,.1) !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;color:#fff !important;}
.header_tabs,.tabs-top,.sticky-head,.chart-top,.sub-tabs {background:rgba(11,13,18,.92) !important;border-bottom:1px solid rgba(255,255,255,.08) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff !important;}
.market-list,.page-market {background:transparent !important;}
.market-row:active,.wallet-row2:active {background:rgba(255,255,255,.05) !important;}
.action-grid .ico {background:linear-gradient(165deg,#222222,#0f0f0f) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1) !important;color:#fff !important;}
.assets-hero,.page-assets .card[style*="linear-gradient"] {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000000 100%) !important;box-shadow:0 .1rem .28rem rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:.32rem !important;color:#fff !important;}
.user-item:active,.menu-item:active {background:rgba(255,255,255,.05) !important;}
.btn-primary,.primary-btn,button.primary {background:linear-gradient(165deg,#2e2e2e,#222222) !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12) !important;color:#fff !important;}
.page-auth {background:radial-gradient(90% 50% at 50% 0%,rgba(255,255,255,.05),transparent 60%),#000000 !important;}
.auth-card {background:linear-gradient(165deg,#1a1a1a,#0a0a0a) !important;border:1px solid rgba(255,255,255,.12) !important;}
.lang-item.active {background:linear-gradient(165deg,#222222,#0f0f0f) !important;border-color:rgba(255,255,255,.16) !important;}
.bottom_nav2,.bottom_nav2.bottom_nav_dock {background:transparent !important;border:none !important;box-shadow:none !important;border-radius:0 !important;}
.bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:9999px !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}
html[theme=dark] .bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}


.tp-chip,.tp-main-btn,.dir,.mk-star,.wheel-hub,.btn-primary,.inv-copy-btn,.participate-btn,.connect-btn,button[data-copy] {touch-action:manipulation;}
.promo-modal-panel,.chain-sheet-panel,.act-result-panel,.wallet-modal-panel {overscroll-behavior:contain;}
.sk {position:relative;overflow:hidden;background:rgba(255,255,255,.06);border-radius:.12rem;}
.sk::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skShine 1.2s ease-in-out infinite;}
@keyframes skShine {0%{ transform: translateX(-100%); }100%{ transform: translateX(100%); }}
.tp-kline.sk-ready:empty,#klineChart:empty,#orderList:empty {min-height:1.2rem;}
.tp-main-btn.is-loading,.dir.is-loading,button.is-loading {opacity:.65;pointer-events:none;}


.page-fund .fund-panel {padding:.08rem .04rem;}
.fund-row {display:block;padding:.22rem .2rem .2rem;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;}
.fund-row:active {background:rgba(255,255,255,.04);}
.fund-row:last-child {border-bottom:0;}
.fund-row-main {display:flex;align-items:flex-start;justify-content:space-between;gap:.16rem;}
.fund-type {font-size:.3rem;font-weight:700;color:#f5f5f5;line-height:1.3;}
.fund-amt {flex-shrink:0;font-size:.28rem;font-weight:700;text-align:right;white-space:nowrap;}
.fund-remark {margin-top:.1rem;font-size:.22rem;color:rgba(255,255,255,.55);line-height:1.4;word-break:break-word;padding-right:.2rem;}
.fund-time {margin-top:.06rem;font-size:.2rem;color:rgba(255,255,255,.35);}
.order-card.fund-card {display:block;color:inherit;text-decoration:none;}
.order-card.fund-card:active {opacity:.92;}
.order-card.fund-card .fund-row-main {display:flex;justify-content:space-between;gap:.12rem;margin-bottom:.06rem;}


.page-fund-detail .fund-detail-hero {margin:.16rem .24rem .2rem;padding:.36rem .28rem .32rem;border-radius:.22rem;text-align:center;background:linear-gradient(160deg,rgba(36,38,46,.95),rgba(14,14,16,.98));border:1px solid rgba(255,255,255,.08);}
.page-fund-detail .fund-detail-type {font-size:.26rem;font-weight:700;color:rgba(255,255,255,.72);}
.page-fund-detail .fund-detail-amt {margin-top:.12rem;font-size:.48rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;}
.page-fund-detail .fund-detail-amt em {font-style:normal;font-size:.26rem;font-weight:600;opacity:.7;margin-left:.04rem;}
.page-fund-detail .fund-detail-amt.up {color:#4ade80;}
.page-fund-detail .fund-detail-amt.down {color:#f87171;}
.page-fund-detail .fund-detail-sub {margin-top:.12rem;font-size:.22rem;color:rgba(255,255,255,.5);line-height:1.4;}
.page-fund-detail .fund-detail-panel {margin:0 .24rem .4rem;padding:.08rem .2rem;border-radius:.2rem;}
.page-fund-detail .fund-detail-row {display:flex;justify-content:space-between;align-items:flex-start;gap:.2rem;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.26rem;}
.page-fund-detail .fund-detail-row:last-child {border-bottom:0;}
.page-fund-detail .fund-detail-row .k {color:rgba(255,255,255,.45);flex-shrink:0;}
.page-fund-detail .fund-detail-row .v {text-align:right;font-weight:600;color:rgba(255,255,255,.92);word-break:break-word;}
.page-fund-detail .fund-detail-row .v.up {color:#4ade80;}
.page-fund-detail .fund-detail-row .v.down {color:#f87171;}
.page-fund-detail .fund-detail-row .v.remark {font-weight:500;color:rgba(255,255,255,.7);max-width:68%;}


.stats-grid.v2 .item.mine-stat-flash .num {animation:mineStatFlash .55s ease;}
@keyframes mineStatFlash {0%{ color: #86efac; }100%{ color: inherit; }}



html[theme=light],html[theme=dark] {--dn-bg:#000000;--dn-bg2:#050505;--dn-card:#0a0a0a;--dn-card2:#111111;--dn-card3:#080808;--dn-border:rgba(255,255,255,.14);--dn-border-hi:rgba(255,255,255,.22);--dn-text:#ffffff;--dn-text2:#d0d0d0;--dn-text3:#9a9a9a;--dn-primary:#ffffff;--dn-primary-soft:#ffffff;--dn-glow:rgba(0,0,0,.55);--dn-mine:#0a0a0a;--dn-btn:linear-gradient(165deg,#2a2a2a 0%,#0f0f0f 55%,#050505 100%);--dn-ring:#ffffff;--dn-surface:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 48%,#000000 100%);--dn-surface2:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%);--body-bg:#000000;--ex-bg-color:#000000;--ex-bg-color2:#0a0a0a;--ex-bg-color3:#111111;--ex-text-color:#ffffff;--ex-text-color2:#d0d0d0;--ex-text-color3:#9a9a9a;--ex-border-color:rgba(255,255,255,.14);--ex-border-color2:rgba(255,255,255,.22);--card-bg:#0a0a0a;--ex-primary-color:#ffffff;--ex-primary-deep:#ffffff;color-scheme:dark;}

html,body {background:var(--dn-bg) !important;color:var(--dn-text);}

#app {background:radial-gradient(100% 42% at 50% -8%,rgba(255,255,255,.1),transparent 55%),#000000 !important;box-shadow:none !important;}

.page-index,.page-market,.page-trade,.page-assets,.page-user,.page-auth,.page-chart,.page-sub {background:transparent !important;color:var(--dn-text);}


.nav-back,a.back-link,a.mp-back,a.et-back,a.ch-back {display:inline-flex;align-items:center;justify-content:center;gap:.06rem;min-width:.64rem;height:.64rem;padding:0 .16rem 0 .1rem;border-radius:999px;background:linear-gradient(165deg,#262626 0%,#121212 52%,#080808 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 10px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);color:#f2f2f2 !important;text-decoration:none !important;font-size:.24rem;font-weight:600;line-height:1;flex-shrink:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;}
.nav-back--icon,a.mp-back,a.ch-back,.page-header.center .back-link,.page-header.center .nav-back {width:.64rem;padding:0;}
.nav-back__ico {width:.32rem;height:.32rem;display:block;flex-shrink:0;margin-left:-.02rem;}
.nav-back__txt {padding-right:.04rem;white-space:nowrap;}
.nav-back:hover,a.back-link:hover,a.mp-back:hover,a.et-back:hover,a.ch-back:hover {border-color:rgba(255,255,255,.24);background:linear-gradient(165deg,#2e2e2e 0%,#161616 52%,#0a0a0a 100%);}
.nav-back:active,a.back-link:active,a.mp-back:active,a.et-back:active,a.ch-back:active {transform:scale(.96);box-shadow:0 1px 4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);}
.auth-card .nav-back,.auth-card .back-link {margin-bottom:.2rem;}


.home2-header .logo {height:.48rem;width:auto;max-width:2.6rem;object-fit:contain;object-position:left center;}
.logo-light {display:none !important;}
.logo-dark {display:block !important;}


.home2-header .brand-logo {display:inline-flex;align-items:center;gap:.1rem;text-decoration:none;min-width:0;max-width:55%;}
.home2-header .brand-mark {width:.48rem;height:.42rem;flex-shrink:0;overflow:visible;}
.home2-header .brand-text {font-size:.32rem;font-weight:800;letter-spacing:.02em;color:#f0f9ff;line-height:1;white-space:nowrap;font-style:italic;}
.home-theme-btn,.theme-toggle-row {display:none !important;}

.wallet-addr-block {margin-top:.28rem;}
.wallet-addr-block .label {font-size:.26rem;color:var(--dn-text3);margin-bottom:.12rem;}
.wallet-addr-block .addr-pill {display:flex;align-items:center;gap:.12rem;background:var(--dn-card);border:1px solid var(--dn-border);border-radius:9999px;padding:.18rem .24rem;box-shadow:0 .04rem .14rem var(--dn-glow);}
.wallet-addr-block .addr-text {flex:1;min-width:0;font-size:.26rem;color:var(--dn-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wallet-addr-block .copy-addr {color:var(--dn-primary);display:flex;align-items:center;justify-content:center;padding:.04rem;}


.page-index {padding:0 .32rem calc(var(--nav-h) + .28rem) !important;}
.page-index .home2-header {padding-top:.16rem;}
.page-index .home2-header .icons a {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;box-shadow:0 .04rem .14rem var(--dn-glow) !important;color:var(--dn-primary) !important;}
.page-index .wallet-row {margin-top:.28rem;gap:.14rem;padding:0 .08rem;}
.page-index .network-pill {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text) !important;box-shadow:0 .04rem .14rem var(--dn-glow) !important;position:relative;height:.68rem !important;min-height:.68rem !important;padding:0 .18rem !important;gap:.1rem !important;font-size:.24rem !important;font-weight:600 !important;line-height:1.1 !important;white-space:nowrap;}
.page-index .network-pill .eth {width:.34rem !important;height:.34rem !important;}
.page-index .network-pill::after {content:none;display:none;}
.page-index .network-pill .pill-caret {width:0;height:0;margin-left:.04rem;border-left:.06rem solid transparent;border-right:.06rem solid transparent;border-top:.08rem solid var(--dn-text3);}
.page-index .connect-btn {background:#2a2a2a !important;border:1px solid #3a3a3a !important;color:#fff !important;box-shadow:none !important;height:.68rem !important;min-height:.68rem !important;padding:0 .16rem !important;gap:.08rem !important;font-size:.24rem !important;font-weight:600 !important;line-height:1.1 !important;white-space:nowrap;}
.page-index .connect-btn img {width:.34rem !important;height:.34rem !important;}
.page-index .connect-btn span {font-size:.24rem !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:2.4rem;}
html[theme=light] .page-index .connect-btn {background:#2a2a2a !important;border-color:#3a3a3a !important;color:#fff !important;box-shadow:none !important;}

.section-title {display:flex;align-items:center;gap:.12rem;color:var(--dn-text) !important;margin-top:.56rem !important;font-size:.44rem !important;}
.section-title .diamond {width:.22rem;height:.22rem;background:var(--dn-primary);transform:rotate(45deg);border-radius:.03rem;box-shadow:0 0 .16rem var(--dn-glow);}

.mining-card.v2 {margin-top:.28rem;background:var(--dn-mine) !important;border:1px solid var(--dn-border) !important;border-radius:.32rem !important;padding:.28rem .3rem .3rem !important;box-shadow:0 .1rem .28rem var(--dn-glow) !important;min-height:auto !important;}
.mining-card.v2 .row {font-size:.34rem;margin-bottom:.16rem;}
.mining-card.v2 .link {color:var(--dn-primary-soft) !important;text-decoration:none !important;font-size:.28rem;}
.mining-card.v2 .mine-body {display:flex;align-items:center;gap:.2rem;padding:.12rem 0 .2rem;}
.mining-card.v2 .mine-art {width:2.4rem;height:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.mining-card.v2 .mine-art svg {width:2.2rem;height:1.9rem;}
.mining-card.v2 .mine-actions {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;}
.mining-card.v2 .participate-btn {width:100%;max-width:2.8rem;height:.88rem;border-radius:9999px;background:var(--dn-btn) !important;color:#fff !important;font-size:.3rem;font-weight:600;box-shadow:0 0 .36rem var(--dn-glow) !important;}
.mining-card.v2 .earn-meta {margin-top:0;font-size:.24rem;color:var(--dn-text3) !important;}
.mining-card.v2 .distributed {margin-top:.16rem;padding-top:.16rem;border-top:1px solid var(--dn-border);}
.mining-card.v2 .distributed .val {color:var(--dn-primary-soft) !important;font-size:.4rem;}

.stats-grid.v2 {display:grid !important;grid-template-columns:1fr 1fr;gap:.18rem;margin-top:.24rem;}
.stats-grid.v2 .item {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;border-radius:.24rem !important;padding:.28rem .24rem !important;width:auto !important;text-align:left !important;box-shadow:0 .06rem .18rem var(--dn-glow) !important;display:flex;flex-direction:column;gap:.1rem;}
.stats-grid.v2 .item-top {display:flex;align-items:center;gap:.12rem;}
.stats-grid.v2 .ico-badge {width:.48rem;height:.48rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.stats-grid.v2 .ico-badge svg {width:.28rem;height:.28rem;}
.stats-grid.v2 .ico-badge.eth {background:rgba(59,130,246,.18);color:#3b82f6;}
.stats-grid.v2 .ico-badge.node {background:rgba(34,197,94,.18);color:#22c55e;}
.stats-grid.v2 .ico-badge.hash {background:rgba(249,115,22,.18);color:#f97316;}
.stats-grid.v2 .ico-badge.earn {background:rgba(168,85,247,.18);color:#a855f7;}
.stats-grid.v2 .num {font-size:.3rem !important;font-weight:700;color:var(--dn-text) !important;line-height:1.2;}
.stats-grid.v2 .label {font-size:.24rem !important;color:var(--dn-text3) !important;margin-top:0 !important;}

.promo-banner {margin-top:.36rem;margin-bottom:.2rem;background:var(--dn-card) !important;border:1px solid var(--dn-border);border-radius:.28rem;padding:.32rem .28rem;display:flex;align-items:center;gap:.16rem;box-shadow:0 .08rem .22rem var(--dn-glow);}
.promo-banner .txt {flex:1;min-width:0;}
.promo-banner .t1 {font-size:.34rem;font-weight:700;color:var(--dn-text);margin-bottom:.1rem;}
.promo-banner .t2 {font-size:.22rem;color:var(--dn-text3);line-height:1.45;}
.promo-banner .art {width:1.8rem;height:1.5rem;flex-shrink:0;}
.promo-banner .art svg {width:100%;height:100%;}

.page-index .earn-card {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text);}
.page-index .faq-item {background:var(--dn-card2) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text);}
.page-index .faq-item[open] {background:var(--dn-card) !important;}
.page-index .faq-item summary {color:var(--dn-text);}
.page-index .faq-item p {color:var(--dn-text2);}


.page-assets {padding:.28rem .3rem calc(var(--nav-h) + .28rem) !important;}
.page-assets .page-title {color:var(--dn-text);font-size:.44rem;font-weight:700;margin-bottom:.28rem;}
.page-assets .assets-brand {display:inline-flex;align-items:center;gap:.1rem;text-decoration:none;margin:.04rem 0 .28rem;}
.page-assets .assets-brand .brand-mark {width:.48rem;height:.42rem;flex-shrink:0;}
.page-assets .assets-brand .brand-text {font-size:.32rem;font-weight:800;letter-spacing:.02em;color:#f0f9ff;line-height:1;white-space:nowrap;font-style:italic;}
.assets-hero.v2 {display:flex;align-items:center;justify-content:space-between;background:var(--dn-surface) !important;border:1px solid var(--dn-border-hi) !important;border-radius:.28rem !important;padding:.36rem .32rem !important;box-shadow:0 .1rem .28rem rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08) !important;color:var(--dn-text) !important;margin-top:0 !important;overflow:hidden;position:relative;}
.assets-hero.v2::before {content:'';position:absolute;inset:0;background:var(--dn-surface2);pointer-events:none;}
.assets-hero.v2::after {display:none !important;}
.assets-hero.v2 .balance-title {color:var(--dn-text3) !important;font-size:.26rem;margin-bottom:.12rem;}
.assets-hero.v2 .balance-num {color:var(--dn-text) !important;font-size:.64rem;font-weight:700;line-height:1.1;}
.assets-hero.v2 .balance-fiat {margin-top:.1rem;color:var(--dn-text3);font-size:.24rem;}
.assets-avatar {width:1.5rem;height:1.5rem;flex-shrink:0;position:relative;z-index:1;border-radius:50%;overflow:hidden;box-shadow:0 0 .22rem rgba(34,211,238,.28),0 .06rem .16rem rgba(0,0,0,.4);}
.assets-avatar img {width:100%;height:100%;display:block;object-fit:cover;}
.assets-ring {width:1.5rem;height:1.5rem;border-radius:50%;background:radial-gradient(circle at center,transparent 48%,var(--dn-card) 49%),conic-gradient(from 220deg,#ffffff 0 62%,#2e2e2e 62% 100%);box-shadow:0 0 .2rem rgba(255,255,255,.08);flex-shrink:0;position:relative;z-index:1;}
.assets-ring::after {content:'';position:absolute;inset:.18rem;border-radius:50%;background:linear-gradient(160deg,#1a1a1a,#0a0a0a);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}

.action-grid.v2 {display:grid;grid-template-columns:repeat(4,1fr);gap:.12rem;margin:.36rem 0 .28rem;}
.action-grid.v2 .act {display:flex;flex-direction:column;align-items:center;gap:.12rem;color:var(--dn-text);font-size:.24rem;text-decoration:none;}
.action-grid.v2 .ico {width:.96rem;height:.96rem;border-radius:50%;background:linear-gradient(165deg,#222222 0%,#0f0f0f 100%) !important;border:1px solid var(--dn-border-hi) !important;color:#f5f7fb;display:flex;align-items:center;justify-content:center;font-size:.42rem;font-weight:600;box-shadow:0 .06rem .16rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1) !important;}
.action-grid.v2 .ico svg {width:.42rem;height:.42rem;}

.login-asset-card {display:flex;align-items:center;gap:.2rem;background:var(--dn-surface);border:1px solid var(--dn-border);border-radius:.24rem;padding:.24rem .28rem;margin-bottom:.28rem;color:var(--dn-text);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.login-asset-card .lock {width:.64rem;height:.64rem;border-radius:50%;background:linear-gradient(165deg,#222222,#0f0f0f);color:#f5f7fb;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--dn-border);}
.login-asset-card .lock svg {width:.34rem;height:.34rem;}
.login-asset-card .meta {flex:1;min-width:0;}
.login-asset-card .n {font-size:.32rem;font-weight:600;}
.login-asset-card .s {font-size:.24rem;color:var(--dn-text3);margin-top:.04rem;}
.login-asset-card .chev {color:var(--dn-text3);font-size:.36rem;}

.wallet-list.v2 {background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;}
.wallet-list.v2 .wallet-row2 {display:flex;align-items:center;gap:.2rem;padding:.26rem .04rem !important;border-bottom:1px solid var(--dn-border);margin:0 !important;}
.wallet-list.v2 .wallet-row2:last-child {border-bottom:none;}
.wallet-list.v2 .wallet-row2 img {width:.64rem;height:.64rem;border-radius:50%;}
.wallet-list.v2 .name {flex:1;color:var(--dn-text);font-size:.32rem;font-weight:600;}
.wallet-list.v2 .bal {text-align:right;color:var(--dn-text);}
.wallet-list.v2 .bal .amt {font-size:.3rem;font-weight:600;}
.wallet-list.v2 .bal .fiat {margin-top:.04rem;font-size:.22rem;color:var(--dn-text3);font-weight:400;}
.wallet-list.v2 .frozen-line {display:none;}


.header_tabs,.tabs-top,.sticky-head,.chart-top,.sub-tabs {background:color-mix(in srgb,var(--dn-bg) 88%,transparent) !important;border-bottom:1px solid var(--dn-border) !important;color:var(--dn-text);}
.header_tabs .tab,.sub-tabs .tab {color:var(--dn-text3);}
.header_tabs .tab.active_tab,.sub-tabs .tab.active {color:var(--dn-primary) !important;}
.market-list {background:transparent !important;}
.market-row {color:var(--dn-text);border-bottom:1px solid var(--dn-border);}
.market-row .pair,.market-row .name {color:var(--dn-text);}

.card,.panel,.panel-soft,.order-card,.notice-card,.auth-card,.menu-panel,.content-card,.product-card,.mining-product,.lang-item {background:var(--dn-surface) !important;border-color:var(--dn-border) !important;color:var(--dn-text) !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;}

.page-user .user-item {background:var(--dn-card);border-bottom:1px solid var(--dn-border);color:var(--dn-text);}
.page-user .page-title,.page-user .user-name,.page-user .unlogin .name {color:var(--dn-text);}
.page-user .user-sub,.page-user .tip {color:var(--dn-text3);}

.theme-toggle-row {display:flex;align-items:center;justify-content:space-between;gap:.16rem;padding:.28rem .3rem;background:var(--dn-card);border:1px solid var(--dn-border);border-radius:.24rem;margin:.16rem 0 .24rem;color:var(--dn-text);}
.theme-toggle-row .label {font-size:.3rem;font-weight:500;}
.theme-seg {display:flex;background:var(--dn-card2);border-radius:9999px;padding:.04rem;border:1px solid var(--dn-border);}
.theme-seg button {border:0;background:transparent;color:var(--dn-text3);font-size:.24rem;padding:.1rem .22rem;border-radius:9999px;min-width:.9rem;}
.theme-seg button.active {background:var(--dn-primary);color:#fff;box-shadow:0 .04rem .12rem var(--dn-glow);}

.home-theme-btn {width:.52rem !important;height:.52rem !important;border-radius:50%;display:flex !important;align-items:center;justify-content:center;color:var(--dn-primary) !important;background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;}
.home-theme-btn svg {width:.34rem;height:.34rem;}


html[theme=dark] .ratio-pill.up {background:#16a34a;}
html[theme=dark] .ratio-pill.down {background:#dc2626;}
html[theme=dark] .site-notice {background:rgba(59,130,246,.12);color:var(--dn-text2);}
html[theme=dark] .empty-state {color:var(--dn-text3);}
html[theme=dark] input,html[theme=dark] select,html[theme=dark] textarea {background:var(--dn-card2);color:var(--dn-text);border-color:var(--dn-border);}


html[theme=light] .bottom_nav2,html[theme=dark] .bottom_nav2,html[theme=light] .bottom_nav2.bottom_nav_dock,html[theme=dark] .bottom_nav2.bottom_nav_dock,#app .bottom_nav2,#app .bottom_nav2.bottom_nav_dock {background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;}
html[theme=light] .bottom_nav2 .nav_box,html[theme=light] #app .bottom_nav2 .nav_box,#app .bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:9999px !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}
html[theme=dark] .bottom_nav2 .nav_box,html[theme=dark] #app .bottom_nav2 .nav_box {background:linear-gradient(180deg,#1c1c1c 0%,#0a0a0a 100%) !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:9999px !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1) !important;}
html[theme=light] .bottom_nav_item {color:#8b93a3 !important;}
html[theme=dark] .bottom_nav_item {color:#8b93a3 !important;}
html[theme=light] .bottom_nav_item.active,html[theme=light] .bottom_nav_item.bottom_nav_active,html[theme=light] .bottom_nav_item.active .bn_con {color:#ffffff !important;}
html[theme=dark] .bottom_nav_item.active,html[theme=dark] .bottom_nav_item.bottom_nav_active,html[theme=dark] .bottom_nav_item.active .bn_con {color:#ffffff !important;}
html[theme=light] .bottom_nav_item.active .bn_con,html[theme=light] .bottom_nav_item.bottom_nav_active .bn_con {background:rgba(255,255,255,.12) !important;}
html[theme=dark] .bottom_nav_item.active .bn_con,html[theme=dark] .bottom_nav_item.bottom_nav_active .bn_con {background:rgba(255,255,255,.12) !important;}


.page {height:var(--app-height) !important;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + .2rem) !important;}
#app,body,html {background-attachment:fixed;}


.page-trade {background:transparent !important;color:var(--dn-text);}
.page-trade .trade-tabs {background:var(--dn-card) !important;border-bottom:1px solid var(--dn-border) !important;margin:0 -.3rem;padding:.24rem .3rem .16rem;color:var(--dn-text3);}
.page-trade .trade-tabs a {color:var(--dn-text3);}
.page-trade .trade-tabs a.active {color:var(--dn-text) !important;}
.page-trade .trade-tabs a.active::after {background:var(--dn-primary) !important;}
.page-trade .pair-head,.page-trade .pair-name,.page-trade .pair-actions {color:var(--dn-text);}
.page-trade .pair-actions {color:var(--dn-text3);}

.trade-period-bar {display:flex;gap:.12rem;padding:.08rem .3rem .12rem;overflow-x:auto;}
.trade-period-bar button {border:none;background:transparent;color:var(--dn-text3);font-size:.24rem;padding:.08rem .14rem;border-radius:.1rem;}
.trade-period-bar button.active {color:var(--dn-primary);background:rgba(1,76,250,.1);font-weight:600;}
html[theme=dark] .trade-period-bar button.active {background:rgba(96,165,250,.16);color:#60a5fa;}

.trade-kline {margin:.08rem .2rem .08rem;min-height:3.2rem;border-radius:.2rem;background:var(--dn-card) !important;border:1px solid var(--dn-border);overflow:hidden;}
.page-trade .mini-chart,.trade-kline {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;border-radius:.2rem !important;}
.trade-ohlc {padding:0 .3rem .12rem;font-size:.22rem;color:var(--dn-text3);font-variant-numeric:tabular-nums;}

.page-trade .time-btn {background:var(--dn-card2) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text) !important;}
.page-trade .time-btn .r {color:var(--dn-text3) !important;}
.page-trade .time-btn.active {background:rgba(1,76,250,.12) !important;border-color:var(--dn-primary) !important;color:var(--dn-primary) !important;}
html[theme=dark] .page-trade .time-btn.active {background:rgba(96,165,250,.16) !important;color:#60a5fa !important;border-color:#60a5fa !important;}

.page-trade .amount-field,.page-trade .field {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;border-radius:.2rem;padding:.2rem .24rem;margin:.12rem .3rem;color:var(--dn-text);}
.page-trade .amount-field label,.page-trade .field label {color:var(--dn-text3);font-size:.26rem;display:block;margin-bottom:.1rem;}
.page-trade .amount-row input {background:var(--dn-card2) !important;color:var(--dn-text) !important;border-radius:.12rem;padding:.14rem .16rem;font-size:.32rem;font-weight:600;}
.page-trade .amount-row span {color:var(--dn-text3);font-size:.26rem !important;}

.page-trade .pct-row button,.page-trade .lev-row button {background:var(--dn-card2) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text) !important;}
.page-trade .lev-row button.active {background:var(--dn-primary) !important;color:#fff !important;border-color:transparent !important;}
.page-trade .avail-row,.page-trade .order-tabs button {color:var(--dn-text2);}
.page-trade .order-tabs button.active {color:var(--dn-primary);}
.page-trade .futures-box {background:transparent !important;border:none !important;box-shadow:none !important;}
.page-trade .order-card {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text);}
.page-trade .empty-tip {color:var(--dn-text3);}

html[theme=dark] .page-trade .field,html[theme=dark] .page-trade .amount-field,html[theme=dark] .page-trade .field.amount-field,html[theme=light] .page-trade .field,html[theme=light] .page-trade .amount-field {background:var(--dn-card) !important;border:1px solid var(--dn-border) !important;color:var(--dn-text) !important;}
html[theme=dark] .page-trade .field:focus-within,html[theme=dark] .page-trade .amount-field:focus-within {background:var(--dn-card2) !important;}
html[theme=dark] .page-trade .amount-row input,html[theme=light] .page-trade .amount-row input {background:var(--dn-card2) !important;color:var(--dn-text) !important;}
html[theme=dark] .page-chart .kline-box,html[theme=dark] .page-chart .chart-top,html[theme=dark] .page-chart .period-bar {background:var(--dn-bg) !important;color:var(--dn-text);border-color:var(--dn-border) !important;}


.page-trade.trade-pro {padding:0 0 calc(var(--nav-h) + .36rem) !important;background:transparent !important;}
.tp-tabs {display:flex;gap:.08rem;margin:.16rem .24rem 0;padding:.06rem;background:var(--dn-card);border:1px solid var(--dn-border);border-radius:9999px;box-shadow:0 .06rem .18rem var(--dn-glow);}
.tp-tab {flex:1;text-align:center;padding:.18rem .1rem;font-size:.28rem;font-weight:600;color:var(--dn-text3);border-radius:9999px;transition:.2s;}
.tp-tab.on {background:var(--dn-primary);color:#fff !important;box-shadow:0 .06rem .16rem var(--dn-glow);}

.tp-head {display:flex;align-items:center;gap:.16rem;padding:.28rem .28rem .12rem;}
.tp-pair {display:flex;align-items:center;gap:.14rem;min-width:0;flex:1;}
.tp-ico {width:.56rem;height:.56rem;border-radius:50%;background:var(--dn-card2);}
.tp-name {font-size:.34rem;font-weight:700;color:var(--dn-text);line-height:1.2;}
.tp-name .chev {color:var(--dn-text3);font-size:.24rem;}
.tp-sub {font-size:.2rem;color:var(--dn-text3);margin-top:.02rem;}
.tp-px-wrap {text-align:right;}
.tp-price {font-size:.4rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1;}
.tp-chg {font-size:.24rem;font-weight:600;margin-top:.04rem;}
.tp-chart-link {width:.64rem;height:.64rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dn-primary);background:var(--dn-card);border:1px solid var(--dn-border);flex-shrink:0;}

.tp-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;padding:0 .28rem .16rem;}
.tp-stats .st {background:var(--dn-card);border:1px solid var(--dn-border);border-radius:.16rem;padding:.14rem .12rem;text-align:center;}
.tp-stats span {display:block;font-size:.2rem;color:var(--dn-text3);margin-bottom:.04rem;}
.tp-stats b {font-size:.24rem;color:var(--dn-text);font-variant-numeric:tabular-nums;}

.tp-period {display:flex;gap:.08rem;padding:0 .28rem .1rem;overflow-x:auto;}
.tp-period button {border:0;background:transparent;color:var(--dn-text3);font-size:.24rem;padding:.1rem .16rem;border-radius:.12rem;font-weight:500;}
.tp-period button.on {color:var(--dn-primary);background:rgba(1,76,250,.1);font-weight:700;}
html[theme=dark] .tp-period button.on {color:#60a5fa;background:rgba(96,165,250,.14);}

.tp-kline {margin:.12rem .24rem;min-height:5.2rem;height:5.2rem;border-radius:.28rem;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.05),transparent 55%),linear-gradient(165deg,#111111 0%,#0a0a0a 55%,#050505 100%) !important;border:1px solid rgba(255,255,255,.11) !important;overflow:hidden;box-shadow:0 .1rem .24rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);position:relative;}
.tp-kline .kline-svg,.ch-kline .kline-svg {display:block;width:100%;height:100%;}
.tp-kline .kline-empty,.ch-kline .kline-empty {display:flex;align-items:center;justify-content:center;height:100%;color:#8a8a8a;font-size:.24rem;}
.tp-ohlc {padding:.08rem .28rem .16rem;font-size:.2rem;color:var(--dn-text3);font-variant-numeric:tabular-nums;}

.tp-panel {margin:0 .24rem .2rem;padding:.24rem;background:var(--dn-card);border:1px solid var(--dn-border);border-radius:.28rem;box-shadow:0 .08rem .22rem var(--dn-glow);}
.tp-panel-hd {display:flex;justify-content:space-between;align-items:center;font-size:.26rem;color:var(--dn-text2);margin-bottom:.16rem;}
.tp-panel-hd .tip b,.tp-panel-hd b {color:var(--dn-primary);}

.tp-chip-row {display:flex;flex-wrap:wrap;gap:.12rem;margin-bottom:.2rem;}
.tp-chip {flex:1;min-width:1.2rem;border:1px solid var(--dn-border);background:var(--dn-card2);border-radius:.16rem;padding:.16rem .08rem;display:flex;flex-direction:column;align-items:center;gap:.04rem;color:var(--dn-text);}
.tp-chip em {font-style:normal;font-size:.28rem;font-weight:700;}
.tp-chip i {font-style:normal;font-size:.2rem;color:var(--ex-up-color);font-weight:600;}
.tp-chip.on {border-color:var(--dn-primary);background:rgba(1,76,250,.1);color:var(--dn-primary);box-shadow:inset 0 0 0 1px rgba(1,76,250,.12);}
.tp-chip-row.lev .tp-chip {min-width:.9rem;padding:.14rem .06rem;}
.tp-chip-row.lev .tp-chip em,.tp-chip-row.lev .tp-chip {font-size:.26rem;font-weight:700;}

.tp-side-tabs {display:flex;gap:.1rem;margin-bottom:.2rem;background:var(--dn-card2);border-radius:.16rem;padding:.06rem;}
.tp-side-tabs button {flex:1;border:0;background:transparent;color:var(--dn-text3);font-size:.28rem;font-weight:700;padding:.18rem;border-radius:.12rem;}
.tp-side-tabs button.on.buy {background:var(--ex-up-color);color:#fff;}
.tp-side-tabs button.on.sell {background:var(--ex-down-color);color:#fff;}

.tp-input-card {margin-top:.04rem;}
.tp-input-card .row-lab {display:flex;justify-content:space-between;font-size:.24rem;color:var(--dn-text3);margin-bottom:.1rem;}
.tp-input-card .avail b {color:var(--dn-text);}
.tp-input-card .muted {color:var(--dn-text3);}

.tp-stepper {display:flex;align-items:center;gap:.08rem;background:var(--dn-card2);border:1px solid var(--dn-border);border-radius:.16rem;padding:.08rem;}
.tp-stepper .step {width:.64rem;height:.64rem;border-radius:.12rem;border:0;background:var(--dn-card);color:var(--dn-primary);font-size:.36rem;font-weight:700;flex-shrink:0;}
.tp-stepper input {flex:1;border:0;outline:none;background:transparent;text-align:center;font-size:.36rem;font-weight:700;color:var(--dn-text);min-width:0;}
.tp-stepper .unit {font-size:.24rem;color:var(--dn-text3);padding-right:.08rem;flex-shrink:0;}
.tp-readonly {background:var(--dn-card2);border:1px solid var(--dn-border);border-radius:.16rem;padding:.2rem .2rem;font-size:.32rem;font-weight:700;color:var(--dn-text);}
.tp-readonly em {font-style:normal;font-size:.24rem;color:var(--dn-text3);font-weight:500;}

.tp-pct {display:grid;grid-template-columns:repeat(auto-fit,minmax(.9rem,1fr));gap:.1rem;margin-top:.14rem;}
.tp-pct button {border:1px solid var(--dn-border);background:var(--dn-card2);color:var(--dn-text2);border-radius:.12rem;padding:.12rem;font-size:.24rem;font-weight:600;}
.tp-pct button:active {color:var(--dn-primary);border-color:var(--dn-primary);}

.tp-estimate {display:flex;justify-content:space-between;gap:.16rem;margin:.2rem 0;padding:.16rem .18rem;background:var(--dn-card2);border-radius:.16rem;font-size:.24rem;color:var(--dn-text3);}
.tp-estimate b {color:var(--dn-text);font-size:.26rem;}
.tp-estimate b.up {color:var(--ex-up-color);}

.tp-dirs {display:grid;grid-template-columns:1fr 1fr;gap:.16rem;}
.tp-dirs .dir {border:0;border-radius:.2rem;padding:.28rem .16rem;font-size:.32rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;gap:.1rem;box-shadow:0 .1rem .24rem rgba(0,0,0,.18);}
.tp-dirs .dir .ico {font-size:.28rem;}
.tp-dirs .dir.up {background:linear-gradient(135deg,#22c55e,#16a34a);}
.tp-dirs .dir.down {background:linear-gradient(135deg,#f87171,#ef4444);}

.tp-main-btn {width:100%;border:0;border-radius:.2rem;padding:.3rem;font-size:.34rem;font-weight:700;color:#fff;margin-top:.08rem;box-shadow:0 .1rem .24rem rgba(0,0,0,.18);}
.tp-main-btn.buy {background:linear-gradient(135deg,#22c55e,#16a34a);}
.tp-main-btn.sell {background:linear-gradient(135deg,#f87171,#ef4444);}

.tp-orders {margin:.2rem .24rem 0;}
.turbo-left {color:var(--dn-primary);font-variant-numeric:tabular-nums;font-weight:700;}
.turbo-cd-overlay {position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:.4rem;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.turbo-cd-overlay.show {display:flex;}
.turbo-cd-panel {width:min(86vw,6.2rem);padding:.36rem .32rem .32rem;border-radius:.28rem;color:#fff;background:radial-gradient(120% 80% at 50% -20%,rgba(59,130,246,.22),transparent 55%),linear-gradient(165deg,rgba(32,34,40,.98),rgba(12,12,14,.98));border:1px solid rgba(255,255,255,.1);box-shadow:0 .24rem .7rem rgba(0,0,0,.5);}
.turbo-cd-panel.is-up {box-shadow:0 .24rem .7rem rgba(0,0,0,.5),0 0 0 1px rgba(34,197,94,.18) inset;}
.turbo-cd-panel.is-down {box-shadow:0 .24rem .7rem rgba(0,0,0,.5),0 0 0 1px rgba(248,113,113,.18) inset;}
.turbo-cd-top {display:flex;align-items:center;justify-content:space-between;gap:.12rem;margin-bottom:.2rem;}
.turbo-cd-pair {font-size:.3rem;font-weight:800;letter-spacing:.02em;}
.turbo-cd-dir {display:inline-flex;align-items:center;padding:.06rem .16rem;border-radius:.1rem;font-size:.22rem;font-weight:700;}
.turbo-cd-dir.up {background:rgba(34,197,94,.18);color:#4ade80;}
.turbo-cd-dir.down {background:rgba(248,113,113,.18);color:#f87171;}
.turbo-cd-ring-wrap {position:relative;width:2.4rem;height:2.4rem;margin:.08rem auto .18rem;}
.turbo-cd-ring {width:100%;height:100%;transform:rotate(-90deg);}
.turbo-cd-ring-bg {fill:none;stroke:rgba(255,255,255,.08);stroke-width:7;}
.turbo-cd-ring-fg {fill:none;stroke:#3b82f6;stroke-width:7;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:0;transition:stroke-dashoffset .35s linear,stroke .25s ease;}
.turbo-cd-panel.is-up .turbo-cd-ring-fg {stroke:#22c55e;}
.turbo-cd-panel.is-down .turbo-cd-ring-fg {stroke:#ef4444;}
.turbo-cd-ring-center {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;}
.turbo-cd-num {font-size:.72rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
.turbo-cd-unit {margin-top:.04rem;font-size:.22rem;color:rgba(255,255,255,.5);font-weight:600;}
.turbo-cd-pnl {text-align:center;margin:.04rem 0 .18rem;}
.turbo-cd-pnl .lab {font-size:.2rem;color:rgba(255,255,255,.5);margin-bottom:.04rem;}
.turbo-cd-pnl .val {font-size:.4rem;font-weight:800;font-variant-numeric:tabular-nums;transition:color .2s ease,transform .15s ease;}
.turbo-cd-pnl .val.up {color:#4ade80;}
.turbo-cd-pnl .val.down {color:#f87171;}
.turbo-cd-pnl .val.flat {color:rgba(255,255,255,.75);}
.turbo-cd-pnl .val.flash {transform:scale(1.06);}
.turbo-cd-rows {display:grid;gap:.1rem;padding:.14rem .14rem;border-radius:.16rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);margin-bottom:.18rem;}
.turbo-cd-row {display:flex;justify-content:space-between;align-items:center;font-size:.24rem;gap:.16rem;}
.turbo-cd-row .k {color:rgba(255,255,255,.5);}
.turbo-cd-row .v {font-weight:700;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.92);}
.turbo-cd-row .v.up {color:#4ade80;}
.turbo-cd-row .v.down {color:#f87171;}
.turbo-cd-row .v.flash,.turbo-cd-pnl .val.flash {animation:turboPxFlash .22s ease;}
@keyframes turboPxFlash {0%{ transform: scale(1); opacity: 1; }40%{ transform: scale(1.06); opacity: .85; }100%{ transform: scale(1); opacity: 1; }}
.turbo-cd-amt {text-align:center;font-size:.22rem;color:rgba(255,255,255,.55);margin-bottom:.18rem;}
.turbo-cd-close {width:100%;border:0;border-radius:.16rem;padding:.2rem 0;font-size:.28rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);}
.tp-otabs {display:flex;gap:.28rem;padding:0 .04rem .12rem;border-bottom:1px solid var(--dn-border);margin-bottom:.12rem;}
.tp-otabs button {border:0;background:none;color:var(--dn-text3);font-size:.28rem;font-weight:600;padding:.1rem 0;position:relative;}
.tp-otabs button.on {color:var(--dn-primary);}
.tp-otabs button.on::after {content:'';position:absolute;left:15%;right:15%;bottom:-.12rem;height:.05rem;border-radius:.05rem;background:var(--dn-primary);}
.tp-pos-card {background:var(--dn-card);border:1px solid var(--dn-border);border-radius:.2rem;padding:.2rem;margin-bottom:.12rem;}
.tp-pos-card .hd {display:flex;justify-content:space-between;align-items:center;color:var(--dn-text);margin-bottom:.1rem;gap:.12rem;}
.tp-pos-card .hd .sym,.tp-pos-card .hd b {font-size:.28rem !important;font-weight:700;line-height:1.25;color:var(--dn-text);letter-spacing:.01em;text-transform:uppercase;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tp-pos-card .tag {font-size:.22rem;padding:.04rem .12rem;border-radius:.08rem;font-weight:700;flex-shrink:0;}
.tp-pos-card .tag.up {background:rgba(24,183,98,.15);color:var(--ex-up-color);}
.tp-pos-card .tag.down {background:rgba(232,80,58,.15);color:var(--ex-down-color);}
.tp-pos-card .meta {display:flex;justify-content:space-between;font-size:.22rem;color:var(--dn-text3);margin-top:.06rem;gap:.12rem;}
.tp-pos-card .meta span {font-size:.22rem;line-height:1.35;font-variant-numeric:tabular-nums;}
.tp-close-btn {margin-top:.14rem;width:100%;border:1px solid var(--dn-border);background:var(--dn-card2);color:var(--dn-text);border-radius:.12rem;padding:.14rem;font-size:.26rem;font-weight:600;}


.trade-pro .trade-tabs,.trade-pro .pair-head,.trade-pro .trade-tabs {display:none !important;}


.page-index .network-pill {cursor:pointer;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:.24rem !important;}
.page-index .network-pill:active {transform:scale(.98);opacity:.92;}

.chain-sheet {position:fixed;inset:0;z-index:2500;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
.chain-sheet.show {opacity:1;pointer-events:auto;}
.chain-sheet[hidden] {display:none !important;}
.chain-sheet.show[hidden] {display:flex !important;}
.chain-sheet-mask {position:absolute;inset:0;background:rgba(0,0,0,.45);}
.chain-sheet-panel {position:relative;width:100%;max-width:7.5rem;background:var(--dn-card);border-radius:.36rem .36rem 0 0;border:1px solid var(--dn-border);border-bottom:none;padding:.28rem .28rem calc(.36rem + env(safe-area-inset-bottom,0px));box-shadow:0 -.12rem .4rem rgba(0,0,0,.25);transform:translateY(20%);transition:transform .22s ease;color:var(--dn-text);}
.chain-sheet.show .chain-sheet-panel {transform:none;}
.chain-sheet-hd {display:flex;align-items:center;justify-content:space-between;font-size:.34rem;font-weight:700;margin-bottom:.2rem;}
.chain-sheet-x {width:.56rem;height:.56rem;border:0;border-radius:50%;background:var(--dn-card2);color:var(--dn-text3);font-size:.4rem;line-height:1;}
.chain-sheet-list {display:flex;flex-direction:column;gap:.12rem;}
.chain-sheet-item {display:flex;align-items:center;gap:.18rem;width:100%;border:1px solid var(--dn-border);background:var(--dn-card2);border-radius:.2rem;padding:.22rem .2rem;color:var(--dn-text);text-align:left;}
.chain-sheet-item img {width:.56rem;height:.56rem;border-radius:50%;}
.chain-sheet-item .meta {flex:1;min-width:0;}
.chain-sheet-item .n {display:block;font-size:.3rem;font-weight:700;}
.chain-sheet-item .s {display:block;font-size:.22rem;color:var(--dn-text3);margin-top:.02rem;}
.chain-sheet-item .check {width:.4rem;text-align:center;color:var(--dn-primary);font-weight:700;font-size:.32rem;}
.chain-sheet-item.on {border-color:var(--dn-primary);background:rgba(1,76,250,.1);box-shadow:inset 0 0 0 1px rgba(1,76,250,.12);}
html[theme=dark] .chain-sheet-item.on {background:rgba(96,165,250,.14);}


.mk-pro,.ch-pro {padding:0 0 1.4rem;min-height:100%;background:transparent !important;color:var(--dn-text);}
.mk-tabs {display:flex;align-items:center;gap:.08rem;padding:.12rem .24rem 0;border-bottom:1px solid var(--dn-border);background:color-mix(in srgb,var(--dn-bg) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.mk-tab {flex:1;text-align:center;padding:.22rem 0 .2rem;font-size:.3rem;font-weight:600;color:var(--dn-text3);position:relative;text-decoration:none;}
.mk-tab.on {color:var(--dn-primary);}
.mk-tab.on::after {content:'';position:absolute;left:28%;right:28%;bottom:0;height:.06rem;border-radius:.04rem;background:var(--dn-primary);}
.mk-seg {display:flex;gap:.1rem;margin:.18rem .24rem .06rem;padding:.06rem;border-radius:.2rem;background:var(--dn-card2);border:1px solid var(--dn-border);}
.mk-seg a {flex:1;text-align:center;padding:.16rem .08rem;border-radius:.14rem;font-size:.26rem;font-weight:600;color:var(--dn-text3);text-decoration:none;}
.mk-seg a.on {background:var(--dn-primary);color:#fff;box-shadow:0 .04rem .12rem var(--dn-glow);}
.mk-colhead {display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:.1rem;padding:.14rem .7rem .08rem 1.05rem;font-size:.22rem;color:var(--dn-text3);}
.mk-colhead span:nth-child(2),.mk-colhead span:nth-child(3) {text-align:right;}
.mk-watch-tip {margin:.16rem .24rem 0;padding:.14rem .18rem;border-radius:.16rem;font-size:.22rem;color:var(--dn-text3);background:var(--dn-card2);border:1px solid var(--dn-border);}
.mk-list {padding:.06rem .12rem .2rem;background:transparent !important;}
.mk-row-wrap {display:flex;align-items:center;gap:.04rem;border-bottom:1px solid var(--dn-border);padding:.02rem 0;}
.mk-row-wrap:active {background:color-mix(in srgb,var(--dn-primary) 6%,transparent);}
.mk-star {width:.56rem;height:.72rem;border:0;background:transparent;color:var(--dn-text3);font-size:.34rem;line-height:1;flex-shrink:0;padding:0;}
.mk-star.on {color:#f5b942;}
.mk-row {flex:1;min-width:0;display:grid;grid-template-columns:1.2fr 1fr .9fr;align-items:center;gap:.1rem;padding:.18rem .06rem .18rem 0;text-decoration:none;color:inherit;}
.mk-row .l .sym {font-size:.3rem;font-weight:700;color:var(--dn-text);line-height:1.2;}
.mk-row .l .pair {margin-top:.04rem;font-size:.2rem;color:var(--dn-text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mk-row .m {text-align:right;font-size:.3rem;font-weight:700;font-variant-numeric:tabular-nums;}
.mk-row .m.up,.mk-row .chg.up {color:var(--ex-up-color);}
.mk-row .m.down,.mk-row .chg.down {color:var(--ex-down-color);}
.mk-row .m.flat,.mk-row .chg.flat {color:var(--dn-text2);}
.mk-row .r {text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.06rem;}
.mk-row .chg {font-size:.22rem;font-weight:600;font-variant-numeric:tabular-nums;}
.mk-row .pill {display:inline-block;min-width:1.1rem;padding:.06rem .1rem;border-radius:.1rem;font-size:.22rem;font-weight:700;text-align:center;color:#fff;background:#8b95a8;}
.mk-row .pill.up {background:var(--ex-up-color);}
.mk-row .pill.down {background:var(--ex-down-color);}
.mk-chart-btn {width:.52rem;height:.72rem;display:flex;align-items:center;justify-content:center;color:var(--dn-text3);flex-shrink:0;}
.mk-chart-btn:active {color:var(--dn-primary);}
.mk-empty {margin:.48rem .28rem;padding:.56rem .32rem .48rem;text-align:center;border-radius:.28rem;background:var(--dn-card);border:1px solid var(--dn-border);box-shadow:0 .08rem .2rem var(--dn-glow);}
.mk-empty-ico {width:.72rem;height:.72rem;margin:0 auto .18rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.36rem;color:#f5b942;background:color-mix(in srgb,#f5b942 16%,transparent);}
.mk-empty-t {font-size:.28rem;color:var(--dn-text2);line-height:1.45;margin-bottom:.28rem;}
.mk-empty-btn {display:inline-block;padding:.16rem .4rem;border-radius:.16rem;background:var(--dn-primary);color:#fff !important;font-size:.26rem;font-weight:600;text-decoration:none;box-shadow:0 .06rem .16rem var(--dn-glow);}
html[theme=dark] .mk-empty {background:#141414;border-color:#2c2c2c;}


.ch-pro .mk-tabs {margin-bottom:.04rem;}
.ch-top {display:flex;align-items:center;gap:.14rem;padding:.18rem .24rem .12rem;}
.ch-info {flex:1;min-width:0;}
.ch-name {font-size:.32rem;font-weight:700;color:var(--dn-text);line-height:1.2;}
.ch-price {margin-top:.04rem;font-size:.28rem;font-weight:700;font-variant-numeric:tabular-nums;}
.ch-price.up {color:var(--ex-up-color);}
.ch-price.down {color:var(--ex-down-color);}
.ch-price span {margin-left:.1rem;font-size:.22rem;font-weight:600;opacity:.9;}
.ch-trade {padding:.14rem .22rem;border-radius:.14rem;background:color-mix(in srgb,var(--dn-primary) 18%,#fff);color:var(--dn-primary);font-size:.24rem;font-weight:700;text-decoration:none;border:1px solid color-mix(in srgb,var(--dn-primary) 28%,transparent);flex-shrink:0;}
html[theme=dark] .ch-trade {background:rgba(96,165,250,.18);color:#93c5fd;border-color:rgba(96,165,250,.35);}
.ch-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;margin:0 .24rem .12rem;}
.ch-stats > div {background:var(--dn-card2);border:1px solid var(--dn-border);border-radius:.14rem;padding:.12rem .1rem;text-align:center;}
.ch-stats span {display:block;font-size:.2rem;color:var(--dn-text3);margin-bottom:.04rem;}
.ch-stats b {font-size:.24rem;font-weight:700;color:var(--dn-text);font-variant-numeric:tabular-nums;}
.ch-period {display:flex;gap:.08rem;padding:.04rem .2rem .1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ch-period::-webkit-scrollbar {display:none;}
.ch-period button {flex:0 0 auto;border:0;background:transparent;color:var(--dn-text3);font-size:.24rem;font-weight:600;padding:.1rem .16rem;border-radius:.12rem;}
.ch-period button.on {background:color-mix(in srgb,var(--dn-primary) 16%,#fff);color:var(--dn-primary);}
html[theme=dark] .ch-period button.on {background:rgba(96,165,250,.2);color:#93c5fd;}
.ch-kline {margin:0 .16rem;min-height:3.6rem;border-radius:.28rem;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.05),transparent 55%),linear-gradient(165deg,#111111 0%,#0a0a0a 55%,#050505 100%);border:1px solid rgba(255,255,255,.11);overflow:hidden;box-shadow:0 .1rem .24rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06);}
.ch-kline svg {display:block;width:100%;height:auto;}
.ch-ohlc {margin:.1rem .24rem .16rem;padding:.12rem .16rem;border-radius:.14rem;background:var(--dn-card2);border:1px solid var(--dn-border);font-size:.2rem;color:var(--dn-text3);font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto;}
.ch-trade-panel {margin:.08rem .24rem 0;padding:.2rem .18rem .18rem;border-radius:.22rem;background:var(--dn-card);border:1px solid var(--dn-border);box-shadow:0 .06rem .18rem var(--dn-glow);}
.ch-trade-hd {font-size:.26rem;font-weight:700;color:var(--dn-text);margin-bottom:.14rem;}
.ch-trade-grid {display:grid;grid-template-columns:1fr 1fr;gap:.12rem;}
.ch-trade-grid.three {grid-template-columns:repeat(3,1fr);}
.ch-go {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.06rem;padding:.22rem .08rem;border-radius:.16rem;text-decoration:none;border:1px solid var(--dn-border);background:var(--dn-card2);min-height:1.1rem;}
.ch-go em {font-style:normal;font-size:.26rem;font-weight:700;color:var(--dn-text);}
.ch-go span {font-size:.18rem;color:var(--dn-text3);}
.ch-go.futures {border-color:color-mix(in srgb,var(--dn-primary) 35%,var(--dn-border));}
.ch-go.futures em {color:var(--dn-primary);}
.ch-go.spot em {color:#0ea5e9;}
.ch-go.turbo em {color:#f59e0b;}
.ch-go:active {transform:scale(.98);}
.ch-more {display:block;margin-top:.14rem;text-align:center;font-size:.24rem;color:var(--dn-primary);text-decoration:none;font-weight:600;}
html[theme=dark] .ch-kline,html[theme=dark] .ch-trade-panel {background:var(--dn-surface);border-color:var(--dn-border);}


html[theme=light] .site-notice,html[theme=dark] .site-notice {background:rgba(255,255,255,.07) !important;color:var(--dn-text2) !important;border:1px solid var(--dn-border);}
html[theme=light] .chain-sheet-item.on,html[theme=dark] .chain-sheet-item.on {background:rgba(255,255,255,.1) !important;border-color:rgba(255,255,255,.2) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;}
html[theme=light] .tp-period button.on,html[theme=dark] .tp-period button.on,html[theme=light] .ch-period button.on,html[theme=dark] .ch-period button.on,html[theme=light] .ch-trade,html[theme=dark] .ch-trade {background:linear-gradient(165deg,#2a2a2a,#141414) !important;color:#fff !important;border-color:rgba(255,255,255,.14) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
html[theme=light] .mk-seg a.on,html[theme=dark] .mk-seg a.on,html[theme=light] .tp-tab.on,html[theme=dark] .tp-tab.on,html[theme=light] .theme-seg button.active,html[theme=dark] .theme-seg button.active {background:linear-gradient(165deg,#2e2e2e,#222222) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;}
html[theme=light] .mk-empty-btn,html[theme=dark] .mk-empty-btn,html[theme=light] .btn-primary,html[theme=dark] .btn-primary,html[theme=light] .primary-btn,html[theme=dark] .primary-btn,html[theme=light] button.primary,html[theme=dark] button.primary {background:linear-gradient(165deg,#2e2e2e,#222222) !important;color:#fff !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.12) !important;}
html[theme=light] .assets-hero,html[theme=dark] .assets-hero,html[theme=light] .page-assets .card[style*="linear-gradient"],html[theme=dark] .page-assets .card[style*="linear-gradient"] {background:var(--dn-surface) !important;box-shadow:0 .1rem .28rem rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;border:1px solid var(--dn-border-hi) !important;}
html[theme=light] .action-grid .ico,html[theme=dark] .action-grid .ico {background:linear-gradient(165deg,#222222,#0f0f0f) !important;border:1px solid var(--dn-border-hi) !important;box-shadow:0 .06rem .16rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1) !important;color:#fff !important;}
html[theme=light] .page-auth,html[theme=dark] .page-auth {background:radial-gradient(90% 50% at 50% 0%,rgba(255,255,255,.05),transparent 60%),var(--dn-bg) !important;}
html[theme=light] .auth-card,html[theme=dark] .auth-card {background:var(--dn-surface) !important;border:1px solid var(--dn-border-hi) !important;box-shadow:0 .1rem .28rem rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07) !important;}
html[theme=light] .home-theme-btn,html[theme=dark] .home-theme-btn {color:#fff !important;background:linear-gradient(165deg,#222222,#0f0f0f) !important;border-color:var(--dn-border-hi) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);}
html[theme=dark] .mk-empty {background:var(--dn-surface);border-color:var(--dn-border-hi);}
.mining-card.v2,.wallet-list.v2,.mk-empty,.tp-panel,.tp-kline,.ch-kline,.ch-trade-panel {box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;}


.wallet-modal-mask {background:rgba(0,0,0,.72) !important;}
.wallet-modal-panel {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 52%,#000 100%) !important;color:#fff !important;border-top:1px solid rgba(255,255,255,.16) !important;box-shadow:0 -.24rem .6rem rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1) !important;}
.wallet-modal-head {color:#fff !important;}
.wallet-modal-tip,.wallet-chain-item .s,.wallet-chain-item.muted .go {color:#9a9a9a !important;}
.wm-close {background:#111 !important;color:#fff !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.wallet-chain-item {background:linear-gradient(165deg,#161616,#0a0a0a) !important;border:1px solid rgba(255,255,255,.12) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;}
.wallet-chain-item .n,.wallet-chain-item .go,.wallet-modal-status {color:#fff !important;}
.wallet-chain-item:active {background:#141414 !important;border-color:rgba(255,255,255,.24) !important;}

.chain-sheet-mask {background:rgba(0,0,0,.72) !important;}
.chain-sheet-panel {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border-color:rgba(255,255,255,.14) !important;color:#fff !important;box-shadow:0 -.2rem .48rem rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.1) !important;}
.chain-sheet-item {background:linear-gradient(165deg,#161616,#0a0a0a) !important;border:1px solid rgba(255,255,255,.12) !important;color:#fff !important;}
.chain-sheet-x {background:#111 !important;color:#fff !important;border:1px solid rgba(255,255,255,.14);}

.toast {background:rgba(10,10,10,.92) !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 .08rem .24rem rgba(0,0,0,.45) !important;}

.page-market,.page-chart,.page-user,.page-notice,.page-auth,.market-list,.kline-box,.chart-top,.period-bar button.active,.auth-card,.login-card,.menu-panel,.content-card,.user-card,.empty-state,.panel,.panel-soft,.card {background-color:transparent;}
.page-market,.page-chart,.page-user,.page-notice {background:transparent !important;}
.market-list,.kline-box {background:transparent !important;}
.chart-top,.sticky-head,.header_tabs,.tabs-top,.sub-tabs {background:rgba(0,0,0,.92) !important;border-bottom-color:rgba(255,255,255,.1) !important;color:#fff !important;}
.period-bar button.active,.chart-trade {background:linear-gradient(165deg,#222,#111) !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;}
.addr-block,.site-notice,.status-pill.s2 {background:linear-gradient(165deg,#161616,#0a0a0a) !important;color:#d0d0d0 !important;border-color:rgba(255,255,255,.14) !important;}
.alert,.alert-warning,.alert[style*="#fff3cd"] {background:#141414 !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;}
.page-login .auth-card,.page-auth .auth-card,.login-box,.register-box {background:linear-gradient(165deg,#1a1a1a,#0a0a0a) !important;border:1px solid rgba(255,255,255,.14) !important;color:#fff !important;}
input,select,textarea,.field,.amount-field {background:#0a0a0a !important;color:#fff !important;border-color:rgba(255,255,255,.14) !important;}
input::placeholder,textarea::placeholder {color:#777 !important;}


.page-earn-table {background:radial-gradient(100% 42% at 50% -8%,rgba(255,255,255,.08),transparent 55%),#000000 !important;min-height:var(--app-height);padding:0 .28rem calc(.4rem + env(safe-area-inset-bottom,0px)) !important;color:#fff;}
.page-earn-table .et-head {display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.22rem .04rem .24rem;background:transparent !important;border-bottom:none !important;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.page-earn-table .et-head h1 {margin:0;font-size:.32rem;font-weight:700;color:#fff;text-align:center;}
.page-earn-table .et-back {justify-self:start;}
.page-earn-table .et-spacer {justify-self:end;width:.8rem;}
.page-earn-table .et-alert,.page-earn-table .et-tip {margin:0 0 .2rem !important;}
.page-earn-table .et-list {display:flex;flex-direction:column;gap:.24rem;padding-top:.06rem;}
.page-earn-table .et-card {background:linear-gradient(165deg,#1a1a1a 0%,#0c0c0c 48%,#050505 100%) !important;border-radius:.28rem !important;overflow:hidden;border:1px solid rgba(255,255,255,.12) !important;box-shadow:0 .12rem .32rem rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1) !important;color:#fff !important;}
.page-earn-table .et-hero {background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 60%),linear-gradient(165deg,#222 0%,#121212 100%) !important;padding:.26rem .24rem .22rem;position:relative;border-bottom:1px solid rgba(255,255,255,.08);}
.page-earn-table .et-hero::after {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);pointer-events:none;}
.page-earn-table .et-top {display:flex;align-items:flex-start;justify-content:space-between;gap:.16rem;position:relative;z-index:1;}
.page-earn-table .et-name {font-size:.26rem;font-weight:700;color:#f2f2f2;line-height:1.3;text-shadow:none;}
.page-earn-table .et-tag {flex-shrink:0;padding:.05rem .14rem;border-radius:9999px;font-size:.18rem;font-weight:600;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);}
.page-earn-table .et-rate {margin-top:.18rem;font-size:.4rem;font-weight:750;color:#ffffff;letter-spacing:.01em;text-shadow:0 0 .2rem rgba(255,255,255,.12);position:relative;z-index:1;line-height:1.15;}
.page-earn-table .et-rate span {font-size:.22rem;font-weight:600;margin-left:.06rem;color:#b8b8b8;opacity:1;}
.page-earn-table .et-body {padding:.22rem .2rem .24rem;background:transparent !important;}
.page-earn-table .et-fields {display:grid;grid-template-columns:1fr 1fr;gap:.12rem;margin-bottom:.22rem;}
.page-earn-table .et-field {background:linear-gradient(165deg,#181818,#0e0e0e) !important;border-radius:.16rem;padding:.16rem .14rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.page-earn-table .et-field em {display:block;font-style:normal;font-size:.2rem;color:#8a8a8a;margin-bottom:.06rem;}
.page-earn-table .et-field b {display:block;font-size:.26rem;font-weight:700;color:#f0f0f0;font-variant-numeric:tabular-nums;}
.page-earn-table .et-form .et-amount {margin-bottom:.16rem;}
.page-earn-table .et-form .et-amount label {display:block;font-size:.2rem;color:#8a8a8a;margin-bottom:.06rem;}
.page-earn-table .et-form .et-amount input {width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14) !important;background:#0a0a0a !important;color:#fff !important;border-radius:.14rem;padding:.16rem .16rem;font-size:.28rem;font-weight:600;}
.page-earn-table .et-btn {display:flex;align-items:center;justify-content:center;width:100%;min-height:.8rem;border:1px solid rgba(255,255,255,.16);border-radius:.18rem;background:linear-gradient(165deg,#2a2a2a 0%,#111 55%,#050505 100%) !important;color:#fff !important;font-size:.28rem;font-weight:700;text-decoration:none;box-shadow:0 .08rem .2rem rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.14) !important;cursor:pointer;}
.page-earn-table .et-btn:active {transform:scale(.985);opacity:.92;}
.page-earn-table .et-btn:disabled {opacity:.45;cursor:not-allowed;}
.page-earn-table .et-empty {color:#9a9a9a !important;background:#0a0a0a !important;border:1px solid rgba(255,255,255,.1) !important;}


.page-mine-pro {--liq:#22d3ee;--liq2:#0ea5e9;--liq-soft:rgba(34,211,238,.14);background:radial-gradient(90% 40% at 80% 0%,rgba(14,165,233,.16),transparent 55%),#000 !important;color:#fff;padding:0 .28rem calc(.48rem + env(safe-area-inset-bottom,0px)) !important;min-height:var(--app-height);}
.page-mine-pro .mp-head {display:grid;grid-template-columns:.68rem 1fr auto;align-items:center;gap:.14rem;padding:.2rem 0 .18rem;background:transparent !important;border:0 !important;position:sticky;top:0;z-index:12;backdrop-filter:blur(10px);}
.page-mine-pro .mp-head h1 {margin:0;font-size:.36rem;font-weight:700;letter-spacing:.01em;text-align:center;}
.page-mine-pro .mp-link {color:var(--liq);font-size:.26rem;font-weight:600;text-decoration:none;white-space:nowrap;}
.page-mine-pro .mp-alert,.page-mine-pro .mp-tip {margin:0 0 .18rem !important;}

.page-mine-pro .mp-hero {position:relative;overflow:hidden;margin:.06rem 0 .22rem;border-radius:.28rem;border:1px solid rgba(34,211,238,.22);background:linear-gradient(160deg,#0b1520 0%,#070b10 48%,#050505 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.page-mine-pro .mp-wave {position:absolute;left:0;right:0;bottom:0;height:1.05rem;opacity:.9;pointer-events:none;}
.page-mine-pro .mp-wave svg {display:block;width:100%;height:100%;}
.page-mine-pro .mp-hero-main {position:relative;z-index:1;display:flex;align-items:center;gap:.2rem;padding:.3rem .24rem .18rem;}
.page-mine-pro .mp-hero-text {flex:1;min-width:0;}
.page-mine-pro .mp-kicker {font-size:.24rem;color:#7dd3fc;letter-spacing:.04em;font-weight:600;}
.page-mine-pro .mp-hero-text h2 {margin:.1rem 0 .08rem;font-size:.42rem;font-weight:780;line-height:1.2;letter-spacing:-.01em;}
.page-mine-pro .mp-hero-text p {margin:0;font-size:.26rem;color:#a8b2c0;line-height:1.55;}
.page-mine-pro .mp-drop {width:.88rem;height:.88rem;flex-shrink:0;filter:drop-shadow(0 0 .2rem rgba(34,211,238,.4));}
.page-mine-pro .mp-drop svg {width:100%;height:100%;}
.page-mine-pro .mp-hero-stats {position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.12rem;padding:0 .2rem .22rem;}
.page-mine-pro .mp-hero-stats > div {background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:.16rem;padding:.16rem .08rem;text-align:center;}
.page-mine-pro .mp-hero-stats em {display:block;font-style:normal;font-size:.22rem;color:#9aa4b2;margin-bottom:.08rem;line-height:1.3;}
.page-mine-pro .mp-hero-stats b {font-size:.3rem;font-weight:740;color:#e8f7ff;letter-spacing:-.01em;}

.page-mine-pro .mp-flow {display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.06rem .04rem;margin:0 0 .22rem;padding:.22rem .14rem;border-radius:.2rem;background:rgba(14,165,233,.08);border:1px solid rgba(34,211,238,.16);font-size:.24rem;color:#d7f3ff;line-height:1.35;text-align:center;}
.page-mine-pro .mp-flow i {width:.18rem;height:1px;background:linear-gradient(90deg,transparent,var(--liq),transparent);justify-self:center;}
.page-mine-pro .mp-flow span {font-weight:650;}

.page-mine-pro .mp-summary {margin-bottom:.22rem;}
.page-mine-pro .mp-sum-line {display:grid;grid-template-columns:repeat(3,1fr);gap:.12rem;}
.page-mine-pro .mp-sum-line > div {background:#0c1118;border:1px solid rgba(255,255,255,.1);border-radius:.18rem;padding:.18rem .1rem;text-align:center;}
.page-mine-pro .mp-sum-line em {display:block;font-style:normal;font-size:.22rem;color:#9aa4b2;margin-bottom:.08rem;line-height:1.3;}
.page-mine-pro .mp-sum-line b {font-size:.3rem;font-weight:740;letter-spacing:-.01em;}
.page-mine-pro .up {color:#34d399 !important;}

.page-mine-pro .mp-sec-title {font-size:.32rem;font-weight:720;margin:.1rem 0 .18rem;color:#f5f5f5;letter-spacing:.01em;}

.page-mine-pro .mp-card {margin-bottom:.22rem;border-radius:.24rem;border:1px solid rgba(34,211,238,.16);background:linear-gradient(165deg,#101820 0%,#0a0d12 55%,#070707 100%);padding:.26rem .22rem .22rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.page-mine-pro .mp-card-top {display:flex;justify-content:space-between;gap:.16rem;align-items:flex-start;}
.page-mine-pro .mp-name {font-size:.32rem;font-weight:720;line-height:1.3;}
.page-mine-pro .mp-tags {display:flex;flex-wrap:wrap;gap:.08rem;margin-top:.12rem;}
.page-mine-pro .mp-tag {display:inline-block;padding:.06rem .14rem;border-radius:9999px;font-size:.22rem;font-weight:600;color:#b6eaf8;background:var(--liq-soft);border:1px solid rgba(34,211,238,.22);line-height:1.3;}
.page-mine-pro .mp-tag.hot {color:#ffd7a8;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.3);}
.page-mine-pro .mp-tag.muted {color:#a8b2c0;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1);}
.page-mine-pro .mp-rate-box {text-align:right;flex-shrink:0;padding-top:.02rem;}
.page-mine-pro .mp-rate-box b {display:block;font-size:.44rem;font-weight:800;line-height:1.05;color:var(--liq);text-shadow:0 0 .18rem rgba(34,211,238,.28);letter-spacing:-.02em;}
.page-mine-pro .mp-rate-box em {display:block;margin-top:.04rem;font-style:normal;font-size:.22rem;color:#9aa4b2;}
.page-mine-pro .mp-meta {display:flex;justify-content:space-between;gap:.14rem;margin-top:.18rem;font-size:.24rem;color:#9aa4b2;line-height:1.4;}
.page-mine-pro .mp-estimate {display:flex;justify-content:space-between;gap:.12rem;margin-top:.14rem;padding:.16rem .16rem;border-radius:.16rem;background:rgba(52,211,153,.07);border:1px solid rgba(52,211,153,.16);font-size:.24rem;color:#a8b2c0;line-height:1.4;}
.page-mine-pro .mp-estimate b {margin-left:.06rem;font-size:.26rem;}
.page-mine-pro .mp-chips {display:flex;gap:.1rem;margin:.18rem 0 .14rem;}
.page-mine-pro .mp-chip {flex:1;border:1px solid rgba(255,255,255,.12);background:#0c1118;color:#c5ccd6;border-radius:.14rem;padding:.14rem .1rem;font-size:.24rem;font-weight:650;min-height:.64rem;line-height:1.2;}
.page-mine-pro .mp-chip.on {color:#e8fbff;border-color:rgba(34,211,238,.45);background:rgba(14,165,233,.18);}
.page-mine-pro .mp-amount-row {display:grid;grid-template-columns:1fr auto;gap:.12rem;}
.page-mine-pro .mp-amount-row .mp-btn {min-width:2.1rem;padding:0 .24rem;}
.page-mine-pro .mp-amount-row input {width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14) !important;background:#070a0e !important;color:#fff !important;border-radius:.16rem;padding:.16rem .18rem;font-size:.3rem;font-weight:650;min-height:.88rem;}
.page-mine-pro .mp-btn {display:flex;align-items:center;justify-content:center;min-height:.88rem;border:0;border-radius:.16rem;background:linear-gradient(135deg,#22d3ee,#0284c7) !important;color:#041018 !important;font-size:.28rem;font-weight:760;text-decoration:none;box-shadow:0 .08rem .2rem rgba(14,165,233,.3);white-space:nowrap;padding:0 .18rem;}
.page-mine-pro .mp-btn.full {width:100%;margin-top:.16rem;}
.page-mine-pro .mp-btn.ghost {background:transparent !important;color:var(--liq) !important;border:1px solid rgba(34,211,238,.35);box-shadow:none;margin-top:.14rem;}
.page-mine-pro .mp-btn:disabled {opacity:.45;}
.page-mine-pro .mp-btn:active {transform:scale(.98);}

.page-mine-pro .mp-orders {margin-top:.06rem;}
.page-mine-pro .mp-order {margin-bottom:.14rem;padding:.2rem .18rem;border-radius:.18rem;border:1px solid rgba(255,255,255,.1);background:#0a0e14;}
.page-mine-pro .mp-order-hd {display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem;}
.page-mine-pro .mp-order-hd b {font-size:.28rem;font-weight:700;}
.page-mine-pro .mp-order-hd .st {font-size:.22rem;font-weight:600;padding:.04rem .12rem;border-radius:9999px;}
.page-mine-pro .mp-order-hd .st.on {color:#67e8f9;background:rgba(34,211,238,.12);}
.page-mine-pro .mp-order-hd .st.done {color:#9aa4b2;background:rgba(255,255,255,.06);}
.page-mine-pro .mp-order-row {display:flex;justify-content:space-between;font-size:.26rem;color:#a8b2c0;}
.page-mine-pro .mp-prog {margin-top:.14rem;}
.page-mine-pro .mp-prog-lab {display:flex;justify-content:space-between;font-size:.22rem;color:#9aa4b2;margin-bottom:.08rem;}
.page-mine-pro .mp-prog-bar {height:.1rem;border-radius:9999px;background:rgba(255,255,255,.1);overflow:hidden;}
.page-mine-pro .mp-prog-bar i {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0284c7,#22d3ee);}
.page-mine-pro .mp-login-tip {text-align:center;padding:.32rem .2rem;border:1px dashed rgba(34,211,238,.28);border-radius:.18rem;color:#a8b2c0;font-size:.26rem;line-height:1.5;}
.page-mine-pro .mp-rules {margin:.26rem 0 .1rem;border-radius:.18rem;border:1px solid rgba(255,255,255,.1);background:#090b0f;padding:.18rem .2rem;color:#a8b2c0;}
.page-mine-pro .mp-rules summary {font-size:.28rem;font-weight:650;color:#e0e0e0;cursor:pointer;list-style:none;}
.page-mine-pro .mp-rules summary::-webkit-details-marker {display:none;}
.page-mine-pro .mp-rules ul {margin:.14rem 0 0;padding:0 0 0 .28rem;font-size:.24rem;line-height:1.7;}
.page-mine-pro .mp-empty {background:#0a0e14 !important;border:1px solid rgba(255,255,255,.1) !important;color:#a8b2c0 !important;font-size:.26rem !important;padding:.36rem .2rem !important;line-height:1.55 !important;border-radius:.18rem !important;}


.notice-card2,.notice-card,.notice-detail,.notice-modal-panel,.user-item,.menu-item,.faq-item,.faq-item[open],.help-item,.lang-item,.order-card,.product-card,.mining-product,.mining-card,.earn-card,.stats-card,.empty-state,.login-card,.auth-card,.menu-panel,.content-card,.wallet-bind-item,.balances-panel,.invite-hero,.site-notice,.addr-block {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border-color:rgba(255,255,255,.12) !important;color:#fff !important;box-shadow:0 .08rem .22rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06) !important;}
.notice-card2 .t,.notice-card .t,.notice-detail .notice-title,.notice-modal-panel h3,.user-item .con,.faq-item summary,.help-item summary,.panel-title,.order-card .t,.product-card .name,.lang-item {color:#fff !important;}
.notice-card2 .preview,.notice-card .d,.notice-detail .notice-body,.notice-detail .notice-date,.notice-modal-panel .d,.notice-modal-panel .body,.faq-item p,.help-body,.empty-state,.user-item .tip,.user-sub {color:#b0b0b0 !important;}
.notice-card2 .more {color:#e8e8e8 !important;}
.notice-card2 .btn-outline,.btn-outline {background:linear-gradient(165deg,#242424,#101010) !important;border:1px solid rgba(255,255,255,.22) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;}
.notice-modal-panel .btn-cancel {background:#121212 !important;border:1px solid rgba(255,255,255,.14) !important;color:#e0e0e0 !important;}
.notice-modal-panel .btn-view {background:linear-gradient(165deg,#2a2a2a,#151515) !important;color:#fff !important;border:1px solid rgba(255,255,255,.16) !important;}
.page-notice,.page-user,.page-market,.page-chart,.page-auth {background:transparent !important;}
.user-item {border:1px solid rgba(255,255,255,.12) !important;}
.empty-state {background:linear-gradient(165deg,#141414,#0a0a0a) !important;border:1px dashed rgba(255,255,255,.16) !important;color:#9a9a9a !important;}
.alert.ok {background:rgba(16,185,129,.12) !important;color:#6ee7b7 !important;border:1px solid rgba(16,185,129,.28) !important;}
.alert.err,.alert {background:#141414 !important;color:#fff !important;border:1px solid rgba(255,255,255,.14) !important;}
.alert.err {background:rgba(239,68,68,.12) !important;color:#fca5a5 !important;border-color:rgba(239,68,68,.3) !important;}
.alert.warn {background:rgba(245,158,11,.12) !important;color:#fcd34d !important;border:1px solid rgba(245,158,11,.28) !important;}
.status-pill.s1 {background:rgba(16,185,129,.16) !important;color:#6ee7b7 !important;}
.status-pill.s2 {background:rgba(245,158,11,.16) !important;color:#fcd34d !important;}
.status-pill.s3 {background:rgba(239,68,68,.16) !important;color:#fca5a5 !important;}
.status-pill.s0 {background:#161616 !important;color:#b0b0b0 !important;}
.sticky-head {background:rgba(0,0,0,.92) !important;border-bottom-color:rgba(255,255,255,.1) !important;}


.page-user .wallet-bind-item {background:linear-gradient(165deg,#1a1a1a 0%,#0a0a0a 55%,#000 100%) !important;border:1px solid rgba(255,255,255,.12) !important;color:#fff !important;}
.page-user .wallet-bind-item .chain {background:linear-gradient(165deg,#2a2a2a,#151515) !important;color:#fff !important;border:1px solid rgba(255,255,255,.16) !important;}
.page-user .wallet-bind-item .addr {color:#c8c8c8 !important;}
.page-user .user-item .icon img {filter:none !important;opacity:1 !important;}


.avatar.web3-avatar {background:transparent !important;box-shadow:0 0 .18rem rgba(34,211,238,.25),0 .04rem .12rem rgba(0,0,0,.35) !important;overflow:hidden;padding:0;color:transparent !important;font-size:0 !important;}
.avatar.web3-avatar img {width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;}


.page-auth {position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:.48rem .32rem .72rem !important;overflow:hidden;background:#050505 !important;}
.page-auth .auth-bg {position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.page-auth .auth-orb {position:absolute;border-radius:50%;filter:blur(48px);opacity:.55;animation:authOrb 12s ease-in-out infinite alternate;}
.page-auth .auth-orb--a {width:4.2rem;height:4.2rem;top:-1rem;right:-1.2rem;background:radial-gradient(circle,rgba(37,99,235,.45),transparent 70%);}
.page-auth .auth-orb--b {width:3.6rem;height:3.6rem;bottom:.4rem;left:-1rem;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 70%);animation-delay:-4s;}
.page-auth .auth-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:.48rem .48rem;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 75%);opacity:.7;}
@keyframes authOrb {from{ transform: translate(0,0) scale(1); }to{ transform: translate(-4%,6%) scale(1.08); }}

.page-auth .auth-card {position:relative;z-index:1;width:100%;max-width:7.2rem;margin:0 auto !important;padding:.36rem .36rem .44rem !important;border-radius:.36rem !important;background:linear-gradient(165deg,rgba(28,28,28,.92) 0%,rgba(10,10,10,.96) 55%,rgba(5,5,5,.98) 100%) !important;border:1px solid rgba(255,255,255,.14) !important;box-shadow:0 .16rem .48rem rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08) !important;color:#fff !important;animation:authCardIn .55s cubic-bezier(.22,1,.36,1) both;}
@keyframes authCardIn {from{ opacity: 0; transform: translateY(.24rem); }to{ opacity: 1; transform: translateY(0); }}

.page-auth .auth-top {display:flex;align-items:center;margin-bottom:.12rem;}
.page-auth .auth-top .nav-back {margin-bottom:0 !important;}

.page-auth .auth-logo {display:flex;align-items:center;justify-content:center;gap:.12rem;text-decoration:none;margin:.2rem auto .08rem;width:fit-content;}
.page-auth .auth-logo .brand-mark {width:.64rem;height:.56rem;flex-shrink:0;filter:drop-shadow(0 0 .16rem rgba(37,99,235,.35));}
.page-auth .auth-logo .brand-text {font-size:.42rem;font-weight:800;letter-spacing:.03em;color:#f0f9ff;line-height:1;white-space:nowrap;font-style:italic;background:linear-gradient(180deg,#fff 20%,#93c5fd 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}

.page-auth .auth-tagline {text-align:center;margin:0 0 .36rem;font-size:.28rem;font-weight:500;color:rgba(255,255,255,.55);letter-spacing:.04em;}

.page-auth .auth-brand {display:none !important;}
.page-auth .auth-card > h1 {display:none !important;}

.page-auth .auth-form {gap:.04rem;}
.page-auth .auth-form .field {margin:0 0 .16rem !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;box-shadow:none !important;transition:none;}
.page-auth .auth-form .field:focus-within {border:none !important;box-shadow:none !important;background:transparent !important;}
.page-auth .auth-form .field label {display:block;font-size:.2rem;color:rgba(255,255,255,.42);margin:0 0 .06rem .04rem;font-weight:500;line-height:1.2;}
.page-auth .auth-form .field input {display:block;width:100%;height:.72rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.12) !important;border-radius:.14rem !important;background:rgba(0,0,0,.5) !important;color:#fff !important;font-size:.28rem !important;font-weight:500 !important;padding:0 .16rem !important;outline:none;box-shadow:none !important;transition:border-color .2s ease,box-shadow .2s ease;}
.page-auth .auth-form .field input:focus {border-color:rgba(96,165,250,.5) !important;box-shadow:0 0 0 1px rgba(37,99,235,.22) !important;}
.page-auth .auth-form .field input::placeholder {color:rgba(255,255,255,.28) !important;font-weight:400 !important;}
.page-auth .captcha-row {display:flex;align-items:center;gap:.12rem;}
.page-auth .captcha-row input {flex:1;min-width:0;}
.page-auth .captcha-img {width:2.2rem;height:.72rem;flex-shrink:0;border-radius:.12rem;border:1px solid rgba(255,255,255,.14);background:#0a0a0a;cursor:pointer;object-fit:contain;object-position:center;}
.page-auth .captcha-field .captcha-row {}
.page-auth .field.captcha-field {}
.page-auth .field.captcha-field input {height:.72rem;box-sizing:border-box;border:1px solid rgba(255,255,255,.12) !important;border-radius:.14rem !important;background:rgba(0,0,0,.5) !important;color:#fff !important;font-size:.28rem !important;font-weight:500 !important;padding:0 .16rem !important;}

.page-auth .auth-submit {width:100%;margin-top:.08rem;height:.76rem;border-radius:.14rem !important;font-size:.28rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(165deg,#2a2a2a,#141414) !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.page-auth .auth-submit:active {transform:scale(.985);filter:brightness(1.08);}

.page-auth .auth-divider {display:flex;align-items:center;gap:.14rem;margin:.28rem 0 .16rem;color:rgba(255,255,255,.38);font-size:.2rem;}
.page-auth .auth-divider::before,.page-auth .auth-divider::after {content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);}

.page-auth .btn-wallet {display:flex;align-items:center;justify-content:center;width:100%;height:.76rem;border:none;border-radius:.14rem;font-size:.28rem;font-weight:700;letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 55%,#1e3a8a 100%);box-shadow:0 .06rem .16rem rgba(37,99,235,.32),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .15s ease,filter .15s ease;}
.page-auth .btn-wallet:active {transform:scale(.985);filter:brightness(1.06);}

.page-auth .auth-links {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.12rem .16rem;margin-top:.36rem;font-size:.24rem;color:rgba(255,255,255,.45);}
.page-auth .auth-links a {color:#93c5fd;text-decoration:none;font-weight:500;}
.page-auth .auth-links a:active {opacity:.8;}
.page-auth .auth-links__sep {width:1px;height:.22rem;background:rgba(255,255,255,.18);}
.page-auth .page-tip {margin-bottom:.16rem;padding:.14rem .16rem;border-radius:.14rem;background:rgba(37,99,235,.12);border:1px solid rgba(96,165,250,.28);color:#bfdbfe;font-size:.24rem;}
.page-auth .alert {margin-bottom:.2rem;border-radius:.14rem;}


.page-index .ex-quick {display:grid;grid-template-columns:repeat(6,1fr);gap:.12rem;margin:.28rem 0 .2rem;padding:.06rem 0;}
.page-index .ex-q {display:flex;flex-direction:column;align-items:center;gap:.1rem;text-decoration:none;color:var(--dn-text);min-width:0;}
.page-index .ex-q-ico {width:.72rem;height:.72rem;border-radius:.18rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--dn-border);}
.page-index .ex-q-ico svg {width:.34rem;height:.34rem;}
.page-index .ex-q-ico.turbo {color:#f59e0b;background:rgba(245,158,11,.12);}
.page-index .ex-q-ico.spot {color:#22c55e;background:rgba(34,197,94,.12);}
.page-index .ex-q-ico.dep {color:#3b82f6;background:rgba(59,130,246,.14);}
.page-index .ex-q-ico.mine {color:#60a5fa;background:rgba(96,165,250,.14);}
.page-index .ex-q-ico.mkt {color:#a78bfa;background:rgba(167,139,250,.14);}
.page-index .ex-q-ico.asset {color:#94a3b8;background:rgba(148,163,184,.12);}
.page-index .ex-q em {font-style:normal;font-size:.22rem;color:var(--dn-text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;}
.page-index .ex-q:active {opacity:.85;transform:scale(.97);}

.page-index .ex-mine-entry {display:flex;align-items:center;gap:.2rem;margin:.1rem 0 .22rem;padding:.22rem .24rem;border-radius:.22rem;text-decoration:none;background:linear-gradient(105deg,rgba(37,99,235,.22),rgba(15,23,42,.55));border:1px solid rgba(96,165,250,.28);color:var(--dn-text);}
.page-index .ex-mine-ico {width:.64rem;height:.64rem;border-radius:.16rem;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.28);color:#93c5fd;flex-shrink:0;}
.page-index .ex-mine-ico svg {width:.34rem;height:.34rem;}
.page-index .ex-mine-meta {flex:1;min-width:0;display:flex;flex-direction:column;gap:.04rem;}
.page-index .ex-mine-meta b {font-size:.3rem;font-weight:650;color:#fff;}
.page-index .ex-mine-meta small {font-size:.22rem;color:var(--dn-text3);}
.page-index .ex-mine-go {font-size:.4rem;color:var(--dn-text3);line-height:1;}
.page-index .ex-mine-entry:active {opacity:.9;}

.page-index .ex-stats {display:grid;grid-template-columns:1fr 1fr;gap:.12rem;margin-bottom:.28rem;}
.page-index .ex-st {padding:.16rem .18rem;border-radius:.16rem;background:var(--dn-card);border:1px solid var(--dn-border);display:flex;flex-direction:column;gap:.06rem;min-width:0;}
.page-index .ex-st .k {font-size:.2rem;color:var(--dn-text3);}
.page-index .ex-st .v {font-size:.26rem;font-weight:650;color:var(--dn-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-index .ex-st.mine-stat-flash .v {color:#93c5fd;}

.page-index .ex-hot-hd {display:flex;align-items:center;justify-content:space-between;margin:.08rem 0 .12rem;}
.page-index .ex-hot-hd h2 {margin:0;font-size:.32rem;font-weight:650;color:var(--dn-text);}
.page-index .ex-hot-hd a {font-size:.24rem;color:var(--dn-text3);text-decoration:none;}
.page-index .ex-hot-list {display:flex;flex-direction:column;gap:0;margin-bottom:.28rem;border-radius:.18rem;border:1px solid var(--dn-border);background:var(--dn-card);overflow:hidden;}
.page-index .ex-hot-row {display:flex;align-items:center;gap:.16rem;padding:.18rem .2rem;text-decoration:none;color:var(--dn-text);border-bottom:1px solid var(--dn-border);}
.page-index .ex-hot-row:last-child {border-bottom:0;}
.page-index .ex-hot-row img {width:.42rem;height:.42rem;border-radius:50%;flex-shrink:0;}
.page-index .ex-hot-row .nm {flex:1;min-width:0;display:flex;flex-direction:column;gap:.02rem;}
.page-index .ex-hot-row .nm b {font-size:.28rem;font-weight:650;}
.page-index .ex-hot-row .nm span {font-size:.2rem;color:var(--dn-text3);}
.page-index .ex-hot-row .px {text-align:right;display:flex;flex-direction:column;gap:.02rem;font-variant-numeric:tabular-nums;}
.page-index .ex-hot-row .px b {font-size:.28rem;}
.page-index .ex-hot-row .px .up {color:#22c55e;font-size:.22rem;}
.page-index .ex-hot-row .px .dn {color:#ef4444;font-size:.22rem;}
.page-index .ex-hot-row:active {background:rgba(255,255,255,.03);}

.page-index .earn-grid {margin-top:.12rem;}
.page-index .section-title-lg {margin-top:.16rem;margin-bottom:.12rem;font-size:.32rem;}


.page-user .user-credit {margin-top:.08rem;display:inline-flex;align-items:center;gap:.08rem;padding:.04rem .12rem;border-radius:.08rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.22rem;color:var(--dn-text3);}
.page-user .user-credit-val {color:#f5d76e;font-weight:700;font-variant-numeric:tabular-nums;}
.account-credit {margin-top:.1rem;font-size:.24rem;color:#b0b0b0;}
.account-credit b {color:#f5d76e;font-weight:700;}


.page-index .home-bal {margin:.18rem 0 .16rem;text-align:left;}
.page-index .home-bal-lab {font-size:.22rem;color:var(--dn-text3);margin-bottom:.04rem;}
.page-index .home-bal-num {display:inline-block;font-size:.48rem;font-weight:750;letter-spacing:.01em;color:var(--dn-text);text-decoration:none;font-variant-numeric:tabular-nums;line-height:1.15;}
.page-index .home-bal-fiat {margin-top:.04rem;font-size:.22rem;color:var(--dn-text3);}
.page-index .home-carousel {position:relative;margin:.28rem 0 .22rem;border-radius:.22rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(15,23,42,.9) 55%,#0a0a0a);aspect-ratio:16 / 9;min-height:2.6rem;}
.page-index .home-carousel-viewport,.page-index .home-carousel-track {position:absolute;inset:0;}
.page-index .home-carousel-slide {position:absolute;inset:0;display:block;text-decoration:none;color:#fff;opacity:0;pointer-events:none;transition:opacity .45s ease;background:#0a0c10;}
.page-index .home-carousel-slide.on {opacity:1;pointer-events:auto;z-index:1;}
.page-index .home-carousel-slide img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;background:transparent;padding:0;filter:none;transform:none;}
.page-index .home-carousel-cap {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.page-index .home-carousel-cap b {display:block;font-size:.36rem;font-weight:700;line-height:1.25;}
.page-index .home-carousel-dots {position:absolute;left:0;right:0;bottom:.14rem;z-index:3;display:flex;justify-content:center;gap:.08rem;pointer-events:none;}
.page-index .home-carousel-dot {pointer-events:auto;width:.12rem;height:.12rem;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;}
.page-index .home-carousel-dot.on {background:#fff;width:.28rem;border-radius:.1rem;}


.page-activity {padding-bottom:.5rem;}

.act-hero {margin:.2rem .24rem .28rem;padding:.4rem .32rem;border-radius:.28rem;text-align:center;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.08),transparent 55%),linear-gradient(165deg,#161616,#090909);border:1px solid rgba(255,255,255,.12);}
.act-hero img {width:.88rem;height:.88rem;margin:0 auto .16rem;display:block;}
.act-hero h1 {margin:0;font-size:.36rem;font-weight:800;color:#f5f5f5;}
.act-hero p {margin:.12rem 0 0;font-size:.24rem;color:rgba(255,255,255,.55);line-height:1.45;}
.act-hero--mining {box-shadow:0 0 .4rem rgba(34,211,238,.12);}
.act-hero--invite {box-shadow:0 0 .4rem rgba(96,165,250,.12);}
.act-hero--lottery {box-shadow:0 0 .4rem rgba(251,191,36,.14);}

.act-card {margin:0 .24rem .24rem;padding:.28rem .24rem;border-radius:.24rem;background:linear-gradient(165deg,#151515,#0a0a0a);border:1px solid rgba(255,255,255,.12);}
.act-card h3 {margin:0 0 .16rem;font-size:.28rem;color:#e5e7eb;}
.act-stat {display:flex;justify-content:space-between;align-items:center;padding:.12rem 0;font-size:.26rem;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.06);}
.act-stat b {color:#f8fafc;font-weight:700;}
.act-btn {width:100%;margin-top:.24rem;height:.8rem;}
.act-tip {margin-top:.16rem;padding:.12rem .14rem;border-radius:.12rem;font-size:.22rem;color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);}
.act-tip.ok {color:#6ee7b7;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);}
.act-progress {height:.12rem;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:.08rem 0 .16rem;}
.act-progress i {display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#22d3ee);border-radius:99px;}
.act-code-box {margin-top:.2rem;}
.act-code-box label {display:block;font-size:.22rem;color:rgba(255,255,255,.45);margin:.12rem 0 .06rem;}
.act-copy-row {display:flex;gap:.1rem;align-items:center;}
.act-copy-row code {flex:1;min-width:0;padding:.14rem .14rem;border-radius:.12rem;background:#000;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;font-size:.22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.act-copy-row code.link {font-size:.18rem;}
.act-copy-row .btn-copy {flex-shrink:0;height:.64rem;padding:0 .18rem;border-radius:.12rem;border:1px solid rgba(255,255,255,.14);background:#1a1a1a;color:#93c5fd;font-size:.22rem;}


.promo-modal {position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:.4rem;}
.promo-modal.hide {display:none;}
.promo-modal-mask {position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.promo-modal-panel {position:relative;z-index:1;width:100%;max-width:6.8rem;max-height:85vh;overflow:auto;border-radius:.32rem;padding:.36rem .28rem .32rem;background:radial-gradient(100% 60% at 50% 0%,rgba(37,99,235,.25),transparent 55%),linear-gradient(165deg,#1a1a1a,#080808);border:1px solid rgba(255,255,255,.14);box-shadow:0 .2rem .6rem rgba(0,0,0,.55);animation:promoIn .45s cubic-bezier(.22,1,.36,1) both;}
@keyframes promoIn {from{ opacity: 0; transform: translateY(.3rem) scale(.96); }to{ opacity: 1; transform: none; }}
.promo-modal-panel .promo-hd {text-align:center;margin-bottom:.24rem;}
.promo-modal-panel .promo-hd h3 {margin:0;font-size:.36rem;font-weight:800;color:#fff;}
.promo-modal-panel .promo-hd p {margin:.08rem 0 0;font-size:.22rem;color:rgba(255,255,255,.5);}
.promo-list {display:flex;flex-direction:column;gap:.14rem;}
.promo-item {display:flex;align-items:center;gap:.16rem;padding:.18rem .16rem;border-radius:.2rem;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .15s;}
.promo-item:active {background:rgba(255,255,255,.08);}
.promo-item img {width:.64rem;height:.64rem;flex-shrink:0;border-radius:.14rem;}
.promo-item .t {flex:1;min-width:0;}
.promo-item .t b {display:block;font-size:.28rem;font-weight:700;}
.promo-item .t span {display:block;margin-top:.04rem;font-size:.2rem;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.promo-item .go {color:#93c5fd;font-size:.32rem;}
.promo-close {display:block;width:100%;margin-top:.24rem;height:.72rem;border-radius:.16rem;border:1px solid rgba(255,255,255,.14);background:transparent;color:rgba(255,255,255,.65);font-size:.26rem;}


.page-lottery .lotto-stage {position:relative;margin:.12rem .2rem .2rem;padding:.28rem .16rem .36rem;border-radius:.28rem;overflow:hidden;text-align:center;background:radial-gradient(70% 55% at 50% 42%,rgba(245,158,11,.16),transparent 62%),radial-gradient(90% 70% at 50% 100%,rgba(180,83,9,.12),transparent 55%),linear-gradient(180deg,#1a140c 0%,#0a0a0a 55%,#050505 100%);border:1px solid rgba(245,158,11,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 .12rem .4rem rgba(0,0,0,.45);}
.lotto-live {display:inline-flex;align-items:center;gap:.1rem;margin:0 auto .18rem;padding:.06rem .16rem;border-radius:.12rem;font-size:.2rem;color:#fde68a;background:rgba(0,0,0,.45);border:1px solid rgba(245,158,11,.35);}
.lotto-live .dot {width:.12rem;height:.12rem;border-radius:50%;background:#22c55e;box-shadow:0 0 .12rem #22c55e;animation:lottoPulse 1.4s ease-in-out infinite;}
@keyframes lottoPulse {0%,100%{ opacity: 1; }50%{ opacity: .35; }}

.wheel-wrap {position:relative;width:5.8rem;height:5.8rem;margin:.1rem auto 0;}
.wheel-ring {position:absolute;inset:-.08rem;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fde68a,transparent 42%),conic-gradient(from 0deg,#92400e,#fbbf24,#78350f,#f59e0b,#92400e,#fde68a,#78350f,#fbbf24,#92400e);box-shadow:0 0 0 .04rem rgba(0,0,0,.55),0 .1rem .28rem rgba(0,0,0,.55),inset 0 0 .12rem rgba(255,255,255,.25);z-index:0;}
.wheel-lights {position:absolute;inset:-.02rem;border-radius:50%;z-index:6;pointer-events:none;background:repeating-conic-gradient( from 6deg,#fff8 0 4deg,transparent 4deg 30deg );-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - .14rem),#000 calc(100% - .13rem));mask:radial-gradient(farthest-side,transparent calc(100% - .14rem),#000 calc(100% - .13rem));animation:lottoLights 1.2s steps(2) infinite;opacity:.85;}
@keyframes lottoLights {0%{ filter: brightness(1.15); }100%{ filter: brightness(.55); }}
.wheel-pointer {position:absolute;top:-.02rem;left:50%;z-index:8;width:.36rem;height:.52rem;margin-left:-.18rem;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));}
.wheel-pointer i {display:block;width:100%;height:100%;background:linear-gradient(180deg,#fff7ed 0%,#f59e0b 38%,#b45309 100%);clip-path:polygon(50% 100%,0 0,100% 0);border-radius:.04rem .04rem 0 0;}
.wheel {position:relative;z-index:2;width:calc(100% - .28rem);height:calc(100% - .28rem);margin:.14rem;border-radius:50%;border:.03rem solid rgba(0,0,0,.45);box-shadow:inset 0 0 0 .03rem rgba(255,255,255,.12),inset 0 0 .35rem rgba(0,0,0,.55);overflow:hidden;will-change:transform;}
.wheel::after {content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 28%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.4) 100%),repeating-conic-gradient(from 0deg,transparent 0 59.5deg,rgba(255,255,255,.08) 59.5deg 60deg);pointer-events:none;z-index:1;}
.wheel-icon {position:absolute;left:50%;top:50%;z-index:2;width:.92rem;margin-left:-.46rem;margin-top:-.52rem;text-align:center;transform-origin:center center;pointer-events:none;}
.wheel-icon img {width:.46rem;height:.46rem;display:block;margin:0 auto .04rem;border-radius:50%;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 3px rgba(0,0,0,.45);}
.wheel-icon span {display:block;font-size:.15rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);white-space:nowrap;max-width:.9rem;overflow:hidden;text-overflow:ellipsis;margin:0 auto;letter-spacing:-.01em;}
.wheel-hub {position:absolute;left:50%;top:50%;z-index:7;width:1.36rem;height:1.36rem;margin:-.68rem 0 0 -.68rem;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#1c1206;background:radial-gradient(circle at 35% 28%,#fff7ed,transparent 42%),linear-gradient(155deg,#fde68a 0%,#f59e0b 48%,#b45309 100%);border:.05rem solid #fff8e7;box-shadow:0 0 0 .06rem rgba(120,53,15,.55),0 .08rem .18rem rgba(0,0,0,.5),inset 0 -.06rem .1rem rgba(120,53,15,.35);cursor:pointer;user-select:none;line-height:1.1;padding:.08rem;}
.wheel-hub em {font-style:normal;font-size:.26rem;font-weight:900;letter-spacing:.02em;}
.wheel-hub small {display:block;margin-top:.04rem;font-size:.14rem;font-weight:600;opacity:.72;}
.wheel-hub[data-disabled="1"] {opacity:.55;cursor:default;filter:grayscale(.35);}


.lotto-marquee {padding-top:.22rem;padding-bottom:.18rem;}
.lotto-marquee-hd {margin:0 0 .12rem;font-size:.24rem;font-weight:700;color:#e5e7eb;}
.lotto-marquee-viewport {height:2.2rem;overflow:hidden;border-radius:.14rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);}
.lotto-marquee-track {animation:lottoMarquee 36s linear infinite;will-change:transform;}
.lotto-marquee-viewport:hover .lotto-marquee-track {animation-play-state:paused;}
@keyframes lottoMarquee {from{ transform: translateY(0); }to{ transform: translateY(-50%); }}
.lotto-marquee-item {display:flex;align-items:center;gap:.08rem;padding:.1rem .14rem;font-size:.22rem;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;}
.lotto-marquee-item b {color:#93c5fd;font-weight:700;min-width:1.1rem;}
.lotto-marquee-item em {flex:1;min-width:0;font-style:normal;color:#fbbf24;font-weight:700;overflow:hidden;text-overflow:ellipsis;}
.lotto-marquee-item i {font-style:normal;font-size:.18rem;color:rgba(255,255,255,.35);}

.act-result-modal .result-badge {width:.48rem;height:.48rem;margin:0 auto .12rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.28rem;color:#111;background:linear-gradient(145deg,#fde68a,#f59e0b);}
.act-result-modal.lose .result-badge {background:linear-gradient(145deg,#9ca3af,#4b5563);color:#e5e7eb;}

.act-prize-list {list-style:none;margin:0;padding:0;}
.act-prize-list li {display:flex;align-items:center;gap:.12rem;padding:.1rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.24rem;color:#e5e7eb;}
.act-prize-list li img {width:.4rem;height:.4rem;border-radius:50%;}
.act-prize-list li span {flex:1;}
.act-prize-list li em {font-style:normal;color:#fbbf24;font-weight:700;}
.act-hist-row {display:grid;grid-template-columns:1.4fr .9fr 1.2fr;gap:.08rem;font-size:.2rem;color:rgba(255,255,255,.55);padding:.1rem 0;border-bottom:1px solid rgba(255,255,255,.05);}
.act-hist-row b {color:#e5e7eb;font-weight:600;}

.act-result-modal {position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:.4rem;}
.act-result-modal[hidden] {display:none !important;}
.act-result-mask {position:absolute;inset:0;background:rgba(0,0,0,.7);}
.act-result-panel {position:relative;z-index:1;width:100%;max-width:5.6rem;padding:.4rem .32rem;border-radius:.28rem;text-align:center;background:linear-gradient(165deg,#1c1c1c,#0a0a0a);border:1px solid rgba(255,255,255,.14);}
.act-result-modal.win .act-result-panel {box-shadow:0 0 .4rem rgba(34,197,94,.25);}
.act-result-modal.lose .act-result-panel {box-shadow:0 0 .4rem rgba(239,68,68,.2);}
.act-result-panel img {width:.88rem;height:.88rem;margin:0 auto .16rem;display:block;}
.act-result-panel h3 {margin:0 0 .1rem;font-size:.34rem;color:#fff;}
.act-result-panel p {margin:0 0 .24rem;font-size:.24rem;color:rgba(255,255,255,.65);line-height:1.4;}
.act-result-panel .btn-primary {width:100%;height:.72rem;}

.act-toast {position:fixed;left:50%;bottom:1.4rem;z-index:1400;transform:translateX(-50%);max-width:80%;padding:.16rem .28rem;border-radius:.16rem;font-size:.24rem;color:#fff;background:rgba(20,20,20,.92);border:1px solid rgba(255,255,255,.14);}
.act-toast.ok {border-color:rgba(16,185,129,.4);color:#6ee7b7;}
.act-toast.err {border-color:rgba(239,68,68,.4);color:#fca5a5;}