.live-page[data-v-b3fb25e9]{display:flex;flex-direction:column;gap:24px}.page-head[data-v-b3fb25e9]{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.page-title[data-v-b3fb25e9]{align-items:center;display:inline-flex;font-size:var(--px-fs-display);font-weight:700;gap:10px;margin:0 0 4px}.live-dot[data-v-b3fb25e9]{animation:live-pulse-b3fb25e9 1.6s ease-in-out infinite;background:#ff3b30;border-radius:50%;box-shadow:0 0 0 4px #ff3b302e;display:inline-block;height:12px;width:12px}@keyframes live-pulse-b3fb25e9{0%,to{box-shadow:0 0 0 4px #ff3b302e}50%{box-shadow:0 0 0 8px #ff3b300d}}.page-subtitle[data-v-b3fb25e9]{color:var(--px-text-secondary);font-size:var(--px-fs-lg);margin:0}.head-stats[data-v-b3fb25e9]{display:flex;gap:12px}.head-stat[data-v-b3fb25e9]{align-items:center;background:var(--px-bg-card);border-radius:var(--px-radius-md);box-shadow:var(--px-shadow-sm);display:flex;flex-direction:column;min-width:84px;padding:10px 18px}.head-stat-value[data-v-b3fb25e9]{color:var(--px-primary);font-size:var(--px-fs-xl);font-weight:700;line-height:1}.head-stat-label[data-v-b3fb25e9]{color:var(--px-text-secondary);font-size:var(--px-fs-xs);margin-top:4px}.toolbar[data-v-b3fb25e9]{background:var(--px-bg-card);border-radius:var(--px-radius-md);box-shadow:var(--px-shadow-sm);padding:14px 16px}.toolbar-row[data-v-b3fb25e9]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.toolbar-label[data-v-b3fb25e9]{color:var(--px-text-secondary);font-size:var(--px-fs-sm);min-width:40px}.status-tabs[data-v-b3fb25e9]{display:flex;flex-wrap:wrap;gap:8px}.status-tab[data-v-b3fb25e9]{background:var(--px-bg-page);border:1px solid var(--px-border-light);border-radius:var(--px-radius-md);color:var(--px-text-regular);cursor:pointer;font-size:var(--px-fs-sm);padding:6px 14px;transition:background .15s,border-color .15s,color .15s}.status-tab[data-v-b3fb25e9]:hover{border-color:var(--px-primary);color:var(--px-primary)}.status-tab.active[data-v-b3fb25e9]{background:var(--px-primary);border-color:var(--px-primary);color:#fff}.live-grid[data-v-b3fb25e9]{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.live-grid[data-v-b3fb25e9]{grid-template-columns:1fr}}.live-card[data-v-b3fb25e9]{background:var(--px-bg-card);border-radius:var(--px-radius-md);box-shadow:var(--px-shadow-sm);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .15s,transform .15s}.live-card[data-v-b3fb25e9]:hover{box-shadow:var(--px-shadow-md);transform:translateY(-2px)}.cover[data-v-b3fb25e9]{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#ffffffe6;display:flex;justify-content:center;overflow:hidden;position:relative}.cover-live[data-v-b3fb25e9]{background:linear-gradient(135deg,#4a1620,#1a1a1a)}.cover-scheduled[data-v-b3fb25e9]{background:linear-gradient(135deg,#2c3e50,#1a1a1a)}.cover-icon[data-v-b3fb25e9]{font-size:48px;opacity:.6}.live-pill[data-v-b3fb25e9]{align-items:center;background:#ff3b30;border-radius:var(--px-radius-sm);color:#fff;display:inline-flex;font-size:var(--px-fs-xs);font-weight:700;gap:4px;left:12px;padding:3px 10px;position:absolute;top:12px}.live-pill .dot[data-v-b3fb25e9]{animation:blink-b3fb25e9 1s infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes blink-b3fb25e9{50%{opacity:.3}}.countdown-pill[data-v-b3fb25e9]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;color:#fff;left:12px;padding:3px 10px;top:12px}.countdown-pill[data-v-b3fb25e9],.viewers[data-v-b3fb25e9]{border-radius:var(--px-radius-sm);font-size:var(--px-fs-xs);position:absolute}.viewers[data-v-b3fb25e9]{background:#00000059;bottom:10px;color:#ffffffd9;padding:2px 8px;right:12px}.card-body[data-v-b3fb25e9]{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px 16px}.league-row[data-v-b3fb25e9]{align-items:center;display:flex;gap:8px;justify-content:space-between}.league-name[data-v-b3fb25e9]{color:var(--px-text-secondary);flex:1;font-size:var(--px-fs-xs);min-width:0}.match-line[data-v-b3fb25e9]{font-size:var(--px-fs-lg);font-weight:600}.title[data-v-b3fb25e9]{color:var(--px-text-regular);font-size:var(--px-fs-sm);line-height:1.4;min-height:38px}.meta-row[data-v-b3fb25e9]{border-top:1px dashed var(--px-border-light);display:flex;font-size:var(--px-fs-xs);justify-content:space-between;margin-top:auto;padding-top:8px}.kickoff[data-v-b3fb25e9],.meta-row[data-v-b3fb25e9]{color:var(--px-text-secondary)}.link-arrow[data-v-b3fb25e9]{color:var(--px-primary);font-weight:500}.load-more-wrap[data-v-b3fb25e9]{align-items:center;display:flex;flex-direction:column;gap:8px;padding:16px 0}.load-more-tip[data-v-b3fb25e9]{color:var(--px-text-placeholder);font-size:var(--px-fs-xs)}.empty-state[data-v-b3fb25e9]{align-items:center;background:var(--px-bg-card);border-radius:var(--px-radius-md);box-shadow:var(--px-shadow-sm);color:var(--px-text-secondary);display:flex;flex-direction:column;gap:12px;padding:60px 16px}.empty-state .icon[data-v-b3fb25e9]{font-size:48px}.text-ellipsis[data-v-b3fb25e9]{flex:1;min-width:0;white-space:nowrap}.text-ellipsis[data-v-b3fb25e9],.text-ellipsis-2[data-v-b3fb25e9]{overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2[data-v-b3fb25e9]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
