.hub{padding-block:6px 56px}.hub .in{max-width:1080px;margin-inline:auto}.hub [hidden]{display:none!important}.hub .search{height:48px;color:var(--color-dim);background:var(--color-bg-2);box-shadow:inset 0 0 0 1px var(--color-line-2);transition:box-shadow var(--dur), background var(--dur);border-radius:14px;align-items:center;gap:10px;padding-inline:16px;display:flex}.hub .search:hover{box-shadow:inset 0 0 0 1px #ffffff38}.hub .search:focus-within{box-shadow:inset 0 0 0 1.5px var(--color-gold), 0 0 0 4px #f2c14e24;background:var(--color-surface)}.hub .search input{min-width:0;height:100%;color:var(--color-ink);font:inherit;text-align:start;background:0 0;border:0;outline:0;flex:1;font-size:15px}.hub .search input::placeholder{color:var(--color-dim)}.hub .search input::-webkit-search-cancel-button{display:none}.hub .search kbd{min-width:22px;height:22px;font:600 12px/1 var(--font-sans);color:var(--color-dim);box-shadow:inset 0 0 0 1px var(--color-line-2);border-radius:6px;flex:none;place-items:center;display:grid}@media (pointer:coarse){.hub .search kbd{display:none}}.hub .catbar{align-items:center;gap:8px;margin:12px 0 22px;display:flex;position:relative}.hub .cats{scrollbar-width:none;flex:1;gap:8px;min-width:0;padding-block:3px;display:flex;overflow-x:auto}.hub .cats::-webkit-scrollbar{display:none}.hub .cats a{height:40px;color:var(--color-muted);background:var(--color-bg-2);box-shadow:inset 0 0 0 1px var(--color-line-2);transition:color var(--dur), background var(--dur), box-shadow var(--dur), transform var(--dur) var(--ease-spring);border-radius:99px;flex:none;align-items:center;gap:8px;padding-inline:8px 16px;font-size:13.5px;font-weight:650;display:inline-flex}.hub .cats a:hover{color:var(--color-ink);transform:translateY(-1px)}.hub .cats a[aria-current=true]{color:var(--color-ink);background:var(--color-surface-3);box-shadow:inset 0 0 0 1px #f2c14e80}.hub .cats a:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.hub .ci{object-fit:contain;flex:none;width:26px;height:26px}.hub .allic{width:26px;height:26px;color:var(--color-gold);background:#f2c14e24;border-radius:50%;flex:none;place-items:center;margin:0;padding:0;display:grid}.hub .allic svg{flex:none;width:16px;height:16px}.hub .arw{width:36px;height:36px;color:var(--color-ink);background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-line-2);cursor:pointer;transition:background var(--dur), transform var(--dur) var(--ease-spring);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.hub .arw:hover{background:var(--color-surface-2);transform:scale(1.06)}.hub .arw[data-scroll=start] svg{rotate:180deg}.hub .hs{margin-bottom:28px}.hub .hs .ph2,.hub .mh .ph2{margin:0 0 12px}.hub .trend{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hub .tcard{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur), background var(--dur);flex-direction:column;gap:10px;padding:14px;display:flex;container-type:inline-size}.hub a.tcard:hover{background:var(--color-surface-2);box-shadow:inset 0 0 0 1px #f2c14e73, var(--shadow-1);transform:translateY(-3px)}.hub .th{align-items:center;gap:10px;min-width:0;display:flex}.hub .tp .hp{flex-wrap:wrap;font-size:min(19px,10.5cqi)}.hub .tf{flex-wrap:wrap;row-gap:6px}.hub .tcard .hc{min-width:0}.hub .tf{justify-content:space-between;align-items:center;gap:8px;display:flex}.hub .spk{width:68px;height:26px;overflow:visible}.hub .spk.up{color:var(--color-up)}.hub .spk.down{color:var(--color-down)}.hub .spk.flat{color:var(--color-dim)}.hub .cols2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.hub .hs .cols2{margin-bottom:0}.hub .mcard{--c:169 179 199;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow var(--dur);flex-direction:column;display:flex;overflow:hidden}.hub .mcard:hover{box-shadow:inset 0 0 0 1px rgb(var(--c) / .35)}.hub [data-tone=gold]{--c:242 193 78}.hub [data-tone=coin]{--c:242 153 74}.hub [data-tone=fx]{--c:61 214 140}.hub [data-tone=crypto]{--c:155 123 255}.hub [data-tone=stock]{--c:43 199 180}.hub [data-tone=fund]{--c:91 155 255}.hub .mh{align-items:center;gap:12px;padding:14px 16px 6px;display:flex}.hub .mh.link{border-bottom:1px solid var(--color-line);background:linear-gradient(270deg, rgb(var(--c) / .14), transparent 70%);transition:background var(--dur);padding:12px 16px}.hub .mh.link:hover{background:linear-gradient(270deg, rgb(var(--c) / .24), transparent 75%)}.hub .mh .ph2{margin:0}.hub .mi{object-fit:contain;filter:drop-shadow(0 6px 10px #00000073);width:48px;height:48px;transition:transform var(--dur) var(--ease-spring);flex:none}.hub .mh.link:hover .mi{transform:scale(1.1)rotate(-6deg)}.hub .mt{flex-wrap:wrap;flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.hub .mt h3{margin:0;font-size:16px;font-weight:800}.hub .mt small{color:var(--color-dim);font-size:12.5px}.hub .mh.link>svg{color:var(--color-dim);transition:color var(--dur), transform var(--dur) var(--ease-out)}.hub .mh.link:hover>svg{color:rgb(var(--c));transform:translate(-3px)}.hub .all{border-top:1px solid var(--color-line);color:var(--color-gold);transition:background var(--dur);justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:12px;font-size:13.5px;font-weight:700;display:flex}.hub .all:hover{background:#ffffff0a}.hub .all svg{transition:transform var(--dur) var(--ease-out)}.hub .all:hover svg{transform:translate(-3px)}.hub .rows{flex-direction:column;display:flex}.hub .hrow{border-bottom:1px solid var(--color-line);transition:background var(--dur);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 16px;display:grid}.hub .rows>:last-child{border-bottom:0}.hub a.hrow:hover{background:#ffffff0d}.hub .hi{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.hub .hl{--c:169 179 199;background:rgb(var(--c) / .16);box-shadow:inset 0 0 0 1px rgb(var(--c) / .3);color:rgb(var(--c));place-items:center;font-size:14px;font-weight:800;line-height:1;display:grid}.hub .hl-gold{--c:242 193 78}.hub .hl-coin{--c:242 153 74}.hub .hl-fx{--c:61 214 140}.hub .hl-crypto{--c:155 123 255}.hub .hl-stock{--c:43 199 180}.hub .hl-fund{--c:91 155 255}.hub .hn{flex-direction:column;min-width:0;line-height:1.5;display:flex}.hub .hn b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.hub .hn small{color:var(--color-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hub .hp{white-space:nowrap;align-items:baseline;gap:5px;font-size:14.5px;font-weight:750;display:inline-flex}.hub .hp small{color:var(--color-dim);font-size:12px;font-weight:500}.hub .hc{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:4px;min-width:74px;padding:3px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.hub .hc.up{color:var(--color-up);background:#3dd68c1f}.hub .hc.down{color:var(--color-down);background:#ff6b7a1f}.hub .hc.down svg{rotate:180deg}.hub .hc.flat,.hub .hc.na{color:var(--color-dim);background:#ffffff0f}.hub .hc.flat svg{display:none}.hub .sg{white-space:nowrap;font-size:13px;font-weight:650}.hub .sg.up{color:var(--color-up)}.hub .sg.down{color:var(--color-down)}.hub .sg.flat,.hub .sg.na{color:var(--color-dim)}.hub .chead{--c:169 179 199;border-radius:var(--radius-lg);background:linear-gradient(270deg, rgb(var(--c) / .2), var(--color-surface) 70%);min-height:108px;box-shadow:inset 0 0 0 1px rgb(var(--c) / .28);align-items:center;gap:18px;margin-bottom:16px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.hub .chead .ci2{object-fit:contain;filter:drop-shadow(0 12px 16px #00000080);flex:none;width:84px;height:84px}.hub .chead h2{margin:0;font-size:24px;font-weight:850}.hub .chead p{color:var(--color-muted);margin:2px 0 0;font-size:14px}.hub .qt{margin:0 0 12px}.hub .tbl{--cols:minmax(0, 2.4fr) minmax(0, 1.5fr) 88px minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(0, 1.05fr) minmax(0, 1.05fr);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);overflow:hidden}.hub .thead,.hub .trow{grid-template-columns:var(--cols);align-items:center;gap:10px;padding-inline:16px;display:grid}.hub .thead{color:var(--color-dim);border-bottom:1px solid var(--color-line);background:#ffffff05;padding-block:10px;font-size:12.5px;font-weight:650}.hub .thead button{font:inherit;color:inherit;cursor:pointer;transition:color var(--dur);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;display:inline-flex}.hub .thead button:hover,.hub .thead button.on{color:var(--color-ink)}.hub .thead button i{opacity:0;width:0;height:0;transition:opacity var(--dur);border-inline:4px solid #0000}.hub .thead button[data-dir=asc] i{opacity:1;border-bottom:5px solid}.hub .thead button[data-dir=desc] i{opacity:1;border-top:5px solid}.hub .trow{border-bottom:1px solid var(--color-line);transition:background var(--dur);padding-block:10px}.hub [data-list]>:last-child{border-bottom:0}.hub a.trow:hover{background:#ffffff0d}.hub .c-n{align-items:center;gap:12px;min-width:0;display:flex}.hub .c-n .hi{width:36px;height:36px}.hub .c-s{align-items:center;display:flex}@media (width<=1179px){.hub .tbl{--cols:minmax(0, 2.4fr) minmax(0, 1.5fr) 88px minmax(0, 1.05fr) minmax(0, 1.25fr) minmax(0, 1.05fr)}.hub .c-m{display:none}}@media (width<=1023px){.hub .tbl{--cols:minmax(0, 2.4fr) minmax(0, 1.5fr) 88px minmax(0, 1.05fr) minmax(0, 1.25fr)}.hub .c-w{display:none}}@media (width<=767px){.hub .tbl{--cols:minmax(0, 2.4fr) minmax(0, 1.5fr) 88px minmax(0, 1.05fr)}.hub .c-a{display:none}}@media (width<=639px){.hub .tbl{--cols:minmax(0, 1fr) auto 84px}.hub .c-s,.hub .c-p .hp small{display:none}.hub .trow .hc{min-width:0}.hub .thead,.hub .trow{gap:8px;padding-inline:12px}.hub .thead .c-d button{white-space:normal;text-align:start}}.hub .achips{flex-wrap:wrap;gap:8px;display:flex}.hub .achips a{height:38px;color:var(--color-muted);background:var(--color-bg-2);box-shadow:inset 0 0 0 1px var(--color-line-2);transition:color var(--dur), background var(--dur), box-shadow var(--dur), transform var(--dur) var(--ease-spring);border-radius:99px;align-items:center;gap:7px;padding-inline:14px;font-size:13.5px;font-weight:600;display:inline-flex}.hub .achips a:hover{color:var(--color-ink);background:var(--color-surface-3);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #f2c14e66}.hub .achips svg{color:var(--color-gold)}.hub .st{text-align:center;color:var(--color-dim);margin:18px 0 0;font-size:14px}.hub .more{height:42px;font:inherit;color:var(--color-ink);background:var(--color-surface-3);box-shadow:inset 0 0 0 1px var(--color-line-2);cursor:pointer;transition:background var(--dur);border:0;border-radius:12px;margin:18px auto 0;padding-inline:24px;font-size:14px;font-weight:700;display:block}.hub .more:hover{background:var(--color-surface-2)}@media (width<=1023px){.hub .trend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.hub .cols2{grid-template-columns:minmax(0,1fr)}}@media (width<=479px){.hub .hrow{gap:8px;padding-inline:12px}.hub .hrow .hp small{display:none}.hub .hrow .hc{min-width:0}}
