/* ===== Banner ===== */
        .pb {
            background-size: cover;
            min-height: 50vh;
            padding-top: 80px;
            padding-bottom: 60px;
            position: relative;
        }
        .pb::before {
  content: ''; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2); 
  pointer-events: none; 
}
 
        .pb h1 {
            color: #fff;
            text-align: center;
            font-family:"Playfair Display";
        }
        .pb p {
            color: #fff;
            text-align: center;
        }
        .max-w-3xl {
            margin: 0 auto;
        }

        /* ============================================================ */
        /* ===== 左侧分类菜单 — 点击展开/收缩 + 过渡动画 ===== */

        /* 子菜单容器：高度过渡 + 透明度过渡 */
        .category-submenu {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: max-height 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                opacity 0.35s ease,
                margin-top 0.3s ease;
            margin-top: 0;
            padding-left: 1rem;
        }

        /* 展开状态 */
        .category-item.open .category-submenu {
            max-height: 500px;
            /* 足够容纳所有子项 */
            opacity: 1;
            margin-top: 0.25rem;
        }

        /* 箭头旋转 */
        .category-item .category-toggle .fa-chevron-down {
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        .category-item.open .category-toggle .fa-chevron-down {
            transform: rotate(180deg);
        }

        /* 二级菜单项 hover 效果 */
        .category-submenu a {
            transition: all 0.25s ease;
            border-left: 3px solid transparent;
            display: block;
            padding: 8px 12px;
            border-radius: 4px;
        }
        .category-submenu a:hover {
            background: #f0f4f8;
            border-left-color: #F08200;
            padding-left: 18px;
        }
        .category-active {
            background: rgba(240, 130, 0, 0.10);
            color: #F08200;
            border-left: 3px solid #F08200;
        }

        /* ============================================================ */
        /* ===== 产品卡片 — 酷炫 hover 效果 ===== */
        .product-card-hover {
            transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.4s ease;
            transform: translateY(0) scale(1);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
            border: 1px solid transparent;
            position: relative;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            will-change: transform;
        }
        .product-card-hover::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 12px;
            padding: 2px;
            background: linear-gradient(135deg, transparent 40%, rgba(240, 130, 0, 0.3) 50%, transparent 60%);
            background-size: 300% 300%;
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask-composite: exclude;
            opacity: 0;
            transition: opacity 0.6s ease, background-position 0.8s ease;
            pointer-events: none;
            z-index: 3;
        }
        .product-card-hover:hover::before {
            opacity: 1;
            background-position: 100% 100%;
        }
        .product-card-hover:hover {
            transform: translateY(-14px) scale(1.015);
            box-shadow: 0 28px 60px -12px rgba(0, 0, 0, 0.25), 0 8px 24px -6px rgba(240, 130, 0, 0.15);
            border-color: rgba(240, 130, 0, 0.20);
        }
        .product-card-hover img {
            transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
                filter 0.5s ease;
            will-change: transform;
        }
        .product-card-hover:hover img {
            transform: scale(1.08);
            filter: brightness(0.88) saturate(1.08);
        }
        .product-card-hover h3 {
            transition: color 0.4s ease, transform 0.4s ease;
            display: block;
            line-height:2;
            border-bottom: solid 1px #eee;
            position: relative;
        }
        .product-card-hover h3::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 0;
            height: 2px;
            background: #F08200;
            transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .product-card-hover:hover h3 {
            color: #F08200;
        }
        .product-card-hover:hover h3::after {
            width: 100%;
        }
        .product-card-hover p {
            transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.45s ease;
            transform: translateY(2px);
            opacity: 0.85;
        }
        .product-card-hover:hover p {
            transform: translateY(0);
            opacity: 1;
        }
        .product-card-hover .bg-primary {
            transition: all 0.35s ease;
            position: relative;
            overflow: hidden;
            background: #ad8055;
        }
        .product-card-hover .bg-primary::after {
            content: '';
            position: absolute;
            inset: -4px;
            border-radius: 6px;
            background: radial-gradient(circle at center, rgba(240, 130, 0, 0.35), transparent 70%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }
        .product-card-hover:hover .bg-primary {
            transform: scale(1.06);
            background: #EF8200;
            box-shadow: 0 0 28px rgba(240, 130, 0, 0.35);
        }
        .product-card-hover:hover .bg-primary::after {
            opacity: 1;
        }
        .product-card-hover::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at 30% 20%, rgba(240, 130, 0, 0.04), transparent 60%);
            opacity: 0;
            transition: opacity 0.6s ease;
            pointer-events: none;
            z-index: 1;
            border-radius: 12px;
        }
        .product-card-hover:hover::after {
            opacity: 1;
        }
        .product-card-hover a {
            position: relative;
            z-index: 2;
        }

        /* ===== 页脚 ===== */
        /* ===== New Footer (Replaced per request) ===== */
        .footer {
            background: #141e2d;
            color: #a0acba;
            padding: 60px 0 20px;
            font-size: 14px;
            line-height: 1.6;
        }
        .footer-grid-4cols {
            display: grid;
            grid-template-columns: 1.2fr 1.2fr 2fr 1fr;
            gap: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #223044;
        }
        .footer-col h4 {
            color: #fff;
            font-size: 16px;
            margin-bottom: 18px;
            font-weight: 600;
        }
        .footer-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer-col ul li {
            margin-bottom: 10px;
            color: #a0acba;
        }
        .footer-col ul li a {
            color: #a0acba;
            text-decoration: none;
            transition: color 0.3s;
        }
        .footer-col ul li a:hover {
            color: #E59452;
        }
        /* Brand column */
        .col-brand .footer-logo {
            display: block;
            margin-bottom: 15px;
        }
        .col-brand .footer-logo img {
            height: 40px;
            width: auto;
            filter: invert(1) grayscale(1) brightness(10);        
        }
        .col-brand .brand-desc {
            color: #a0acba;
            max-width: 340px;
        }
        /* Product Series dots */
        .dot-list li {
            display: flex;
            align-items: center;
        }
        .dot-list li span {
            margin-right: 8px;
            color: #a0acba;
        }
        /* Contact icons */
        .contact-list li {
            display: flex;
            align-items: flex-start;
            line-height: 1.5;
            color: #a0acba;
        }
        .contact-list li i {
            width: 20px;
            margin-right: 10px;
            margin-top: 4px;
            color: #a0acba;
        }
        /* QR Code */
        .col-qr .qr-img {
            background: #fff;
            padding: 5px;
            border-radius: 4px;
            width: 110px;
            height: 110px;
        }
        .footer-bottom {
            text-align: center;
            padding-top: 25px;
            font-size: 13px;
            color: #6d7b8e;
        }
        /* Responsive adjustments */
        @media (max-width: 992px) {
            .footer-grid-4cols {
                grid-template-columns: 1fr 1fr;
            }
        }
        @media (max-width: 600px) {
            .footer-grid-4cols {
                grid-template-columns: 1fr;
            }
            .col-brand .brand-desc {
                max-width: 100%;
            }
        }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .nav-links {
                display: none !important;
            }
            .menu-toggle {
                display: flex !important;
            }
            .nav-tools {
                gap: 12px;
                margin-right: 6px;
            }
            .nav-email {
                font-size: 1.1rem;
            }
            .lang-switcher {
                font-size: 0.95rem;
                padding: 2px 6px;
            }
            .lang-icon {
                font-size: 1rem;
            }
            .lang-dropdown {
                min-width: 100px;
                right: -4px;
            }
            .lang-dropdown a {
                padding: 6px 16px;
                font-size: 0.9rem;
            }
            .navbar {
                padding: 1rem 5%;
            }
            .navbar.scrolled {
                padding: 10px 5%;
            }
            .pb {
                min-height: 40vh;
                padding-top: 70px;
            }
            .pb h1 {
                font-size: 28px;
            }
            .footer-grid {
                grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
            }
        }

        @media (max-width: 480px) {
            .nav-tools {
                gap: 8px;
            }
            .nav-email {
                font-size: 1rem;
            }
            .lang-switcher {
                font-size: 0.85rem;
                padding: 2px 4px;
            }
            .lang-icon {
                font-size: 0.9rem;
            }
            .lang-arrow {
                font-size: 0.65rem;
            }
            .lang-dropdown {
                min-width: 80px;
                right: -6px;
            }
            .lang-dropdown a {
                padding: 5px 12px;
                font-size: 0.8rem;
            }
            .pb h1 {
                font-size: 24px;
            }
            .product-card-hover:hover {
                transform: translateY(-8px) scale(1.01);
            }
        }

        /* 辅助类 */
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 1rem;
        }
        @media (min-width: 1280px) {
            body > main > div > div{padding:40px; background: #fff; border-radius: 24px;}
            aside {
                width: 42% !important;
            }
        }

        /* 确保子菜单项内边距舒适 */
        .category-submenu a {
            padding: 6px 12px 6px 16px;
        }

.wnedsng{
    font-size: 16px;
    line-height: 30px;
     font-family: 'Oswald';
}


.py-16 .space-y-6 span {
    font-size: 15px;
    width: 85%;
}

.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.mx-1{margin-left:0.25rem;margin-right:0.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:0.25rem}.mt-1{margin-top:0.25rem}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.max-w-3xl{max-width:48rem}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(173 128 85 / var(--tw-border-opacity, 1))}
.border-white\/10{border-color:rgb(255 255 255 / 0.1)}!important.border-white\/20{border-color:rgb(255 255 255 / 0.2)}.bg-primary{--tw-bg-opacity:1;background-color: rgb(173 128 85 / var(--tw-bg-opacity, 1))!important;}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-8{padding-top:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-\[clamp\(1\.8rem\2c 3vw\2c 2\.5rem\)\]{font-size:clamp(1.8rem,3vw,2.5rem)}
.text-\[clamp\(1\.8rem\2c 3vw\2c 3rem\)\]{font-size:clamp(1.8rem,3vw,3rem)}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;width: 5%;line-height:1.75rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity:1;color:rgb(173 128 85 / var(--tw-text-opacity, 1))}.text-secondary{--tw-text-opacity:1;color: rgb(184 151 120 / var(--tw-text-opacity, 1))!important;}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-30{opacity:0.3}.opacity-90{opacity:0.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.form-input{width:100%;border-radius:0.125rem;border-width:0px;--tw-bg-opacity:1;/* background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1)); *//* padding-left:1rem; *//* padding-right:1rem; *//* padding-top:0.75rem; *//* padding-bottom:0.75rem; */}.form-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(173 128 85 / var(--tw-ring-opacity, 1))}.container-custom{margin-left:auto;margin-right:auto;max-width:1440px;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-custom{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-custom{padding-left:2rem;padding-right:2rem}}
    .hover\:bg-primary\/5:hover{background-color:rgb(173 128 85 / 0.05)}
    .hover\:bg-primary\/90:hover{background-color:rgb(173 128 85 / 0.9)}
    .hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(173 128 85 / var(--tw-text-opacity, 1))}
    @media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}}
    @media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.md\:space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}
    @media (min-width: 1024px){.lg\:text-5xl{font-size:3rem;line-height:1}}
  

  .fa-whatsapp:before,.fa-wechat:before{font-family: 'Font Awesome 6 Brands'; font-weight: 100;}