/* Shared polish for subpages using origin class names */

.page-shell {
  min-height: 100vh;
  background: #fff;
  padding-bottom: 1.2rem;
}

/* Market category pill bar (mobile) */
.trades-menu-mobile {
  width: calc(100% - .48rem);
  margin: .16rem auto .12rem;
  overflow-x: auto;
}
.trades-menu-mobile::-webkit-scrollbar { display: none; }
.trades-menu-mobile .menu {
  width: max-content;
  background: #333;
  border-radius: .2rem;
  padding: .08rem;
}
.trades-menu-mobile .menus { width: max-content; display: flex; }
.trades-menu-mobile .menu-item {
  float: none;
  padding: 0 .16rem;
  height: .44rem;
  line-height: .44rem;
  font-weight: 500;
  font-size: .14rem;
  color: hsla(0,0%,100%,.7);
  white-space: nowrap;
}
.trades-menu-mobile .menu-item-active {
  background: #fff;
  border-radius: .16rem;
  color: #000;
}

.box-lists-mobile .box-list {
  text-decoration: none;
  color: inherit;
}
.box-lists-mobile .box-heder2-1 { color: #ff2828; }

/* Markets list: wider name, no clip */
.mk-lists.box-lists-mobile .box-heder .box-heder1,
.mk-lists.box-lists-mobile .box-body .box-list .box-heder1{
  width:1.45rem; flex-shrink:0; overflow:visible; white-space:nowrap;
  display:flex; align-items:center; gap:.06rem; line-height:normal;
}
.mk-lists.box-lists-mobile .box-body .box-list .box-heder1 .coin-ico{
  width:.26rem; height:.26rem; border-radius:50%; flex-shrink:0; object-fit:cover;
}
.mk-lists.box-lists-mobile .box-body .box-list .box-heder1 .sym-txt{
  font-size:.12rem; font-weight:700; overflow:hidden; text-overflow:ellipsis;
}
.mk-lists.box-lists-mobile .box-heder .box-heder2,
.mk-lists.box-lists-mobile .box-body .box-list .box-heder2{
  width:.95rem; font-size:.12rem; text-align:right; line-height:.58rem;
}
.mk-lists.box-lists-mobile .box-heder .box-header4-1,
.mk-lists.box-lists-mobile .box-body .box-list .box-header4-1{
  width:.78rem; font-size:.12rem;
}
.mk-lists.box-lists-mobile .box-body .box-list{
  align-items:center; height:.64rem;
}

/* Smart trading page */
.smart-page .main-mobile {
  position: relative;
  background: #fff;
  z-index: 1;
  height: auto;
  min-height: 100vh;
  padding-bottom: 1.2rem;
}
.smart-page .craeta-content .creat-btn {
  width: 100%;
  margin-top: .24rem;
  height: .56rem;
  line-height: .56rem;
  border-radius: .28rem;
  font-size: .18rem;
}
.smart-page .product-card {
  border: .02rem solid #333;
  border-radius: .16rem;
  padding: .18rem .2rem;
  margin-bottom: .1rem;
}
.smart-page .product-card.active {
  background: #333;
  color: #fff;
}
.smart-page .product-card .p-name { font-weight: 700; font-size: .16rem; }
.smart-page .product-card .p-meta { margin-top: .08rem; font-size: .13rem; opacity: .7; }

/* Loan page */
.loan_borrow.mobile {
  width: calc(100% - .48rem);
  margin: .9rem auto 0;
  padding-bottom: 1.2rem;
}
.loan_borrow .title-main {
  font-weight: 700;
  font-size: .28rem;
  margin-bottom: .16rem;
}
.loan_borrow .money_content {
  background: #333;
  color: #fff;
  border-radius: .2rem;
  padding: .28rem;
  position: relative;
  overflow: hidden;
  margin-bottom: .16rem;
}
.loan_borrow .money_content .money_value {
  color: #fff;
  font-size: .32rem;
  font-weight: 700;
}
.loan_borrow .info_tips {
  color: hsla(0,0%,100%,.7);
  font-size: .14rem;
  margin-top: .1rem;
  line-height: .2rem;
}
.loan_borrow .form-card {
  border: .02rem solid #333;
  border-radius: .16rem;
  padding: .16rem .18rem;
  margin-bottom: .12rem;
}
.loan_borrow .form-card .label {
  font-size: .13rem;
  color: rgba(0,0,0,.5);
  margin-bottom: .08rem;
}
.loan_borrow .form-card input,
.loan_borrow .form-card select {
  width: 100%;
  border: none;
  outline: none;
  font-size: .18rem;
  font-weight: 600;
  background: transparent;
}
.loan_borrow .submit_btn .button {
  width: 100%;
  height: .56rem;
}

/* Profile account */
.account-page .main-mobile {
  position: relative;
  height: auto;
  min-height: 100vh;
  background: #fff;
  z-index: 1;
  padding-bottom: 1.2rem;
}
.account-page .content-mobile {
  width: calc(100% - .48rem);
  margin: .9rem auto 0;
}
.account-page .select-button .down-button {
  display: inline-block;
  margin-bottom: .12rem;
}
.account-page .descriptions.descriptions-mobile {
  width: 100%;
  background: #333;
  border-radius: .2rem;
  color: #fff;
}
.account-page .descriptions-title {
  font-weight: 700;
  font-size: .28rem;
  color: #fff;
  position: relative;
  z-index: 2;
}
.account-page .descriptions-lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  margin-top: .1rem;
}
.account-page .descriptions-lists .list {
  width: 46%;
  margin-top: .18rem;
}
.account-page .list-lable {
  font-size: .14rem;
  color: hsla(0,0%,100%,.7);
}
.account-page .list-content {
  margin-top: .08rem;
  font-weight: 600;
  font-size: .16rem;
  color: #fff;
}
.account-page .action-row {
  display: flex;
  gap: .1rem;
  margin: .16rem 0;
}
.account-page .action-row .button {
  flex: 1;
  height: .48rem;
  font-size: .15rem;
}
.account-page .setting-main-mobile {
  margin-top: .2rem;
  margin-bottom: 0;
}
.account-page .setting-main .content-lists .list {
  width: 100%;
  box-sizing: border-box;
}
.account-page .setting-main .content-lists .list .list-title {
  color: #fff;
  font-size: .16rem;
  font-weight: 500;
}
.account-page .setting-main .content-lists .list .list-icon img {
  width: .16rem;
  height: .16rem;
  filter: invert(1);
  opacity: .85;
}
.account-page .section-title {
  font-weight: 700;
  font-size: .2rem;
  margin: .2rem 0 .12rem;
}

/* Deposit page */
.deposit-page .main-blance-mobile {
  padding-top: .9rem;
}
.deposit-page .tabs {
  display: flex;
  gap: .08rem;
  margin-bottom: .16rem;
}
.deposit-page .tabs .tab {
  flex: 1;
  height: .44rem;
  border-radius: .14rem;
  border: .02rem solid #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.deposit-page .tabs .tab.active {
  background: #333;
  color: #fff;
}
.deposit-page .qr-box {
  border: .01rem dashed #000;
  border-radius: .2rem;
  padding: .28rem;
  text-align: center;
  margin: .16rem 0;
}
.deposit-page .addr {
  word-break: break-all;
  background: #f5f5f5;
  border-radius: .12rem;
  padding: .14rem;
  font-size: .13rem;
  margin: .12rem 0;
}

/* Market list row fix for 3-column mobile */
.box-lists-mobile .box-header-list1 {
  justify-content: space-between;
  padding: 0 .16rem;
}
.box-lists-mobile .box-body .box-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - .32rem);
  margin: 0 auto .08rem;
  padding: .12rem .16rem;
  border: .01rem solid #333;
  border-radius: .16rem;
  box-sizing: border-box;
  min-height: .64rem;
  line-height: 1.2;
}
.box-lists-mobile .box-body .box-list .box-heder1 {
  width: 36%;
  text-align: left;
  font-weight: 700;
  font-size: .14rem;
}
.box-lists-mobile .box-body .box-list .box-heder2 {
  width: 32%;
  text-align: center;
  font-weight: 600;
}
.box-lists-mobile .box-body .box-list .box-heder4 {
  width: 28%;
  text-align: right;
  font-weight: 700;
}
.home-mobile .mobile-content .trades-buttons-mp .buttons-mp {
  text-decoration: none;
}


/* Coin / product icons consistency */
.box-lists-mobile .box-body .box-list .box-heder1{
  display:flex;align-items:center;gap:.1rem;
}
.box-lists-mobile .box-body .box-list .box-heder1 .coin-ico{
  width:.32rem;height:.32rem;border-radius:50%;flex:0 0 auto;
}
.product-card .p-icon{
  width:.36rem;height:.36rem;margin-right:.1rem;vertical-align:middle;
}
.product-card .p-name{display:flex;align-items:center;gap:.1rem}
.loan_borrow .money_content .loan-ico{
  width:.48rem;height:.48rem;margin-bottom:.1rem;display:block;
}
.deposit-page .currency-row{
  display:flex;align-items:center;gap:.1rem;
}
.deposit-page .currency-row img{
  width:.28rem;height:.28rem;border-radius:50%;
}
.smart-page .spot-symbol{
  display:flex;align-items:center;gap:.1rem;
}
.smart-page .spot-symbol img{
  width:.32rem;height:.32rem;border-radius:50%;
}

/* ===== Smart trading product cards (screenshot) ===== */
.smart-products{
  display:block;
  width:calc(100% - .48rem);
  max-width:4.28rem;
  margin:.9rem auto 1.2rem;
  box-sizing:border-box;
}
.smart-card{
  display:block;
  width:100%;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  border-radius:.2rem;
  margin:0 0 .12rem;
  min-height:1.5rem;
  padding:.22rem .2rem .18rem;
  color:#fff;
  text-decoration:none;
}
.smart-card.tone-a{background:linear-gradient(135deg,#9ee970 0%,#44b400 100%)}
.smart-card.tone-b{background:linear-gradient(135deg,#7b6cff 0%,#3a3dff 100%)}
.smart-card .masking{
  position:absolute;left:0;top:0;right:0;bottom:0;
  background-image:url(../img/noise.4d21caf6.png);
  background-size:cover;
  opacity:.22;pointer-events:none;z-index:1;
}
.smart-card .sc-body{position:relative;z-index:2;display:block}
.smart-card .sc-range{font-size:.14rem;font-weight:500;opacity:.95}
.smart-card .sc-rate{font-size:.36rem;font-weight:700;line-height:1.15;margin:.08rem 0}
.smart-card .sc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.06rem}
.smart-card .sc-days{font-size:.14rem;opacity:.95}

/* ===== Create plan form ===== */
.plan-page .craeta-content{margin-top:.9rem}
.plan-page .creat-btn{
  width:100%;height:.52rem;line-height:.52rem;border-radius:.26rem;margin-top:.28rem;
  background:#333;color:#fff;text-align:center;font-size:.18rem;font-weight:600;
}
.plan-page .contents span.unit{color:#3a3dff;font-size:.12rem;margin-left:.04rem}
.plan-page .contents-button{
  background:#333;border-radius:.14rem;min-width:1.4rem;height:.42rem;padding:0 .14rem;
  color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.06rem;position:relative;
}
.main-mobile .craeta-content .craeta-inputs-count .contents .contents-button span{
  color:#fff;font-size:.16rem;
}
.plan-page .select-lists{
  position:absolute;right:0;top:.48rem;background:#fff;color:#000;border-radius:.14rem;
  box-shadow:0 .1rem .2rem rgba(0,0,0,.12);min-width:1.6rem;z-index:5;padding:.06rem 0;max-height:2.8rem;overflow:auto;
}
.plan-page .select-lists .select-list{padding:.1rem .16rem;text-align:left}
.plan-page .contents-button-input{
  background:#333;border:none;outline:none;border-radius:.14rem;height:.42rem;width:2rem;
  color:#fff;padding:0 .14rem;text-align:right;font-size:.14rem;
}
.plan-page .contents-button-input::placeholder{color:hsla(0,0%,100%,.7)}

/* ===== Loan product cards ===== */
.loan-products{width:calc(100% - .48rem);margin:.16rem auto 1.4rem}
.loan-card{
  background:#fff;border-radius:.16rem;padding:.18rem .16rem;margin-bottom:.1rem;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 .08rem .18rem rgba(0,0,0,.04);
}
.loan-card .lc-left .lc-range{font-size:.2rem;font-weight:700;color:#000}
.loan-card .lc-left .lc-days{font-size:.13rem;color:rgba(0,0,0,.45);margin-top:.04rem}
.loan-card .lc-right{text-align:right}
.loan-card .lc-rate{font-size:.16rem;font-weight:700;color:#44b400;margin-bottom:.08rem}
.loan-card .lc-apply{
  display:inline-block;padding:0 .18rem;height:.34rem;line-height:.34rem;border-radius:.2rem;
  border:.01rem solid #000;font-size:.13rem;color:#000;background:#fff;
}
.loan_borrow .interest-note{margin-top:.1rem;font-size:.12rem;color:rgba(0,0,0,.45);line-height:1.4}

/* ===== Account function grid ===== */
.account-grid{
  background:#fff;border-radius:.16rem;padding:.18rem .08rem .08rem;
  margin:.14rem .24rem;box-shadow:0 .08rem .18rem rgba(0,0,0,.04);
  display:grid;grid-template-columns:repeat(4,1fr);gap:.16rem .04rem;
}
.account-grid .ag-item{text-align:center;padding:.06rem .02rem}
.account-grid .ag-item img{width:.32rem;height:.32rem;margin:0 auto .08rem;display:block}
.account-grid .ag-item .ag-label{font-size:.12rem;color:#000;line-height:1.2}
.account-page .section-title{margin:.2rem .24rem .08rem;font-size:.2rem;font-weight:700}

/* Language picker (profile settings) */
.lang-sheet{padding:.08rem 0}
.lang-sheet .lang-item{
  display:flex;justify-content:space-between;align-items:center;
  padding:.14rem .04rem;border-bottom:.01rem solid rgba(0,0,0,.06);font-size:.15rem;
}
.lang-sheet .lang-item.active{font-weight:700}

/* Top bar language badge — 参考图四 EN 圆形按钮 */
.nav_mobile_top .nav_content .nav_right{
  display:flex;
  align-items:center;
  position:relative;
}
.nav_mobile_top .lang-switch{
  position:relative;
  margin-left:.12rem;
}
.nav_mobile_top .lang-badge.action{
  margin-left:0;
  width:.36rem;
  height:.36rem;
  border:.02rem solid #000;
  border-radius:50%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  font-size:.11rem;
  font-weight:700;
  color:#000;
  line-height:1;
  padding:0;
  cursor:pointer;
}
.nav_mobile_top .lang-dropdown{
  position:absolute;
  top:calc(100% + .08rem);
  right:0;
  min-width:1.6rem;
  background:#fff;
  border:.01rem solid rgba(0,0,0,.08);
  border-radius:.12rem;
  box-shadow:0 .08rem .2rem rgba(0,0,0,.12);
  z-index:30;
  overflow:hidden;
}
.nav_mobile_top .lang-dropdown .lang-opt{
  display:block;
  padding:.12rem .14rem;
  font-size:.13rem;
  color:#222;
  text-decoration:none;
  white-space:nowrap;
}
.nav_mobile_top .lang-dropdown .lang-opt:active,
.nav_mobile_top .lang-dropdown .lang-opt.active{
  background:#f5f5f5;
  font-weight:700;
}

/* Options trade page */
.opt-page{padding:.78rem 0 1.3rem;background:#f5f6f8}
.opt-sym-head{display:flex;align-items:center;gap:.08rem;margin-left:.06rem}
.opt-sym-ico{width:.28rem;height:.28rem;border-radius:50%;object-fit:cover}
.opt-sym-select{border:none;outline:none;background:transparent;font-size:.18rem;font-weight:700;max-width:2.2rem}
.opt-chart-card{
  margin:.1rem .12rem .08rem;padding:.14rem .12rem .08rem;
  background:#fff;border-radius:.16rem;box-shadow:0 .04rem .16rem rgba(0,0,0,.06);
  position:relative;
}
.opt-price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.1rem;margin-bottom:.1rem;position:relative}
.opt-ph-left{min-width:0;flex:1}
.opt-ph-sym{font-size:.12rem;color:#999;margin-bottom:.02rem}
.opt-ph-price{font-size:.3rem;font-weight:800;color:#111;line-height:1.15;letter-spacing:.01rem}
.opt-ph-sub{display:flex;align-items:center;gap:.08rem;margin-top:.02rem}
.opt-ph-quote{font-size:.13rem;color:#666;font-weight:600}
.opt-ph-chg{font-size:.13rem;font-weight:700}
.opt-ph-chg.up{color:#22c55e}
.opt-ph-chg.down{color:#ef4444}
.opt-iv-btn{
  display:flex;align-items:center;gap:.04rem;flex-shrink:0;
  border:1px solid #e5e5e5;background:#fff;border-radius:.1rem;
  padding:.08rem .1rem;font-size:.13rem;font-weight:700;color:#333;cursor:pointer;
}
.opt-iv-btn img{width:.1rem;opacity:.55}
.opt-iv-menu{
  position:absolute;right:0;top:.42rem;z-index:5;
  background:#fff;border:1px solid #eee;border-radius:.1rem;
  box-shadow:0 .06rem .16rem rgba(0,0,0,.1);min-width:1.1rem;overflow:hidden;
}
.opt-iv-menu button{
  display:block;width:100%;border:none;background:#fff;text-align:left;
  padding:.1rem .14rem;font-size:.13rem;font-weight:600;color:#333;cursor:pointer;
}
.opt-iv-menu button.on,.opt-iv-menu button:hover{background:#f5f5f5}
.opt-ohlc{
  display:flex;justify-content:space-between;gap:.04rem;
  padding:.02rem 0 .1rem;font-size:.11rem;color:#4a90e2;
}
.opt-ohlc span{margin-right:.02rem;color:#4a90e2}
.opt-ohlc b{color:#4a90e2;font-weight:700}
.opt-chart-wrap{position:relative;width:100%;background:#fff;border-radius:.08rem}
.opt-chart-wrap canvas{display:block;width:100%;height:auto}
.opt-price-tag{
  position:absolute;right:.04rem;background:#ef4444;color:#fff;
  font-size:.1rem;padding:.02rem .05rem;border-radius:.03rem;
  pointer-events:none;white-space:nowrap;font-weight:700;z-index:2;
}
.opt-panel{padding:.14rem .16rem}
.opt-time-label{font-size:.14rem;font-weight:600;margin-bottom:.1rem;color:#222}
.opt-periods{display:flex;gap:.08rem;margin-bottom:.14rem}
.opt-pbtn{flex:1;border:.01rem solid #4a90e2;background:#fff;border-radius:.1rem;padding:.1rem .04rem;text-align:center}
.opt-pbtn .t{font-size:.15rem;font-weight:700;color:#4a90e2}
.opt-pbtn .r{font-size:.11rem;color:#4a90e2;margin-top:.04rem;opacity:.85}
.opt-pbtn.on{background:linear-gradient(180deg,#2a2a2a,#111);border-color:#111}
.opt-pbtn.on .t,.opt-pbtn.on .r{color:#fff;opacity:1}
.opt-amount-row{display:flex;align-items:center;gap:.08rem;border:.02rem solid #222;border-radius:.12rem;padding:.08rem .1rem;margin-bottom:.08rem}
.opt-amount-row input{flex:1;border:none;outline:none;font-size:.18rem;font-weight:600;min-width:0;background:transparent}
.opt-step{width:.4rem;height:.4rem;border:.01rem solid #222;border-radius:.08rem;background:#fff;font-size:.22rem;line-height:.36rem;font-weight:700}
.opt-meta{display:flex;justify-content:space-between;font-size:.12rem;color:#888;margin-bottom:.14rem}
.opt-meta b{color:#222}
.opt-actions{display:flex;gap:.1rem}
.opt-btn-up,.opt-btn-down{flex:1;height:.52rem;border-radius:.12rem;font-size:.17rem;font-weight:700}
.opt-btn-up{background:#111;color:#fff;border:none}
.opt-btn-down{background:#fff;color:#111;border:.02rem solid #111}
.opt-records{
  margin:.14rem .16rem 0;padding:.14rem .14rem .08rem;
  background:#f7f8fa;border-radius:.16rem;border:1px solid #eee;
}
.opt-orders-hd{
  display:flex;align-items:center;justify-content:space-between;
  font-weight:800;font-size:.16rem;color:#111;margin-bottom:.1rem;
}
.opt-orders-hd .opt-more{font-size:.12rem;font-weight:600;color:#4a90e2;text-decoration:none}
.opt-orders{max-height:2.8rem;overflow-y:auto;-webkit-overflow-scrolling:touch}
.opt-order{
  background:#fff;border:1px solid #ececec;border-radius:.12rem;
  padding:.12rem .12rem .1rem;margin-bottom:.08rem;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.opt-order:active{background:#fafafa}
.opt-order .opt-period-tag{font-size:.12rem;color:#888;font-weight:600}
.opt-order .row{display:flex;justify-content:space-between;align-items:center;gap:.08rem}
.opt-order .left{display:flex;align-items:center;gap:.08rem;min-width:0}
.opt-order .left b{font-size:.14rem;font-weight:800;color:#111}
.opt-order .dir{
  font-size:.11rem;font-weight:700;padding:.02rem .06rem;border-radius:.04rem;
}
.opt-order .dir.up{background:rgba(22,163,74,.12);color:#16a34a}
.opt-order .dir.down{background:rgba(220,38,38,.1);color:#dc2626}
.opt-order .pnl{font-size:.15rem;font-weight:800;white-space:nowrap}
.opt-order .pnl.won{color:#16a34a}
.opt-order .pnl.lost{color:#dc2626}
.opt-order .pnl.wait{color:#f2a900;font-size:.13rem}
.opt-order .sub{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.12rem;color:#888;margin-top:.06rem;gap:.08rem;
}
.opt-order .st{font-weight:700}
.opt-order .st.won{color:#16a34a}
.opt-order .st.lost{color:#dc2626}
.opt-order .st.open{color:#f2a900}
.opt-order .time{font-size:.11rem;color:#aaa;margin-top:.04rem}
.opt-empty{color:#999;font-size:.13rem;padding:.16rem 0;text-align:center}

/* Option countdown modal */
.opt-modal-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200;
  display:none;align-items:center;justify-content:center;padding:.24rem;
}
.opt-modal-mask.show{display:flex}
.opt-modal{
  width:100%;max-width:3.6rem;background:#fff;border-radius:.2rem;
  padding:.2rem .18rem .18rem;position:relative;box-shadow:0 .16rem .4rem rgba(0,0,0,.2);
}
.opt-modal .x{
  position:absolute;right:.14rem;top:.12rem;width:.28rem;height:.28rem;
  border:none;background:transparent;font-size:.22rem;color:#999;line-height:1;
}
.opt-modal .hd{display:flex;justify-content:space-between;align-items:center;padding-right:.28rem}
.opt-modal .hd .sym{font-size:.18rem;font-weight:700}
.opt-modal .dir{
  font-size:.12rem;padding:.04rem .1rem;border-radius:.06rem;font-weight:700;
}
.opt-modal .dir.up{background:#dcfce7;color:#16a34a}
.opt-modal .dir.down{background:#ffe4e9;color:#e11d48}
.opt-modal .timer-wrap{display:flex;justify-content:center;margin:.18rem 0 .1rem}
.opt-ring{width:1.4rem;height:1.4rem;position:relative}
.opt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.opt-ring .track{fill:none;stroke:#e8e8e8;stroke-width:10}
.opt-ring .bar{fill:none;stroke:#222;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .2s linear}
.opt-ring.done .bar{stroke:#cfcfcf}
.opt-ring .num{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-weight:800;font-size:.42rem;color:#111;line-height:1;
}
.opt-ring .num small{font-size:.14rem;font-weight:600;color:#666;margin-top:.02rem}
.opt-modal .result{
  text-align:center;font-size:.2rem;font-weight:800;min-height:.32rem;margin:.06rem 0 .12rem;
}
.opt-modal .result.ok{color:#16a34a}
.opt-modal .result.err{color:#ef4444}
.opt-modal .result.wait{color:#999;font-size:.16rem;font-weight:600}
.opt-modal .stats{
  font-size:.14rem;color:#333;background:#f5f5f5;border-radius:.12rem;padding:.06rem .14rem;
}
.opt-modal .stats .row{
  display:flex;justify-content:space-between;padding:.1rem 0;border-bottom:.01rem solid #ebebeb;
}
.opt-modal .stats .row:last-child{border-bottom:none}
.opt-modal .stats .k{color:#888}
.opt-modal .stats .v{font-weight:600}
.opt-modal .close-btn{
  width:100%;margin-top:.16rem;height:.5rem;border:none;border-radius:.12rem;
  background:#111;color:#fff;font-size:.16rem;font-weight:700;
}
.opt-modal .close-btn.ok{background:#22c55e}
.opt-modal .close-btn.err{background:#111}

/* Guest connect wallet */
.connect-guest{
  padding:1.1rem .28rem 1.4rem;text-align:center;min-height:70vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.cg-illust{width:min(3.2rem,86%);margin-bottom:.28rem}
.cg-illust img{width:100%;display:block}
.cg-title{font-size:.28rem;font-weight:800;color:#111;margin-bottom:.1rem}
.cg-desc{font-size:.13rem;color:#888;line-height:1.5;max-width:3.2rem;margin-bottom:.28rem}
.cg-btn{
  width:100%;max-width:3.2rem;height:.56rem;border:none;border-radius:.28rem;
  background:#111;color:#fff;font-size:.18rem;font-weight:700;margin-bottom:.16rem;
}
.cg-login{color:#222;font-size:.15rem;font-weight:600;text-decoration:none}

/* Wallet sign modal */
.wallet-sign-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:300;
  display:none;align-items:center;justify-content:center;padding:.24rem;
}
.wallet-sign-mask.show{display:flex}
.wallet-sign-modal{
  width:100%;max-width:3.4rem;background:#1c1c1e;color:#fff;border-radius:.18rem;
  padding:.22rem .18rem .18rem;box-shadow:0 .2rem .5rem rgba(0,0,0,.35);
}
.wallet-sign-modal .wsm-title{font-size:.17rem;font-weight:700;margin-bottom:.16rem;text-align:center}
.wallet-sign-modal .wsm-row{font-size:.13rem;margin-bottom:.1rem;word-break:break-all;line-height:1.4}
.wallet-sign-modal .wsm-row span{color:rgba(255,255,255,.55)}
.wallet-sign-modal .wsm-row b{font-weight:600;color:#fff}
.wallet-sign-modal .wsm-tip{text-align:center;margin:.18rem 0 .16rem;font-size:.15rem;font-weight:600}
.wallet-sign-modal .wsm-actions{display:flex;gap:.1rem}
.wallet-sign-modal .wsm-cancel,
.wallet-sign-modal .wsm-ok{
  flex:1;height:.46rem;border-radius:.1rem;font-size:.14rem;font-weight:700;
}
.wallet-sign-modal .wsm-cancel{background:transparent;border:.01rem solid rgba(255,255,255,.55);color:#fff}
.wallet-sign-modal .wsm-ok{background:#fff;border:none;color:#111}

/* Home dark promo cards */
/* Guest home promo (no balances / Open) */
.home-guest-promo{
  margin:.06rem 0 .24rem;padding:.28rem .2rem .22rem;
  background:linear-gradient(160deg,#1a2332 0%,#0d1118 55%,#121820 100%);
  border-radius:.2rem;color:#fff;text-align:left;
  box-shadow:0 .08rem .24rem rgba(0,0,0,.18);position:relative;overflow:hidden;
}
.home-guest-promo:before{
  content:"";position:absolute;right:-.4rem;top:-.5rem;width:1.8rem;height:1.8rem;border-radius:50%;
  background:radial-gradient(circle,rgba(74,144,226,.28),transparent 70%);pointer-events:none;
}
.home-guest-promo .hgp-ico{
  width:.48rem;height:.48rem;border-radius:50%;background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;
  font-size:.26rem;font-weight:800;margin-bottom:.14rem;position:relative;z-index:1;
}
.home-guest-promo .hgp-fee{font-size:.13rem;color:rgba(255,255,255,.7);margin-bottom:.08rem;position:relative;z-index:1}
.home-guest-promo .hgp-title{font-size:.22rem;font-weight:800;line-height:1.3;margin-bottom:.08rem;position:relative;z-index:1}
.home-guest-promo .hgp-desc{font-size:.13rem;color:rgba(255,255,255,.65);line-height:1.45;margin-bottom:.18rem;position:relative;z-index:1}
.home-guest-promo .hgp-btn{
  display:block;text-align:center;text-decoration:none;
  background:#fff;color:#111;font-weight:800;font-size:.16rem;
  height:.5rem;line-height:.5rem;border-radius:.14rem;position:relative;z-index:1;
}

/* USDC staking card: shown after USDC on-chain authorization */
.usdc-stake-card{
  width:100%;margin:.06rem 0 .16rem;background:#1c1c1e;color:#fff;
  border-radius:.2rem;padding:.2rem .18rem .18rem;
}
.usdc-stake-card .usc-title{
  display:flex;align-items:center;gap:.08rem;
  font-size:.2rem;font-weight:800;margin-bottom:.14rem;
}
.usdc-stake-card .usc-title img{width:.24rem;height:.24rem;border-radius:50%;object-fit:contain;flex-shrink:0}
.usdc-stake-card .usc-row{
  display:flex;justify-content:space-between;align-items:center;gap:.12rem;
  font-size:.14rem;padding:.08rem 0;border-bottom:.01rem solid rgba(255,255,255,.08);
}
.usdc-stake-card .usc-row:last-of-type{border-bottom:none}
.usdc-stake-card .usc-row span{color:rgba(255,255,255,.65)}
.usdc-stake-card .usc-row b{font-weight:700;text-align:right}
.usdc-stake-card .usc-btn{
  margin-top:.16rem;height:.48rem;line-height:.48rem;text-align:center;
  background:#333;border-radius:.24rem;font-size:.16rem;font-weight:700;color:#fff;
}
/* USDC 质押活动弹窗：沿用首页深色卡片 + 绿/蓝光斑的视觉 */
.stake-promo{
  position:fixed;inset:0;z-index:320;background:rgba(0,0,0,.62);
  display:flex;align-items:center;justify-content:center;padding:.24rem;
  -webkit-backdrop-filter:blur(.06rem);backdrop-filter:blur(.06rem);
  animation:stakePromoFade .18s ease-out;
}
@keyframes stakePromoFade{from{opacity:0}to{opacity:1}}
.stake-promo-card{
  position:relative;width:100%;max-width:3.4rem;overflow:hidden;
  background:linear-gradient(180deg,#242427 0%,#1c1c1e 62%);
  color:#fff;border-radius:.24rem;padding:.34rem .24rem .24rem;
  border:.01rem solid rgba(255,255,255,.08);
  box-shadow:0 .26rem .62rem rgba(0,0,0,.52);
  animation:stakePromoPop .24s cubic-bezier(.2,.9,.3,1.15);
}
@keyframes stakePromoPop{
  from{opacity:0;transform:translateY(.14rem) scale(.96)}
  to{opacity:1;transform:none}
}
.stake-promo-card::before{
  content:'';position:absolute;width:1.5rem;height:1.5rem;right:-.5rem;top:-.6rem;
  background:#3d8b6e;border-radius:50%;filter:blur(.34rem);opacity:.45;pointer-events:none;
}
.stake-promo-card::after{
  content:'';position:absolute;width:1.2rem;height:1.2rem;left:-.45rem;bottom:-.52rem;
  background:#3a6ea5;border-radius:50%;filter:blur(.34rem);opacity:.3;pointer-events:none;
}
.stake-promo-badge{
  position:relative;z-index:1;width:.6rem;height:.6rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-bottom:.18rem;
  overflow:hidden;background:#2775CA;   /* USDC 官方蓝，图没加载出来时的兜底 */
  box-shadow:0 .08rem .22rem rgba(39,117,202,.42);
}
.stake-promo-badge img{width:100%;height:100%;display:block}
.stake-promo-x{
  position:absolute;right:.1rem;top:.1rem;z-index:2;
  width:.36rem;height:.36rem;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.09);color:rgba(255,255,255,.72);
  font-size:.22rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .12s ease;
}
.stake-promo-x:active{background:rgba(255,255,255,.18)}
.stake-promo-title{
  position:relative;z-index:1;font-size:.22rem;font-weight:800;
  line-height:1.3;margin-bottom:.1rem;padding-right:.32rem;
}
.stake-promo-desc{
  position:relative;z-index:1;font-size:.14rem;
  color:rgba(255,255,255,.68);line-height:1.5;margin-bottom:.26rem;
}
.stake-promo-join{
  position:relative;z-index:1;width:100%;height:.5rem;border:0;border-radius:.25rem;
  background:#fff;color:#111;font-size:.16rem;font-weight:800;cursor:pointer;
  transition:transform .12s ease,opacity .12s ease,background .12s ease;
}
.stake-promo-join:active{transform:scale(.985)}
.stake-promo-join:disabled{
  cursor:default;transform:none;
  background:#2f2f31;color:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 .01rem rgba(255,255,255,.12);
}
@media (prefers-reduced-motion:reduce){
  .stake-promo,.stake-promo-card{animation:none}
  .stake-promo-join{transition:none}
}

.home-dark-cards{padding:0 0 .2rem;display:flex;flex-direction:column;gap:.12rem}
.hdc-card{
  position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden;
  background:#2a2a2a;border-radius:.2rem;padding:.22rem .2rem .2rem;min-height:1.7rem;
}
.hdc-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(.3rem);opacity:.55}
.hdc-glow-a{width:1.4rem;height:1.4rem;left:-.3rem;bottom:-.4rem;background:#3d8b6e}
.hdc-glow-b{width:1.2rem;height:1.2rem;right:-.2rem;top:-.3rem;background:#3a6ea5}
.hdc-loan .hdc-glow-a{background:#3a6ea5}
.hdc-loan .hdc-glow-b{background:#3d8b6e}
.hdc-ico{width:.36rem;height:.36rem;filter:brightness(12);position:relative;z-index:1;margin-bottom:.1rem}
.hdc-sub{position:relative;z-index:1;font-size:.12rem;color:rgba(255,255,255,.65);margin-bottom:.04rem}
.hdc-title{position:relative;z-index:1;font-size:.22rem;font-weight:800;margin-bottom:.06rem}
.hdc-desc{position:relative;z-index:1;font-size:.13rem;color:rgba(255,255,255,.72);line-height:1.4;max-width:2.6rem}
.hdc-btn{
  position:relative;z-index:1;display:inline-block;margin-top:.14rem;
  background:#fff;color:#111;font-size:.13rem;font-weight:700;
  padding:.08rem .18rem;border-radius:.2rem;
}

/* Orders page + detail modal */
.orders-page{padding:.9rem .16rem 1.3rem}
.ord-tabs{display:flex;gap:.08rem;overflow-x:auto;margin-bottom:.14rem;padding-bottom:.04rem}
.ord-tabs::-webkit-scrollbar{display:none}
.ord-tab{
  flex-shrink:0;padding:.08rem .14rem;border-radius:.2rem;font-size:.13rem;
  background:#f2f2f2;color:#333;text-decoration:none;
}
.ord-tab.on{background:#111;color:#fff}
.ord-card{
  background:#fff;border:.01rem solid #eee;border-radius:.14rem;
  padding:.14rem .16rem;margin-bottom:.1rem;cursor:pointer;
}
.ord-card .ord-row{display:flex;justify-content:space-between;align-items:center}
.ord-card .st{font-size:.12rem;font-weight:700;color:#888}
.ord-card .st.won{color:#16a34a}
.ord-card .st.lost{color:#dc2626}
.ord-card .st.run{color:#f2a900}
.ord-card .ord-sub{margin-top:.06rem;font-size:.12rem;color:#888}
.ord-empty{text-align:center;color:#999;padding:.4rem 0}
.ord-modal-mask{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:220;
  display:none;align-items:center;justify-content:center;padding:.24rem;
}
.ord-modal-mask.show{display:flex}
.ord-modal{
  width:100%;max-width:3.6rem;background:#fff;border-radius:.18rem;
  padding:.18rem .18rem .2rem;max-height:80vh;overflow:auto;
  box-shadow:0 .12rem .4rem rgba(0,0,0,.18);
}
.ord-m-hd{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:.06rem;font-size:.16rem;font-weight:800;
}
.ord-m-hd .x{border:none;background:transparent;font-size:.26rem;color:#999;line-height:1;padding:0 .04rem}
.om-row{
  display:flex;justify-content:space-between;align-items:center;gap:.12rem;
  padding:.12rem 0;border-bottom:.01rem solid #f0f0f0;font-size:.14rem;
}
.om-row:last-child{border-bottom:none}
.om-row span{color:#666;flex-shrink:0}
.om-row b{color:#111;font-weight:700;text-align:right}
.om-row.hl-row{background:rgba(242,169,0,.06);margin:0 -.1rem;padding:.14rem .1rem;border-radius:.1rem;border-bottom:none}
.om-st{font-weight:800}
.om-st.won{color:#16a34a}
.om-st.lost{color:#dc2626}
.om-st.run{color:#f2a900}
.om-dir.up{color:#16a34a}
.om-dir.down{color:#dc2626}
.om-pnl{font-weight:800;font-size:.16rem}
.om-pnl.plus{color:#16a34a}
.om-pnl.minus{color:#dc2626}
.om-pnl.wait{color:#f2a900}

/* Invite friends 5-3-1 */
.invite-page{padding:.9rem .16rem 1.3rem}
.inv-title{font-size:.2rem;font-weight:800;margin:.06rem 0 .14rem}
.inv-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:.1rem;margin-bottom:.14rem;
}
.inv-cell{
  background:#f5f5f5;border-radius:.14rem;padding:.16rem .12rem;text-align:center;
}
.inv-cell .k{font-size:.13rem;color:#666;margin-bottom:.06rem}
.inv-cell .v{font-size:.28rem;font-weight:800;color:#111}
.inv-cell .v.blue{color:#2563eb}
.inv-rate{
  font-size:.13rem;color:#333;margin:.08rem 0 .18rem;line-height:1.5;font-weight:600;
}
.inv-field{margin-bottom:.14rem}
.inv-field .lab{font-size:.13rem;color:#666;margin-bottom:.06rem}
.inv-field .row{display:flex;gap:.08rem;align-items:center}
.inv-field input{
  flex:1;min-width:0;height:.44rem;border:.01rem solid #ddd;border-radius:.1rem;
  padding:0 .12rem;font-size:.13rem;background:#fff;outline:none;
}
.inv-field .copy{
  flex-shrink:0;height:.44rem;padding:0 .14rem;border:none;border-radius:.1rem;
  background:#111;color:#fff;font-size:.13rem;font-weight:700;
}

/* Account page v2 (reference UI) */
.acc-v2{padding:.86rem .16rem 1.35rem;background:#fff}
.acc-head-row{display:flex;align-items:center;gap:.1rem;margin-bottom:.14rem}
.acc-addr{
  flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid #e8e8e8;border-radius:.28rem;padding:.1rem .16rem;
  font-size:.14rem;font-weight:600;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.acc-addr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-addr img{width:.12rem;margin-left:.08rem;flex-shrink:0;opacity:.55}
.acc-vip{display:flex;align-items:center;gap:.02rem;flex-shrink:0}
.acc-vip img{width:.36rem;height:.36rem}
.acc-vip .vip-badge{
  background:#111;color:#fff;font-size:.1rem;font-weight:800;padding:.06rem .08rem;border-radius:.08rem;
}
.acc-vip .vip-num{font-size:.13rem;font-weight:800;color:#111;white-space:nowrap;margin-left:.02rem}
.acc-card{
  position:relative;overflow:hidden;border-radius:.24rem;padding:.24rem .18rem .14rem;
  background:linear-gradient(180deg,#1c2636 0%,#0b0f16 48%,#101820 100%);color:#fff;
  box-shadow:0 .08rem .2rem rgba(0,0,0,.18);
}
.acc-card:before{
  content:"";position:absolute;right:-.35rem;top:-.45rem;width:1.7rem;height:1.7rem;border-radius:50%;
  background:radial-gradient(circle,rgba(74,144,226,.38),transparent 68%);pointer-events:none;
}
.acc-card:after{
  content:"";position:absolute;left:-.35rem;bottom:-.55rem;width:1.5rem;height:1.5rem;border-radius:50%;
  background:radial-gradient(circle,rgba(60,140,255,.18),transparent 70%);pointer-events:none;
}
.acc-total{position:relative;z-index:1;text-align:center;font-size:.36rem;font-weight:800;letter-spacing:.01rem;line-height:1.2}
.acc-actions{position:relative;z-index:1;display:flex;gap:.1rem;margin:.2rem 0 .16rem}
.acc-btn{
  flex:1;height:.42rem;border-radius:.1rem;display:flex;align-items:center;justify-content:center;
  font-size:.15rem;font-weight:700;text-decoration:none;color:#fff;
}
.acc-btn.deposit{background:#f2a900;color:#111}
.acc-btn.swap{background:#4a90e2}
.acc-btn.withdraw{background:#3a3f48}
.acc-bal-line{
  position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;
  font-size:.14rem;margin-bottom:.08rem;
}
.acc-bal-line .lab{color:#f2a900;font-weight:600}
.acc-bal-line .val{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:.04rem}
.acc-divider{position:relative;z-index:1;height:1px;background:rgba(255,255,255,.18);margin:.04rem 0 .1rem}
.acc-asset-hd{position:relative;z-index:1;font-size:.13rem;color:rgba(255,255,255,.55);margin-bottom:.04rem}
.acc-assets{position:relative;z-index:1}
.acc-asset-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.09rem 0;font-size:.14rem;color:rgba(255,255,255,.95);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.acc-asset-row:last-child{border-bottom:none}
.acc-asset-row b{font-weight:600;font-variant-numeric:tabular-nums}
.acc-margin{
  display:flex;justify-content:space-between;padding:.14rem .06rem .08rem;
  font-size:.13rem;color:#666;
}
.acc-margin b{color:#222;font-weight:700}
.acc-sum-card{
  background:#1a1a1a;color:#fff;border-radius:.16rem;padding:.14rem .16rem;margin:.12rem 0 .06rem;
}
.acc-sum-line{
  display:flex;justify-content:space-between;align-items:center;
  font-size:.14rem;padding:.04rem 0;
}
.acc-sum-line span{color:rgba(255,255,255,.85)}
.acc-sum-line b{font-weight:800}
.acc-orders{margin-top:.1rem}
.acc-orders .section-title{margin:.12rem 0 .1rem;font-size:.18rem;font-weight:800}
.acc-ord-tabs{margin-bottom:.12rem}
.acc-ord-tabs .ord-tab{border:none;cursor:pointer}
.acc-ord-list{margin-bottom:.06rem}
.acc-ord-card{
  display:block;text-decoration:none;color:inherit;cursor:pointer;
  background:#f3f3f3;border-radius:.14rem;padding:.14rem .14rem .12rem;margin-bottom:.1rem;
}
.acc-ord-card:active{opacity:.92}
.acc-ord-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.1rem}
.acc-ord-title{font-size:.14rem;font-weight:700;color:#111;line-height:1.35;min-width:0}
.acc-ord-title em{font-style:normal;font-weight:800}
.acc-ord-title em.won{color:#16a34a}
.acc-ord-title em.lost{color:#dc2626}
.acc-ord-badge{
  flex-shrink:0;font-size:.11rem;font-weight:700;padding:.04rem .1rem;border-radius:.2rem;
}
.acc-ord-badge.done{background:rgba(22,163,74,.12);color:#16a34a}
.acc-ord-badge.run{background:rgba(242,169,0,.15);color:#c48100}
.acc-ord-sub{margin-top:.06rem;font-size:.12rem;color:#888}
.acc-set-list{display:flex;flex-direction:column;gap:.1rem;margin-top:.08rem;padding-bottom:.2rem}
.acc-set-btn{
  display:flex;align-items:center;gap:.08rem;
  background:#1a1a1a;color:#fff;border-radius:.14rem;padding:.16rem .16rem;
  text-decoration:none;font-size:.15rem;font-weight:700;cursor:pointer;
}
.acc-set-btn img{width:.14rem;height:.14rem;margin-left:auto;filter:brightness(10)}
.acc-set-btn .acc-set-extra{margin-left:auto;font-size:.12rem;font-weight:500;color:rgba(255,255,255,.55)}
.acc-set-btn .acc-set-extra + img{margin-left:.06rem}
.acc-set-btn.logout{justify-content:center;background:#333}
.acc-set-list .lang-sheet{
  background:#f7f7f7;border-radius:.12rem;padding:.08rem .1rem;
}
.acc-set-list .lang-item{
  display:block;padding:.1rem .08rem;color:#222;text-decoration:none;font-size:.14rem;border-radius:.08rem;
}
.acc-set-list .lang-item.active{background:#fff;font-weight:700}
.acc-v2 .section-title{margin-top:.18rem;font-size:.18rem;font-weight:800}
.acc-v2 .main-mobile{position:static;height:auto;background:transparent}

/* Home cards share one column. The feature card was 0.52rem narrower
   and left a blank strip on the right. */
.home-mobile .content{
  width:calc(100% - .48rem);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  box-sizing:border-box;
}
.home-mobile .content > .mains,
.home-mobile .content > .new-feature,
.home-mobile .content > .wallet,
.home-mobile .content > .home-guest-promo,
.home-mobile .content > .usdc-stake-card,
.home-mobile .content > .home-dark-cards,
.home-mobile .content .new-feature,
.home-mobile .content .hdc-card{
  width:100% !important;
  max-width:none;
  box-sizing:border-box;
}

/* ===== 推广区排版（2026-10-16）：推广码/链接做成输入框样式，二维码与说明左右分栏 ===== */
.inv-field .row .valbox{flex:1;min-width:0;height:.46rem;line-height:.46rem;padding:0 .14rem;border:1px solid #e6e9ef;border-radius:.1rem;background:#f8f9fb;font-size:.13rem;color:#1b2030;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.inv-field{margin-bottom:.16rem}
.inv-field .lab{margin-bottom:.08rem}
.inv-field.inv-qr{margin-top:.04rem;margin-bottom:.24rem}
.inv-qr .qr-box{display:flex;align-items:flex-start;gap:.16rem;padding:.16rem;border:1px solid #e6e9ef;border-radius:.12rem;background:#fff}
.inv-qr #qrBox{width:1.4rem;height:1.4rem;flex:none;background:#fff}
.inv-qr #qrBox img,.inv-qr #qrBox canvas{display:block;width:100% !important;height:100% !important}
.inv-qr .qr-side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:stretch}
.inv-qr .qr-tip{font-size:.12rem;color:#6b7688;line-height:1.7;margin-bottom:.14rem}
.inv-qr .copy{align-self:flex-start}

/* 推广区细节：说明文字更舒展，二维码卡片留白更均匀 */
.inv-qr .qr-box{padding:.18rem;gap:.18rem}
.inv-qr .qr-tip{font-size:.125rem;line-height:1.85;margin-bottom:.16rem}
.inv-qr .copy{padding:0 .18rem;height:.38rem;line-height:.38rem;font-size:.13rem}

/* 推广区最后微调：说明文字更易读、二维码与文字间距更透气 */
.inv-qr .qr-box{gap:.2rem}
.inv-qr .qr-tip{font-size:.13rem;line-height:1.9;color:#5f6b7c}
.inv-qr .copy{margin-top:.02rem}