#viewCrypto { display: block; overflow: auto; }
.crypto-wrap { max-width: 1180px; margin: 0 auto; padding: 18px 20px 28px; }
.crypto-card { padding: 0; overflow: hidden; }
.crypto-bar { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.crypto-title { font-size: 15px; color: var(--txt); font-weight: 600; }
.crypto-updated { margin-left: auto; color: var(--dim); font-size: 12px; font-variant-numeric: tabular-nums; }
#cryptoRefresh { height: 33px; padding: 0 14px; border: 1px solid var(--line-2); border-radius: 8px; background: var(--panel-2); color: var(--txt-2); font: 13px var(--font); cursor: pointer; }
#cryptoRefresh:hover { background: var(--panel-3); color: #fff; }
#cryptoRefresh:disabled { opacity: .5; cursor: default; }
.crypto-scroll { overflow-x: auto; }
.crypto-head, .crypto-row { display: grid; grid-template-columns: 45px minmax(140px, 1.3fr) 135px minmax(105px, 1fr) 100px minmax(120px, 1fr) 135px; gap: 12px; align-items: center; padding: 0 16px; min-width: 940px; }
.crypto-head { height: 38px; background: var(--panel-2); color: var(--sub); font-size: 12px; }
.crypto-head .crypto-num { font-size: 12px; }
.crypto-row { width: 100%; min-height: 53px; border: 0; border-bottom: 1px solid rgba(255,255,255,.05); background: transparent; color: var(--txt); text-align: left; font: 14px var(--font); cursor: pointer; transition: background-color .12s; }
.crypto-row:hover { background: rgba(61,126,255,.08); }
.crypto-row:last-child { border-bottom: 0; }
.crypto-rank { color: var(--dim); font-size: 13px; font-variant-numeric: tabular-nums; }
.crypto-name { display: flex; flex-direction: column; gap: 1px; overflow: hidden; }
.crypto-name b { font-size: 14px; color: #fff; font-weight: 600; }
.crypto-name small { color: var(--sub); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crypto-pair { color: var(--txt-2); font-size: 12.5px; }
.crypto-num { text-align: right; font-size: 14px; font-variant-numeric: tabular-nums; }
.crypto-open { color: var(--accent-2); font-size: 12px; text-align: right; }
.crypto-footer { padding: 11px 16px; border-top: 1px solid var(--line); color: var(--dim); font-size: 12.5px; line-height: 1.8; }
#cryptoStatus { color: var(--sub); }
@media(max-width:700px) { .crypto-wrap { padding: 0; } .crypto-bar { flex-wrap: wrap; gap: 8px; } .crypto-updated { width: 100%; order: 3; margin: 0; } #cryptoRefresh { margin-left: auto; } }