/* ---------- 弹窗外壳 ---------- */
#toolModal .modal__panel--tool{
  width:min(1260px,96vw); max-width:none;
  height:auto; max-height:min(92vh,900px);
  display:flex; flex-direction:column;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#0c151c 0%,#080e14 100%);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.85), 0 0 0 1px rgba(63,224,255,.05) inset;
}
#toolModal .modal__head{
  position:sticky; top:0; z-index:5;
  padding:16px 22px 14px;
  background:linear-gradient(180deg,rgba(10,17,23,.985),rgba(10,17,23,.94));
  border-bottom:1px solid rgba(255,255,255,.06);
}
#toolModal .modal__head h3{ font-size:16px; letter-spacing:.02em }
#toolModal .modal__head .modal__sub{ font-size:11.5px; opacity:.55; margin-top:3px }
#toolModal .modal__x{ border-radius:10px; transition:.2s }
#toolModal .modal__x:hover{ background:rgba(255,255,255,.07) }

/* ---------- 主体网格 ---------- */
/* NX-NOCHART：K 线区域下线后的布局  左侧交易（主操作）+ 费用，右侧信息/账户，持有人通栏 */
#toolModal .tk-body{
  padding:16px 18px 20px;
  overflow:auto; overscroll-behavior:contain;
  display:grid; gap:14px;
  grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);
  grid-template-areas:
    "trade info"
    "trade acct"
    "holders fee";
  align-items:start;
}
#toolModal .tk-cols, #toolModal .tk-col{ display:contents }
#toolModal .nx-a-chart{ grid-area:chart }
#toolModal .nx-a-trade{ grid-area:trade }
#toolModal .nx-a-info{ grid-area:info }
#toolModal .nx-a-acct{ grid-area:acct }
#toolModal .nx-a-fee{ grid-area:fee }
#toolModal .nx-a-holders{ grid-area:holders }
@media (max-width:1060px){
  #toolModal .tk-body{ display:flex; flex-direction:column; gap:12px }
  #toolModal .kl-wrap{ min-height:300px }
  /* 窄屏顺序：行情  交易  代币信息  我的账户  费用成分  持有人 */
  #toolModal .nx-a-chart{ order:1 }
  #toolModal .nx-a-trade{ order:2 }
  #toolModal .nx-a-info{ order:3 }
  #toolModal .nx-a-acct{ order:4 }
  #toolModal .nx-a-fee{ order:5 }
  #toolModal .nx-a-holders{ order:6 }
}

/* ---------- 卡片 ---------- */
#toolModal .tk-sec{
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
  gap:12px;
}
#toolModal .tk-sec__h{ display:flex; align-items:center; gap:8px }
#toolModal .tk-sec__h span:first-child{ font-size:12.5px; font-weight:600; letter-spacing:.04em; color:#cfe0ee }
#toolModal .tk-sec__h span:first-child::before{
  content:''; display:inline-block; vertical-align:-1px; width:3px; height:12px; margin-right:8px;
  border-radius:2px; background:linear-gradient(180deg,#3fe0ff,#8b7bff);
}
#toolModal .tk-sec__h em{ font-size:10.5px; font-style:normal; color:#8fa6b8;
  padding:2px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.04) }
#toolModal .tk-sec__n{ font-size:11px; color:#8fa6b8 }

#toolModal .kl-top{ gap:10px; flex-wrap:wrap }
#toolModal .kl-tfs, #toolModal .kl-tools{ gap:6px }
#toolModal .kl-tfs button, #toolModal .kl-ma, #toolModal .kl-latest{
  height:28px; padding:0 12px; border-radius:999px; font-size:11px;
  border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); color:#93a7b8;
  transition:background .18s,border-color .18s,color .18s,box-shadow .18s;
}
#toolModal .kl-tfs button:hover, #toolModal .kl-ma:hover, #toolModal .kl-latest:hover{
  color:#e8fbff; border-color:rgba(63,224,255,.45); background:rgba(63,224,255,.08);
}
#toolModal .kl-tfs button.on, #toolModal .kl-ma.on{
  color:#eafcff; border-color:rgba(63,224,255,.55);
  background:linear-gradient(180deg,rgba(63,224,255,.26),rgba(63,224,255,.10));
  box-shadow:0 0 20px -10px rgba(63,224,255,.95);
}
#toolModal .kl-stats{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px }
#toolModal .kl-stats>div{
  padding:9px 11px; border-radius:12px; gap:4px;
  border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.028);
}
#toolModal .kl-stats span{ font-size:10px; letter-spacing:.03em; color:#8fa6b8 }
#toolModal .kl-stats b{ font-size:14px; font-variant-numeric:tabular-nums }
#toolModal .kl-stats .up{ color:#2fe0a0 } #toolModal .kl-stats .down{ color:#ff5f7a }
#toolModal .kl-wrap{
  flex:1; min-height:300px; border-radius:16px;
  border:1px solid rgba(255,255,255,.075);
  background:radial-gradient(130% 120% at 50% 0%,#0a131b 0%,#05090d 100%);
}
#toolModal .kl-legend{ font-size:11px; gap:10px; padding:0 4px; font-variant-numeric:tabular-nums }
#toolModal .kl-msg{ font-size:12px }

/* ---------- 交易 ---------- */
#toolModal .nx-a-trade{ grid-row:1 / span 2; align-self:stretch; border-color:rgba(63,224,255,.22);
  background:linear-gradient(180deg,rgba(63,224,255,.07),rgba(255,255,255,.012));
  display:flex; flex-direction:column; justify-content:flex-start; }
#toolModal .nx-a-trade .tk-swap__go{ margin-top:auto }
#toolModal .nx-a-info, #toolModal .nx-a-acct, #toolModal .nx-a-fee, #toolModal .nx-a-holders{ min-width:0 }
#toolModal .nx-a-holders{ align-self:stretch }
#toolModal .tk-swap{ flex:1 1 auto; display:flex; flex-direction:column }
#toolModal .tk-swap__q{ margin-bottom:2px }
#toolModal .tk-swap{ margin:0; padding:0; border:0; background:none }
#toolModal .tk-swap__tabs{ gap:0; padding:3px; border-radius:999px; background:rgba(255,255,255,.05); margin-bottom:12px }
#toolModal .tk-swap__tabs button{
  height:34px; border:0; border-radius:999px; background:transparent; font-size:12.5px; font-weight:600;
  color:#93a7b8; letter-spacing:.02em;
}
#toolModal .tk-swap__tabs button.on{
  color:#e9f6ff; background:linear-gradient(180deg,#26343f,#1a242c); box-shadow:0 2px 10px -4px rgba(0,0,0,.7);
}
#toolModal .tk-swap__tabs button#tkSellTab.on{ background:linear-gradient(180deg,#3a2129,#2a1a20); color:#ffd9e1 }
#toolModal .tk-swap__row{
  padding:5px 8px 5px 14px; border-radius:14px; gap:10px;
  border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.04);
}
#toolModal .tk-swap__row:focus-within{ border-color:rgba(63,224,255,.5); background:rgba(63,224,255,.05) }
#toolModal .tk-swap__row input{ height:40px; border:0; background:transparent; font-size:17px; font-weight:600; letter-spacing:.01em }
#toolModal .tk-swap__row #tkUnit{ font-size:12px; color:#9fb3c4; font-weight:600 }
#toolModal #tkUseMax{
  height:28px; padding:0 12px; border-radius:999px; font-size:11px;
  border:1px solid rgba(63,224,255,.35); background:rgba(63,224,255,.10); color:#bff3ff;
}
#toolModal .tk-swap__q{
  margin-top:10px; padding:9px 12px; border-radius:12px; font-size:12.5px; line-height:1.65;
  border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.028); color:#b9cad8;
}
#toolModal .tk-swap__q b{ color:#eafcff }
#toolModal .nx-venue{ display:block; margin-top:3px; font-size:10.5px; line-height:1.5; color:#7e93a4 }
#toolModal .tk-swap__go{
  height:48px; margin-top:12px; border-radius:14px; font-size:14.5px; font-weight:700; letter-spacing:.06em;
  border:1px solid rgba(63,224,255,.55);
  background:linear-gradient(180deg,#8fecff,#46d8f7 55%,#25bde3); color:#04222c;
  box-shadow:0 14px 34px -16px rgba(63,224,255,.95);
}
#toolModal .tk-swap__go.sell{
  border-color:rgba(255,95,122,.55);
  background:linear-gradient(180deg,#ffb0c1,#ff6f88 55%,#ff5876); color:#3b0714;
  box-shadow:0 14px 34px -16px rgba(255,95,122,.9);
}
#toolModal .tk-swap__go:disabled{ box-shadow:none }

/* ---------- 代币信息 / 我的账户 ---------- */
#toolModal .tk-addrbar{
  margin:0; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.03);
}
#toolModal .tk-addrbar__a{ font-size:11px; color:#7fd8f2 }
#toolModal .tk-meta{ margin:0; gap:7px }
#toolModal .tk-meta .tk-m{ padding:7px 10px; border-radius:11px; background:rgba(255,255,255,.026);
  border:1px solid rgba(255,255,255,.05); font-size:11.5px }
#toolModal .tk-meta .tk-m>span{ color:#8fa6b8 }
#toolModal .tk-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 }
#toolModal .tk-cell{ padding:10px 12px; border-radius:12px;
  border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.028); gap:4px }
#toolModal .tk-cell span{ font-size:10px; color:#8fa6b8 }
#toolModal .tk-cell b{ font-size:13.5px; font-variant-numeric:tabular-nums }

/* ---------- 费用成分 ---------- */
#toolModal .tk-div{ margin:0; padding:0; border:0; background:none }
#toolModal .tk-div__bar{ height:9px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.05) }
#toolModal .tk-div__bar i{ height:100% }
#toolModal .tk-div__lg{ margin-top:8px; font-size:10.5px; line-height:1.6; color:#8fa6b8 }
#toolModal .tk-div__rows{ margin-top:6px }
#toolModal .tk-div__rows>div{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:5px 0; font-size:11px; border-top:1px dashed rgba(255,255,255,.07);
}
#toolModal .tk-div__rows>div>span{ color:#8fa6b8 }
#toolModal .tk-div__rows>div>b{ font-weight:600; font-variant-numeric:tabular-nums }
#toolModal .tk-acts{ margin-top:10px; gap:8px !important; grid-template-columns:1fr 1fr !important }
#toolModal .tk-acts button{
  height:36px; border-radius:12px; font-size:12px; font-weight:600;
  border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.045); color:#d6e6f2;
  transition:.18s;
}
#toolModal .tk-acts button.act{
  border-color:rgba(63,224,255,.5);
  background:linear-gradient(180deg,rgba(63,224,255,.22),rgba(63,224,255,.08)); color:#eafcff;
}
#toolModal .tk-acts button:disabled{ opacity:.4; cursor:not-allowed }
#toolModal .tk-acts button:not(:disabled):hover{ border-color:rgba(63,224,255,.45); background:rgba(63,224,255,.10) }
#toolModal #nxRoleTip{ grid-column:1/-1 !important }

/* ---------- 持有人 ---------- */
#toolModal .nx-a-holders{ padding-bottom:10px }
#toolModal .tk-holders{ max-height:280px; gap:6px; padding-right:2px }
#toolModal .tk-holders::-webkit-scrollbar{ width:6px }
#toolModal .tk-holders::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:99px }
#toolModal .tk-hrow{
  padding:9px 11px; border-radius:12px; gap:12px;
  border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.028);
  transition:background .18s,border-color .18s;
}
#toolModal .tk-hrow:hover{ background:rgba(63,224,255,.07); border-color:rgba(63,224,255,.35) }
#toolModal .tk-hrow i{ font-style:normal; color:#8fa6b8; min-width:18px }
#toolModal .tk-hrow b{ font-variant-numeric:tabular-nums; color:#e6f3fb }
#toolModal .tk-hrow em{ font-style:normal; color:#8fa6b8; min-width:52px; text-align:right }


/* ---------- NX-CROWD-FIX：首页卡片去拥挤（不动 transform / transition） ---------- */
.stage .t-tag{ display:none }                     /* 每张卡都重复的「市值排名」标签 */
.stage .tcard__inner{ padding:24px 26px 22px }    /* 卡片内边距 */
.stage .t-ident{ margin-top:20px }
.stage .t-links{ margin-top:14px }
.stage .t-price{ margin-top:18px }
.stage .t-spark{ min-height:72px; margin-top:18px }
.stage .t-stats{ margin-top:18px; padding-top:16px; gap:14px }
.stage .t-desc{ margin-top:12px; -webkit-line-clamp:2 }
.deck .grid{ gap:12px }
.gcard{ padding:14px }
.gcard .gcard__d{ -webkit-line-clamp:2 }


/* ---------- NX-ZFIX：弹窗层级 ----------
   全部 .modal 原本都是 z-index:60，且 toolModal 在 DOM 里最靠后 
   代币卡片打开时再打开「连接钱包/构建/平台」会被压在下面（看起来"点了没反应"）。 */
#toolModal{ z-index:70 }
#buildModal, #platModal{ z-index:85 }
#walletModal{ z-index:95 }


/* ---------- NX-TRIM：删减冗余文案 + 排版细节 ---------- */
#toolModal .nx-venue{ display:none !important }          /* 报价行里的场地/费率长句（费用成分区已有） */
#toolModal .tk-div__lg{ display:none !important }        /* 费率分配长句（上方色条已表达） */
#buildModal .bm-eco__foot{ display:none !important }     /* 构建弹窗底部长句 */
#toolModal .tk-sec__h em{ opacity:.75 }
#toolModal .tk-div__rows>div{ padding:4px 0 }
#toolModal .tk-div__rows>div>span{ font-size:11px }
#toolModal .kl-legend{ font-size:10.5px; opacity:.78 }
#toolModal .tk-hrow em{ opacity:.7 }
#toolModal .tk-meta .tk-m{ padding:6px 10px }
#toolModal .tk-grid{ gap:8px }
#toolModal .tk-cell{ padding:9px 11px }
#toolModal .kl-stats>div{ padding:8px 10px }
#toolModal .tk-sec{ gap:10px }


/* ---------- NX-FIT：大卡片纵向重排，长简介也不会挤掉底部统计 ---------- */
.stage .tcard__inner{ padding:22px 24px 20px }
.stage .t-ident{ margin-top:14px }
.stage .t-links{ margin-top:10px }
.stage .t-desc{
  margin-top:8px; max-height:34px; overflow:hidden; flex:0 1 auto; min-height:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word;
}
.stage .t-price{ margin-top:12px }
.stage .t-spark{ margin-top:12px; min-height:44px; flex:1 1 auto }
.stage .t-stats{ margin-top:12px; padding-top:12px; gap:12px }
.stage .t-stats>div{ gap:3px }
/* 说明文字够短时不再留白 */
.stage .t-desc:empty{ display:none }

/* ---------- 滚动条 ---------- */
#toolModal .tk-body::-webkit-scrollbar{ width:9px }
#toolModal .tk-body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.12); border-radius:99px }
#toolModal .tk-body::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.2) }