.hub-grid{display:grid;gap:22px;margin-top:8px}@media (min-width:760px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.hub-grid{grid-template-columns:repeat(3,1fr)}}.hub-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.hub-card .cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:18px 22px 0}.hub-card h2{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.55;padding:6px 22px 0}.hub-card .desc{font-size:13.5px;color:var(--ink-soft);line-height:1.85;padding:10px 22px 0;flex:1}.hub-card .open{padding:16px 22px 20px;font-size:13px;color:var(--brass);font-weight:500;letter-spacing:.04em}.hub-card .open span{display:inline-block;transition:transform .3s cubic-bezier(.19,1,.22,1)}.hub-card:hover .open span{transform:translate(5px)}.hub-art{position:relative;height:150px;background:linear-gradient(150deg,var(--night) 0%,var(--night-2) 70%);display:flex;align-items:center;justify-content:center;overflow:hidden}.hub-art .live{position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-soft)}.hub-art .pulse{width:7px;height:7px;border-radius:50%;background:var(--brass-soft);box-shadow:0 0 #c8915c80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #c8915c80}70%{box-shadow:0 0 0 9px #c8915c00}to{box-shadow:0 0 #c8915c00}}.art{position:relative;transition:transform .5s cubic-bezier(.19,1,.22,1)}.hub-card:hover .art{transform:translateY(-4px) scale(1.03)}.art-board{display:flex;gap:10px}.art-board>span{width:44px;height:78px;border:1px solid var(--line-dark);border-radius:6px;display:block}.art-board .chip{position:absolute;width:34px;height:12px;border-radius:3px;background:var(--brass-soft);opacity:.9}.art-board .c1{left:5px;top:8px}.art-board .c2{left:5px;top:26px;opacity:.45}.art-board .c3{left:59px;top:8px;transition:transform .5s cubic-bezier(.19,1,.22,1)}.art-board .c4{left:113px;top:8px;opacity:.6}.hub-card:hover .art-board .c3{transform:translate(54px)}.art-shift{display:grid;grid-template-columns:repeat(7,16px);gap:5px}.art-shift .cell{width:16px;height:16px;border-radius:3px;background:#f5f2ec1f;display:block}.art-shift .cell.on{background:var(--brass-soft)}.art-crm{display:flex;flex-direction:column;gap:10px;width:150px}.art-crm .row{height:12px;border-radius:3px;background:#f5f2ec29;display:block}.art-crm .r1{width:100%}.art-crm .r2{width:78%}.art-crm .r3{width:88%}.art-crm .dot{position:absolute;right:-4px;top:-4px;width:14px;height:14px;border-radius:50%;background:var(--brass-soft);box-shadow:0 0 #c8915c80;animation:pulse 2s infinite}.art-fee{display:flex;align-items:flex-end;gap:10px;height:80px}.art-fee .bar{width:22px;border-radius:4px 4px 0 0;background:#f5f2ec29;display:block}.art-fee .b1{height:36%}.art-fee .b2{height:62%}.art-fee .b3{height:88%;background:var(--brass-soft)}.art-fee .sum{position:absolute;right:-30px;top:-6px;font-family:var(--font-en);font-style:italic;font-size:26px;color:var(--brass-soft)}.art-stock{display:flex;align-items:flex-end;gap:10px;height:80px}.art-stock .col{width:22px;border-radius:4px 4px 0 0;background:#f5f2ec29;display:block}.art-stock .h60{height:60%}.art-stock .h35{height:35%}.art-stock .h80{height:80%}.art-stock .h50{height:50%}.art-stock .col.warn{background:#c77b6e}.art-stock .line{position:absolute;left:-10px;right:-10px;bottom:38%;height:1px;background:var(--brass-soft);opacity:.75}.hub-ask{background:linear-gradient(165deg,var(--night-2),var(--night));border-color:var(--night)}.hub-ask .cat{color:var(--brass-soft)}.hub-ask h2{color:var(--paper);padding-top:20px}.hub-ask .desc{color:var(--paper-soft)}.hub-ask .cat{padding-top:20px}.hub-ask .open{color:var(--brass-soft)}