.history-section * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    .history-section {
        width: 100%;
        background: #ffffff;
        padding: 70px 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    }

    .history-inner {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
    }

    .section-top {
        text-align: center;
        margin-bottom: 56px;
    }

    .section-top h2 {
        font-size: 32px;
        font-weight: 700;
        color: #1e2b3c;
        margin-bottom: 8px;
    }

    .section-top p {
        font-size: 16px;
        color: #64748b;
        letter-spacing: 0.5px;
    }

    /* 滚动容器：不加左右 padding，改用伪元素占位 */
    .timeline-scroll {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 16px;
        scrollbar-width: thin;
    }

    .timeline-scroll::-webkit-scrollbar {
        height: 6px;
    }

    .timeline-scroll::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 3px;
    }

    /* 时间轴列表 */
    .timeline-list {
        position: relative;
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        min-width: max-content;
    }

    /* 左右各加一个占位块，宽度 = 半个卡片宽（120px），保证首尾卡片完整 */
    .timeline-list::before,
    .timeline-list::after {
        content: '';
        flex-shrink: 0;
        width: 120px;
    }

    /* 每个节点：宽度加大到 170px，8 个共 1360px */
    .timeline-item {
        position: relative;
        width: 170px;
        height: 400px;
        flex-shrink: 0;
    }

    /* 横线：每段各画一段，渐变按整条线宽度铺开 */
    .timeline-item::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 4px;
        transform: translateY(-50%);
        z-index: 0;
        background: linear-gradient(90deg, #FFD100 0%, #0051FF 100%);
        background-size: 1360px 100%;          /* 8 × 170px = 1360px */
        background-repeat: no-repeat;
    }

    /* 每段线取整条渐变中对应的那一截 */
    .timeline-item:nth-child(1)::before { background-position: 0px 0; }
    .timeline-item:nth-child(2)::before { background-position: -170px 0; }
    .timeline-item:nth-child(3)::before { background-position: -340px 0; }
    .timeline-item:nth-child(4)::before { background-position: -510px 0; }
    .timeline-item:nth-child(5)::before { background-position: -680px 0; }
    .timeline-item:nth-child(6)::before { background-position: -850px 0; }
    .timeline-item:nth-child(7)::before { background-position: -1020px 0; }
    .timeline-item:nth-child(8)::before { background-position: -1190px 0; }

    /* 第一个节点：线从中心开始 */
    .timeline-item:first-child::before {
        left: 50%;
    }

    /* 最后一个节点：线到中心结束 */
    .timeline-item:last-child::before {
        right: 50%;
    }

    .timeline-dot {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #0051FF;
        border: 4px solid #fff;
        box-shadow: 0 0 0 3px #0051FF;
        z-index: 2;
    }

    /* 卡片：宽度加大到 220px，放一行更从容 */
    .timeline-card {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 220px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        padding: 16px;
        box-shadow: 0 4px 16px rgba(0, 81, 255, 0.06);
        transition: all 0.3s ease;
        z-index: 1;
    }

    .timeline-item:nth-child(odd) .timeline-card {
        bottom: calc(50% + 28px);
    }

    .timeline-item:nth-child(even) .timeline-card {
        top: calc(50% + 28px);
    }

    .timeline-card:hover {
        transform: translateX(-50%) translateY(-4px);
        box-shadow: 0 10px 24px rgba(0, 81, 255, 0.1);
        border-color: #0051FF;
    }

    /* 标题强制一行显示（过长也不换行，溢出省略） */
    .timeline-title {
        font-size: 15px;
        font-weight: 700;
        color: #1e2b3c;
        margin-bottom: 6px;
        line-height: 1.4;
        white-space: nowrap;      /* 强制一行 */
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .timeline-year {
        font-size: 20px;
        font-weight: 800;
        color: #0051FF;
        margin-bottom: 6px;
    }

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

    /* 移动端：竖向时间轴 */
    @media (max-width: 900px) {
        .timeline-scroll {
            overflow-x: visible;
        }

        .timeline-list {
            display: block;
            min-width: 0;
            padding: 0 0 0 30px;
        }

        /* 占位块隐藏 */
        .timeline-list::before,
        .timeline-list::after {
            display: none;
        }

        .timeline-item {
            width: 100%;
            height: auto;
            padding-bottom: 32px;
        }

        .timeline-item::before {
            top: 0;
            bottom: 0;
            left: 8px;
            right: auto;
            width: 4px;
            height: auto;
            transform: none;
            background: linear-gradient(180deg, #FFD100 0%, #0051FF 100%);
            background-size: 100% 100%;
            background-position: 0 0;
        }

        .timeline-item:first-child::before {
            left: 8px;
            top: 0;
        }

        .timeline-item:last-child::before {
            right: auto;
            left: 8px;
            bottom: 0;
        }

        .timeline-dot {
            left: 8px;
            top: 6px;
            transform: translate(-50%, 0);
        }

        .timeline-card {
            position: relative;
            left: 0;
            transform: none;
            width: 100%;
            top: auto !important;
            bottom: auto !important;
        }

        .timeline-card:hover {
            transform: translateY(-4px);
        }

        /* 移动端标题允许换行 */
        .timeline-title {
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
        }

        .section-top h2 {
            font-size: 26px;
        }
    }

    @media (max-width: 480px) {
        .section-top h2 {
            font-size: 22px;
        }
        .section-top p {
            font-size: 14px;
        }
        .timeline-year {
            font-size: 18px;
        }
    }