/* NEXORA Crypto Markets V18 — UI only */
.nex-crypto-page{min-height:calc(100vh - 64px);padding:34px 0 120px;color:#edf8f5}
.nex-crypto-shell{width:min(1136px,calc(100% - 34px));margin:0 auto}
.nex-crypto-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:28px 30px;border:1px solid #1c3858;border-radius:18px;background:linear-gradient(120deg,rgba(10,25,45,.98),rgba(6,18,35,.98));position:relative;overflow:hidden}
.nex-crypto-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(103,224,193,.13),transparent 68%);pointer-events:none}
.nex-crypto-kicker{display:block;margin-bottom:9px;color:#67e0c1;font:600 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
.nex-crypto-hero h1{margin:0;color:#f2fbf8;font:800 clamp(29px,4vw,44px)/1 'Inter',sans-serif;letter-spacing:-.045em}
.nex-crypto-hero p{max-width:650px;margin:12px 0 0;color:#7e969e;font-size:12px;line-height:1.7}
.nex-crypto-live{position:relative;z-index:1;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 12px;border:1px solid rgba(103,224,193,.23);border-radius:10px;background:rgba(103,224,193,.045);color:#85a6a2;font:600 8px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.1em}
.nex-crypto-live i{width:7px;height:7px;border-radius:50%;background:#67e0c1;box-shadow:0 0 12px rgba(103,224,193,.8)}
.nex-crypto-live.reconnecting i{background:#8aa0a9;box-shadow:none}
.nex-crypto-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a3554;margin:18px 0 16px}
.nex-crypto-market-count{color:#f0f8f6;font:800 19px/1 'Inter',sans-serif}.nex-crypto-market-count small{margin-left:6px;color:#6f8991;font:600 8px/1 'IBM Plex Mono',monospace;letter-spacing:.12em}
.nex-crypto-updated{display:flex;align-items:center;gap:8px;color:#6f8991;font:600 8px/1 'IBM Plex Mono',monospace;letter-spacing:.08em}.nex-crypto-updated i{color:#67e0c1}
.nex-crypto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nex-crypto-card{position:relative;min-width:0;min-height:212px;padding:18px;border:1px solid #1c3858;border-radius:15px;background:linear-gradient(180deg,#0a192b,#081525);text-decoration:none;color:inherit;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.nex-crypto-card:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(103,224,193,.045),transparent 40%);opacity:0;transition:.18s ease;pointer-events:none}
.nex-crypto-card:hover{transform:translateY(-2px);border-color:#396a6d;background:linear-gradient(180deg,#0c1e33,#09182a)}.nex-crypto-card:hover:before{opacity:1}
.nex-crypto-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.nex-crypto-identity{display:flex;align-items:center;gap:12px;min-width:0}
.nex-coin-mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#eff8f5;color:#08131e;font:800 17px/1 'Inter',sans-serif;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.nex-coin-mark[data-coin="BTC"]{color:#f7931a}.nex-coin-mark[data-coin="ETH"]{color:#4d596f}.nex-coin-mark[data-coin="BNB"]{color:#c89400}.nex-coin-mark[data-coin="XRP"]{color:#111827}.nex-coin-mark[data-coin="SOL"]{color:#7255ff}.nex-coin-mark[data-coin="DOGE"]{color:#b89b2d}.nex-coin-mark[data-coin="TRX"]{color:#e9414b}.nex-coin-mark[data-coin="ADA"]{color:#2f7cf6}.nex-coin-mark[data-coin="LINK"]{color:#375bd2}
.nex-coin-logo{display:block;width:27px;height:27px;object-fit:contain;max-width:74%;max-height:74%}.nex-coin-fallback{display:none;width:100%;height:100%;place-items:center;font:800 17px/1 'Inter',sans-serif}.nex-coin-fallback.show,.nex-coin-mark.logo-failed .nex-coin-fallback{display:grid}.nex-coin-mark.logo-failed .nex-coin-logo{display:none}
.nex-crypto-name{min-width:0}.nex-crypto-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f8f7;font:800 13px/1.2 'Inter',sans-serif}.nex-crypto-name span{display:block;margin-top:4px;color:#718890;font:600 8px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.05em}
.nex-crypto-change{padding:7px 8px;border-radius:8px;background:rgba(126,148,158,.08);color:#84999f;font:700 9px/1 'IBM Plex Mono',monospace}.nex-crypto-change.pos{color:#67e0c1;background:rgba(103,224,193,.08)}.nex-crypto-change.neg{color:#ff7182;background:rgba(255,92,112,.08)}
.nex-crypto-price-wrap{position:relative;z-index:1;margin-top:22px}.nex-crypto-price-label{color:#627c85;font:600 7px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.11em}.nex-crypto-price{margin-top:7px;color:#f4faf8;font:800 23px/1.1 'Inter',sans-serif;letter-spacing:-.035em}.nex-crypto-price small{font-size:9px;color:#738b92;font-family:'IBM Plex Mono',monospace;margin-left:4px}
.nex-crypto-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:19px;padding-top:14px;border-top:1px solid rgba(50,81,112,.55)}
.nex-crypto-stat{min-width:0}.nex-crypto-stat label{display:block;color:#5d7881;font:600 6.5px/1 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.nex-crypto-stat span{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9cb0b3;font:600 8px/1 'IBM Plex Mono',monospace}
.nex-crypto-arrow{position:absolute;right:16px;bottom:14px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(103,224,193,.15);color:#67e0c1;font-size:9px;opacity:.62;transition:.18s ease}.nex-crypto-card:hover .nex-crypto-arrow{opacity:1;background:rgba(103,224,193,.08)}
.nex-crypto-loading,.nex-crypto-empty{grid-column:1/-1;min-height:250px;border:1px dashed #1c3858;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#718a92;font:600 10px/1.5 'IBM Plex Mono',monospace}
.nex-crypto-loading i{color:#67e0c1}
@media(max-width:820px){
  .nex-crypto-page{padding-top:18px}
  .nex-crypto-hero{align-items:flex-start;flex-direction:column;padding:20px 22px}
  .nex-crypto-live{align-self:flex-start}
  /* Keep the market wall at three columns on tablet/mobile. */
  .nex-crypto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .nex-crypto-page{padding:10px 0 96px}
  .nex-crypto-shell{width:calc(100% - 14px)}
  .nex-crypto-hero{padding:14px 15px;border-radius:13px;gap:9px}
  .nex-crypto-kicker{margin-bottom:6px;font-size:6.5px}
  .nex-crypto-hero h1{font-size:23px;letter-spacing:-.04em}
  .nex-crypto-hero p{margin-top:7px;max-width:92%;font-size:9px;line-height:1.5}
  .nex-crypto-live{padding:7px 8px;border-radius:8px;font-size:6px}
  .nex-crypto-live i{width:5px;height:5px}
  .nex-crypto-toolbar{height:38px;margin:7px 0 8px}
  .nex-crypto-market-count{font-size:15px}
  .nex-crypto-market-count small{font-size:5.5px;margin-left:4px}
  .nex-crypto-updated{font-size:5.5px;gap:5px}

  .nex-crypto-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .nex-crypto-card{min-height:139px;padding:8px;border-radius:11px}
  .nex-crypto-head{display:block;min-width:0}
  .nex-crypto-identity{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-right:0}
  .nex-coin-mark{width:29px;height:29px;flex:0 0 29px;border-radius:8px;font-size:11px;box-shadow:0 4px 12px rgba(0,0,0,.14)}
  .nex-coin-logo{width:19px;height:19px;max-width:72%;max-height:72%}
  .nex-coin-fallback{font-size:11px}
  .nex-crypto-name{width:100%}
  .nex-crypto-name strong{font-size:8.5px;line-height:1.1;letter-spacing:-.02em}
  .nex-crypto-name span{display:none}
  .nex-crypto-change{position:absolute;right:7px;top:7px;padding:4px 5px;border-radius:6px;font-size:5.8px}
  .nex-crypto-price-wrap{margin-top:13px}
  .nex-crypto-price-label{font-size:5px;letter-spacing:.08em}
  .nex-crypto-price{margin-top:5px;font-size:12px;line-height:1.05;letter-spacing:-.035em;white-space:nowrap}
  .nex-crypto-price small{font-size:5px;margin-left:2px}
  .nex-crypto-stats{display:none}
  .nex-crypto-arrow{display:none}
  .nex-crypto-loading,.nex-crypto-empty{min-height:170px;font-size:8px}
}
@media(max-width:370px){
  .nex-crypto-grid{gap:5px}
  .nex-crypto-card{min-height:132px;padding:7px}
  .nex-crypto-price{font-size:11px}
  .nex-crypto-name strong{font-size:8px}
  .nex-crypto-change{right:6px;top:6px;font-size:5.3px;padding:3px 4px}
}


/* =========================================================
   NEXORA V20 — Exchange Intelligence polish
   ========================================================= */
.nex-crypto-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
.nex-crypto-overview-card{min-width:0;padding:12px 14px;border:1px solid rgba(46,85,118,.62);border-radius:12px;background:linear-gradient(180deg,rgba(9,27,47,.92),rgba(6,20,36,.92))}
.nex-crypto-overview-card>span{display:block;color:#66818b;font:600 6.8px/1 'IBM Plex Mono',monospace;letter-spacing:.11em}
.nex-crypto-overview-card strong{display:inline-block;margin-top:7px;color:#eef9f6;font:800 13px/1 'Inter',sans-serif}
.nex-crypto-overview-card small{margin-left:7px;color:#718c94;font:700 8px/1 'IBM Plex Mono',monospace}.nex-crypto-overview-card small.pos{color:#67e0c1}.nex-crypto-overview-card small.neg{color:#ff7182}
.nex-crypto-card{min-height:264px}
.nex-crypto-sparkline{position:relative;z-index:1;height:34px;margin-top:10px;color:#67e0c1;opacity:.88}
.nex-crypto-sparkline svg{display:block;width:100%;height:100%;overflow:visible}
.nex-crypto-spark-line{fill:none;stroke:currentColor;stroke-width:1.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgba(103,224,193,.32))}
.nex-crypto-spark-fill{fill:rgba(103,224,193,.055);stroke:none}.nex-crypto-card.spark-neg .nex-crypto-sparkline{color:#ff7182}.nex-crypto-card.spark-neg .nex-crypto-spark-fill{fill:rgba(255,113,130,.045)}
.nex-crypto-range{position:relative;z-index:1;margin-top:7px}
.nex-crypto-range-track{position:relative;height:3px;border-radius:4px;background:#102a41;overflow:visible}.nex-crypto-range-track i{position:absolute;inset:0 auto 0 0;width:0;border-radius:4px;background:linear-gradient(90deg,#327d7a,#67e0c1);transition:width .35s ease}.nex-crypto-range-track b{position:absolute;top:50%;left:0;width:6px;height:6px;border:1px solid #d7fff5;border-radius:50%;background:#67e0c1;transform:translate(-50%,-50%);box-shadow:0 0 7px rgba(103,224,193,.6);transition:left .35s ease}
.nex-crypto-range>span{display:block;margin-top:5px;color:#536f79;font:600 5.8px/1 'IBM Plex Mono',monospace;letter-spacing:.08em}
@media(max-width:600px){
  .nex-crypto-overview{gap:5px;margin-top:7px}
  .nex-crypto-overview-card{padding:7px 7px;border-radius:8px;min-height:47px}
  .nex-crypto-overview-card>span{font-size:4.7px;letter-spacing:.07em;white-space:nowrap}
  .nex-crypto-overview-card strong{display:block;margin-top:5px;font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nex-crypto-overview-card small{display:block;margin:3px 0 0;font-size:5.4px}
  .nex-crypto-card{min-height:158px}
  .nex-crypto-sparkline{height:18px;margin-top:7px}
  .nex-crypto-range{margin-top:5px}.nex-crypto-range-track{height:2px}.nex-crypto-range-track b{width:4px;height:4px}.nex-crypto-range>span{display:none}
}


/* =========================================================
   NEXORA V20.3 — Chinese Crypto readability
   Desktop +1px-ish; mobile remains compact enough for 3x3.
   ========================================================= */
html[lang="zh"] .nex-crypto-kicker{font-size:10px}
html[lang="zh"] .nex-crypto-hero p{font-size:13px;line-height:1.75}
html[lang="zh"] .nex-crypto-market-count small,
html[lang="zh"] .nex-crypto-updated{font-size:9px}
html[lang="zh"] .nex-crypto-name span{font-size:9px}
html[lang="zh"] .nex-crypto-price-label{font-size:8px}
html[lang="zh"] .nex-crypto-stat label{font-size:7.5px}
html[lang="zh"] .nex-crypto-stat span{font-size:9px}
html[lang="zh"] .nex-crypto-overview-card>span{font-size:7.8px}
html[lang="zh"] .nex-crypto-overview-card small{font-size:9px}

@media(max-width:600px){
  html[lang="zh"] .nex-crypto-kicker{font-size:7.2px}
  html[lang="zh"] .nex-crypto-hero p{font-size:10.5px;line-height:1.65;max-width:96%}
  html[lang="zh"] .nex-crypto-market-count small,
  html[lang="zh"] .nex-crypto-updated{font-size:6.3px}
  html[lang="zh"] .nex-crypto-name strong{font-size:9px}
  html[lang="zh"] .nex-crypto-price-label{font-size:5.7px}
  html[lang="zh"] .nex-crypto-overview-card>span{font-size:5.2px}
  html[lang="zh"] .nex-crypto-overview-card strong{font-size:8.3px}
  html[lang="zh"] .nex-crypto-overview-card small{font-size:5.8px}
}