/**
 * 四为简单时间轴部件样式
 */
:root {
    --siwei-primary-blue: #1e5ba8; /* 主蓝色 */
    --siwei-secondary-blue: #4a90e2; /* 辅助蓝色 */
    --siwei-light-blue: #e8f2ff; /* 浅蓝色背景 */
    --siwei-bg-gray: #f8f9fa; /* 浅灰背景 */
    --siwei-text-dark: #2c3e50; /* 深色文字 */
    --siwei-text-muted: #6c757d; /* 次要文字 */
    --siwei-border-color: #dee2e6; /* 边框色 */
    --siwei-white: #ffffff; /* 白色 */
}
.siwei-simple-timeline {
    display: flex;
    flex-direction: column;
}

.simple-timeline-item {
    display: flex;
    gap: 15px;
    padding: 12px 0;
    border-left: 2px solid rgba(255, 255, 255, 0.15);
    padding-left: 20px;
    margin-left: 8px;
    position: relative;
}

.simple-timeline-item::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
}

.timeline-year {
    font-size: 15px;
    font-weight: 600;
    min-width: 72px;
    flex-shrink: 0;
    color: #ffffff;
    text-align: left;
    /*background: linear-gradient(135deg, var(--siwei-primary-blue) 0%, var(--siwei-secondary-blue) 100%);
    border-radius: 8px;*/
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.timeline-text {
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .simple-timeline-item {
        padding: 10px 0 10px 15px;
        gap: 10px;
    }

    .timeline-year {
        font-size: 14px;
        min-width: 50px;
    }

    .timeline-text {
        font-size: 13px;
    }
}