/* 基础样式 */
body {
    min-height: 1024px;
    font-family: 'sans-serif';
    /* Removed unmatched closing brace */

    /* 导航链接样式 */
    .nav-link {
        position: relative;
    }

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

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

    /* 轮播图样式 */
    .glide__bullets {
        bottom: 60px;
    }

    .glide__bullet {
        background-color: white;
        width: 10px;
        height: 10px;
        padding: 0;
        border-radius: 50%;
        border: 2px solid #E61F1E;
        transition: all 0.3s ease;
    }

    .glide__bullet--active {
        background-color: #E61F1E;
    }

    /* 输入框样式 */
    input:focus {
        outline: none;
        border-color: #E61F1E;
    }

    /* 新增产品分类切换动画 */
    .product-item {
        display: none;
    }

    .product-item.active {
        display: block;
        animation: fadeIn 0.3s ease-in;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* 新增产品卡片悬停效果 */
    .bg-white.rounded-lg.shadow-md {
        transition: box-shadow 0.3s ease;
    }

    /* 新增新闻卡片样式 */
    .flex.items-start.gap-4.p-6.bg-white.rounded-lg.shadow-md {
        transition: box-shadow 0.3s ease;
    }

    /* 新增新闻卡片日期样式 */
    .w-20.h-20.bg-primary\/10.rounded-lg {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* 新增新闻卡片悬停效果 */
    .flex.items-start.gap-4.p-6.bg-white.rounded-lg.shadow-md {
        transition: all 0.3s ease;
    }

    .flex.items-start.gap-4.p-6.bg-white.rounded-lg.shadow-md:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        transform: translateY(-2px);
    }

    /* 新增新闻标题悬停效果 */
    .font-bold.mb-2.hover\:text-primary {
        transition: color 0.3s ease;
    }

    /* 新增合作伙伴区域样式 */
    .h-32.bg-gray-100.rounded-lg {
        padding: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 新增按钮悬停效果 */
    .bg-primary.text-white.px-8.py-3.\!rounded-button {
        transition: background-color 0.3s ease;
    }


    /* 新增时间轴样式 */
    .timeline-dot::before {
        content: '';
        position: absolute;
        left: -39px;
        width: 20px;
        height: 20px;
        background-color: #E50012;
        border-radius: 50%;
    }

    .timeline-line::after {
        content: '';
        position: absolute;
        left: -30px;
        top: 20px;
        width: 2px;
        height: calc(100% - 20px);
        background-color: #E5E7EB;
    }

    /* 新增荣誉证书卡片样式 */
    .bg-white.p-4.rounded-lg.shadow-sm {
        transition: all 0.3s ease;
    }

    /* 新增核心价值卡片样式 */
    .bg-white.p-8.rounded-lg.shadow-lg {
        transition: all 0.3s ease;
    }

    .bg-white.p-8.rounded-lg.shadow-lg:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }


    /* 新增联系我们页面样式 */
    /* 联系信息卡片样式 */
    .w-12.h-12.bg-primary\/10.rounded-lg {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 社交媒体卡片样式 */
    .bg-white.p-4.rounded-lg.shadow-md {
        transition: all 0.3s ease;
    }

    .bg-white.p-4.rounded-lg.shadow-md:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }

    /* 地图容器样式 */
    .rounded-lg.overflow-hidden.shadow-md.h-\[570px\] {
        position: relative;
    }

    /* 地图图片样式 */
    .absolute.w-full.h-full.object-cover {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .border-red-500 {
        border-color: #EF4444;
    }


    /* 新增弹窗样式 */
    .alert-popup {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px 30px;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        text-align: center;
        border: 1px solid #E61F1E;
    }

    /* 遮罩层样式 */
    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }


    /* 招聘页面特定样式 */
    /* 职位卡片样式 */
    .bg-white.p-6.rounded-lg.shadow-md.border.border-gray-200 {
        transition: all 0.3s ease;
        border: 1px solid #e5e7eb;
    }

    .bg-white.p-6.rounded-lg.shadow-md.border.border-gray-200:hover {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        transform: translateY(-2px);
    }

    /* 薪资标签样式 */
    .text-xl.font-bold.text-primary.whitespace-nowrap {
        color: #E61F1E;
    }


    /* 职位列表样式 */
    .list-disc.list-inside.text-gray-600.space-y-1 li {
        margin-bottom: 0.25rem;
    }

    /* 福利图标容器样式 */
    .w-16.h-16.bg-primary\/10.rounded-full {
        background-color: rgba(230, 31, 30, 0.1);
    }

    /* 招聘banner样式 */
    .relative.h-\[400px\].overflow-hidden {
        height: 400px;
    }

    /* 招聘表单样式 */
    .bg-white.p-8.rounded-lg.shadow-md.border.border-gray-200 {
        border: 1px solid #e5e7eb;
    }


    /* 新增资讯详情页样式 */
    /* 文章内容容器 */
    /* 新增商品详情页样式 */
    /* 商品详情容器 */
    .prose {
        line-height: 1.75;
        color: #374151;
    }

    .prose h2 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 2rem;
        margin-bottom: 1rem;
        color: #111827;
        border-bottom: 2px solid #E61F1E;
        padding-bottom: 0.5rem;
    }

    .prose ul {
        list-style-type: disc;
        padding-left: 1.5rem;
        margin-bottom: 1.25rem;
    }

    .prose ul li {
        margin-bottom: 0.5rem;
    }

    .prose table {
        width: 100%;
        margin: 1.5rem 0;
        border-collapse: collapse;
    }

    .prose table td {
        padding: 0.75rem 1rem;
        border: 1px solid #e5e7eb;
    }

    /* 商品图片样式 */
    .prose img {
        border-radius: 0.5rem;
        margin: 1.5rem 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

    /* 上一篇/下一篇导航 */
    .border-t.border-gray-200 {
        border-top-width: 1px;
    }

    /* 响应式调整 */
    @media (max-width: 768px) {
        .prose h2 {
            font-size: 1.25rem;
        }

        .flex.justify-between {
            /* flex-direction: column; */
            gap: 1rem;
            flex-direction: row;
        }

        /* 轮播图样式 */
        .glide__bullets {
            bottom: 15px;
        }
    }


    /* 添加移动菜单动画 */
    #mobileMenu {
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden;
    }

    #mobileMenu.hidden {
        max-height: 0 !important;
    }

    #mobileMenu:not(.hidden) {
        max-height: 500px;
        /* 根据实际内容调整 */
    }

    .rounded-button {
        border-radius: 0.5rem;
    }


    #mobileMenu .py-4 .py-2{
        text-align: end;
    }
}