/* 响应式设计 */
@media (max-width: 768px) {
    .navbar {
        /* width: calc(100% - 40px); */ /* Replaced by left/right/auto */
        /* margin: 0 20px; */ /* Replaced by left/right and margin: 0 */
        border-radius: 0 0 10px 10px;
        left: 0px;
        right: 0px;
        top: 0px;
        width: auto;
        margin: 0; /* Ensure no horizontal margin interferes */
        padding: 1rem 5%; /* Keep original padding logic if it's for internal layout */
        flex-direction: column;
        align-items: center;
        .logo {
            scale: 0.8;
            margin-bottom: 1rem;
            span {
                font-size: 2.2rem;
            }
        }
    }
    .hero h1 {
        font-size: 5rem;
    }
    .slogan {
        flex-direction: column;
    }
    .hero p {
        font-size: 1.15rem;
    }
    section {
        padding: 3rem 5%;
    }
    h2 {
        font-size: 2rem;
    }
    .timeline-container::after {
        left: 31px;
    }
    .timeline-item {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    .timeline-item:nth-child(even) {
        left: 0;
    }
    .timeline-dot {
        left: 21px;
        right: auto;
    }
    .timeline-item:nth-child(even) .timeline-dot {
        left: 21px;
    }
    .timeline-content::after {
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
        left: -10px;
        right: auto;
    }
    .timeline-item:nth-child(even) .timeline-content::after {
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
        left: -10px;
        right: auto;
    }
    .footer {
        padding: 3rem 5% 1rem;
    }
    
    .thanks-main {
        flex-direction: column;
        gap: 0.8rem;
        font-size: 1rem;
    }
    
    .thanks-logo {
        height: 35px;
    }
    
    .thanks-detail p {
        font-size: 0.8rem;
        padding: 0 1rem;
    }
}
@media (max-width: 480px) {
    .hero h1 {
        font-size: 2rem;
    }
    .nav-links {
        gap: 1rem;
    }

    .modal-content {
        padding: 1.5rem;
    }
}