body { font-family: 'Noto Sans SC', sans-serif; }
        /* Hero slider styles */
        .hero-slider { position: relative; height: 80vh; overflow: hidden; }
        .hero-slide {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
            opacity: 0;
            transition: opacity 1s ease-in-out;
            z-index: 1;
        }
        .hero-slide.active { opacity: 1; z-index: 2; }
        .hero-slide-content {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;
        }
        .hero-slide.active .hero-slide-content {
            opacity: 1;
            transform: translateY(0);
        }
        /* Slider indicators */
        .hero-dots {
            position: absolute;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
            z-index: 20;
        }
        .hero-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.4);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .hero-dot.active {
            background: #FACC15;
            width: 36px;
            border-radius: 6px;
        }
        /* Slider arrows */
        .hero-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 48px;
            height: 48px;
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            cursor: pointer;
            z-index: 20;
            transition: all 0.3s ease;
        }
        .hero-arrow:hover {
            background: #FACC15;
            border-color: #FACC15;
            color: #1a1a1a;
        }
        .hero-arrow.prev { left: 24px; }
        .hero-arrow.next { right: 24px; }
        .product-card:hover .product-overlay { opacity: 1; }
        .smooth-scroll { scroll-behavior: smooth; }
        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #1a1a1a; }
        ::-webkit-scrollbar-thumb { background: #FACC15; border-radius: 4px; }
        .news-date-badge {
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 20%, 50% 0);
        }
        /* Dropdown menu styles */
        .dropdown {
            position: relative;
        }
        .dropdown-menu {
            position: absolute;
            top: 150%;
            left: 0;
            min-width: 320px;
            background: #1a1a1a;
            border: 1px solid rgba(250, 204, 21, 0.2);
            border-radius: 0.5rem;
            padding: 0.5rem 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 60;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        }
        .dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .dropdown-menu a {
            display: block;
            padding: 0.75rem 1.25rem;
            color: #d1d5db;
            transition: all 0.2s ease;
        }
        .dropdown-menu a:hover {
            background: rgba(250, 204, 21, 0.1);
            color: #FACC15;
            padding-left: 1.5rem;
        }
        /* Mobile collapsible submenu */
        .mobile-submenu {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease;
        }
        .mobile-submenu.open {
            max-height: 500px;
        }
        .mobile-submenu a {
            padding-left: 1.5rem !important;
            font-size: 0.9rem;
        }
        /* Language switch - dropdown fade-in */
        #langDropdown {
            opacity: 0;
            transform: translateY(-6px);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }
        #langDropdown:not(.d-none) {
            opacity: 1;
            transform: translateY(0);
        }
        /* 搜索框浮动展开（不挤压导航栏） */
        #searchBox {
            position: absolute;
            top: 50%;
            right: calc(100% + 8px);
            transform: translateY(-50%);
            width: 0;
            opacity: 0;
            padding: 0;
            border: 0;
            pointer-events: none;
            z-index: 60;
            transition: width 0.3s ease, opacity 0.2s ease, padding 0.3s ease;
        }
        #searchBox.active {
            width: 220px;
            opacity: 1;
            padding: 0.5rem 1rem;
            border: 1px solid rgba(250, 204, 21, 0.3);
            pointer-events: auto;
        }

    .category-item.active {
            background: rgba(250, 204, 21, 0.1);
            color: #FACC15;
            border-left: 3px solid #FACC15;
        }
        /* News card hover */
        .news-card:hover .news-img { transform: scale(1.08); }
        .news-card:hover .news-title { color: #FACC15; }



        .active>.page-link, .page-link.active {
    z-index: 3;
    color:#ffffff!important;
    background-color:var(--industrial-yellow) !important;
    border-color:var(--industrial-yellow) !important;
}

.page-link {

    font-size: var(--bs-pagination-font-size);
     color:#000000!important;

}

/*
.object-fit-cover {

    object-fit: contain!important;
}
*/


.bg-gray-200 {
    background-color: #ffffff !important;
}