@charset "utf-8";
/* CSS Document */

        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }

            .text-shadow {
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            }

            .bg-gradient-red {
                background: linear-gradient(135deg, #8B0000 0%, #B22222 100%);
            }

            .hover-scale {
                transition: transform 0.3s ease;
            }

            .hover-scale:hover {
                transform: scale(1.03);
            }

            .section-title {
                position: relative;
                padding-bottom: 10px;
                margin-bottom: 20px;
            }

            .section-title::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 50px;
                height: 3px;
                background-color: #8B0000;
            }

            .card-shadow {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            }

            .nav-link {
                position: relative;
            }

            .nav-link::after {
                content: '';
                position: absolute;
                width: 0;
                height: 2px;
                bottom: -4px;
                left: 0;
                background-color: #fff;
                transition: width 0.3s ease;
            }

            .nav-link:hover::after {
                width: 100%;
            }

            .day-card {
                border-left: 4px solid #8B0000;
                transition: all 0.3s ease;
            }

            .day-card:hover {
                transform: translateX(5px);
                box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            }

            .time-slot {
                position: relative;
                padding-left: 25px;
            }

            .time-slot::before {
                content: '•';
                position: absolute;
                left: 0;
                top: 0;
                color: #8B0000;
                font-size: 20px;
            }

            .scroll-indicator {
                height: 3px;
                background-color: #8B0000;
                width: 0%;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 100;
                transition: width 0.1s ease;
            }
        }

        body {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        main {
            width: 100%;
            max-width: 1200px; /* 可根据需要调整最大宽度 */
        }

        footer {
            width: 100%;
        }