.ss-wrap{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:36px}
.ss-wrap>:first-child{flex:0 0 auto}
.ss-side{flex:0 1 560px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ss-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;opacity:0;transform:translateY(10px);animation:ssu .5s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ssu{to{opacity:1;transform:none}}
.ss-card h4{margin:0 0 12px;font-size:14px;font-weight:800;color:#0f172a;display:flex;justify-content:space-between;align-items:baseline}
.ss-card h4 span{font-size:12px;font-weight:600;color:#94a3b8}
.ss-film{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.ss-fr{display:flex;flex-direction:column;align-items:center;gap:6px}
.ss-ph{width:100%;aspect-ratio:9/16;border:2px solid #0f172a;border-radius:10px;background:#fff;overflow:hidden;position:relative;padding:5px;display:flex;flex-direction:column;gap:4px}
.ss-fr b{font-size:12.5px;font-variant-numeric:tabular-nums;color:#0f172a}
.ss-fr.late .ss-ph{border-color:#e11d48}
.ss-fr.late b{color:#e11d48}
.ss-left{margin-top:10px;display:flex;align-items:center;gap:10px;font-size:13px;color:#475569;opacity:0;transition:opacity .4s}
.ss-left.on{opacity:1}
.ss-left strong{font-size:22px;color:#e11d48;letter-spacing:-.02em}
.ss-race .r{display:grid;grid-template-columns:118px 1fr 44px;align-items:center;gap:10px;margin:7px 0;font-size:13px;color:#334155;font-weight:600}
.ss-race .tr{position:relative;height:14px;border-radius:3px;background:#f1f5f9}
.ss-race .tr i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:#cbd5e1;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.ss-race .r.me{color:#0f172a;font-weight:800}
.ss-race .r.me .tr i{background:#e11d48}
.ss-race .r em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
.ss-race .r.me em{color:#e11d48}
.ss-race .lim{position:relative;margin-left:128px;margin-right:54px;height:0}
.ss-race .bars{position:relative;padding-bottom:16px}
.ss-race .gl{position:absolute;top:-4px;bottom:-4px;border-left:2px dashed #0f172a;opacity:.5}
.ss-race .gl span{position:absolute;bottom:-20px;left:-30px;font-size:11px;font-weight:700;color:#0f172a;white-space:nowrap}
@media(max-width:1100px){.ss-wrap{flex-direction:column!important}.ss-side{flex-basis:auto;width:100%}}
.ss-fr{opacity:.25;transform:translateY(6px);transition:all .35s cubic-bezier(.2,.8,.2,1)}
.ss-fr.on{opacity:1;transform:none}
.ss-ph{gap:5px;padding:6px;background:#fff}
.ss-ph .sk{border-radius:3px;background:#eef2f6;position:relative;overflow:hidden}
.ss-ph .sk:after{content:"";position:absolute;inset:0;background:#fff;opacity:.6;animation:ssk 1s ease-in-out infinite}
@keyframes ssk{0%,100%{opacity:0}50%{opacity:.6}}
.ss-ph .pn0{height:12px}.ss-ph .hi0{flex:1}.ss-ph .t1{height:7px}.ss-ph .t2{height:6px;width:55%}.ss-ph .b0{height:13px}.ss-ph .g0{height:100%}
.ss-ph .pn{display:flex;justify-content:space-between;align-items:center;height:12px}
.ss-ph .lg{font-size:8.5px;font-weight:900;letter-spacing:.08em;color:#0f172a}
.ss-ph .mn{width:10px;height:6px;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a}
.ss-ph .hi{flex:1;border-radius:4px;background:#e2e8f0 center/cover no-repeat}
.ss-ph .hi.blur{filter:blur(4px) saturate(.6)}
.ss-ph .tt{font-size:9.5px;font-weight:800;color:#0f172a;line-height:1}
.ss-ph .pr{font-size:8.5px;font-weight:700;color:#334155;line-height:1}
.ss-ph .pr span{color:#0f172a;font-size:7px;letter-spacing:-.5px}
.ss-ph .cta{height:14px;border-radius:3px;background:#0f172a;color:#fff;font-size:7.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ss-ph .gr{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:22%}
.ss-ph .gr>div{border-radius:3px;background:#e2e8f0 center/cover no-repeat}
.ss-ph .spn{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px;border:2.5px solid #e2e8f0;border-top-color:#0f172a;border-radius:50%;animation:ssr .8s linear infinite;z-index:2}
@keyframes ssr{to{transform:rotate(360deg)}}