/**
 * 龙市 / 拍卖 / 矿机 共用顶栏
 * 左返回 · 中滑动TAB（三等分） · 右图标
 * 文档滚动：顶栏 sticky 漂浮，上滑可收起浏览器地址栏
 */
#wrap, #miner-lang-switch{ display:none !important; }

/* —— 文档滚动（对齐首页） —— */
html:has(.tx-trade-page),
body:has(.tx-trade-page){
  height:auto !important;
  min-height:100%;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}
html.has-tx-trade,
body.has-tx-trade{
  height:auto !important;
  min-height:100%;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}

.page.my.page-bg.tx-trade-page,
.page.my.tx-trade-page,
.tx-trade-page.page{
  position:relative !important;
  left:auto !important; right:auto !important;
  top:auto !important; bottom:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:100vh;
  min-height:100dvh;
  padding-top:0 !important;
  margin:0 !important;
  overflow:visible !important;
  background:#05080f !important;
  color:#eef3ff;
}

.tx-trade-page .page-bd{
  position:relative !important;
  -webkit-box-flex:0 !important;
  flex:none !important;
  overflow:visible !important;
  height:auto !important;
  background:transparent !important;
  /* 内容顶边 = 固定 Tab 栏高度 + 5px（--tx-header-h 由 cy_trade_header.js 实测写入） */
  --tx-header-h: calc(.14rem + .64rem + .14rem + env(safe-area-inset-top, 0px));
  --tx-header-gap: 5px;
  padding-top: calc(var(--tx-header-h) + var(--tx-header-gap)) !important;
  padding-bottom:calc(var(--cy-tabbar-h, 78px) + var(--cy-tabbar-gap, 10px)) !important;
}

.tx-trade-page .page-hd{
  position:fixed !important;
  left:0; right:0; top:0;
  z-index:900;
  padding:0 !important; margin:0 !important;
  background:#0a1020 !important;
  border:0 !important;
  box-shadow:none !important;
}

.trans-header.header{
  position:relative !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  height:auto !important;
  min-height:.72rem;
  padding:.14rem .14rem !important;
  padding-top:calc(.14rem + env(safe-area-inset-top, 0px)) !important;
  box-sizing:border-box;
  background:#0a1020 !important;
  border:0 !important;
  box-shadow:none !important;
}
.trans-header .header-left,
.trans-header .header-right{
  position:relative !important;
  width:auto !important;
  min-width:.44rem;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:0 !important;
  right:auto !important;
}
.trans-header .header-left{ justify-content:flex-start; }
.trans-header .header-right{ justify-content:flex-end; }
.trans-header .tx-back{
  display:inline-flex; align-items:center; justify-content:center;
  width:.44rem; height:.44rem;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}
.trans-header .tx-back svg{
  width:.22rem; height:.22rem; display:block;
  stroke:#e8efff; fill:none; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
}
.trans-header .header-title{
  flex:1; min-width:0;
  display:flex; align-items:center; justify-content:center;
  padding:0 .06rem;
  overflow:visible;
  white-space:normal;
}

/* —— 三 Tab 均分（龙市 | 拍卖 | 矿机） —— */
.tx-seg{
  --tx-pad:.08rem;
  --tx-n:3;
  position:relative;
  display:flex; align-items:stretch;
  width:100%;
  max-width:4.2rem;
  height:.64rem;
  padding:var(--tx-pad);
  box-sizing:border-box;
  border-radius:.42rem;
  background:rgba(8,12,24,.92);
  border:1px solid rgba(140,170,255,.26);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 .08rem .2rem rgba(0,0,0,.4);
  overflow:hidden;
}
.tx-seg-slider{
  position:absolute;
  top:var(--tx-pad); bottom:var(--tx-pad); left:var(--tx-pad);
  width:calc((100% - var(--tx-pad) * 2) / var(--tx-n));
  border-radius:.32rem;
  background:linear-gradient(90deg,#9b5cff 0%,#4f6bff 100%);
  box-shadow:0 .04rem .14rem rgba(100,70,255,.4);
  transition:transform .32s cubic-bezier(.22,.9,.3,1);
  z-index:0; pointer-events:none;
  will-change:transform;
}
.tx-seg[data-tab="dragon"] .tx-seg-slider{ transform:translateX(0); }
.tx-seg[data-tab="auction"] .tx-seg-slider{ transform:translateX(100%); }
.tx-seg[data-tab="mining"] .tx-seg-slider{ transform:translateX(200%); }
.tx-seg a{
  position:relative; z-index:1;
  flex:1 1 0;
  width:calc(100% / var(--tx-n, 3));
  min-width:0;
  height:100%;
  /* !important：避免 PageTrans 等残留 .header-title a{display:inline-block} 抢掉居中 */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  /* 上/左微补偿：CJK 字形偏高 + letter-spacing 尾部空隙导致视觉偏左上 */
  padding:.04em 0 0 .04em !important;
  color:rgba(230,236,255,.65) !important;
  font-size:var(--cy-fs-tab, .2rem) !important; font-weight:700;
  letter-spacing:.04em;
  text-align:center;
  text-decoration:none; line-height:1 !important;
  white-space:nowrap;
  background:transparent !important;
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
}
.tx-seg[data-tab="dragon"] a[data-tab="dragon"],
.tx-seg[data-tab="auction"] a[data-tab="auction"],
.tx-seg[data-tab="mining"] a[data-tab="mining"]{
  color:#fff !important;
}
.trans-header .tx-record{
  display:inline-flex; align-items:center; justify-content:center;
  width:.44rem; height:.44rem;
  text-decoration:none;
}
.trans-header .tx-record svg{
  width:.24rem; height:.24rem; display:block;
  stroke:#e8efff; fill:none; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
.trans-header .tx-record:active,
.trans-header .tx-back:active{ opacity:.75; }

/* —— 龙市面板：首页赛博风格 —— */
#dragon-panel.trans-info,
#auc-panel.trans-info,
.tx-trade-page .trans-info{
  padding:.16rem .16rem 0;
}
#dragon-panel .trans-box,
#auc-panel .trans-box{
  display:flex; gap:.14rem; align-items:center;
  padding:.16rem;
  border-radius:.2rem;
  background:linear-gradient(155deg, rgba(32,42,72,.98), rgba(16,22,40,.98));
  border:1px solid rgba(140,170,255,.22);
  box-shadow:0 .08rem .22rem rgba(0,0,0,.35);
  color:#eef3ff;
  background-image:none !important;
}
#dragon-panel .trans-box .current,
#auc-panel .trans-box .current{
  flex:0 0 1.5rem; width:1.5rem; height:1.5rem;
  border-radius:50%;
  border:2px solid rgba(79,209,255,.45);
  background:radial-gradient(circle at 50% 40%, rgba(90,60,180,.35), #0c1224 72%);
  color:#ffe082;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:0; text-align:center;
  box-sizing:border-box;
}
#dragon-panel .trans-box .current p,
#auc-panel .trans-box .current p{ margin:0; line-height:1.2; }
#dragon-panel .trans-box .current p:first-child,
#auc-panel .trans-box .current p:first-child{
  font-size:.18rem; font-weight:800; color:#ffe082;
}
#dragon-panel .trans-box .current p:last-child,
#auc-panel .trans-box .current p:last-child{
  font-size:.12rem; color:#9aa6c3; margin-top:.04rem;
}
#dragon-panel .trans-box .today,
#auc-panel .trans-box .today{
  flex:1; min-width:0; padding-left:0;
}
#dragon-panel .trans-box .today p,
#auc-panel .trans-box .today p{
  margin:0 0 .06rem; line-height:1.35;
  font-size:.14rem; color:#9aa6c3; font-weight:600;
}
#dragon-panel .trans-box .today p:last-child,
#auc-panel .trans-box .today p:last-child{ margin-bottom:0; }
#dragon-panel .trans-box .today b,
#dragon-panel .trans-box .today span,
#auc-panel .trans-box .today b,
#auc-panel .trans-box .today span{
  color:#eef3ff; font-weight:700;
}

#dragon-panel .trans-tab,
#auc-panel .trans-tab{ margin:.14rem 0; }
#dragon-panel .trans-tab .tab,
#auc-panel .trans-tab .tab{
  width:100%; max-width:4.2rem;
  height:.64rem; line-height:normal;
  margin:0 auto .14rem;
  border-radius:.42rem;
  border:1px solid rgba(140,170,255,.26);
  background:rgba(8,12,24,.92);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 .08rem .2rem rgba(0,0,0,.4);
  overflow:hidden;
}
#dragon-panel .trans-tab .tab ul,
#auc-panel .trans-tab .tab ul{ display:flex; height:100%; margin:0; padding:.08rem; box-sizing:border-box; }
#dragon-panel .trans-tab .tab ul li,
#auc-panel .trans-tab .tab ul li{
  flex:1 1 50%; width:50%;
  height:100%;
  display:flex; align-items:center; justify-content:center;
  list-style:none;
  font-size:var(--cy-fs-tab, .2rem); font-weight:700;
  letter-spacing:.04em;
  color:rgba(230,236,255,.65);
  border-radius:.32rem;
  cursor:pointer;
  line-height:1;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
#dragon-panel .trans-tab .tab ul li.action,
#auc-panel .trans-tab .tab ul li.action{
  color:#fff;
  background:linear-gradient(90deg,#9b5cff 0%,#4f6bff 100%);
  box-shadow:0 .04rem .14rem rgba(100,70,255,.4);
}

#dragon-panel .d-subtabs{
  display:flex; gap:.08rem; margin:0 0 .12rem; justify-content:center; flex-wrap:wrap;
}
#dragon-panel .d-subtabs .d-sub{
  display:inline-flex; align-items:center; justify-content:center;
  height:.36rem; padding:0 .16rem;
  border-radius:.2rem;
  border:1px solid rgba(140,170,255,.28);
  background:rgba(255,255,255,.04);
  color:#9aa6c3;
  font-size:.14rem; font-weight:700;
  line-height:1;
  cursor:pointer;
  box-sizing:border-box;
}
#dragon-panel .d-subtabs .d-sub.action{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
}

/* 龙市/拍卖内层切换：对齐顶栏 tx-seg（矿机页同款滑动胶囊） */
.trans-tab .panel-seg.tx-seg{
  --tx-n:2;
  width:100%;
  max-width:4.2rem;
  margin:0 auto .14rem;
}
.trans-tab .panel-seg.tx-seg a{
  width:calc(100% / var(--tx-n));
  cursor:pointer;
}
.trans-tab .panel-seg--3.tx-seg{
  --tx-n:3;
  max-width:3.6rem;
  height:.52rem;
}
.trans-tab .panel-seg--3.tx-seg a{
  font-size:.16rem !important;
}
.trans-tab .panel-seg[data-tab="orders"] .tx-seg-slider,
.trans-tab .panel-seg[data-tab="live"] .tx-seg-slider,
.trans-tab .panel-seg[data-tab="egg"] .tx-seg-slider{ transform:translateX(0); }
.trans-tab .panel-seg[data-tab="trend"] .tx-seg-slider,
.trans-tab .panel-seg[data-tab="mine"] .tx-seg-slider,
.trans-tab .panel-seg[data-tab="pet"] .tx-seg-slider{ transform:translateX(100%); }
.trans-tab .panel-seg[data-tab="item"] .tx-seg-slider{ transform:translateX(200%); }
.trans-tab .panel-seg[data-tab="orders"] a[data-tab="orders"],
.trans-tab .panel-seg[data-tab="trend"] a[data-tab="trend"],
.trans-tab .panel-seg[data-tab="live"] a[data-tab="live"],
.trans-tab .panel-seg[data-tab="mine"] a[data-tab="mine"],
.trans-tab .panel-seg[data-tab="egg"] a[data-tab="egg"],
.trans-tab .panel-seg[data-tab="pet"] a[data-tab="pet"],
.trans-tab .panel-seg[data-tab="item"] a[data-tab="item"]{
  color:#fff !important;
}
.trans-tab .d-subtabs{
  display:flex;
  justify-content:center;
  margin:0 0 .12rem;
}

#dragon-list .d-card,
#auc-list .d-card,
#auc-mine-list .d-card{
  display:flex; gap:.12rem; align-items:center;
  padding:.14rem;
  margin-bottom:.12rem;
  border-radius:.16rem;
  background:linear-gradient(155deg, rgba(32,42,72,.98), rgba(16,22,40,.98));
  border:1px solid rgba(140,170,255,.22);
  box-shadow:0 .06rem .16rem rgba(0,0,0,.3);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#dragon-list .d-card .pic,
#auc-list .d-card .pic,
#auc-mine-list .d-card .pic{
  position:relative;
  flex:0 0 1.2rem; width:1.2rem; height:1.2rem;
  border-radius:.12rem;
  background:radial-gradient(circle at 50% 35%, rgba(90,60,180,.3), #0c1224 70%);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
#dragon-list .d-card .pic img,
#auc-list .d-card .pic img,
#auc-mine-list .d-card .pic img{
  width:82%; height:82%; object-fit:contain; display:block;
}
#dragon-list .d-card .pic .crystal,
#auc-list .d-card .pic .crystal,
#auc-mine-list .d-card .pic .crystal{
  width:.72rem; height:.72rem; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.26rem; font-weight:900; color:#1a1200;
  background:linear-gradient(160deg,#ffd54f,#ff8f00);
}
#dragon-list .d-card .ch,
#auc-list .d-card .ch,
#auc-mine-list .d-card .ch{
  position:absolute; left:.04rem; top:.04rem;
  height:.22rem; padding:0 .06rem;
  border-radius:.05rem;
  font-size:.1rem; font-weight:800; color:#fff; line-height:.22rem;
  background:linear-gradient(90deg,#43a047,#2e7d32);
}
#auc-list .d-card .ch.auction,
#auc-mine-list .d-card .ch.auction{
  background:linear-gradient(90deg,#ff7043,#e53935);
}
#dragon-list .d-card .body,
#auc-list .d-card .body,
#auc-mine-list .d-card .body{ flex:1; min-width:0; }
#dragon-list .d-card .name,
#auc-list .d-card .name,
#auc-mine-list .d-card .name{
  color:#fff; font-size:.16rem; font-weight:800;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  margin-bottom:.04rem;
}
#dragon-list .d-card .meta,
#auc-list .d-card .meta,
#auc-mine-list .d-card .meta{
  color:#9aa6c3; font-size:.12rem; font-weight:600;
  margin-bottom:.06rem;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#dragon-list .d-card .row,
#auc-list .d-card .row,
#auc-mine-list .d-card .row{
  display:flex; align-items:center; justify-content:space-between; gap:.08rem;
}
#dragon-list .d-card .price,
#auc-list .d-card .price,
#auc-mine-list .d-card .price{
  color:#ffe082; font-size:.16rem; font-weight:800;
}
#dragon-list .d-card .price small,
#auc-list .d-card .price small,
#auc-mine-list .d-card .price small{ color:#9aa6c3; font-size:.11rem; font-weight:600; margin-left:.04rem; }
#dragon-list .d-card .buy,
#auc-list .d-card .buy,
#auc-mine-list .d-card .buy{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  height:.36rem; padding:0 .14rem;
  border:0; border-radius:.2rem;
  font-size:.14rem; font-weight:800; color:#fff;
  line-height:1;
  background:linear-gradient(90deg,#ff6b4a,#ff3d7a);
  box-shadow:0 .03rem .08rem rgba(255,70,120,.3);
  cursor:pointer;
  box-sizing:border-box;
}
#auc-list .d-card .buy.ghost-btn,
#auc-mine-list .d-card .buy.ghost-btn{
  background:rgba(255,255,255,.08);
  color:#9aa6c3;
  box-shadow:none;
  border:1px solid rgba(140,170,255,.22);
}
#auc-mine-list .d-card .ch.auction{
  background:linear-gradient(90deg,#ff7043,#e53935);
}
#auc-mine-list .d-card[data-seller="1"] .ch.auction{
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
}
#dragon-list .item-null,
#auc-list .item-null,
#auc-mine-list .item-null,
.tx-trade-page .item-null{
  text-align:center;
  padding:.28rem .16rem;
  border-radius:.16rem;
  background:rgba(18,26,45,.9);
  border:1px solid rgba(140,170,255,.18);
  color:#9aa6c3;
  font-size:.16rem; font-weight:700;
}
#auc-panel .trans-btn{
  margin:.12rem 0 .2rem;
  display:flex; justify-content:center;
}
#auc-panel .trans-btn .btn{
  width:100%; max-width:4.8rem;
  height:.52rem; line-height:.52rem;
  text-align:center;
  border-radius:.28rem;
  font-size:.16rem; font-weight:800; color:#fff;
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
  box-shadow:0 .04rem .12rem rgba(100,70,255,.35);
  border:0; cursor:pointer;
}

/* 出价排行 */
.cy-bid-rank{
  margin:.02rem 0 .14rem;
  padding:.1rem .12rem;
  border-radius:.14rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(140,170,255,.16);
}
.cy-bid-rank .hd{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:.08rem;
  color:#9aa6c3; font-size:.13rem; font-weight:700;
}
.cy-bid-rank .hd b{ color:#eef3ff; }
.cy-bid-row{
  display:flex; align-items:center; gap:.08rem;
  padding:.08rem 0;
  border-bottom:1px solid rgba(140,170,255,.1);
  font-size:.13rem; font-weight:600; color:#9aa6c3;
}
.cy-bid-row:last-child{ border-bottom:0; }
.cy-bid-row.top{
  color:#ffe082;
}
.cy-bid-row .rk{
  flex:0 0 .36rem; width:.36rem; height:.28rem;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:.06rem;
  background:rgba(255,255,255,.06);
  color:#c8d4f0; font-size:.12rem; font-weight:800;
}
.cy-bid-row.top .rk{
  background:linear-gradient(90deg,#ff7043,#e53935);
  color:#fff;
}
.cy-bid-row .nm{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#eef3ff; font-weight:700; }
.cy-bid-row .pr{ flex:0 0 auto; color:#ffe082; font-weight:800; }
.cy-bid-row .st{ flex:0 0 auto; font-size:.11rem; color:#9aa6c3; min-width:.6rem; text-align:right; }
.cy-bid-row.top .st{ color:#ff8a65; }
.cy-bid-empty{
  text-align:center; padding:.12rem 0;
  color:#9aa6c3; font-size:.13rem; font-weight:600;
}

#dragon-panel .trans-btn{
  margin:.12rem 0 .2rem;
  display:flex; justify-content:center;
}
#dragon-panel .trans-btn .btn{
  width:100%; max-width:4.8rem;
  height:.52rem; line-height:.52rem;
  text-align:center;
  border-radius:.28rem;
  font-size:.16rem; font-weight:800; color:#fff;
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
  box-shadow:0 .04rem .12rem rgba(100,70,255,.35);
  border:0; cursor:pointer;
}

#dragon-panel .d-trend-sec{ margin-bottom:.14rem; }
#dragon-panel .d-trend-hd{
  margin:0 0 .08rem;
  color:#fff; font-size:.16rem; font-weight:800;
}
#dragon-panel .d-trend-row{
  display:flex; align-items:center; justify-content:space-between; gap:.08rem;
  padding:.12rem .14rem; margin-bottom:.08rem;
  border-radius:.14rem;
  background:linear-gradient(155deg, rgba(32,42,72,.98), rgba(16,22,40,.98));
  border:1px solid rgba(140,170,255,.2);
  font-size:.14rem; color:#eef3ff;
}
#dragon-panel .d-trend-row .name{ flex:1; font-weight:700; min-width:0; }
#dragon-panel .d-trend-row .chg{ width:.32rem; text-align:center; font-weight:800; }
#dragon-panel .d-trend-row .chg.up{ color:#22c55e; }
#dragon-panel .d-trend-row .chg.down{ color:#ef4444; }
#dragon-panel .d-trend-row .chg.flat{ color:#9aa6c3; }
#dragon-panel .d-trend-row .price{ width:1.1rem; text-align:right; color:#ffe082; font-weight:800; }
#dragon-panel .d-trend-row .meta{ width:.9rem; text-align:right; color:#9aa6c3; font-size:.12rem; }

/* —— 交易详情弹窗（对齐首页） —— */
.cy-trade-mask{
  position:fixed; z-index:1210;
  left:0; top:0; right:0; bottom:0;
  display:none; align-items:center; justify-content:center;
  background:rgba(0,0,0,.78);
  padding:.2rem .16rem;
  padding-top:calc(.2rem + env(safe-area-inset-top, 0px));
  padding-bottom:calc(.2rem + env(safe-area-inset-bottom, 0px));
  box-sizing:border-box;
}
.cy-trade-mask.on{ display:flex; }
html.cy-trade-open, html.cy-trade-open body, body.cy-trade-open{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
.cy-trade-sheet{
  width:100%; max-width:6.4rem;
  max-height:min(82vh, calc(100dvh - .8rem));
  overflow:auto; -webkit-overflow-scrolling:touch;
  background:linear-gradient(165deg, #121a2d 0%, #0a1020 55%, #070b16 100%);
  border:1px solid rgba(140,170,255,.28);
  border-radius:.2rem;
  box-shadow:0 .12rem .4rem rgba(0,0,0,.28);
  padding:.18rem .16rem .2rem;
  box-sizing:border-box;
  margin:auto;
}
.cy-trade-hd{ display:flex; align-items:center; gap:.12rem; margin-bottom:.14rem; }
.cy-trade-hd .tp{
  width:.96rem; height:.96rem; flex:0 0 .96rem;
  border-radius:.12rem;
  background:radial-gradient(circle at 50% 40%, rgba(80,100,200,.28), #0c1224 72%);
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.cy-trade-hd .tp img{ width:86%; height:86%; object-fit:contain; display:block; }
.cy-trade-hd .tp .crystal{
  width:.7rem; height:.7rem; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:.28rem; font-weight:900; color:#1a1200;
  background:linear-gradient(160deg,#ffd54f,#ff8f00);
}
.cy-trade-hd .meta{ flex:1; min-width:0; }
.cy-trade-hd h4{
  margin:0; color:#fff;
  font-size:.2rem; font-weight:800;
  display:flex; align-items:center; gap:.08rem; flex-wrap:wrap;
}
.cy-trade-hd h4 .ch{
  display:inline-flex; align-items:center;
  height:.26rem; padding:0 .08rem;
  border-radius:.06rem;
  font-size:.12rem; font-weight:800; color:#fff;
}
.cy-trade-hd h4 .ch.sale{ background:linear-gradient(90deg,#43a047,#2e7d32); }
.cy-trade-hd h4 .ch.auction{ background:linear-gradient(90deg,#ff7043,#e53935); }
.cy-trade-hd .sub{
  margin-top:.04rem; color:#9aa6c3;
  font-size:.14rem; font-weight:600;
}
.cy-trade-close{
  flex:0 0 auto;
  width:.44rem; height:.44rem;
  border:0; border-radius:.1rem;
  background:rgba(255,255,255,.08);
  color:#c8d4f0; font-size:.28rem; line-height:.44rem;
  cursor:pointer; padding:0;
}
.cy-trade-lines{
  margin:0 0 .14rem;
  padding:.04rem .14rem;
  border-radius:.14rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(140,170,255,.16);
}
.cy-trade-line{
  display:flex; align-items:center; justify-content:space-between;
  gap:.1rem; padding:.1rem 0;
  border-bottom:1px solid rgba(140,170,255,.1);
  font-size:.14rem; font-weight:600; color:#9aa6c3;
}
.cy-trade-line:last-child{ border-bottom:0; }
.cy-trade-line b{
  color:#eef3ff; font-size:.16rem; font-weight:800; text-align:right;
}
.cy-trade-line b.y{ color:#ffe082; }
.cy-trade-field{
  margin:0 0 .12rem;
  padding:.12rem .14rem;
  border-radius:.14rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(140,170,255,.18);
}
.cy-trade-field label{
  display:block; margin-bottom:.06rem;
  color:#9aa6c3; font-size:.14rem; font-weight:600;
}
.cy-trade-field input{
  width:100%; box-sizing:border-box;
  height:.56rem; padding:0 .12rem;
  border-radius:.1rem;
  border:1px solid rgba(140,170,255,.28);
  background:#121a2d; color:#eef3ff;
  font-size:.16rem; font-weight:700; outline:0;
}
.cy-trade-acts{ display:grid; grid-template-columns:1fr 1fr; gap:.1rem; }
.cy-trade-acts button{
  border:0; border-radius:.28rem; height:.56rem;
  font-size:.16rem; font-weight:800; cursor:pointer; color:#fff;
}
.cy-trade-acts .ghost{
  background:rgba(255,255,255,.06); color:#9aa6c3;
  border:1px solid rgba(140,170,255,.2);
}
.cy-trade-acts .ok{ background:linear-gradient(90deg,#9b5cff,#4f6bff); }
.cy-trade-acts .hot{ background:linear-gradient(90deg,#ff6b4a,#ff3d7a); }
.cy-trade-tip{
  margin:.1rem 0 0; text-align:center;
  color:#9aa6c3; font-size:.12rem;
}
.cy-trade-tip a{ color:#4fd1ff; text-decoration:none; }

/* —— 矿机列表（重设计） —— */
.tx-trade-page .mining-banner{
  margin:.12rem .16rem 0;
  width:auto;
  max-width:none;
  box-sizing:border-box;
  padding:0 !important;
  border-radius:.16rem;
  overflow:hidden;
  border:1px solid rgba(140,170,255,.18);
  background:#0a1020;
}
.tx-trade-page .mining-banner img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  vertical-align:top;
  object-fit:cover;
}
.tx-trade-page .mining-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.12rem;
  padding:.16rem .16rem calc(.2rem + env(safe-area-inset-bottom, 0px));
  box-sizing:border-box;
  width:100%;
}
.tx-trade-page .mining-list .mk-card{
  display:flex;
  flex-direction:column;
  gap:.1rem;
  padding:.12rem;
  margin-bottom:0;
  border-radius:.16rem;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(139,92,255,.18), transparent 55%),
    linear-gradient(155deg, rgba(32,42,72,.98), rgba(16,22,40,.98));
  border:1px solid rgba(140,170,255,.22);
  box-shadow:0 .06rem .18rem rgba(0,0,0,.32);
  color:#eef3ff;
  box-sizing:border-box;
  min-width:0;
}
.tx-trade-page .mining-list .mk-top{
  display:flex;
  flex-direction:column;
  gap:.08rem;
  align-items:stretch;
}
.tx-trade-page .mining-list .mk-pic{
  flex:none;
  width:100%;
  height:1.4rem;
  border-radius:.12rem;
  overflow:hidden;
  background:radial-gradient(circle at 50% 35%, rgba(90,60,180,.35), #0c1224 72%);
  border:1px solid rgba(140,170,255,.2);
}
.tx-trade-page .mining-list .mk-pic img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tx-trade-page .mining-list .mk-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:.06rem;
}
.tx-trade-page .mining-list .mk-name{
  margin:0;
  color:#fff;
  font-size:.15rem;
  font-weight:800;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}
.tx-trade-page .mining-list .mk-activate{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  height:.28rem;
  padding:0 .08rem;
  border-radius:.08rem;
  font-size:.11rem;
  font-weight:700;
  color:#ffe082;
  background:rgba(255,224,130,.12);
  border:1px solid rgba(255,224,130,.28);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tx-trade-page .mining-list .mk-stats{
  display:grid;
  grid-template-columns:1fr;
  gap:.06rem;
  padding:.08rem;
  border-radius:.1rem;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(140,170,255,.12);
}
.tx-trade-page .mining-list .mk-stat{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.06rem;
  text-align:left;
  min-width:0;
}
.tx-trade-page .mining-list .mk-stat em{
  display:block;
  margin:0;
  font-style:normal;
  font-size:.13rem;
  font-weight:800;
  color:#eef3ff;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tx-trade-page .mining-list .mk-stat em.y{ color:#ffe082; }
.tx-trade-page .mining-list .mk-stat span{
  display:block;
  font-size:.11rem;
  font-weight:600;
  color:#9aa6c3;
  line-height:1.2;
  flex:0 0 auto;
}
.tx-trade-page .mining-list .mk-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  width:100%;
  height:.4rem;
  border:0;
  border-radius:.22rem;
  font-size:.14rem;
  font-weight:800;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
  box-shadow:0 .03rem .1rem rgba(100,70,255,.35);
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
}
.tx-trade-page .mining-list .mk-btn:active{ opacity:.88; }
.tx-trade-page .mining-list .item-null,
.tx-trade-page .item-null{
  grid-column:1 / -1;
  text-align:center;
  padding:.28rem .16rem;
  height:auto !important;
  line-height:1.4 !important;
  background:rgba(18,26,45,.9) !important;
  border:1px solid rgba(140,170,255,.18);
  color:#9aa6c3 !important;
  border-radius:.16rem;
  font-size:.16rem;
  font-weight:700;
}

/* 兑换弹窗对齐赛博风格 */
.tx-trade-page .popup-center .weui-popup__modal{
  background:linear-gradient(165deg,#121a2d 0%,#0a1020 55%,#070b16 100%) !important;
  border:1px solid rgba(140,170,255,.28);
  border-radius:.2rem !important;
  overflow:hidden;
}
.tx-trade-page .weui-popup__modal .weui-input{
  margin:.2rem auto !important;
  width:86% !important;
  height:.56rem;
  padding:0 .14rem !important;
  box-sizing:border-box;
  border-radius:.12rem;
  border:1px solid rgba(140,170,255,.28);
  background:#121a2d;
  color:#eef3ff;
  font-size:.16rem;
  font-weight:700;
}
.tx-trade-page .btnBox{
  border-top:1px solid rgba(140,170,255,.16) !important;
}
.tx-trade-page .btnBox div{
  color:#9aa6c3;
  font-weight:700;
}
.tx-trade-page .btnBox .color_y{
  color:#fff !important;
  background:linear-gradient(90deg,#8b5cff,#4f6bff);
}
