:root{--ac:#7fd1f5;--acd:#15303d}
html,body{font-family:Inter,"Noto Color Emoji","Apple Color Emoji",system-ui,sans-serif}
.btn{background:var(--ac);color:#06202b}
.eye{display:block;border-radius:5px}
.brand{gap:9px}
.sm{font-size:11px}.r{}
/* rows */
.r{position:relative;grid-template-columns:68px 1fr auto;gap:11px;padding:10px 12px;align-items:center}
.av{width:68px;height:68px;border-radius:8px}
.avw .bc{bottom:-5px;height:2px}
.mid{min-width:0}
.nm b{font-size:15px}.nm span{font-size:12px;color:var(--t3)}
.l2{margin-top:4px;gap:8px;font-size:12px}
.l2 .age{color:var(--tx);font-weight:600}.l2 .age.fresh{color:var(--ac)}
.l2 .chg{font-weight:600}
.l2 .meta{color:var(--t3);gap:3px}
.l3{gap:10px;margin-top:6px}
.rk{display:inline-flex;align-items:center;gap:2px;font-size:11px;color:var(--t3);font-weight:500}
.rk svg.i{width:11px;height:11px}
.rk.bad{color:var(--dn);font-weight:600}
.rt{gap:1px;align-self:stretch;justify-content:center;position:relative}
.rt .mc{font-size:16px;font-weight:700;letter-spacing:-.2px}
.rt .vol{color:var(--t3);font-size:11px}
.buy{display:none;margin-top:3px;background:var(--ac);color:#06202b;font-weight:700;padding:8px 12px;border-radius:7px;font-size:13px;}
.r:hover .buy,.r.hov .buy{display:inline-flex}.r:hover .vol,.r.hov .vol{display:none}
.r.hov{background:var(--p1)}
.qb .z,.pp span.on{color:var(--ac)}
/* rail */
.rail{background:#0f1114;border-left:1px solid var(--ln)}
.au{padding:14px}
.live{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px}
.live i{width:8px;height:8px;border-radius:50%;background:var(--dn);box-shadow:0 0 0 3px rgba(240,70,90,.2)}
.au .hd{gap:8px}
.hero{display:grid;grid-template-columns:72px 1fr;gap:14px;margin-top:14px;align-items:center}
.tk{font-weight:700;color:var(--t3);font-size:13px}.tk span{letter-spacing:2px}
.cd{font-size:40px;font-weight:700;letter-spacing:-1px;line-height:1.05}.cd small{font-size:18px;color:var(--t3)}
.bar{height:4px;background:var(--p3);border-radius:2px;overflow:hidden;margin:6px 0 4px}.bar i{display:block;height:100%;background:var(--dn)}
.bar.sm2{height:3px;margin:4px 0 0;width:120px}.bar.sm2 i{background:var(--ac)}
.lead{display:flex;justify-content:space-between;margin-top:14px;padding:10px 12px;background:var(--p2);border-radius:8px}
.lead b{display:block;font-size:15px}
.dp{display:block;width:100%;height:70px;margin-top:10px}
.lad{border:0;margin-top:6px}
.lad .x{grid-template-columns:16px 1fr auto 34px;padding:4px 0;border:0}
.lad .x i{right:0;left:auto;background:rgba(127,209,245,.08)}
.lad .x:first-child i{background:rgba(31,199,126,.18)}
.lad .x:first-child .ad{color:var(--up)}
.ra{text-align:right}
.split{display:flex;justify-content:space-between;font-size:11px;color:var(--t3);margin-top:10px}.split b{color:var(--t2);font-weight:600}
.bid{margin-top:10px}.bid .go{width:auto;margin:0;padding:0 22px;background:var(--ac);color:#06202b}
.other{padding:12px 14px}.oa{grid-template-columns:34px 1fr auto;gap:10px;padding:6px 0}
.oa b{font-weight:600}
/* mobile */
@media(max-width:760px){
 .r{grid-template-columns:56px 1fr auto;padding:10px 12px}.av{width:56px;height:56px}
 .buy{display:inline-flex;box-shadow:none;margin-top:4px;padding:5px 10px;font-size:12px;background:var(--acd);color:var(--ac)}
 .rt{align-self:center;align-items:flex-end}
 .mau{background:#0f1114;padding:12px}
 .mau .t{gap:12px}.mau .cd{font-size:30px}.mau .big{display:block;font-size:20px}
 .mau .dp{height:40px;margin-top:6px}
}
@media(max-width:760px){.vol{display:none}}

.born{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--ac);background:var(--acd);padding:1px 6px 1px 4px;border-radius:4px;white-space:nowrap}
.born svg.i{width:11px;height:11px}
.l3{align-items:center;white-space:nowrap;overflow:hidden}
.l3{gap:7px}.rk svg.i{width:10px;height:10px}