/* ===== HypeNGo · 霓虹狂热主题 ===== */
:root{
  --bg:#000000;
  --bg-2:#080b0a;
  --panel:#080b0a;
  --panel-2:#0b100e;
  --border:#16241d;
  --border-soft:#0f1a15;
  --text:#eafff4;
  --text-dim:#9fbcb0;    /* 提亮：原 #5f7d70 太暗看不清（全站可读性） */
  --text-faint:#82a093;  /* 提亮：原 #3f5548 近乎透明，字体显眼可读 */
  --green:#8bff2e;
  --green-dim:#4f8f1a;
  --red:#ff2e6a;
  --red-dim:#a8203f;
  --accent:#b6ff3a;
  --accent-2:#8bff2e;
  --gold:#f4c04e;
  --radius:6px;
  --shadow:0 8px 30px rgba(0,0,0,.6);
  --glow:0 0 18px rgba(182,255,58,.35);
  --mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Roboto,Helvetica,Arial,sans-serif;
  --display:'Chakra Petch','Sora','Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
}
/* 标题/品牌用 Chakra Petch（科技终端感）；正文 Inter；数字 JetBrains Mono */
h1,h2,h3,.mw-title,.lb-title,.pre-kpi b,.hs-k-val,.pre-hero-name b,.hd-h b,.pre-sec-h,.opt-sec,.hr-big,.hr-lab,.btn,.brand-name,.pf-head,.hs-sec{font-family:var(--display)}
/* HUD 风：标题与标签统一大写 + 字距（中文不受影响，英文/数字变大写更有设计感）*/
.mw-title,.lb-title,.pre-sec-h,.opt-sec,.hs-sec,.pre-kpi>span,.hs-k-label,.hd-h b,.intel-live-dot,.opt-chip,.lb-cats-label,.hr-lab,.pf-head,.pre-hero-tag{text-transform:uppercase;letter-spacing:.05em}
.btn{letter-spacing:.02em}
.topbar-right{flex-wrap:wrap}
body{font-feature-settings:'cv05','ss01';letter-spacing:-0.004em}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(182,255,58,.06), transparent 60%),
    radial-gradient(900px 500px at 0% 0%, rgba(255,46,106,.05), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family:var(--sans);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
.hidden{display:none !important}
/* ===== 全站统一的细霓虹滚动条（好看不突兀） ===== */
*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:var(--accent-2);border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-corner{background:transparent}
/* 标题/按钮里的线性小图标 */
.ticon{width:16px;height:16px;vertical-align:-3px;margin-right:5px;color:var(--accent);flex:none}
.lb-title .ticon{width:22px;height:22px;vertical-align:-4px;margin-right:2px}
.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}

/* ===== 顶部栏 ===== */
.topbar{
  display:flex;align-items:center;gap:16px;
  padding:12px 20px;
  background:linear-gradient(180deg,rgba(4,6,5,.96),rgba(4,6,5,.8));
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);box-shadow:0 1px 0 rgba(182,255,58,.12);
  position:sticky;top:0;z-index:50;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.logo{font-size:26px;filter:drop-shadow(0 2px 6px rgba(182,255,58,.4))}
.logo-img{width:36px;height:36px;border-radius:9px;object-fit:cover;display:block;filter:drop-shadow(0 2px 10px rgba(139,255,46,.4))}
/* 品牌字标：混合大小写 + 绿→白渐变字 + 微光，比原来的全大写更像 logo */
.brand-name{font-family:var(--sans);font-weight:900;font-size:21px;letter-spacing:-.4px;line-height:1;text-transform:none;
  background:linear-gradient(105deg,#eafff4 0%,#eafff4 32%,var(--accent) 66%,var(--accent-2) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
  filter:drop-shadow(0 0 14px rgba(139,255,46,.35))}
.brand-sub{font-size:10.5px;color:var(--text-dim);margin-top:1px;letter-spacing:.6px;font-family:var(--mono)}

.address-box{display:flex;gap:8px;flex:1;min-width:280px;align-items:center}
#addressInput{
  flex:1;min-width:0;
  background:var(--bg-2);border:1px solid var(--border);color:var(--text);
  padding:10px 14px;border-radius:10px;font-family:var(--mono);font-size:13px;
  outline:none;transition:border-color .15s,box-shadow .15s;
}
#addressInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(182,255,58,.15)}
#addressInput::placeholder{color:var(--text-faint);font-family:var(--sans)}

.btn{
  border:1px solid var(--border);background:var(--panel-2);color:var(--text);
  padding:10px 16px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;
  transition:all .15s;white-space:nowrap;
}
.btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#05130a;font-weight:800;box-shadow:0 0 20px rgba(182,255,58,.4)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{background:transparent}
.btn.active{border-color:var(--green);color:var(--green)}
#leaderboardBtn{display:inline-flex;align-items:center;gap:6px}
.btn-logo{width:18px;height:18px;border-radius:5px;object-fit:cover}

.topbar-right{display:flex;align-items:center;gap:12px}
.autorefresh{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px;cursor:pointer;user-select:none}
.autorefresh input{accent-color:var(--green)}
/* 语言切换器（替换了自动刷新开关） */
.lang-switch{display:flex;align-items:center;gap:5px;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:5px 10px}
.lang-switch:hover{border-color:var(--accent)}
.lang-ico{width:15px;height:15px;flex:none;color:var(--accent)}
.lang-select{background:transparent;border:none;color:var(--text);font-family:var(--sans);font-size:12.5px;font-weight:700;cursor:pointer;outline:none;padding-right:2px}
.lang-select option{background:var(--panel-2);color:var(--text)}

/* ===== 收藏夹 ===== */
.watchlist{
  display:flex;gap:8px;padding:10px 20px;overflow-x:auto;
  border-bottom:1px solid var(--border-soft);background:rgba(8,11,10,.6);
  scrollbar-width:thin;
}
.watchlist:empty{display:none}
.wl-chip{
  display:flex;align-items:center;gap:8px;flex-shrink:0;
  background:var(--panel);border:1px solid var(--border);border-radius:999px;
  padding:6px 6px 6px 14px;cursor:pointer;transition:all .15s;font-size:13px;
}
.wl-chip:hover{border-color:var(--accent)}
.wl-chip.active{border-color:var(--accent);background:rgba(182,255,58,.12);box-shadow:0 0 0 1px rgba(182,255,58,.3) inset}
.wl-chip .wl-name{font-weight:600}
.wl-chip .wl-addr{color:var(--text-faint);font-family:var(--mono);font-size:11px}
.wl-chip .wl-pnl{font-family:var(--mono);font-size:11px;font-weight:700}
.wl-actions{display:flex;gap:2px}
.wl-btn{
  border:none;background:transparent;color:var(--text-faint);cursor:pointer;
  width:22px;height:22px;border-radius:50%;font-size:12px;line-height:1;
}
.wl-btn:hover{background:var(--panel-2);color:var(--text)}

/* ===== 状态条 ===== */
.status-bar{
  margin:12px 20px 0;padding:10px 16px;border-radius:10px;font-size:13px;
  border:1px solid var(--border);
}
.status-bar.info{background:rgba(182,255,58,.1);border-color:rgba(182,255,58,.3);color:#e8ffcf}
.status-bar.error{background:rgba(255,46,106,.1);border-color:rgba(255,46,106,.35);color:#ffb3b6}
.status-bar.loading{background:rgba(244,192,78,.08);border-color:rgba(244,192,78,.25);color:#f4d78e}

/* ===== 主区 ===== */
.content{max-width:1280px;margin:0 auto;padding:16px 20px 40px}

/* ===== 指标卡片 ===== */
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.metric-card{
  background:linear-gradient(180deg,var(--panel),var(--bg-2));
  border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;
  position:relative;overflow:hidden;
}
.metric-card::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.metric-label{font-size:12px;color:var(--text-dim);margin-bottom:8px;letter-spacing:.3px;display:flex;align-items:center;gap:6px}
.mico{width:15px;height:15px;flex:none;color:var(--accent)}
.metric-value{font-size:24px;font-weight:800;font-family:var(--mono);letter-spacing:-.5px;text-shadow:0 0 14px rgba(182,255,58,.10)}
.mc-pos{display:flex;align-items:center;gap:9px}
.mc-pos-name{font-family:var(--mono)}
.mc-side{font-size:12px;font-weight:700;padding:2px 9px;border-radius:6px}
.metric-value-sm{font-size:16px}
.metric-sub{font-size:12px;color:var(--text-dim);margin-top:6px;font-family:var(--mono);min-height:16px}
.pos{color:var(--green);text-shadow:0 0 14px rgba(139,255,46,.3)}
.neg{color:var(--red);text-shadow:0 0 14px rgba(255,46,106,.28)}
.long-tag,.short-tag{padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}
.long-tag{background:rgba(139,255,46,.15);color:var(--green)}
.short-tag{background:rgba(255,46,106,.15);color:var(--red)}

/* ===== 图表 ===== */
.chart-section{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px;margin-bottom:16px;
}
.chart-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px}
.tb-group{display:flex;align-items:center;gap:6px}
.tb-label{font-size:12px;color:var(--text-dim);margin-right:2px}
.select{
  background:var(--bg-2);border:1px solid var(--border);color:var(--text);
  padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer;outline:none;
}
.select-sm{padding:5px 8px;font-size:12px}
.chip{
  background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim);
  padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;
}
.chip:hover{color:var(--text);border-color:var(--accent)}
.chip.active{background:rgba(182,255,58,.15);color:var(--accent);border-color:var(--accent)}
.intervals{background:var(--bg-2);padding:3px;border-radius:10px;gap:2px}
.intervals .chip{border-color:transparent;background:transparent}
.intervals .chip.active{background:var(--accent);color:#05130a;font-weight:800}

/* 主 K 线图 · 高级感外框（渐变描边 + 内发光 + 底部霓虹辉光） */
.chart-wrap{position:relative;width:100%;border-radius:14px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%, rgba(182,255,58,.05), transparent 55%),linear-gradient(180deg,rgba(11,20,14,.5),rgba(5,9,7,.2));
  border:1px solid var(--border);box-shadow:inset 0 0 40px -20px rgba(139,255,46,.35),0 10px 40px -24px rgba(0,0,0,.8)}
.chart-wrap::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(182,255,58,.5),transparent);z-index:4;pointer-events:none}
.chart-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(0deg,rgba(139,255,46,.06),transparent);pointer-events:none;z-index:0}
#chart{width:100%;height:460px;position:relative;z-index:1}
/* 图表中间品牌水印：币种 logo + 名字 · 细线 · 鲸鱼 logo by HypeNGo（30% 淡雅，不死板） */
.chart-wm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:2;opacity:.3;user-select:none}
.chart-wm:empty{display:none}
.cw-coin{display:flex;align-items:center;gap:16px;font-family:var(--sans);font-weight:600;font-size:clamp(34px,5.8vw,66px);letter-spacing:5px;line-height:1;color:#e6f6ee;padding-left:5px}
.cw-coin .coin-logo{width:44px!important;height:44px!important;box-shadow:none!important;flex:none;opacity:.9}
.cw-coin .coin-logo::after{display:none!important}
.cw-sep{width:130px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,255,46,.7),transparent);margin:16px 0 11px}
.cw-brand{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;font-size:clamp(12px,1.5vw,16px);letter-spacing:4px}
.cw-brand img{width:20px;height:20px;border-radius:6px;opacity:.95}
.cw-brand span{background:linear-gradient(105deg,#eafff4,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.draw-hint{margin:8px 0 0;padding:7px 12px;border-radius:6px;background:rgba(240,160,32,.12);border:1px solid rgba(240,160,32,.3);color:#f0a020;font-size:12px}
.sub-pane{position:relative;width:100%;height:132px;margin-top:8px;border-top:1px solid var(--border-soft)}
.sub-tag{position:absolute;top:6px;left:10px;z-index:3;font-family:var(--mono);font-size:11px;color:var(--text-dim);pointer-events:none;letter-spacing:.5px}
.chart-legend{
  position:absolute;top:8px;left:12px;z-index:3;font-family:var(--mono);font-size:12px;
  color:var(--text-dim);pointer-events:none;display:flex;flex-direction:column;gap:2px;
}
.chart-empty{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:var(--text-faint);font-size:15px;pointer-events:none;
}

/* 回放实时数据条（K线下方，燃一点，但不遮挡） */
.replay-hud{
  display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;
  margin-top:12px;padding:12px 16px;border-radius:12px;
  background:linear-gradient(90deg,rgba(139,255,46,.06),var(--bg-2) 40%);
  border:1px solid var(--border-soft);
  font-family:var(--mono);font-size:13px;color:var(--text-dim);
  transition:box-shadow .3s,border-color .3s;
}
.replay-hud.hot{border-color:rgba(139,255,46,.5);box-shadow:0 0 24px rgba(139,255,46,.18)}
.rh-hero{display:flex;align-items:baseline;gap:8px}
.rh-hero-label{font-size:11px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}
.rh-pnl{font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1;transition:color .2s}
.rh-pnl.pos{color:var(--green);text-shadow:0 0 18px rgba(139,255,46,.5)}
.rh-pnl.neg{color:var(--red);text-shadow:0 0 18px rgba(255,46,106,.45)}
.rh-pnl.bump{animation:pnlBump .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes pnlBump{0%{transform:scale(1)}35%{transform:scale(1.16)}100%{transform:scale(1)}}
.rh-fire{font-size:20px;opacity:0;transition:opacity .2s}
.rh-fire.show{opacity:1;animation:firePop .5s ease-out}
@keyframes firePop{0%{transform:translateY(6px) scale(.6);opacity:0}60%{transform:translateY(-2px) scale(1.2);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
.rh-peak{font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--green),#12b36a);padding:2px 8px;border-radius:999px;opacity:0}
.rh-peak.show{opacity:1;animation:peakPop .6s ease-out}
@keyframes peakPop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}60%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}
.rh-side{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px}
.rh-item{white-space:nowrap}
.rh-item b{color:var(--text);font-weight:700;margin-left:2px}
.rh-item b.pos{color:var(--green);text-shadow:0 0 14px rgba(139,255,46,.3)}
.rh-item b.neg{color:var(--red);text-shadow:0 0 14px rgba(255,46,106,.28)}
.rh-callout{margin-left:auto;font-weight:800;padding:4px 12px;border-radius:999px;opacity:0}
.rh-callout.show{opacity:1;animation:calloutPop .4s ease-out}
.rh-callout.buy{color:var(--green);background:rgba(139,255,46,.16)}
.rh-callout.sell{color:var(--red);background:rgba(255,46,106,.16)}
@keyframes calloutPop{0%{opacity:0;transform:translateY(-4px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:640px){.replay-hud{gap:6px 12px}.rh-pnl{font-size:24px}.rh-callout{margin-left:0}}

/* 回放 */
.replay-bar{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
/* 分享回放按钮：突出（病毒传播入口）+ 分享节点图标 */
.btn-share{display:inline-flex;align-items:center;gap:7px;border-color:rgba(182,255,58,.42);color:var(--accent);font-weight:700}
.btn-share:hover{background:rgba(182,255,58,.14);border-color:var(--accent);box-shadow:0 0 16px -6px var(--accent)}
.sh-ico{width:15px;height:15px;flex:none}
.replay-range{flex:1;min-width:160px;accent-color:var(--accent);cursor:pointer}
.replay-pos{font-family:var(--mono);font-size:12px;color:var(--text-dim);min-width:120px;text-align:right}

/* ===== 全市场实时行情墙 ===== */
/* 视图模式：wall=只显行情墙；coin=只显大图+返回条；默认(地址)=正常看板 */
.content.wall-mode #metrics,
.content.wall-mode #profile,
.content.wall-mode .chart-section,
.content.wall-mode .tables,
.content.wall-mode .activity-section,
.content.wall-mode .site-footer { display:none }
.content.coin-mode #metrics,
.content.coin-mode #profile,
.content.coin-mode .tables,
.content.coin-mode .activity-section,
.content.coin-mode .site-footer { display:none }
/* ===== 玩家档案（聪明钱深度分析） ===== */
.profile-section{margin-bottom:18px}
.pf-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-weight:800;font-size:16px;margin-bottom:12px}
.pf-head>span{color:var(--text-faint);font-size:12px;font-weight:500}
.pf-streak{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}
.pf-streak.win{color:var(--green);background:rgba(139,255,46,.12);border:1px solid rgba(139,255,46,.3)}
.pf-streak.lose{color:var(--red);background:rgba(255,46,106,.1);border:1px solid rgba(255,46,106,.3)}
.pf-top{display:grid;grid-template-columns:250px 244px 1fr;gap:14px;margin-bottom:14px}
.pf-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px 18px}
.pf-card-t{font-weight:700;font-size:13px;margin-bottom:12px;color:var(--text);display:flex;align-items:center;gap:8px}
/* 玩家档案徽章图标（比全站数据的略小，配 13px 标题） */
.pf-card-t .hs-ico-badge,.pf-head .hs-ico-badge,.pf-live-t .hs-ico-badge{width:26px;height:26px;border-radius:8px;flex:none}
.pf-card-t .hs-ico-badge .kico,.pf-head .hs-ico-badge .kico,.pf-live-t .hs-ico-badge .kico{width:15px;height:15px}
.pf-head .hs-ico-badge{width:30px;height:30px;border-radius:9px}
.pf-head .hs-ico-badge .kico{width:17px;height:17px}
.pf-score-card{position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.pf-score-num{font-family:var(--mono);font-size:44px;font-weight:800;line-height:1}
.pf-score-num span{font-size:16px;color:var(--text-faint);font-weight:600}
.pf-grade{font-weight:800;font-size:15px;letter-spacing:.5px}
.pf-score-bar{height:8px;background:var(--panel);border-radius:6px;overflow:hidden}
.pf-score-bar i{display:block;height:100%;border-radius:6px;transition:width .4s}
.pf-score-tip{color:var(--text-dim);font-size:11px;line-height:1.5}
.pf-score-card.grade-S .pf-grade,.pf-score-card.grade-S .pf-score-num{color:#8bff2e}
.pf-score-card.grade-S .pf-score-bar i{background:linear-gradient(90deg,#8bff2e,#b6ff3a)}
.pf-score-card.grade-A .pf-grade,.pf-score-card.grade-A .pf-score-num{color:#5ee08a}
.pf-score-card.grade-A .pf-score-bar i{background:#5ee08a}
.pf-score-card.grade-B .pf-grade,.pf-score-card.grade-B .pf-score-num{color:#f4c04e}
.pf-score-card.grade-B .pf-score-bar i{background:#f4c04e}
.pf-score-card.grade-C .pf-grade,.pf-score-card.grade-C .pf-score-num{color:#f0a020}
.pf-score-card.grade-C .pf-score-bar i{background:#f0a020}
.pf-score-card.grade-D .pf-grade,.pf-score-card.grade-D .pf-score-num{color:#ff2e6a}
.pf-score-card.grade-D .pf-score-bar i{background:#ff2e6a}
.pf-dna-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}
.pf-dna-grid>div{display:flex;flex-direction:column;gap:3px}
.pf-dna-grid span{color:var(--text-faint);font-size:11px}
.pf-dna-grid b{font-family:var(--mono);font-size:15px;font-weight:700}
.pf-dna-coins{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);color:var(--text-dim);font-size:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-dna-coins span{background:var(--panel);border:1px solid var(--border-soft);border-radius:6px;padding:3px 9px;font-family:var(--mono);font-size:12px;color:var(--text)}
.pf-dna-coins em{font-style:normal;color:var(--text-faint);margin-left:5px;font-size:10px}
.pf-live-t{display:flex;align-items:center;gap:10px;margin:4px 0 10px}
/* 透明度说明（把标准写在明面上） */
.lb-why{flex-basis:100%;margin-top:9px;font-size:12px;line-height:1.65;color:var(--text-dim);background:rgba(182,255,58,.05);border:1px solid var(--border-soft);border-left:2px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 13px}
.lb-why b{color:var(--accent);font-weight:700}
.pf-method{margin-top:14px;font-size:12px;line-height:1.75;color:var(--text-dim);background:rgba(182,255,58,.045);border:1px solid var(--border-soft);border-radius:10px;padding:12px 15px}
.pf-method b{color:var(--accent);font-weight:700}
.pf-live-t span{color:var(--text-faint);font-size:11px;font-weight:500}
.pf-live{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:14px}
.pf-pos{background:var(--panel-2);border:1px solid var(--border-soft);border-left:3px solid var(--border);border-radius:var(--radius);padding:12px 14px}
.pf-pos.long{border-left-color:var(--green)}
.pf-pos.short{border-left-color:var(--red)}
.pf-pos.danger{border-color:rgba(255,46,106,.5);box-shadow:0 0 14px rgba(255,46,106,.15)}
.pf-pos-h{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700}
.pf-side{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:5px}
.pf-side.long{color:var(--green);background:rgba(139,255,46,.12)}
.pf-side.short{color:var(--red);background:rgba(255,46,106,.1)}
.pf-pos-pnl{font-family:var(--mono);font-size:20px;font-weight:800;margin:8px 0 6px}
.pf-pos-pnl span{font-size:12px;font-weight:600}
.pf-pos-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0;color:var(--text-dim)}
.pf-pos-row b{font-family:var(--mono);color:var(--text)}
.pf-empty{color:var(--text-faint);font-size:13px;padding:10px 2px}
.pf-src-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 16px}
.pf-src-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--border-soft)}
.pf-src-row span{font-family:var(--mono)}
.pf-src-row b{font-family:var(--mono)}
/* 能力雷达 */
.pf-radar-card{display:flex;flex-direction:column;align-items:center}
.pf-radar-card .pf-card-t{align-self:flex-start}
.pf-arch{color:var(--accent);font-weight:700}
.hexradar{width:100%;max-width:216px;height:auto;margin-top:2px}
/* 历史成交单 */
.pf-hist{margin-top:14px}
.pf-hist-head,.pf-hist-row{display:grid;grid-template-columns:80px minmax(80px,1.1fr) 64px 1fr 1fr 1.1fr;align-items:center;gap:10px;font-size:12px}
.pf-hist-head{color:var(--text-faint);font-size:11px;padding:4px 4px 8px;border-bottom:1px solid var(--border)}
.pf-hist-head span:nth-child(n+4){text-align:right}
.pf-hist-list{max-height:340px;overflow-y:auto}
.pf-hist-row{padding:6px 4px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .1s}
.pf-hist-row:hover{background:var(--panel)}
.ph-time{color:var(--text-faint)}
.ph-coin{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:600;min-width:0}
.ph-mono{font-family:var(--mono);text-align:right}
@media (max-width:820px){.pf-top{grid-template-columns:1fr}.pf-dna-grid{grid-template-columns:repeat(2,1fr)}.pf-src-grid{grid-template-columns:repeat(2,1fr)}.pf-hist-head span:nth-child(5),.pf-hist-row span:nth-child(5){display:none}.pf-hist-head,.pf-hist-row{grid-template-columns:64px 1fr 52px 1fr 1fr}}

.market-wall{margin-bottom:8px}
.mw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.mw-title{font-family:var(--sans);font-size:22px;font-weight:800;letter-spacing:.5px;color:var(--text);text-shadow:0 0 20px rgba(182,255,58,.25);display:flex;align-items:center;gap:10px}
.mw-title-ico{width:24px;height:24px;flex:none;color:var(--accent);filter:drop-shadow(0 0 6px rgba(139,255,46,.5))}
.mw-sub{color:var(--text-dim);font-size:12px;margin-top:4px;max-width:640px}
.ms-ico{width:14px;height:14px;vertical-align:-2px;margin-right:5px}
/* ===== 分类标签（主流币 / 美股·商品 / Meme）—— 一体式分段控件 ===== */
.mw-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.mw-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid transparent;background:transparent;color:var(--text-dim);padding:8px 17px;border-radius:999px;
  cursor:pointer;font-size:13px;font-weight:700;font-family:var(--display);letter-spacing:.02em;white-space:nowrap;
  transition:color .16s ease,background .16s ease,box-shadow .2s ease}
.mw-tab:hover{color:var(--text);background:rgba(255,255,255,.04)}
.mw-tab.active{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#05130a;
  border-color:transparent;box-shadow:0 0 0 1px rgba(182,255,58,.45),0 6px 18px -6px rgba(182,255,58,.6)}
.mw-tab.active .mw-tab-ico{color:#05130a}
.mw-tab .mw-tab-ico{color:var(--text-faint);transition:color .16s ease}
.mw-tab:hover .mw-tab-ico{color:var(--accent)}
.mw-sortbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.mw-sortlabel{color:var(--text-faint);font-size:12px;margin-right:2px}
.mw-sort{border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text-dim);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600}
.mw-sort:hover{border-color:var(--accent-2);color:var(--text)}
.mw-sort.active{background:rgba(182,255,58,.14);color:var(--accent);border-color:var(--accent)}
/* 行情墙 · 代币搜索框 */
.mw-search{display:flex;align-items:center;gap:6px;margin-left:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:6px 13px;min-width:230px;flex:0 1 300px}
.mw-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(182,255,58,.12)}
.mw-search-ico{width:15px;height:15px;flex:none;color:var(--text-faint)}
.mw-search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--sans);font-size:12.5px}
.mw-search input::placeholder{color:var(--text-faint)}
@media (max-width:640px){.mw-search{margin-left:0;flex-basis:100%;order:5}}
.mw-loading{grid-column:1/-1;padding:60px;text-align:center;color:var(--text-faint)}
.mw-meta{display:flex;gap:10px;flex-wrap:wrap;color:#cfe3d8;font-size:11px;font-family:var(--mono);margin:-2px 0 8px}
.mw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mw-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px 8px;cursor:pointer;transition:border-color .25s,transform .1s,box-shadow .25s;position:relative;overflow:hidden}
.mw-card:hover{transform:translateY(-2px)}
/* 涨=绿霓虹灯框，跌=红霓虹灯框，常亮，鼠标悬停更亮 */
.mw-card.up{border-color:rgba(139,255,46,.55);box-shadow:0 0 15px rgba(139,255,46,.16),inset 0 0 20px rgba(139,255,46,.045)}
.mw-card.up:hover{border-color:var(--green);box-shadow:0 0 28px rgba(139,255,46,.34),inset 0 0 26px rgba(139,255,46,.08)}
.mw-card.down{border-color:rgba(255,46,106,.5);box-shadow:0 0 15px rgba(255,46,106,.14),inset 0 0 20px rgba(255,46,106,.045)}
.mw-card.down:hover{border-color:var(--red);box-shadow:0 0 28px rgba(255,46,106,.32),inset 0 0 26px rgba(255,46,106,.08)}
/* 🐸 Meme PVP：随机霓虹色 · 呼吸发光 */
.mw-tab-meme:hover{color:#ff8ae4;background:rgba(255,46,209,.10)}
.mw-tab-meme:hover .mw-tab-ico{color:#ff8ae4}
.mw-tab-meme.active{background:linear-gradient(100deg,#ff2ed1,#b06bff);border-color:transparent;color:#fff;
  box-shadow:0 0 0 1px rgba(255,46,209,.5),0 6px 20px -6px rgba(255,46,209,.75)}
.mw-tab-meme.active .mw-tab-ico{color:#fff}
.mw-card.pvp{border-width:1.5px;border-style:solid;border-color:var(--pv);animation:pvpGlow 2.2s ease-in-out infinite}
.mw-card.pvp:hover{transform:translateY(-3px) scale(1.01)}
.mw-card.pvp .mw-coin{text-shadow:0 0 10px var(--pv)}
.pvp-1{--pv:#8bff2e}.pvp-2{--pv:#2ee6ff}.pvp-3{--pv:#ff2ed1}.pvp-4{--pv:#b06bff}.pvp-5{--pv:#ffc020}.pvp-6{--pv:#ff5b7a}
@keyframes pvpGlow{0%,100%{box-shadow:0 0 5px -1px var(--pv),inset 0 0 10px -4px var(--pv)}50%{box-shadow:0 0 20px 1px var(--pv),inset 0 0 16px -3px var(--pv)}}
@media (prefers-reduced-motion:reduce){.mw-card.pvp{animation:none;box-shadow:0 0 12px -2px var(--pv)}}
.mw-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mw-coin{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.3px;display:flex;align-items:center;gap:8px;min-width:0}
/* 币种真实 logo（加载失败自动回退到彩色 identicon） */
.coin-logo{display:inline-flex;flex:none;border-radius:50%;overflow:hidden;background:#0b100e;vertical-align:middle;box-shadow:0 0 0 1px var(--border-soft),0 1px 3px rgba(0,0,0,.35);position:relative}
.coin-logo::after{content:'';position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.14),inset 0 -2px 4px rgba(0,0,0,.25);pointer-events:none}
.coin-logo img{border-radius:50%;object-fit:cover;display:block;background:#fff}
.coin-logo .logo-fb svg{display:block;border-radius:50%}
.mw-coin .coin-logo{box-shadow:0 0 0 1px rgba(139,255,46,.18),0 0 8px -3px var(--accent)}
.mw-card.pvp .mw-coin .coin-logo{box-shadow:0 0 0 1px var(--pv),0 0 10px -3px var(--pv)}
.mw-chg{font-family:var(--mono);font-size:13px;font-weight:700}
.mw-price{font-family:var(--mono);font-size:20px;font-weight:700;margin:6px 0 8px;letter-spacing:-.5px}
.mw-card.up .mw-price{color:var(--green)}
.mw-card.down .mw-price{color:var(--red)}
.mw-chart{height:76px;width:100%}
.mw-price.flash-up{animation:flashUp .5s ease-out}
.mw-price.flash-down{animation:flashDown .5s ease-out}
@keyframes flashUp{0%{color:var(--green);text-shadow:0 0 14px rgba(139,255,46,.7)}100%{}}
@keyframes flashDown{0%{color:var(--red);text-shadow:0 0 14px rgba(255,46,106,.6)}100%{}}
@media(max-width:1100px){.mw-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mw-grid{grid-template-columns:repeat(2,1fr)}.mw-title{font-size:19px}}

.coin-back-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.coin-back-name{font-family:var(--mono);font-weight:700;font-size:16px;color:var(--accent);display:inline-flex;align-items:center;gap:8px}
.coin-back-tip{color:var(--text-faint);font-size:12px}

/* 币种详细数据 */
.coin-detail{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:16px}
.cd-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;min-width:0}
.cd-label{color:var(--text-dim);font-size:11px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-val{font-family:var(--mono);font-size:17px;font-weight:700;letter-spacing:-.3px}
.cd-val.pos{color:var(--green)}.cd-val.neg{color:var(--red)}
.cd-sub{color:var(--text-faint);font-size:10.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-sense{grid-column:span 2}
.cd-hint{color:var(--text-faint);font-weight:400;font-size:10px}
.cd-count{color:var(--accent)}
.cd-sense-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;margin:8px 0 6px;background:var(--panel-2)}
.cd-sense-bar .cd-bull{background:linear-gradient(90deg,#5fae2e,var(--green))}
.cd-sense-bar .cd-bear{background:linear-gradient(90deg,var(--red),#b01e46)}
.cd-sense-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px}
.cd-sense-row b{color:var(--text);font-size:12px}
.cd-sense-row .pos{color:var(--green)}.cd-sense-row .neg{color:var(--red)}
@media(max-width:1100px){.coin-detail{grid-template-columns:repeat(4,1fr)}.cd-sense{grid-column:span 2}}
@media(max-width:640px){.coin-detail{grid-template-columns:repeat(2,1fr)}.cd-sense{grid-column:span 2}}

/* ===== 表格 ===== */
.tables{display:flex;flex-direction:column;gap:16px}
.table-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.table-title{padding:14px 16px;font-weight:700;font-size:14px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:8px}
.count{color:var(--text-faint);font-weight:500;font-size:12px}
/* 默认让表格自然长高、装下所有行——不再出现难看的横/竖滚动条 */
.table-scroll{overflow-x:auto}
/* 细窄霓虹滚动条（真滚动时才出现，且好看） */
.table-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.table-scroll::-webkit-scrollbar{width:8px;height:8px}
.table-scroll::-webkit-scrollbar-track{background:transparent}
.table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}
.table-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-2)}
table{width:100%;border-collapse:collapse;font-size:13px}
thead th{
  position:sticky;top:0;background:var(--panel-2);color:var(--text-dim);
  font-weight:600;text-align:left;padding:10px 12px;font-size:12px;white-space:nowrap;z-index:1;
}
thead th.num{text-align:right}
tbody td{padding:10px 12px;border-top:1px solid var(--border-soft);white-space:nowrap}
tbody tr:hover{background:rgba(182,255,58,.05)}
#positionsTable tbody tr,#ordersTable tbody tr,#activityTable tbody tr{cursor:pointer}
#positionsTable tbody tr:hover,#ordersTable tbody tr:hover,#activityTable tbody tr:hover{background:rgba(182,255,58,.1);box-shadow:inset 3px 0 0 var(--accent)}
#positionsTable tbody tr:hover td:first-child b,#ordersTable tbody tr:hover td:first-child b{color:var(--accent)}
#positionsTable tbody tr:hover td:first-child b::after,#ordersTable tbody tr:hover td:first-child b::after{content:" ↗";font-size:11px;color:var(--accent)}
.empty-row td{text-align:center;color:var(--text-faint);padding:28px}

/* 最近操作（活动流水）——行多，给一个较高的上限+细霓虹滚动条 */
.activity-section{margin-top:16px}
.activity-section .table-scroll{max-height:560px;overflow-y:auto}
.act-hint{margin-left:auto;color:var(--text-faint);font-weight:500;font-size:11px}
#activityTable .act-time{color:var(--text-dim)}
#activityTable .act-clock{display:block;color:var(--text-faint);font-size:11px;margin-top:2px}
#activityTable .act-open{box-shadow:0 0 8px rgba(139,255,46,.25)}
#activityTable tbody tr:hover td:nth-child(2) b{color:var(--accent)}
@media(max-width:720px){.act-hint{display:none}}

.site-footer{margin-top:24px;text-align:center;color:var(--text-faint);font-size:12px;line-height:1.8}

/* ===== 弹窗 ===== */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}
.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:min(90vw,420px);box-shadow:var(--shadow)}
.modal-title{font-weight:700;margin-bottom:14px;font-size:15px}
.modal-input{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);padding:12px 14px;border-radius:10px;outline:none;font-size:14px}
.modal-input:focus{border-color:var(--accent)}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}

/* ===== 聪明钱榜 ===== */
.btn-xs{padding:5px 10px;font-size:12px}
.lb-card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  width:min(97vw,1400px);max-height:93vh;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden;
}
.lb-sub{color:var(--text-faint);font-family:var(--mono);font-size:11px;margin-top:2px;display:flex;align-items:center;gap:6px}
.mini-tag{padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700;font-family:var(--sans)}
.lb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}
.lb-title{font-weight:800;font-size:16px;display:flex;align-items:center;gap:10px}
.lb-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;filter:drop-shadow(0 2px 8px rgba(139,255,46,.4))}
.lb-x{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:18px;width:32px;height:32px;border-radius:8px}
.lb-x:hover{background:var(--panel-2);color:var(--text)}
.lb-controls{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}
.lb-tabs{display:flex;gap:4px;background:var(--bg-2);padding:3px;border-radius:10px;margin-right:6px}
.lb-tab{border:none;background:transparent;color:var(--text-dim);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.lb-tab:hover{color:var(--text)}
.lb-tab.active{background:var(--accent);color:#05130a}
.tbico{width:15px;height:15px;flex:none}
.kico{width:15px;height:15px;flex:none;color:var(--accent);vertical-align:-3px;margin-right:6px}
.hs-k-head{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.hs-k-head .kico{margin-right:0}
.hs-k-head .hs-k-label{margin-bottom:0}
.hs-sec .kico{width:16px;height:16px}
/* 全站数据 · 徽章化 logo（圆角霓虹底 + 线性图标） */
.hs-ico-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;flex:none;background:linear-gradient(150deg,rgba(182,255,58,.18),rgba(182,255,58,.03));border:1px solid rgba(182,255,58,.24);box-shadow:0 0 14px -5px rgba(182,255,58,.55),inset 0 1px 0 rgba(182,255,58,.12)}
.hs-ico-badge .kico{width:17px;height:17px;margin:0;color:var(--accent);vertical-align:0}
.hs-sec .hs-ico-badge{width:26px;height:26px;border-radius:8px;margin-right:2px}
.hs-sec .hs-ico-badge .kico{width:15px;height:15px}
.hs-k-head{gap:9px}
#lbSortWrap{display:inline-flex;align-items:center;gap:6px}
.lb-list-wrap{overflow-y:auto;overflow-x:auto;flex:1}
.lb-table td,.lb-table th{white-space:nowrap}
.lb-table{width:100%;border-collapse:collapse;font-size:13px}
.lb-table thead th{position:sticky;top:0;background:var(--panel-2);color:var(--text-dim);text-align:left;padding:10px 16px;font-size:12px;font-weight:600;white-space:nowrap;z-index:1}
.lb-table thead th.num{text-align:right}
.lb-table th.th-sort{cursor:pointer;user-select:none;white-space:nowrap;transition:color .12s}
.lb-table th.th-sort:hover{color:var(--text)}
.lb-table th.th-sort.sorted{color:var(--accent)}
.th-arrow{margin-left:3px;font-size:9px;display:inline-block;min-width:8px}
.lb-table tbody td{padding:11px 16px;border-top:1px solid var(--border-soft);white-space:nowrap}
.lb-table tbody tr{cursor:pointer;transition:background .12s}
.lb-table tbody tr:hover{background:rgba(182,255,58,.08)}
.lb-table tbody td:first-child{color:var(--text-faint);font-family:var(--mono);width:36px}
.lb-star{border:none;background:transparent;color:var(--text-faint);cursor:pointer;font-size:16px;width:28px;height:28px;border-radius:6px}
.lb-star:hover{background:var(--panel-2);color:var(--gold)}
.lb-star.saved{color:var(--gold)}
.lb-foot{padding:10px 20px;border-top:1px solid var(--border-soft);color:var(--text-faint);font-size:12px}
.gold-rank{color:var(--gold) !important;font-weight:700}
/* 聪明钱分类筛选 + 行内标签 */
.lb-cats{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 20px 10px}
.lb-cats:empty{display:none}
.lb-cats-label{color:var(--text-faint);font-size:12px;margin-right:2px}
.lb-cats .chip{font-size:12px;padding:4px 11px}
.lb-cat{display:inline-block;margin-left:5px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;vertical-align:1px;border:1px solid var(--border-soft);color:var(--text-dim);background:var(--panel-2)}
.lb-cat.cat-优质{color:#05130a;background:linear-gradient(135deg,var(--gold),#ffe08a);border-color:transparent;font-weight:800;box-shadow:0 0 10px rgba(244,192,78,.5)}
.lb-cat.cat-巨鲸{color:#2ee6ff;border-color:rgba(46,230,255,.35)}
.lb-cat.cat-高胜率{color:#8bff2e;border-color:rgba(139,255,46,.35)}
.lb-cat.cat-稳健{color:#b6ff3a;border-color:rgba(182,255,58,.3)}
.lb-cat.cat-波段{color:#f4c04e;border-color:rgba(244,192,78,.35)}
.lb-cat.cat-日内{color:#ff9f45;border-color:rgba(255,159,69,.35)}
.lb-cat.cat-高频{color:#ff5b7a;border-color:rgba(255,91,122,.35)}
.lb-cat.cat-长线{color:#b06bff;border-color:rgba(176,107,255,.35)}
/* 🎯 聪明钱共识雷达 */
.lb-radar{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 20px 8px}
.rdr-loading{padding:48px 12px;text-align:center;color:var(--text-dim);font-size:14px;line-height:2}
.rdr-prog{color:var(--accent);font-family:var(--mono);font-size:13px}
.rdr-head{padding:14px 0 12px;border-bottom:1px solid var(--border-soft);margin-bottom:6px}
.rdr-sum{font-size:13px;color:var(--text-dim);margin-bottom:10px}
.rdr-sum b{color:var(--accent);font-family:var(--mono);font-size:15px}
.rdr-hi{display:flex;gap:12px;flex-wrap:wrap}
.rdr-hi span{font-size:13px;padding:7px 14px;border-radius:8px;font-weight:600}
.rdr-hi b{font-family:var(--mono)}
.rdr-hi-l{color:var(--green);background:rgba(139,255,46,.1);border:1px solid rgba(139,255,46,.28)}
.rdr-hi-s{color:var(--red);background:rgba(255,46,106,.09);border:1px solid rgba(255,46,106,.28)}
.rdr-headrow,.rdr-row{display:grid;grid-template-columns:minmax(96px,1.1fr) 2fr 96px 1.2fr 1fr;align-items:center;gap:14px}
.rdr-headrow{padding:8px 6px;color:var(--text-faint);font-size:11px;position:sticky;top:0;background:var(--panel)}
.rdr-headrow span:nth-child(n+3){text-align:right}
.rdr-row{padding:10px 6px;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .12s}
.rdr-row:hover{background:var(--panel-2)}
.rdr-coin{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;min-width:0}
.rdr-coin b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rdr-bar{display:flex;height:16px;border-radius:5px;overflow:hidden;background:var(--panel)}
.rdr-bar i{display:block;height:100%}
.rdr-long{background:linear-gradient(90deg,rgba(139,255,46,.55),var(--green))}
.rdr-short{background:linear-gradient(90deg,var(--red),rgba(255,46,106,.55))}
.rdr-wallets{text-align:right;font-size:12px;font-family:var(--mono);color:var(--text-dim)}
.rdr-wallets em{font-style:normal;font-weight:700}
.rdr-net{text-align:right;font-family:var(--mono);font-weight:700;font-size:13px}
.rdr-total{text-align:right;font-family:var(--mono);color:var(--text-dim);font-size:13px}
@media (max-width:720px){.rdr-headrow{display:none}.rdr-row{grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 6px}.rdr-bar{grid-column:1/-1;order:5}.rdr-wallets{order:3}.rdr-net{order:2}.rdr-total{order:4;text-align:left}.rdr-coin{order:1}}
/* 渐进加载占位 */
.load{color:var(--text-faint);animation:lbpulse 1s ease-in-out infinite}
@keyframes lbpulse{0%,100%{opacity:.35}50%{opacity:.75}}
.lb-flat{color:var(--text-faint);font-size:12px}
/* 排行榜头像 */
.lb-name{display:flex;align-items:center;gap:10px}
.avatar{border-radius:50%;flex:none;box-shadow:0 0 0 1px var(--border),0 0 10px rgba(0,0,0,.4)}

/* 交易统计弹窗 */
.stats-card{width:min(96vw,1080px)}
.stats-grid{grid-template-columns:repeat(4,1fr)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px;overflow-y:auto}
.stat-tile{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px;min-width:0}
.stat-tile.stat-big{grid-column:span 1}
.stat-label{color:var(--text-dim);font-size:12px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat-val{font-family:var(--mono);font-size:20px;font-weight:700;letter-spacing:-.5px}
.stat-big .stat-val{font-size:24px}
.stat-val.pos{color:var(--green);text-shadow:0 0 14px rgba(139,255,46,.4)}
.stat-val.neg{color:var(--red);text-shadow:0 0 14px rgba(255,46,106,.35)}
.stat-sub{color:var(--text-faint);font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stats-empty{padding:48px 20px;text-align:center;color:var(--text-faint)}
@media(max-width:720px){.stats-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== Hyperliquid 全站数据 ===== */
.hs-card{width:min(97vw,1400px)}
.hs-body{padding:18px 20px;overflow-y:auto}
.hype-hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,rgba(139,255,46,.1),rgba(182,255,58,.03));border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:18px}
.hh-left{display:flex;align-items:center;gap:14px}
.hh-name{font-family:var(--mono);font-weight:800;font-size:18px}
.hh-name span{color:var(--text-faint);font-size:11px;font-weight:500}
.hh-price{font-family:var(--mono);font-weight:800;font-size:26px;margin-top:2px}
.hh-price.pos{color:var(--green)}.hh-price.neg{color:var(--red)}
.hh-chg{font-size:14px}
.hh-stats{display:flex;gap:24px;flex-wrap:wrap;margin-left:auto}
.hh-stats>div{display:flex;flex-direction:column}
.hh-stats span{color:var(--text-faint);font-size:11px}
.hh-stats b{font-family:var(--mono);font-size:16px;font-weight:700}
.hh-stats b.pos{color:var(--green)}.hh-stats b.neg{color:var(--red)}
.hh-links{flex-basis:100%;display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border-soft);padding-top:10px}
.hh-links>a{color:var(--accent);font-weight:700;font-size:13px;text-decoration:none}
.hh-links>a:hover{text-decoration:underline}
.hh-note{color:var(--text-faint);font-size:11px}
.hh-note a{color:var(--text-dim)}
.hh-big{flex-basis:100%;color:var(--accent);font-weight:700;font-size:13px;text-decoration:none;border-top:1px solid var(--border-soft);padding-top:10px}
.hh-big:hover{text-decoration:underline}
#hypePx.flash-up{animation:flashUp .5s ease-out}
#hypePx.flash-down{animation:flashDown .5s ease-out}
/* HYPE 深度：回购曲线 + 持有人榜 */
.hype-detail{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin:0 0 18px}
.hd-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px}
.hd-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.hd-h b{font-size:14px}
.hd-h span{color:var(--text-faint);font-size:11px;font-family:var(--mono)}
/* HYPE 金库 · 上市公司持仓表 */
.ht-head,.ht-row{display:grid;grid-template-columns:1.7fr 1.1fr .8fr 1fr 1.25fr;gap:10px;align-items:center}
.ht-head{padding:0 4px 8px;border-bottom:1px solid var(--border);color:var(--text-faint);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.4px}
.ht-head span:not(:first-child),.ht-row span:not(.ht-co){text-align:right;font-family:var(--mono)}
.ht-row{padding:11px 4px;border-bottom:1px solid var(--border-soft)}
.ht-row:last-child{border-bottom:none}
.ht-co{display:flex;flex-direction:column;gap:2px;min-width:0}
.ht-co b{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-co i{font-style:normal;font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ht-hype{font-size:13px;color:var(--text)}
.ht-hype em{font-style:normal;color:var(--text-faint);font-size:10px;margin-left:3px}
.ht-cost{font-size:12.5px;color:var(--text-dim)}
.ht-val{font-size:13px;color:var(--accent);font-weight:700}
.ht-pnl{font-size:12.5px;font-weight:700}
.ht-pnl.muted{color:var(--text-faint);font-weight:500;font-size:11px}
@media(max-width:640px){
  .ht-head{display:none}
  .ht-row{grid-template-columns:1fr auto;gap:4px 10px;padding:12px 4px}
  .ht-co{grid-column:1;grid-row:1/3}
  .ht-hype{grid-column:2;grid-row:1}
  .ht-val{grid-column:2;grid-row:2}
  .ht-cost{display:none}
  .ht-pnl{grid-column:2;grid-row:3}
}
.hd-facts{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:8px}
.hd-facts>div{display:flex;flex-direction:column;gap:2px}
.hd-facts span{color:var(--text-faint);font-size:11px}
.hd-facts b{font-family:var(--mono);font-size:16px;font-weight:700}
.hd-facts b em{font-style:normal;color:var(--text-faint);font-size:11px;font-weight:500;margin-left:2px}
.hd-facts b.pos{color:var(--green)}
.hd-chart{height:150px;width:100%}
.hd-tip{color:var(--text-faint);font-size:11px;line-height:1.5;margin-top:8px}
.hd-loading{color:var(--text-faint);font-size:12px}
.hd-holders{display:flex;flex-direction:column;gap:2px;max-height:440px;overflow-y:auto}
.hd-believers{margin-bottom:18px}
.hd-brow-head,.hc-row{display:grid;grid-template-columns:30px minmax(110px,1.5fr) minmax(96px,1fr) 1.1fr 58px;align-items:center;gap:12px;padding:6px 6px;font-size:12px}
.hd-brow-head{color:var(--text-faint);font-size:11px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel-2);z-index:1}
.hd-brow-head span:nth-child(n+3){text-align:right}
.hc-row{border-bottom:1px solid var(--border-soft)}
.hc-row:last-child{border-bottom:0}
.hc-rank{color:var(--text-faint);font-family:var(--mono);text-align:center}
.hc-who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-lab{color:var(--accent);font-weight:700;font-size:12px}
.hc-addr{font-family:var(--mono);color:var(--text-dim)}
.hc-delta{text-align:right;font-family:var(--mono);font-size:11px;white-space:nowrap}
.hc-delta.pos{color:var(--green)}
.hc-delta.neg{color:var(--red)}
.hc-delta.new{color:var(--accent-2,#b6ff3a)}
.hc-delta.flat{color:var(--text-faint)}
.hc-bal{font-family:var(--mono);text-align:right;white-space:nowrap}
.hc-bal em{font-style:normal;color:var(--text-faint);font-size:10px;margin-left:3px}
.hc-pct{font-family:var(--mono);color:var(--text-dim);text-align:right;min-width:46px}
/* HYPE 供应 / emission 条 */
.hype-supply{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 18px}
.hsp{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:3px}
.hsp>span{color:var(--text-faint);font-size:11px}
.hsp>b{font-family:var(--mono);font-size:17px;font-weight:700}
.hsp>b.acc{color:var(--accent)}
.hsp>em{font-style:normal;color:var(--text-faint);font-size:10px}
@media (max-width:820px){.hype-detail{grid-template-columns:1fr}.hype-supply{grid-template-columns:repeat(2,1fr)}}
.hs-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
.hs-kpi{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 14px}
.hs-k-label{color:var(--text-dim);font-size:11px;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-k-val{font-family:var(--mono);font-size:19px;font-weight:800;color:var(--accent);text-shadow:0 0 14px rgba(182,255,58,.3);letter-spacing:-.5px}
.hs-k-sub{color:var(--text-faint);font-size:10.5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-sec{font-weight:700;font-size:13px;color:var(--text);margin:6px 0 10px;display:flex;align-items:center;gap:6px}
/* HyperEVM 链上 + 团队 */
.hs-evm{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.evm-t{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:11px 13px;display:flex;flex-direction:column;gap:3px}
.evm-t>span{color:var(--text-faint);font-size:11px}
.evm-t>b{font-family:var(--mono);font-size:16px;font-weight:700}
.hs-team{display:flex;flex-direction:column;gap:8px}
.tm-row{display:grid;grid-template-columns:72px 1fr;gap:10px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px 13px;font-size:12px;line-height:1.5}
.tm-row>b{color:var(--accent);font-size:12px}
.tm-row>span{color:var(--text-dim)}
@media (max-width:820px){.hs-evm{grid-template-columns:1fr}.tm-row{grid-template-columns:1fr;gap:3px}}
/* Hyperliquid 生态：Meme + 目录 */
.eco-meme-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}
.eco-meme{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:11px 12px;transition:border-color .15s}
.eco-meme:hover{border-color:var(--accent-2,#b6ff3a)}
.em-top{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-weight:700;font-size:13px}
.em-top>span{margin-left:auto;font-size:11px}
.em-px{font-family:var(--mono);font-size:16px;font-weight:700;margin:6px 0 4px}
.em-meta{display:flex;flex-direction:column;gap:1px;color:var(--text-faint);font-size:10px;font-family:var(--mono)}
.eco-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.eco-filter .chip{font-size:12px;padding:5px 11px}
.eco-group{margin-bottom:16px}
.eco-gt{font-weight:700;font-size:13px;color:var(--accent);margin-bottom:9px;display:flex;align-items:center;gap:8px}
.eco-ico{width:17px;height:17px;flex:none}
.eco-gt-n{color:var(--text-faint);font-family:var(--mono);font-size:11px;font-weight:500;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:20px;padding:1px 8px}
.eco-gt-tvl{margin-left:auto;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent)}
.eco-filter .chip i{font-style:normal;color:var(--text-faint);font-size:10px;margin-left:2px}
.eco-card{position:relative}
.eco-card-link{position:absolute;inset:0;z-index:1;border-radius:var(--radius)}
.eco-card-link:hover{box-shadow:0 0 0 1px var(--accent) inset}
.eco-card>.eco-card-h,.eco-card>.eco-card-d{position:relative;z-index:2;pointer-events:none}
.eco-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.eco-card{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:11px 13px;display:flex;flex-direction:column;gap:5px;transition:border-color .15s,transform .1s}
.eco-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.eco-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.eco-card-h>b{font-size:13.5px;color:var(--text)}
.eco-card-tvl{font-family:var(--mono);font-size:10px;color:var(--accent);white-space:nowrap;font-weight:700}
.eco-card-tvl i{font-style:normal;font-weight:600}
.eco-card-d{color:#c3d8cf;font-size:11.5px;line-height:1.5}   /* 项目介绍上色，清晰可读 */
/* 生态 · 链上数据统计带 */
.eco-statband{margin:2px 0 20px}
.eco-stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.eco-stat{background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:10px;padding:13px 14px;position:relative;overflow:hidden}
.eco-stat::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),transparent)}
.eco-stat-l{color:var(--text-dim);font-size:11.5px;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eco-stat-v{font-family:var(--mono);font-size:20px;font-weight:800;color:var(--accent);letter-spacing:-.5px;text-shadow:0 0 14px rgba(182,255,58,.25)}
.eco-stat-s{color:var(--text-faint);font-size:10.5px;margin-top:5px;font-family:var(--mono)}
.eco-spark-wrap{margin-top:14px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:12px 14px 4px}
.eco-spark-t{color:var(--text-dim);font-size:11.5px;margin-bottom:6px;font-family:var(--mono)}
.eco-spark{width:100%;height:90px;display:block}
/* 生态 · 龙头协议榜 */
.eco-proto-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px}
.eco-proto{display:flex;align-items:center;gap:11px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;padding:9px 13px}
.eco-proto-rank{font-family:var(--mono);color:var(--text-faint);font-weight:700;font-size:12px;min-width:18px;text-align:center}
/* 协议 logo */
.eco-logo{width:26px;height:26px;border-radius:7px;flex:none;object-fit:cover;background:var(--panel);border:1px solid var(--border-soft)}
.eco-logo-sm{width:20px;height:20px;border-radius:5px}
.eco-logo-ph{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#05130a;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none}
.eco-logo-sm.eco-logo-ph{font-size:10px}
.eco-card-name{display:flex;align-items:center;gap:7px;min-width:0}
.eco-card-name>b{font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eco-proto-name{font-weight:700;font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.eco-proto-cat{font-style:normal;font-weight:500;font-size:10px;color:var(--text-dim);background:var(--panel);border:1px solid var(--border-soft);border-radius:5px;padding:1px 7px;white-space:nowrap}
.eco-proto-tvl{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap}
.eco-proto-tvl b{font-weight:600;font-size:11px;margin-left:4px}
@media (max-width:900px){.eco-meme-grid{grid-template-columns:repeat(3,1fr)}.eco-cards{grid-template-columns:repeat(2,1fr)}.eco-stat-grid{grid-template-columns:repeat(2,1fr)}.eco-proto-list{grid-template-columns:1fr}}
@media (max-width:560px){.eco-meme-grid{grid-template-columns:repeat(2,1fr)}.eco-cards{grid-template-columns:1fr}.eco-stat-grid{grid-template-columns:1fr}}
/* Hyperliquid 新闻 · 动态报纸 */
.news-loading{padding:44px 12px;text-align:center;color:var(--text-dim);font-size:14px}
.np{--serif:'Playfair Display',Georgia,'Songti SC',serif;animation:npFade .5s ease-out}
@keyframes npFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.np-masthead{text-align:center;border-top:3px solid var(--text);border-bottom:1px solid var(--border);padding:12px 0 10px;margin-bottom:0}
.np-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--accent);text-transform:uppercase}
.np-name{font-family:var(--serif);font-weight:900;font-size:clamp(34px,6vw,58px);line-height:1;letter-spacing:1px;margin:8px 0 4px;color:var(--text);text-shadow:0 0 30px rgba(139,255,46,.15)}
.np-sub{font-size:12px;color:var(--text-dim);letter-spacing:1px}
.np-editionline{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid var(--border-soft);font-family:var(--mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px}
.np-ticker{overflow:hidden;white-space:nowrap;border-bottom:2px solid var(--text);background:var(--panel-2);padding:7px 0;margin-bottom:18px}
.np-ticker-track{display:inline-block;padding-left:100%;animation:npTicker 60s linear infinite;font-family:var(--mono);font-size:12px;color:var(--text-dim)}
.np-ticker:hover .np-ticker-track{animation-play-state:paused}
.np-live{color:var(--red);font-weight:700;animation:npBlink 1.4s step-start infinite}
@keyframes npBlink{50%{opacity:.35}}
@keyframes npTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.np-lead{display:block;text-decoration:none;border-bottom:2px solid var(--border);padding-bottom:18px;margin-bottom:18px}
.np-kicker{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.np-lead-title{font-family:var(--serif);font-weight:800;font-size:clamp(24px,3.4vw,40px);line-height:1.12;color:var(--text);text-wrap:balance;transition:color .15s}
.np-lead:hover .np-lead-title{color:var(--accent)}
.np-byline{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--text-faint);letter-spacing:.5px}
.np-cols{column-count:3;column-gap:26px;column-rule:1px solid var(--border-soft)}
.np-story{display:inline-block;width:100%;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border-soft);break-inside:avoid}
.np-story-title{font-family:var(--serif);font-weight:700;font-size:16px;line-height:1.28;color:var(--text);transition:color .15s}
.np-story:hover .np-story-title{color:var(--accent)}
.np-story-meta{margin-top:5px;font-family:var(--mono);font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.5px}
.np-story-meta b{color:var(--accent-2,#b6ff3a);font-weight:600}
/* 新闻「X 小时前」时间：醒目金色，一眼可见 */
.np-ago{color:var(--gold);font-weight:700;font-style:normal;text-transform:none;letter-spacing:0}
.np-byline .np-ago{color:var(--gold)}
@media(max-width:900px){.np-cols{column-count:2}}
@media(max-width:560px){.np-cols{column-count:1}}
.hs-sec .kico{margin-right:0;vertical-align:0}
/* ===== 各衍生品市场（DEX）列表 —— 名次徽章 + 占比横条 ===== */
.hs-dexlist{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.hs-drow{display:grid;grid-template-columns:26px minmax(0,2fr) 1fr 1fr .7fr;gap:12px;align-items:center;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-soft);
  border-radius:10px;padding:11px 14px;transition:border-color .16s ease,transform .12s ease}
.hs-drow:hover{border-color:var(--accent-2);transform:translateY(-1px)}
.hs-drow-top{border-color:rgba(182,255,58,.35);box-shadow:inset 3px 0 0 var(--accent)}
.hs-drank{font-family:var(--mono);font-size:12px;font-weight:800;color:var(--text-faint);text-align:center;
  border:1px solid var(--border-soft);border-radius:7px;padding:3px 0;background:rgba(255,255,255,.02)}
.hs-drow-top .hs-drank{color:#07120a;background:var(--accent);border-color:transparent}
.hs-dn{min-width:0}
.hs-dn b{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-dn span{display:block;color:var(--text-faint);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-dbar{display:block;height:3px;margin-top:6px;border-radius:3px;background:rgba(255,255,255,.06);overflow:hidden}
.hs-dbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.85}
.hs-dv{font-family:var(--mono);font-weight:700;font-size:14px;text-align:right}
.hs-dv span{display:block;color:var(--text-faint);font-weight:400;font-size:10px;white-space:nowrap}
.hs-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:18px}
.hs-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12px}
.hs-rn{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-weight:700;width:150px;max-width:42%;min-width:0;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-dex-tag{color:var(--text-faint);font-weight:400;font-size:9.5px}
.hs-bar{flex:1;height:8px;background:var(--panel-2);border-radius:5px;overflow:hidden;min-width:30px}
.hs-fill{display:block;height:100%;background:linear-gradient(90deg,#5fae2e,var(--accent))}
.hs-rv{font-family:var(--mono);font-size:12px;text-align:right;min-width:70px}
.hs-rv.pos{color:var(--green)}.hs-rv.neg{color:var(--red)}
.hs-rsub{color:var(--text-faint);font-size:10px;min-width:64px;text-align:right}
@media(max-width:900px){.hs-kpis{grid-template-columns:repeat(3,1fr)}.hs-cols{grid-template-columns:1fr}
  .hs-drow{grid-template-columns:24px minmax(0,1.6fr) 1fr .62fr;gap:9px;padding:10px 11px}
  .hs-drow .hs-dv:nth-child(4){display:none}}
@media(max-width:560px){
  .hs-drow{grid-template-columns:24px minmax(0,1fr) auto;gap:9px}
  .hs-drow .hs-dv:nth-child(5){display:none}
  .hs-dv{font-size:13px}
}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .metrics{grid-template-columns:repeat(3,1fr)}
  .tables{grid-template-columns:1fr}
}
@media (max-width:640px){
  .topbar{padding:10px 14px;gap:10px}
  .brand-sub{display:none}
  .address-box{order:3;width:100%;flex-basis:100%}
  .content{padding:12px 14px 32px}
  .metrics{grid-template-columns:repeat(2,1fr);gap:10px}
  .metric-value{font-size:20px}
  #mc-updated{display:none}
  #chart{height:360px}
  .chart-toolbar{gap:10px}
}

/* ============ 手机端深度优化 ============ */
@media (max-width:760px){
  /* 顶栏：品牌一行，导航按钮做成可横向滑动的一条，不再挤成一团 */
  .topbar{gap:10px 8px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top))}
  .brand{flex:1 1 auto}
  .logo-img{width:32px;height:32px}
  .brand-name{font-size:16px}
  .topbar-right{order:4;width:100%;flex-basis:100%;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
  .topbar-right::-webkit-scrollbar{display:none}
  .topbar-right .btn{flex:0 0 auto;padding:9px 13px;font-size:13px;white-space:nowrap}
  .lang-switch{flex:0 0 auto}
  .address-box{order:3;width:100%;flex-basis:100%;min-width:0}
  #addressInput{font-size:16px}          /* 16px 防 iOS 聚焦时自动放大 */
  .btn,.chip,.mw-tab,.mw-sort,.lb-tab{min-height:40px}  /* 更大点按区 */

  /* 弹窗：手机上占满屏、顶部圆角，内容可滚 */
  .modal{padding:0}
  .modal .lb-card,.modal .stats-card,.modal .modal-card{
    width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border-left:none;border-right:none
  }
  .modal .modal-card{height:auto;max-height:92dvh;border-radius:16px;margin:auto 12px}
  .lb-head{padding-top:calc(14px + env(safe-area-inset-top))}
  .hs-body,.lb-list-wrap{-webkit-overflow-scrolling:touch}

  /* 行情墙头部：标题/标签/排序竖排，排序条可横滑 */
  .mw-head{flex-direction:column;align-items:stretch;gap:12px}
  .mw-tabs{width:100%;display:flex}
  .mw-tab{flex:1;padding:8px 8px;font-size:12.5px}
  .mw-sortbar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}
  .mw-sortbar::-webkit-scrollbar{display:none}
  .mw-sort{flex:0 0 auto}
  .mw-search{flex-basis:100%;min-width:0;margin-left:0}
  #mwSearch{font-size:16px}

  /* 图表 / 回放控制：更好按 */
  .chart-toolbar{gap:9px 10px}
  .replay-bar{flex-wrap:wrap;gap:8px}
  .replay-range{flex-basis:100%;order:6}
  .tb-group.draw-tools,.tb-group.indicators{flex-wrap:wrap}

  /* 生态龙头榜单列表：手机单列 */
  .eco-stat-grid{grid-template-columns:1fr 1fr}
  footer .src-list{gap:6px 12px}
}
@media (max-width:440px){
  .metrics{grid-template-columns:1fr 1fr}
  .metric-value{font-size:19px}
  .brand-name{font-size:15px;letter-spacing:1px}
  .mw-title{font-size:18px}
  .eco-stat-grid{grid-template-columns:1fr}
  #chart{height:320px}
  .lb-table{font-size:12px}
  .lb-table th,.lb-table td{padding:9px 8px}
}

/* 加载骨架微动画 */
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:1}}
.loading-pulse{animation:pulse 1.2s ease-in-out infinite}

/* ===== 巨鲸资金流 ===== */
.wf-stat{display:flex;gap:14px;align-items:stretch;padding:16px 20px 4px;flex-wrap:wrap}
.wf-stat-main{flex:1 1 220px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:1px solid var(--border);border-radius:10px;padding:14px 18px;background:linear-gradient(135deg,var(--panel-2),transparent)}
.wf-stat-main .wf-stat-lab{font-size:11.5px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;font-family:var(--mono)}
.wf-stat-main b{font-size:34px;font-family:var(--mono);font-weight:700;line-height:1.05;letter-spacing:-.5px}
.wf-stat-main.pos b{color:var(--green);text-shadow:0 0 22px rgba(139,255,46,.4)}
.wf-stat-main.neg b{color:var(--red);text-shadow:0 0 22px rgba(255,46,106,.35)}
.wf-stat-main .wf-stat-hint{font-size:12px;color:var(--text-dim);margin-top:1px}
.wf-stat-side{flex:1 1 220px;display:flex;gap:10px}
.wf-stat-cell{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1px;border:1px solid var(--border-soft);border-radius:10px;padding:12px 14px;background:var(--panel-2)}
.wf-stat-cell span{font-size:11.5px;color:var(--text-dim)}
.wf-stat-cell b{font-size:20px;font-family:var(--mono);font-weight:700}
.wf-stat-cell em{font-size:11px;color:var(--text-faint);font-style:normal;font-family:var(--mono)}
.wf-stat-cell.pos{border-color:rgba(139,255,46,.25)}.wf-stat-cell.pos b{color:var(--green)}
.wf-stat-cell.neg{border-color:rgba(255,46,106,.22)}.wf-stat-cell.neg b{color:var(--red)}
.wf-why{margin:12px 20px;padding:11px 14px;border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:8px;background:var(--panel-2);font-size:12.5px;line-height:1.7;color:var(--text-dim)}
.wf-why b{color:var(--text)}.wf-why b.pos{color:var(--green)}
.wf-list{padding:0 20px 4px;display:flex;flex-direction:column;gap:7px}
.wf-row{display:grid;grid-template-columns:76px 92px 1fr auto;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border-soft);border-radius:9px;background:var(--panel-2);cursor:pointer;transition:border-color .15s,transform .12s,background .15s}
.wf-row:hover{border-color:var(--accent);transform:translateX(2px);background:var(--panel)}
.wf-row.in{border-left:3px solid var(--green)}
.wf-row.out{border-left:3px solid var(--red)}
.wf-dir{font-size:12px;font-weight:700;letter-spacing:.3px}
.wf-row.in .wf-dir{color:var(--green)}.wf-row.out .wf-dir{color:var(--red)}
.wf-amt{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:-.3px}
.wf-who{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--mono);font-size:13px;color:var(--text);overflow:hidden}
.wf-alias{font-family:var(--sans);font-size:11.5px;color:var(--accent);background:rgba(182,255,58,.1);border:1px solid rgba(182,255,58,.22);border-radius:20px;padding:1px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.wf-ago{font-size:11.5px;color:var(--text-faint);font-family:var(--mono);white-space:nowrap}
@media(max-width:640px){
  .wf-stat{padding:12px 14px 2px}
  .wf-stat-main b{font-size:28px}
  .wf-why{margin:10px 14px;font-size:12px}
  .wf-list{padding:0 14px 4px}
  .wf-row{grid-template-columns:64px 78px 1fr;grid-template-rows:auto auto;gap:4px 8px;padding:10px 12px}
  .wf-ago{grid-column:3;grid-row:1;text-align:right}
  .wf-who{grid-column:1/4;grid-row:2}
  .wf-amt{font-size:16px}
}

/* 巨鲸流里的聪明钱标记 */
.wf-smart{font-family:var(--sans);font-size:11px;font-weight:700;color:#c9a6ff;background:rgba(150,110,255,.14);border:1px solid rgba(150,110,255,.38);border-radius:20px;padding:1px 8px;white-space:nowrap}
.wf-row.sm{box-shadow:inset 0 0 0 1px rgba(150,110,255,.35),0 0 14px rgba(150,110,255,.10)}
.wf-smart-note{margin:2px 20px 12px;padding:10px 14px;border:1px solid rgba(150,110,255,.32);border-left:3px solid #966eff;border-radius:8px;background:rgba(150,110,255,.08);font-size:12.5px;line-height:1.6;color:#c9a6ff}
.wf-smart-note b{color:#e7d9ff}
@media(max-width:640px){.wf-smart-note{margin:2px 14px 8px}}

/* ===== Hypurr NFT · 翻书 ===== */
.nft-card{max-width:900px}
.nft-stat{display:flex;gap:10px;padding:16px 20px 4px;flex-wrap:wrap}
.nft-stat-cell{flex:1 1 120px;display:flex;flex-direction:column;gap:1px;border:1px solid var(--border-soft);border-radius:10px;padding:11px 14px;background:var(--panel-2)}
.nft-stat-cell span{font-size:11px;color:var(--text-dim)}
.nft-stat-cell b{font-size:17px;font-family:var(--mono);font-weight:700;color:var(--text)}
.nft-stat-cell em{font-size:10.5px;color:var(--text-faint);font-style:normal}
.nft-stat-cell.hl{border-color:rgba(244,192,78,.3);background:rgba(244,192,78,.07)}
.nft-stat-cell.hl b{color:var(--gold)}

.book-wrap{display:flex;justify-content:center;padding:22px 20px 6px}
.book{display:flex;align-items:stretch;width:min(860px,94vw);border-radius:8px;box-shadow:0 30px 70px rgba(0,0,0,.6),0 0 0 1px var(--border)}
.book-page{position:relative;overflow:hidden}
.book-left{flex:1 1 46%;border-radius:10px 0 0 10px;padding:26px 24px 22px;
  background:linear-gradient(145deg,#0e1512,#0a100e 60%,#0c1310);
  box-shadow:inset -22px 0 34px -24px rgba(0,0,0,.9),inset 1px 0 0 rgba(255,255,255,.03);
  display:flex;flex-direction:column;transition:opacity .25s}
.book-spine{width:3px;flex:none;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(182,255,58,.25),rgba(0,0,0,.8))}
.book-right{flex:1 1 54%;aspect-ratio:1/1;position:relative;perspective:1900px;border-radius:0 10px 10px 0;background:#080b0a}
.leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;will-change:transform}
#nftLeafA{z-index:3}#nftLeafB{z-index:2}
.leaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:0 10px 10px 0;overflow:hidden}
.leaf-back{transform:rotateY(180deg);background:
  radial-gradient(120% 90% at 0% 50%,rgba(182,255,58,.06),transparent 60%),
  linear-gradient(135deg,#0c1310,#090d0b);
  display:flex;align-items:center;justify-content:center;box-shadow:inset 20px 0 34px -24px rgba(0,0,0,.9)}
.leaf-back::after{content:"🐱";font-size:46px;opacity:.10}
.bk-frame{position:absolute;inset:0;background:#0a0f0d;display:flex;align-items:center;justify-content:center}
.bk-frame img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.bk-frame.loaded img{opacity:1}
.bk-frame.loaded .bk-shim{opacity:0}
.bk-frame.err::after{content:"⏳";position:absolute;color:var(--text-faint);font-size:28px;opacity:.5}
.bk-shim{position:absolute;inset:0;background:linear-gradient(100deg,#0c1310 30%,#12201a 50%,#0c1310 70%);background-size:200% 100%;animation:bkShim 1.3s linear infinite;transition:opacity .4s}
@keyframes bkShim{0%{background-position:200% 0}100%{background-position:-200% 0}}
.bk-tag{position:absolute;left:12px;bottom:12px;font-family:var(--mono);font-size:12px;font-weight:700;color:#071008;background:var(--accent);border-radius:20px;padding:3px 11px;box-shadow:0 4px 14px rgba(182,255,58,.35)}

.bk-collection{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--accent)}
.bk-id{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:4px 0 2px;background:linear-gradient(100deg,#eafff4,var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.bk-sub{font-size:12px;color:var(--text-dim);margin-bottom:14px}
.bk-traits-t{font-size:11px;letter-spacing:1px;color:var(--text-faint);text-transform:uppercase;margin-bottom:8px;border-bottom:1px solid var(--border-soft);padding-bottom:6px}
.bk-traits{display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}
.bk-trait{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 10px;border-radius:7px;background:var(--panel-2);border:1px solid var(--border-soft)}
.bk-trait span{color:var(--text-dim)}
.bk-trait b{color:var(--text);font-weight:600}
.bk-trait.rare{border-color:rgba(244,192,78,.4);background:rgba(244,192,78,.08)}
.bk-trait.rare b{color:var(--gold)}
.bk-note{font-size:11px;color:var(--text-faint);margin-top:12px;font-style:italic}

.book-ctrl{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px 4px;flex-wrap:wrap}
.bk-btn{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:9px 16px;cursor:pointer;transition:border-color .15s,transform .1s}
.bk-btn:hover{border-color:var(--accent)}.bk-btn:active{transform:scale(.96)}
.bk-btn.bk-next{background:var(--accent);color:#071008;border-color:var(--accent);font-weight:700}
.bk-page{font-family:var(--mono);font-size:13px;color:var(--text-dim);min-width:70px;text-align:center}

@media(max-width:720px){
  .book{flex-direction:column;width:min(440px,94vw)}
  .book-right{order:1;flex:none;width:100%;border-radius:10px 10px 0 0}
  .leaf-face,.book-right{border-radius:10px 10px 0 0}
  .book-left{order:2;flex:none;width:100%;border-radius:0 0 10px 10px;box-shadow:inset 0 22px 34px -24px rgba(0,0,0,.9)}
  .book-spine{display:none}
  .bk-id{font-size:24px}
}

/* HYPE 排名band（加密总市值排名 + 永续DEX排名） */
.hype-rank{display:flex;gap:12px;margin:0 0 14px;flex-wrap:wrap}
.hr-cell{flex:1;min-width:220px;display:flex;align-items:center;gap:13px;border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--panel-2)}
.hr-cell .hs-ico-badge{flex:none;transform:scale(1.15)}
.hr-primary{border-color:rgba(244,192,78,.35);background:linear-gradient(135deg,rgba(244,192,78,.09),transparent)}
.hr-body{min-width:0}
.hr-lab{font-size:12px;color:var(--text-dim);letter-spacing:.2px}
.hr-big{font-size:30px;font-weight:800;font-family:var(--mono);line-height:1.05;letter-spacing:-.5px;color:var(--text)}
.hr-primary .hr-big{color:var(--gold)}
.hr-sub{font-size:12px;color:var(--text-faint);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.hr-sub .pos,.hr-sub .hr-up{color:var(--green)}.hr-sub .neg,.hr-sub .hr-dn{color:var(--red)}
@media(max-width:640px){.hr-cell{min-width:0;flex:1 1 100%}.hr-big{font-size:26px}}

/* Hypurr NFT 图库（全收藏分页） */
.nft-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 6px;flex-wrap:wrap}
.nft-galinfo{font-family:var(--mono);font-size:13px;color:var(--text-dim)}
.nft-pager{display:flex;align-items:center;gap:8px}
.nft-jump{width:112px;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 11px;font-family:var(--mono);font-size:13px}
.nft-jump:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(182,255,58,.14)}
.nft-jump::placeholder{color:var(--text-faint);font-family:var(--sans)}
.nft-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:8px 20px 6px}
.nft-grid.slide{animation:nftSlide .34s cubic-bezier(.2,.7,.3,1)}
@keyframes nftSlide{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
.nft-cell{position:relative;aspect-ratio:1/1;border:1px solid var(--border-soft);border-radius:11px;overflow:hidden;cursor:pointer;background:var(--panel-2);padding:0;transition:transform .13s,border-color .15s,box-shadow .15s}
.nft-cell:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.5)}
.nft-cell img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s}
.nft-cell.loaded img{opacity:1}
.nft-cell .nc-shim{position:absolute;inset:0;background:linear-gradient(100deg,#0c1310 30%,#12201a 50%,#0c1310 70%);background-size:200% 100%;animation:bkShim 1.3s linear infinite}
.nft-cell.loaded .nc-shim{opacity:0;animation:none}
.nc-id{position:absolute;left:6px;bottom:6px;font-family:var(--mono);font-size:10.5px;font-weight:700;color:#071008;background:rgba(182,255,58,.92);border-radius:12px;padding:1px 7px;opacity:0;transition:opacity .2s;pointer-events:none}
.nft-cell:hover .nc-id,.nft-cell.loaded .nc-id{opacity:1}
.bk-back{margin:14px 20px 2px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;cursor:pointer;transition:border-color .15s}
.bk-back:hover{border-color:var(--accent)}
@media(max-width:900px){.nft-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.nft-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 14px 4px}.nft-toolbar{padding:12px 14px 4px}.nft-galinfo{font-size:12px}}

/* ===== 聪明钱榜：持仓 logo 一行 + 交易员外号 + 资金费率榜 ===== */
.lb-holds{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.lb-hchip{display:inline-flex;padding:1px;border-radius:50%;border:1.5px solid var(--border-soft);line-height:0}
.lb-hchip.is-long{border-color:rgba(139,255,46,.6);box-shadow:0 0 6px rgba(139,255,46,.25)}
.lb-hchip.is-short{border-color:rgba(255,91,122,.6);box-shadow:0 0 6px rgba(255,91,122,.22)}
.lb-hchip .coin-logo{border-radius:50%;overflow:hidden}
.lb-hmore{font-family:var(--mono);font-size:10px;color:var(--text-faint);margin-left:1px}
.lb-nline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lb-nick{display:none;font-size:10.5px;font-weight:700;font-family:var(--sans);padding:1px 7px;border-radius:6px;color:#05130a;background:linear-gradient(135deg,#8bff2e,#b6ff3a);box-shadow:0 0 8px rgba(139,255,46,.3);white-space:nowrap}
.lb-nick.on{display:inline-block}
.pf-nick{margin-left:10px;font-size:12px;font-weight:800;padding:2px 10px;border-radius:7px;color:#05130a;background:linear-gradient(135deg,#8bff2e,#b6ff3a);box-shadow:0 0 12px rgba(139,255,46,.35)}
/* 资金费率榜 */
.hs-frow{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}
.hs-frank{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:800;color:var(--text-faint);background:var(--panel-2);border-radius:6px}
.hs-frank.top{color:#05130a;background:linear-gradient(135deg,var(--gold),#ffe08a)}
.hs-fbar{flex:1;height:7px;background:var(--panel-2);border-radius:5px;overflow:hidden;min-width:24px}
.hs-ffill{display:block;height:100%;border-radius:5px}
.hs-ffill.pos{background:linear-gradient(90deg,#5fae2e,var(--green))}
.hs-ffill.neg{background:linear-gradient(90deg,#a83048,var(--red))}
.hs-fv{font-family:var(--mono);font-size:12px;font-weight:700;text-align:right;min-width:78px}
.hs-fv.pos{color:var(--green)}.hs-fv.neg{color:var(--red)}
.hs-fsub{color:var(--text-faint);font-size:10px;min-width:66px;text-align:right}
@media(max-width:900px){.hs-fund .hs-fbar{display:none}.hs-fsub{min-width:56px}}

/* ===== Pre-IPO / 全球市场专区 ===== */
.btn-pre{position:relative;color:var(--green);border-color:rgba(139,255,46,.35)}
.btn-pre:hover{background:rgba(139,255,46,.1)}
.pre-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.pre-kpi{background:var(--panel-2);border:1px solid var(--border-soft);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.pre-kpi span{color:var(--text-faint);font-size:12px}
.pre-kpi b{font-family:var(--mono);font-size:22px;color:var(--green);font-variant-numeric:tabular-nums}
.pre-kpi em{color:var(--text-faint);font-size:11px;font-style:normal}
.pre-sec-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:15px;margin:20px 0 12px;flex-wrap:wrap}
.pre-sec-n{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text-faint);background:var(--panel-2);padding:2px 8px;border-radius:6px}
.pre-sec-hint{color:var(--text-faint);font-size:12px;font-weight:400}
.pre-star-h{font-size:16px}
.pre-heros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:6px}
.pre-hero{text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:4px 12px;padding:16px;border-radius:14px;
  background:linear-gradient(135deg,rgba(139,255,46,.09),rgba(139,255,46,.02));border:1px solid rgba(139,255,46,.28);transition:transform .12s,box-shadow .12s}
.pre-hero:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,255,46,.16);border-color:rgba(139,255,46,.5)}
.pre-hero-badge{grid-row:1/3;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:800;font-size:13px;
  color:#05130a;background:linear-gradient(135deg,#8bff2e,#b6ff3a);border-radius:12px;box-shadow:0 0 14px rgba(139,255,46,.35)}
.pre-hero-tag{grid-column:2;align-self:start;font-size:10px;font-weight:700;color:var(--green);letter-spacing:.02em;text-transform:uppercase}
.pre-hero-name{grid-column:2;display:flex;flex-direction:column;line-height:1.15}
.pre-hero-name b{font-size:17px}
.pre-hero-name em{font-style:normal;color:var(--text-faint);font-size:12px;font-family:var(--mono)}
.pre-hero-px{grid-column:1/3;font-family:var(--mono);font-size:26px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}
.pre-hero .pre-chg{grid-column:1/3;justify-self:start;font-size:14px}
.pre-hero-vol{grid-column:1/3;color:var(--text-faint);font-size:11px;font-family:var(--mono)}
.pre-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pre-cell{cursor:pointer;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;
  background:var(--panel-2);border:1px solid var(--border-soft);transition:border-color .12s,background .12s;text-align:left}
.pre-cell:hover{border-color:rgba(139,255,46,.4);background:rgba(139,255,46,.05)}
.pre-badge{width:38px;height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:800;font-size:11px;
  color:var(--bc);background:color-mix(in srgb,var(--bc) 14%,transparent);border:1px solid color-mix(in srgb,var(--bc) 40%,transparent);border-radius:8px;flex:none;letter-spacing:.01em}
.pre-c-name{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.pre-c-name b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pre-c-name em{font-style:normal;color:var(--text-faint);font-size:10.5px;font-family:var(--mono)}
.pre-c-px{font-family:var(--mono);font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;min-width:64px}
.pre-cell .pre-chg{min-width:66px;text-align:right}
.pre-c-vol{display:none}
.pre-chg{font-family:var(--mono);font-size:12px;font-weight:700}
.pre-chg.pos{color:var(--green)}.pre-chg.neg{color:var(--red)}
.pre-note{margin-top:18px;padding:13px 16px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;color:var(--text-dim);font-size:12px;line-height:1.6}
.pre-note b{color:var(--text)}
@media(max-width:820px){.pre-kpis{grid-template-columns:1fr}.pre-heros{grid-template-columns:1fr}.pre-grid{grid-template-columns:1fr}}

/* ===== 市场 + 爆仓压力热力图 ===== */
.heat-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:14px 0 10px;font-size:12px;color:var(--text-dim)}
.heat-lg-scale{display:flex;align-items:center;gap:7px}
.heat-lg-grad{width:120px;height:9px;border-radius:5px;background:linear-gradient(90deg,#ff5b7a,rgba(120,120,120,.4),#8bff2e)}
.heat-lg-scale em{font-style:normal;font-family:var(--mono);font-size:11px}
.heat-lg-hot{display:flex;align-items:center;gap:5px}
.heat-lg-hot i{font-style:normal}
.heat-tree{position:relative;width:100%;height:460px;border-radius:12px;overflow:hidden;background:var(--panel-2)}
.heat-tile{position:absolute;border:1px solid rgba(0,0,0,.35);border-radius:5px;cursor:pointer;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px;transition:filter .1s;color:#eafff0}
.heat-tile:hover{filter:brightness(1.25);z-index:2;box-shadow:0 0 0 1px rgba(255,255,255,.5)}
.heat-tile b{font-size:12px;font-weight:800;line-height:1.05;text-shadow:0 1px 2px rgba(0,0,0,.6);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heat-tile span{font-family:var(--mono);font-size:10.5px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.heat-tile.hot{border-color:var(--gold);box-shadow:inset 0 0 0 1.5px rgba(244,192,78,.85)}
.heat-bolt{position:absolute;top:2px;right:3px;font-style:normal;font-size:11px;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}
.heat-pr-list{display:flex;flex-direction:column;gap:5px}
.heat-pr-row{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(90px,1fr) auto;align-items:center;gap:12px;padding:7px 12px;border-radius:9px;
  background:var(--panel-2);border:1px solid var(--border-soft);cursor:pointer;transition:border-color .12s;text-align:left}
.heat-pr-row:hover{border-color:rgba(244,192,78,.45)}
.heat-pr-co{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-weight:700;font-size:13px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heat-pr-dir{font-size:11px;font-weight:700;padding:1px 8px;border-radius:6px}
.heat-pr-dir.neg{color:var(--red);background:rgba(255,91,122,.12)}
.heat-pr-dir.pos{color:var(--green);background:rgba(139,255,46,.12)}
.heat-pr-bar{height:8px;background:rgba(255,255,255,.06);border-radius:5px;overflow:hidden}
.heat-pr-bar i{display:block;height:100%;background:linear-gradient(90deg,#f4c04e,#ff8a3a);border-radius:5px}
.heat-pr-val{font-family:var(--mono);font-size:13px;font-weight:800;color:var(--gold);min-width:26px;text-align:right}
@media(max-width:820px){.heat-tree{height:360px}.heat-pr-row{grid-template-columns:minmax(0,1.3fr) auto 1fr auto;gap:8px}}
/* 爆仓压力榜：手机窄屏挤成一行时币名会被压没 —— 改成两行，币名永远完整可见 */
.heat-pr-co b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){
  .heat-pr-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"co dir" "bar val";row-gap:7px;column-gap:9px;padding:9px 11px}
  .heat-pr-co{grid-area:co;font-size:12.5px;overflow:visible}
  .heat-pr-co .coin-logo{width:20px!important;height:20px!important}
  .heat-pr-co .coin-logo img,.heat-pr-co .coin-logo .logo-fb svg{width:20px!important;height:20px!important}
  .heat-pr-dir{grid-area:dir;font-size:10.5px;white-space:nowrap;justify-self:end}
  .heat-pr-bar{grid-area:bar;align-self:center}
  .heat-pr-val{grid-area:val;font-size:12.5px}
}
/* 热力图小方块里的「logo + 币名」横排 */
.ht-mini{display:flex;align-items:center;gap:3px;max-width:100%;min-width:0}
.ht-mini .coin-logo{flex:none}
.heat-tile b.ht-sm{max-width:100%}

/* ===== AI 实时情报流 ===== */
.intel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.intel-chips{display:flex;gap:7px;flex-wrap:wrap}
.intel-chip{padding:5px 12px;border-radius:8px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text-dim);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .12s}
.intel-chip:hover{border-color:rgba(139,255,46,.4)}
.intel-chip.on{background:linear-gradient(135deg,#8bff2e,#b6ff3a);color:#05130a;border-color:transparent}
.intel-live-dot{font-size:11.5px;color:var(--green);font-family:var(--mono);display:flex;align-items:center;gap:4px}
.intel-live-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:intelPulse 1.6s infinite}
@keyframes intelPulse{0%,100%{opacity:1}50%{opacity:.3}}
.intel-list{display:flex;flex-direction:column;gap:6px}
.intel-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border-soft);transition:border-color .12s,transform .12s}
.intel-item.clk{cursor:pointer}
.intel-item.clk:hover{border-color:rgba(139,255,46,.4);transform:translateX(2px)}
.intel-dot{width:8px;height:8px;border-radius:50%;flex:none}
.intel-dot.t-whale{background:#2ee6ff;box-shadow:0 0 8px rgba(46,230,255,.6)}
.intel-dot.t-mover{background:#8bff2e;box-shadow:0 0 8px rgba(139,255,46,.5)}
.intel-dot.t-funding{background:#f4c04e;box-shadow:0 0 8px rgba(244,192,78,.5)}
.intel-dot.t-pressure{background:#ff5b7a;box-shadow:0 0 8px rgba(255,91,122,.5)}
.intel-txt{flex:1;font-size:13.5px;line-height:1.4;min-width:0}
.intel-time{color:var(--text-faint);font-size:11px;font-family:var(--mono);flex:none;white-space:nowrap}
.intel-live{color:var(--green);font-size:10.5px;font-family:var(--mono);font-weight:700;flex:none;white-space:nowrap}
@media(max-width:820px){.intel-txt{font-size:12.5px}.intel-item{padding:10px 12px;gap:9px}}

/* ===== 情报流图标徽章（替代小圆点）===== */
.intel-badge{flex:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:var(--ic);background:color-mix(in srgb,var(--ic) 15%,transparent);border:1px solid color-mix(in srgb,var(--ic) 32%,transparent)}
.intel-badge svg{width:17px;height:17px}
.intel-item{gap:12px}
/* ===== 热力图方块：logo 优先 ===== */
.heat-tile{gap:3px;border-radius:3px}
.heat-tile .coin-logo{border-radius:50%;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.5)}
.heat-tile b{margin-top:1px}
.heat-pr-co b{font-weight:700}
.heat-pr-co .coin-logo{border-radius:50%;overflow:hidden}

/* ===== Pre-IPO 用真实公司/币种 logo（HL 图标源）===== */
.pre-logo{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#0e1512;border:1px solid var(--border-soft);overflow:hidden}
.pre-logo .coin-logo{border-radius:7px;overflow:hidden;background:#fff}
.pre-hero-logo{grid-row:1/3;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0e1512;border:1px solid rgba(139,255,46,.28);overflow:hidden}
.pre-hero-logo .coin-logo{border-radius:9px;overflow:hidden;background:#fff}

/* ===== HYPE 期权专区 ===== */
.opt-kpis{grid-template-columns:repeat(4,1fr)}
.opt-sec{display:flex;align-items:center;gap:9px;font-weight:800;font-size:14px;margin:18px 0 10px;font-family:var(--display)}
.opt-chips{display:flex;gap:7px;flex-wrap:wrap}
.opt-chip{padding:6px 12px;border-radius:9px;border:1px solid var(--border-soft);background:var(--panel-2);color:var(--text-dim);font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--mono);display:flex;align-items:center;gap:6px;transition:all .12s}
.opt-chip em{font-style:normal;font-size:10px;color:var(--text-faint);background:rgba(255,255,255,.05);padding:1px 5px;border-radius:5px}
.opt-chip:hover{border-color:rgba(139,255,46,.4)}
.opt-chip.on{background:linear-gradient(135deg,#8bff2e,#b6ff3a);color:#05130a;border-color:transparent}
.opt-chip.on em{color:#05130a;background:rgba(0,0,0,.12)}
.opt-charts{gap:16px}
.opt-chart{width:100%;height:auto;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:4px}
.opt-chain{display:flex;flex-direction:column;gap:2px;font-family:var(--mono);font-size:12px}
.opt-row{display:grid;grid-template-columns:1fr 1fr 80px 1fr 1fr;align-items:center;text-align:center;padding:6px 0;border-radius:6px}
.opt-row.opt-head{color:var(--text-faint);font-size:10.5px;font-weight:700;border-bottom:1px solid var(--border-soft);font-family:var(--sans)}
.opt-row.atm{background:rgba(139,255,46,.08);outline:1px solid rgba(139,255,46,.25)}
.opt-c{color:var(--text-dim)}
.opt-c.call{color:var(--green);font-weight:700}
.opt-c.put{color:var(--red);font-weight:700}
.opt-k{font-weight:800;color:var(--text);background:var(--panel-2);border-radius:5px;padding:2px 0}
@media(max-width:820px){.opt-kpis{grid-template-columns:1fr 1fr}.opt-charts{grid-template-columns:1fr}.opt-row{grid-template-columns:1fr 1fr 60px 1fr 1fr;font-size:11px}}

/* NFT 随机按钮：骰子线性图标（替代 🎲 emoji）*/
.bk-rand{display:inline-flex;align-items:center;gap:7px}
.bk-dice{width:16px;height:16px;flex:none}
.bk-rand:hover .bk-dice{animation:diceSpin .5s ease}
@keyframes diceSpin{from{transform:rotate(0)}to{transform:rotate(180deg)}}

/* 热力图：小方块也显示币名（文字优先，别只剩颜色块）*/
.heat-tile b.ht-sm{font-size:9px}
.heat-tile b.ht-xs{font-size:7px;line-height:1;letter-spacing:-.02em}

/* ===== 手机端：聪明钱榜/交易统计 整卡一起滚（修复滚不动）+ 精简列 ===== */
@media(max-width:760px){
  .modal .lb-card{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .modal .lb-list-wrap{overflow-x:auto;overflow-y:visible;flex:none}
  .modal .lb-radar{overflow:visible;flex:none}
  .lb-table thead th{position:static}
  .lb-table th:nth-child(6),.lb-table td:nth-child(6),
  .lb-table th:nth-child(7),.lb-table td:nth-child(7){display:none}   /* 隐藏 最大回撤/年化，腾出宽度 */
  .lb-table thead th,.lb-table tbody td{padding:11px 10px;font-size:12.5px}
  .lb-controls{padding:10px 12px}
  .lb-cats{padding:2px 12px 10px}
  .lb-why{display:none}                 /* 手机上先给数据让路 */
  .lb-foot{padding:12px 14px;font-size:11px}
  .pre-kpis,.opt-kpis{gap:8px}
  .pre-kpi b,.hs-k-val{font-size:19px}
}

/* ===== 内嵌交易 · Phase A1（连钱包 + 实时账户） ===== */
.btn-trade{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#05130a;font-weight:800;box-shadow:0 0 20px rgba(182,255,58,.35)}
.btn-trade .ticon{color:#05130a}
.btn-trade:hover{transform:translateY(-1px);box-shadow:0 0 26px rgba(182,255,58,.55)}
.tr-card{max-width:720px}
.tr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.tr-acct-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}
.tr-acct-chip b{color:var(--text);font-family:var(--mono,'JetBrains Mono',monospace);font-weight:700}
.tr-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex:none}
.tr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--text);border-radius:10px;font-weight:700;font-family:var(--display);letter-spacing:.03em;transition:.15s}
.tr-btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.tr-btn-sm{padding:6px 12px;font-size:12px}
.tr-btn-lg{padding:12px 26px;font-size:15px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#05130a;box-shadow:0 0 22px rgba(182,255,58,.4);text-decoration:none}
.tr-btn-lg:hover{box-shadow:0 0 30px rgba(182,255,58,.6)}
.tr-connect{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 18px 20px}
.tr-connect-ic{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:rgba(182,255,58,.1);border:1px solid rgba(182,255,58,.28);color:var(--accent)}
.tr-connect-ic svg{width:30px;height:30px}
.tr-connect-ic-warn{background:rgba(255,46,106,.1);border-color:rgba(255,46,106,.3);color:var(--red)}
.tr-connect-t{font-family:var(--display);font-size:20px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.03em}
.tr-connect-d{max-width:440px;font-size:13.5px;line-height:1.7;color:var(--text-dim)}
.tr-connect-sub{font-size:12px;color:var(--text-faint)}
.tr-err{font-size:12.5px;color:var(--red);background:rgba(255,46,106,.08);border:1px solid rgba(255,46,106,.25);border-radius:8px;padding:7px 12px}
.tr-kpis{margin-bottom:16px}
.tr-sec{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--text-dim);margin:2px 0 9px;font-weight:700}
.tr-pos-list{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}
.tr-pos-head,.tr-pos-main{display:grid;grid-template-columns:1.4fr .9fr 1fr 1fr 1fr 1.2fr;align-items:center;gap:8px}
.tr-pos-head{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-soft);padding:9px 12px}
.tr-pos{display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:10px;transition:.15s;font-size:13px;overflow:hidden}
.tr-pos:hover{border-color:var(--accent)}
.tr-pos-main{padding:9px 12px;cursor:pointer}
.tr-pos-acts{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--border-soft);background:rgba(0,0,0,.12)}
.tr-pos-val{font-size:11.5px;color:var(--text-faint)}
.tr-pos-btns{display:flex;gap:6px}
.tr-close-btn{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);cursor:pointer;transition:.14s}
.tr-close-btn:hover{border-color:var(--text-dim);color:var(--text);transform:translateY(-1px)}
.tr-close-btn.full{border-color:rgba(255,70,110,.5);color:var(--red);background:rgba(255,70,110,.08)}
.tr-close-btn.full:hover{background:var(--red);color:#fff;border-color:var(--red)}
.tr-pos-coin{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--text)}
.tr-pos-side{font-weight:800;font-family:var(--display);font-size:12px}
.tr-pos-side.up{color:var(--green)}
.tr-pos-side.down{color:var(--red)}
.tr-pos-pnl{display:flex;flex-direction:column;line-height:1.25;text-align:right}
.tr-pos-pnl em{font-size:11px;font-style:normal;opacity:.75}
.tr-pos .pos,.tr-pos-pnl.pos{color:var(--green)}
.tr-pos .neg,.tr-pos-pnl.neg{color:var(--red)}
.tr-ticket-stub{border:1px dashed var(--border);border-radius:12px;padding:16px;text-align:center;background:rgba(182,255,58,.03);margin-bottom:14px}
.tr-ticket-stub-h{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--accent);font-size:14px}
.tr-ticket-stub-h svg{width:17px;height:17px}
.tr-ticket-stub-d{font-size:12.5px;color:var(--text-faint);margin-top:6px}
.tr-shield{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:var(--text-dim);background:rgba(139,255,46,.05);border:1px solid var(--border-soft);border-radius:10px;padding:10px 14px;margin-top:6px}
.tr-shield svg{width:18px;height:18px;color:var(--green);flex:none}
@media(max-width:600px){
  .tr-pos-head{display:none}
  .tr-pos-main{grid-template-columns:1.3fr 1fr 1.2fr;grid-auto-rows:auto;gap:4px 8px}
  .tr-pos-sz,.tr-pos-entry,.tr-pos-liq{display:none}
  .tr-pos-pnl{text-align:right}
}

/* ===== 内嵌交易 · A2/A3 下单台 ===== */
.tr-ticket{border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px;background:linear-gradient(180deg,rgba(182,255,58,.04),var(--bg-2))}
.tr-ticket-h{display:flex;align-items:center;gap:8px;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--text);font-size:15px;margin-bottom:12px}
.tr-ticket-h svg{width:18px;height:18px;color:var(--accent)}
.tr-appr-badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--green);background:rgba(139,255,46,.12);border:1px solid rgba(139,255,46,.3);border-radius:999px;padding:3px 10px;letter-spacing:0;text-transform:none;font-family:var(--body,'Inter',sans-serif)}
.tr-enable-d{font-size:13px;line-height:1.7;color:var(--text-dim);margin-bottom:14px}
.tr-enable-d b{color:var(--text);font-weight:700}
.tr-enable{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tr-side{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.tr-side-btn{padding:11px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-family:var(--display);font-weight:800;font-size:14px;cursor:pointer;transition:.15s;letter-spacing:.03em}
.tr-side-btn.buy.on{background:rgba(139,255,46,.16);border-color:var(--green);color:var(--green);box-shadow:0 0 0 1px rgba(139,255,46,.35) inset}
.tr-side-btn.sell.on{background:rgba(255,46,106,.14);border-color:var(--red);color:var(--red);box-shadow:0 0 0 1px rgba(255,46,106,.35) inset}
.tr-side-btn:hover{color:var(--text)}
.tr-flds{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px;margin-bottom:10px}
.tr-fld{display:flex;flex-direction:column;gap:5px}
.tr-fld>span{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}
.tr-fld input,.tr-fld select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:10px 11px;font-size:14px;font-family:var(--mono,'JetBrains Mono',monospace);outline:none;width:100%}
.tr-fld input:focus,.tr-fld select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(182,255,58,.13)}
.tr-fld select{font-family:var(--display);cursor:pointer}
.tr-quick{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.tr-quick-btn{flex:1;min-width:52px;padding:8px 6px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-dim);font-family:var(--mono,'JetBrains Mono',monospace);font-size:12.5px;font-weight:600;cursor:pointer;transition:.14s}
.tr-quick-btn:hover{border-color:var(--accent);color:var(--text)}
.tr-quick-btn.on{background:rgba(182,255,58,.14);border-color:var(--accent);color:var(--accent)}
.tr-est{font-size:13px;color:var(--text-dim);padding:9px 12px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:9px;margin-bottom:12px;font-family:var(--mono,'JetBrains Mono',monospace)}
.tr-est b{color:var(--text)}
.tr-place{width:100%;padding:14px;font-size:15px;font-family:var(--display);font-weight:800;border-radius:11px;border:none;cursor:pointer;letter-spacing:.03em;transition:.15s}
.tr-place.buy{background:linear-gradient(135deg,var(--green),#5fd41a);color:#05130a;box-shadow:0 0 22px rgba(139,255,46,.35)}
.tr-place.sell{background:linear-gradient(135deg,var(--red),#c01f4a);color:#fff;box-shadow:0 0 22px rgba(255,46,106,.3)}
.tr-place:hover{transform:translateY(-1px)}
.tr-status{font-size:12.5px;color:var(--text-dim);margin-top:10px;min-height:16px;line-height:1.5}
.tr-status.err{color:var(--red)}
.tr-status.ok{color:var(--green);font-weight:700}
.tr-disc{font-size:11px;color:var(--text-faint);line-height:1.6;margin-top:10px}
/* 确认下单弹层 */
.tr-confirm-mask{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);backdrop-filter:blur(3px);display:grid;place-items:center;padding:18px}
.tr-confirm{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 24px 60px -12px #000}
.tr-confirm-h{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-weight:800;font-size:17px;color:var(--text);margin-bottom:14px}
.tr-confirm-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:13.5px}
.tr-confirm-row span{color:var(--text-faint)}
.tr-confirm-row b{color:var(--text);font-family:var(--mono,'JetBrains Mono',monospace)}
.tr-confirm-row b.up{color:var(--green)}.tr-confirm-row b.down{color:var(--red)}
.tr-confirm-fee b{color:var(--accent)}
.tr-confirm-note{font-size:12px;color:var(--text-dim);line-height:1.6;margin:12px 0 16px}
.tr-confirm-note b{color:var(--red)}
.tr-confirm-acts{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.tr-confirm-acts .tr-btn-lg{background:linear-gradient(135deg,var(--green),#5fd41a);color:#05130a}
.tr-confirm-acts .tr-btn-lg.sell{background:linear-gradient(135deg,var(--red),#c01f4a);color:#fff}
/* 市价/限价切换 */
.tr-otype{display:inline-flex;gap:4px;margin-bottom:10px;padding:3px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:9px}
.tr-otype-btn{padding:6px 16px;border-radius:6px;border:none;background:transparent;color:var(--text-faint);font-family:var(--display);font-weight:700;font-size:13px;cursor:pointer;transition:.14s;letter-spacing:.02em}
.tr-otype-btn.on{background:var(--accent);color:#08120a}
.tr-fld-limit{margin-bottom:10px}
.tr-fld-limit>span{color:var(--accent)}
.tr-fld[hidden]{display:none}
/* 止盈止损：持仓上的按钮 + 徽标 + 展开面板 */
.tr-tpsl-btn{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 11px;border-radius:8px;border:1px solid rgba(182,255,58,.4);background:rgba(182,255,58,.06);color:var(--accent);cursor:pointer;transition:.14s}
.tr-tpsl-btn:hover{background:rgba(182,255,58,.14)}
.tr-tpsl-btn svg{width:13px;height:13px}
.tr-tpsl-tag{margin-left:8px;font-size:11px;color:var(--accent);opacity:.9}
.tr-tpsl-panel{padding:12px;border-top:1px dashed var(--border-soft);background:rgba(182,255,58,.03)}
.tr-tpsl-flds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.tr-tpsl-flds input{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 10px;font-size:14px;font-family:var(--mono,'JetBrains Mono',monospace);outline:none;width:100%}
.tr-tpsl-flds input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(182,255,58,.13)}
.tr-tpsl-hint{font-size:11.5px;color:var(--text-faint);line-height:1.6;margin-bottom:10px}
.tr-tpsl-hint b{color:var(--text-dim)}
.tr-tpsl-ok{width:100%;padding:10px;font-family:var(--display);font-weight:800;font-size:14px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent),#8fd41a);color:#08120a;transition:.15s}
.tr-tpsl-ok:hover{transform:translateY(-1px)}
.tr-tpsl-status{margin-top:8px}
/* 挂单列表 */
.tr-sec-n{font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;color:var(--text-faint);font-weight:600}
.tr-ord-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.tr-ord{display:grid;grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:10px;padding:9px 12px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:10px;font-size:13px}
.tr-ord-l{font-family:var(--display);font-weight:800;font-size:11px;padding:2px 7px;border-radius:5px;letter-spacing:.03em}
.tr-ord-l.up{color:var(--green);background:rgba(139,255,46,.12)}
.tr-ord-l.down{color:var(--red);background:rgba(255,70,110,.12)}
.tr-ord-coin{font-weight:700;color:var(--text)}
.tr-ord-dir{font-size:11.5px;color:var(--text-faint)}
.tr-ord-sz,.tr-ord-px{color:var(--text-dim)}
.tr-cxl-btn{font-family:var(--display);font-size:12px;font-weight:700;padding:5px 12px;border-radius:7px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);cursor:pointer;transition:.14s}
.tr-cxl-btn:hover{border-color:var(--red);color:var(--red);background:rgba(255,70,110,.08)}
@media(max-width:600px){
  .tr-flds{grid-template-columns:1fr 1fr}.tr-fld-lev{grid-column:1/-1}
  .tr-ord{grid-template-columns:auto 1fr auto auto;gap:6px}.tr-ord-dir,.tr-ord-sz{display:none}
  .tr-tpsl-flds{grid-template-columns:1fr}
  /* 手机：输入框 16px 防 iOS 聚焦放大 */
  .tr-fld input,.tr-fld select,.tr-tpsl-flds input{font-size:16px}
  /* KPI 两列更紧凑，不要挤成一长条 */
  .pre-kpis.tr-kpis{grid-template-columns:1fr 1fr}
  /* 持仓操作：标签一行、按钮铺满一行，点按区更大 */
  .tr-pos-acts{flex-direction:column;align-items:stretch;gap:8px}
  .tr-pos-btns{width:100%}
  .tr-pos-btns .tr-close-btn,.tr-pos-btns .tr-tpsl-btn{flex:1;justify-content:center;min-height:40px;padding:8px 6px}
  /* 更大的触摸目标 */
  .tr-otype-btn{min-height:38px}
  .tr-quick-btn{min-height:40px}
  .tr-cxl-btn{min-height:36px}
  .tr-tpsl-ok,.tr-place{min-height:48px}
  .tr-side-btn{padding:13px}
}

/* ===== HypeNGo 手续费收益看板 ===== */
.earn-card{max-width:560px}
.btn-earn.btn-ghost{border-color:rgba(182,255,58,.35);color:var(--accent)}
.earn-hero{text-align:center;padding:22px 18px 24px;border-radius:16px;margin-bottom:16px;background:radial-gradient(120% 140% at 50% 0,rgba(182,255,58,.14),rgba(182,255,58,.03) 60%,transparent);border:1px solid rgba(182,255,58,.28)}
.earn-hero-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-family:var(--display);font-weight:700}
.earn-hero-num{font-family:var(--display);font-weight:800;font-size:44px;line-height:1.1;color:var(--accent);margin:8px 0 6px;text-shadow:0 0 30px rgba(182,255,58,.4);font-variant-numeric:tabular-nums}
.earn-hero-sub{font-size:12.5px;color:var(--text-faint);line-height:1.5}
.earn-kpis{grid-template-columns:repeat(3,1fr);margin-bottom:16px}
.earn-note{border:1px solid var(--border-soft);border-radius:12px;padding:12px 14px;background:var(--bg-2);display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.earn-note-row{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text-dim);line-height:1.6}
.earn-note-row svg{width:15px;height:15px;color:var(--accent);flex:none;margin-top:1px}
.earn-note-row b{color:var(--text);font-family:var(--mono,'JetBrains Mono',monospace)}
@media(max-width:600px){.earn-hero-num{font-size:36px}.earn-kpis{grid-template-columns:1fr}}
/* 加仓按钮 */
.tr-add-btn{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 12px;border-radius:8px;border:1px solid rgba(139,255,46,.45);background:rgba(139,255,46,.08);color:var(--green);cursor:pointer;transition:.14s}
.tr-add-btn:hover{background:var(--green);color:#05130a;border-color:var(--green);transform:translateY(-1px)}
/* 最近成交 */
.tr-fill-list{display:flex;flex-direction:column;gap:3px;margin-bottom:16px}
.tr-fill{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:9px;font-size:12.5px}
.tr-fill-dir{font-family:var(--display);font-weight:700;font-size:11.5px}
.tr-fill-dir.up{color:var(--green)}.tr-fill-dir.down{color:var(--red)}
.tr-fill-coin{font-weight:700;color:var(--text)}
.tr-fill-sz,.tr-fill-px{color:var(--text-dim);font-size:12px}
.tr-fill-via{font-size:10.5px;font-weight:800;font-family:var(--display);letter-spacing:.02em;padding:2px 8px;border-radius:999px;color:#08120a;background:var(--accent)}
.tr-fill-via.off{color:var(--text-faint);background:transparent;border:1px solid var(--border);font-weight:600}
/* 分享成绩卡 */
.earn-share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),#8fd41a);color:#08120a;border:none;margin-bottom:12px}
.earn-share-btn svg{width:16px;height:16px}
.earn-share{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
.earn-share-card{background:radial-gradient(130% 120% at 50% 0,#132a10,#0a1408 70%);border:1px solid rgba(182,255,58,.4);border-radius:18px;padding:26px 22px;text-align:center;box-shadow:0 20px 60px -12px #000,0 0 60px -20px rgba(182,255,58,.5)}
.esc-brand{font-family:var(--display);font-weight:800;font-size:26px;color:#fff;letter-spacing:.5px}
.esc-brand span{color:var(--accent)}
.esc-tag{font-size:12px;color:var(--text-dim);margin-top:4px}
.esc-hero{margin:20px 0}
.esc-hero-num{font-family:var(--display);font-weight:800;font-size:46px;color:var(--accent);line-height:1;text-shadow:0 0 30px rgba(182,255,58,.5);font-variant-numeric:tabular-nums}
.esc-hero-lbl{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
.esc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 16px}
.esc-stats>div{background:rgba(255,255,255,.04);border:1px solid var(--border-soft);border-radius:12px;padding:12px 8px}
.esc-stats b{display:block;font-family:var(--display);font-weight:800;font-size:18px;color:#fff;font-variant-numeric:tabular-nums}
.esc-stats span{font-size:11px;color:var(--text-faint)}
.esc-url{font-family:var(--mono,'JetBrains Mono',monospace);font-size:13px;color:var(--accent);letter-spacing:.02em}
.earn-share-tip{text-align:center;font-size:12px;color:var(--text-faint)}
.earn-share-acts{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}
.earn-share-acts .tr-btn-lg{background:linear-gradient(135deg,var(--accent),#8fd41a);color:#08120a}
@media(max-width:600px){.tr-fill{grid-template-columns:auto 1fr auto auto;gap:7px}.tr-fill-sz{display:none}.tr-pos-btns .tr-add-btn{flex:1;min-height:40px}}

/* ===== 现货→合约 划转提示 ===== */
.tr-spot-hint{border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;background:var(--bg-2)}
.tr-spot-hint.hot{border-color:rgba(182,255,58,.4);background:rgba(182,255,58,.06);box-shadow:0 0 0 1px rgba(182,255,58,.15) inset}
.tr-spot-hint-t{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:14px;color:var(--text);text-transform:uppercase;letter-spacing:.03em}
.tr-spot-hint-t svg{width:17px;height:17px;color:var(--accent)}
.tr-spot-hint-t b{color:var(--accent);font-family:var(--mono,'JetBrains Mono',monospace)}
.tr-spot-hint-d{font-size:12.5px;color:var(--text-dim);line-height:1.6;margin:7px 0 12px}
.tr-xfer-btn{padding:11px 22px;font-size:14px}

/* 生成币徽 */
.coin-badge{flex:none;border-radius:50%;vertical-align:middle;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.mw-coin .coin-badge{margin-right:2px}

.mw-tab-ico{width:15px;height:15px;vertical-align:-2px;margin-right:5px;flex:none}


/* ===== HypeNGo 补丁 · DEX名字字体 + 手机端爆仓榜币名 ===== */
.hs-dn b{font-family:var(--display);letter-spacing:.015em}
@media(max-width:600px){.heat-pr-dir{font-size:9.5px;padding:1px 5px;white-space:nowrap}.heat-pr-co{font-size:12px}.heat-pr-co b{min-width:0;overflow:hidden;text-overflow:ellipsis}}