@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .transition-custom {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    /* 优化后的下拉菜单样式 */
    .dropdown-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* 固定为3列 */
        gap: 1.5rem;
        padding: 1.5rem;
    }
    .dropdown-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem;
        border-radius: 0.5rem;
        transition: all 0.3s ease;
    }
    .dropdown-icon {
        width: 100%;
        height: 120px;
        overflow: hidden;
        border-radius: 0.5rem;
        margin-bottom: 0.75rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }
    .dropdown-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }
    .dropdown-item:hover .dropdown-icon img {
        transform: scale(1.05);
    }
    .dropdown-title {
        font-weight: 500;
        text-align: center;
        color: #343A40;
        font-size: 1rem;
    }

    /* 修复背景条无法全屏的问题 */
    .nav-full-width {
                position: relative;
                left: 50%;
                right: 50%;
                margin-left: -50vw;
                margin-right: -50vw;
                width: 100vw;
            }

    /* 修复下拉菜单宽度问题 */
    .dropdown-container {
    position: static !important; /* 关键修改：将父元素定位设为static，让下拉菜单相对于导航栏定位 */
}
.dropdown-content {
    left: 0 !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1280px !important; /* 与.container的max-width保持一致 */
}
}