/* Tailwind 自定义工具类 */
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .transition-custom {
                transition: all 0.3s ease;
            }
            .select-dropdown {
                appearance: none;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='%23C41E3A'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: right 0.5rem center;
                background-size: 1em;
            }
            .name-card-bg {
                background-size: cover;
                background-position: center;
                background-blend-mode: overlay;
            }
            .fade-in {
                animation: fadeIn 0.5s ease-in;
            }
            @keyframes fadeIn {
                from { opacity: 0; transform: translateY(10px); }
                to { opacity: 1; transform: translateY(0); }
            }
            .pulse {
                animation: pulse 1.5s infinite;
            }
            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }
            .calendar-tab-active {
                @apply bg-primary text-white;
            }
            .dropdown-content {
                transform-origin: top;
                transform: scaleY(0);
                opacity: 0;
                transition: transform 0.3s ease, opacity 0.3s ease;
            }
            .dropdown:hover .dropdown-content {
                transform: scaleY(1);
                opacity: 1;
            }
            .category-card {
                transition: all 0.3s ease;
            }
            .category-card:hover {
                transform: translateY(-5px);
            }
            .category-card:hover .category-icon {
                background-color: #C41E3A;
                color: white;
            }
            .category-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease;
            }
            .category-expanded .category-content {
                max-height: 500px;
                margin-top: 1rem;
                padding-top: 1rem;
                border-top: 1px solid rgba(0,0,0,0.05);
            }
            .category-expanded .category-arrow {
                transform: rotate(180deg);
            }
            .tab-content {
                display: none;
            }
            .tab-content.active {
                display: block;
                animation: fadeIn 0.5s ease-in;
            }
            .avatar {
                display: flex;
                align-items: center;
                justify-content: center;
                font-weight: bold;
                color: white;
                background-color: #C41E3A;
            }
            .master-card {
                transition: all 0.3s ease;
            }
            .master-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            }
            .accordion-content {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease;
            }
            .accordion-expanded .accordion-content {
                max-height: 500px;
            }
            .accordion-arrow {
                transition: transform 0.3s ease;
            }
            .accordion-expanded .accordion-arrow {
                transform: rotate(180deg);
            }
        }