.hb-live{grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;min-height:380px}.hb-live__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hb-live__time{color:#ffffffb3;font-weight:700}.hb-live__screen{background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;place-items:center;min-height:170px;display:grid;position:relative;overflow:hidden}.hb-live__screen .fx__eq{width:min(60%,220px);height:70px}.hb-live__ring{aspect-ratio:1;border:2px solid #eab64859;border-radius:50%;width:150px;position:absolute}.hb-live__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.hb-live__toast{color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.hb-live__toast .icon{width:16px;height:16px;stroke:var(--ok);stroke-width:3px}@media (prefers-reduced-motion:no-preference){html.motion .hb-live.is-in .fx__badge i{animation:1.2s ease-in-out infinite fxBlink}html.motion .hb-live.is-in .fx__eq i{animation:.9s ease-in-out infinite alternate fxEq}html.motion .hb-live.is-in .fx__eq i:nth-child(2){animation-delay:-.3s}html.motion .hb-live.is-in .fx__eq i:nth-child(3){animation-delay:-.6s}html.motion .hb-live.is-in .fx__eq i:nth-child(4){animation-delay:-.15s}html.motion .hb-live.is-in .fx__eq i:nth-child(5){animation-delay:-.45s}html.motion .hb-live.is-in .fx__bar b{animation:fxGrow 2.4s var(--ease) both}html.motion .hb-live.is-in .fx__mode i{animation:5s step-end infinite fxSwap}html.motion .hb-live.is-in .fx__mode i+i{animation-name:fxSwap2}html.motion .hb-live.is-in .hb-live__ring{animation:2.6s ease-out infinite hbRing}html.motion .hb-live.is-in .hb-live__toast{animation:fxUp .6s var(--ease) 1.6s both}}@keyframes hbRing{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.hb-feat>div{transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .35s;position:relative}.hb-feat>div:hover{box-shadow:var(--sh);background:#fff;transform:translateY(-4px)}.hb-feat__n{color:var(--mute);font-weight:700;position:absolute;top:26px;right:26px}.hb-cases{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,80px);display:grid}.hb-cases__head{top:calc(var(--hdr) + 32px);position:sticky}.hb-cases__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hb-case{border-radius:var(--r);transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fff;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:18px;padding:clamp(20px,2.4vw,28px);display:grid}.hb-case:hover{box-shadow:var(--sh);transform:translate(6px)}.hb-case__ic{background:var(--amber-soft);width:56px;height:56px;color:var(--amber-ink);border-radius:16px;place-items:center;display:grid}.hb-case__ic .icon{width:24px;height:24px}.hb-case h3{font-size:1.25rem}.hb-case p{color:var(--ink-2);margin-top:6px}.hb-note{margin-top:20px}@media (max-width:860px){.hb-cases{grid-template-columns:minmax(0,1fr)}.hb-cases__head{position:static}.hb-live{min-height:320px}}@media (prefers-reduced-motion:reduce){.hb-feat>div,.hb-case{transition:none}.hb-feat>div:hover,.hb-case:hover{transform:none}}