/* 补充 TailwindCSS 不够的自定义样式 */

/* 时间线样式 */
.timeline-item {
    position: relative;
    padding-left: 2rem;
}
.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #3b82f6;
}
.timeline-item.president::before {
    background: #f59e0b;
}

/* 详情展开动画 */
details summary {
    cursor: pointer;
    user-select: none;
}
details summary::-webkit-details-marker {
    display: none;
}
details[open] summary .chevron {
    transform: rotate(180deg);
}
.chevron {
    transition: transform 0.2s ease;
}

/* 比分卡片 */
.score-card {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}