{"id":366,"date":"2025-07-25T15:01:57","date_gmt":"2025-07-25T07:01:57","guid":{"rendered":"http:\/\/nh.matepress.cn\/?page_id=366"},"modified":"2025-12-31T17:17:27","modified_gmt":"2025-12-31T09:17:27","slug":"download-center","status":"publish","type":"page","link":"https:\/\/nenghui.com\/th\/download-center\/","title":{"rendered":"\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14"},"content":{"rendered":"<section id=\"banner-title-69e0fb68987a6\" class=\"nenghui-banner-title banner-title-modern has-animation\" data-bg-image=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/Download-center-banner.webp\">\n    <!-- \u80cc\u666f\u5bb9\u5668 -->\n    <div class=\"banner-background\">\n        <div class=\"banner-image\" style=\"background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/Download-center-banner.webp')\"><\/div>\n        <div class=\"banner-overlay\" style=\"opacity: 0.3\"><\/div>\n    <\/div>\n    \n    <!-- \u5185\u5bb9\u5bb9\u5668 -->\n    <div class=\"banner-container\">\n        <div class=\"banner-content\">\n            <div class=\"banner-text\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <h1 class=\"banner-title\">\u0e01\u0e32\u0e23\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19<\/h1>\n                                    <p class=\"banner-description\">\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e04\u0e33\u0e15\u0e2d\u0e1a \u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e32\u0e21\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d<\/p>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<style>\n\/* ===== Banner Title \u73b0\u4ee3\u5316\u6837\u5f0f ===== *\/\n.nenghui-banner-title {\n    position: relative;\n    height: 60vh;\n    min-height: 600px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    color: #ffffff;\n}\n\n\/* \u80cc\u666f\u5c42 *\/\n.nenghui-banner-title .banner-background {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1;\n}\n\n.nenghui-banner-title .banner-image {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-attachment: scroll;\n}\n\n.nenghui-banner-title .banner-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(135deg, rgba(44, 62, 80, 0.8) 0%, rgba(52, 73, 94, 0.6) 100%);\n    transition: opacity 0.3s ease;\n}\n\n\/* \u5185\u5bb9\u5bb9\u5668 *\/\n.nenghui-banner-title .banner-container {\n    position: relative;\n    z-index: 3;\n    width: 100%;\n    max-width: 1300px;\n    padding: 0 20px;\n}\n\n.nenghui-banner-title .banner-content {\n    text-align: left;\n}\n\n\/* \u6587\u5b57\u6837\u5f0f *\/\n.nenghui-banner-title .banner-title {\n    font-size: clamp(2.5rem, 5vw, 4rem);\n    font-weight: 700;\n    line-height: 1.2;\n    margin: 0 0 1.5rem 0;\n    letter-spacing: 3px;\n    color: #ffffff;\n    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);\n}\n\n.nenghui-banner-title .banner-description {\n    font-size: clamp(1rem, 2vw, 1.3rem);\n    line-height: 1.6;\n    margin: 0;\n    color: #ffffff;\n    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);\n    font-weight: 300;\n    max-width: 1300px;\n}\n\/* \u52a8\u753b\u6548\u679c *\/\n.nenghui-banner-title.has-animation {\n    opacity: 0;\n    transform: translateY(50px);\n    transition: all 1s ease-out;\n}\n\n.nenghui-banner-title.has-animation.animated {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.nenghui-banner-title.has-animation .banner-title {\n    animation: fadeInUp 1.2s ease-out 0.3s both;\n}\n\n.nenghui-banner-title.has-animation .banner-description {\n    animation: fadeInUp 1.2s ease-out 0.6s both;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 768px) {\n    .nenghui-banner-title {\n        height: 50vh;\n        min-height: 350px;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        letter-spacing: 2px;\n    }\n\n    .nenghui-cases-section .container {\n        width: 100% !important;\n    }\n}\n\n@media (max-width: 480px) {\n    .nenghui-banner-title {\n        height: 40vh;\n        min-height: 300px;\n    }\n    \n    .nenghui-banner-title .banner-container {\n        padding: 0 15px;\n        margin-top: 10rem;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        letter-spacing: 1px;\n    }\n}\n\n\/* \u52a8\u753b\u5173\u952e\u5e27 *\/\n@keyframes fadeInUp {\n    from {\n        opacity: 0;\n        transform: translateY(40px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\n\n\/* \u56fe\u7247\u52a0\u8f7d\u5931\u8d25\u65f6\u7684\u5907\u7528\u6837\u5f0f *\/\n.nenghui-banner-title.no-image .banner-image {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n\/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-contrast: high) {\n    .nenghui-banner-title .banner-overlay {\n        opacity: 0.8;\n    }\n    \n    .nenghui-banner-title .banner-title {\n        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);\n    }\n}\n\n\/* \u51cf\u5c11\u52a8\u753b\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-reduced-motion: reduce) {\n    .nenghui-banner-title .banner-image,\n    .nenghui-banner-title .banner-overlay,\n    .nenghui-banner-title.has-animation,\n    .nenghui-banner-title .banner-title,\n    .nenghui-banner-title .banner-description {\n        animation: none;\n        transition: none;\n    }\n}\n<\/style>\n\n<script>\n(function() {\n    'use strict';\n    \n    \/\/ \u68c0\u67e5\u57fa\u672c\u73af\u5883\n    if (typeof document === 'undefined' || typeof window === 'undefined') {\n        return;\n    }\n    \n    \/\/ \u83b7\u53d6\u5143\u7d20\n    const elementId = 'banner-title-69e0fb68987a6';\n    if (!elementId) {\n        console.warn('Banner element ID is missing');\n        return;\n    }\n    \n    const bannerElement = document.getElementById(elementId);\n    if (!bannerElement) {\n        console.warn('Banner element not found:', elementId);\n        return;\n    }\n    \n    const bgImage = 'https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/Download-center-banner.webp';\n    \n    \/**\n     * \u56fe\u7247\u9884\u52a0\u8f7d\u548c\u9519\u8bef\u5904\u7406\n     *\/\n    function handleImageLoading() {\n        if (!bgImage || typeof Image === 'undefined') {\n            bannerElement.classList.add('no-image');\n            return;\n        }\n        \n        try {\n            const img = new Image();\n            \n            img.onload = function() {\n                if (bannerElement) {\n                    bannerElement.classList.remove('no-image');\n                }\n            };\n            \n            img.onerror = function() {\n                if (bannerElement) {\n                    bannerElement.classList.add('no-image');\n                }\n                console.warn('Banner background image failed to load:', bgImage);\n            };\n            \n            img.src = bgImage;\n        } catch (error) {\n            console.warn('Error in image loading:', error);\n            bannerElement.classList.add('no-image');\n        }\n    }\n    \n    \/**\n     * \u6eda\u52a8\u52a8\u753b\u5904\u7406\n     *\/\n    function handleScrollAnimation() {\n        if (!bannerElement.classList.contains('has-animation')) return;\n        \n        \/\/ \u68c0\u67e5 IntersectionObserver \u517c\u5bb9\u6027\n        if (!window.IntersectionObserver) {\n            \/\/ \u964d\u7ea7\u5904\u7406\uff1a\u76f4\u63a5\u6dfb\u52a0\u52a8\u753b\u7c7b\n            bannerElement.classList.add('animated');\n            return;\n        }\n        \n        const observer = new IntersectionObserver(\n            function(entries) {\n                entries.forEach(function(entry) {\n                    if (entry.isIntersecting) {\n                        entry.target.classList.add('animated');\n                        observer.unobserve(entry.target);\n                    }\n                });\n            },\n            {\n                threshold: 0.1,\n                rootMargin: '0px 0px -50px 0px'\n            }\n        );\n        \n        observer.observe(bannerElement);\n    }\n    \n\n    \n    \/\/ \u521d\u59cb\u5316\u51fd\u6570\n    function initBanner() {\n        handleImageLoading();\n        handleScrollAnimation();\n    }\n    \n    \/\/ DOM \u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initBanner);\n    } else {\n        \/\/ DOM \u5df2\u7ecf\u52a0\u8f7d\u5b8c\u6210\uff0c\u76f4\u63a5\u521d\u59cb\u5316\n        initBanner();\n    }\n})();\n<\/script>\n\n\n\n<nav id=\"nenghui-about-nav-shortcode\" \n     class=\"about-nav-section nenghui-about-nav nav-horizontal nav-position-top\"\n     style=\"background-color: #ffffff\"\n     data-aos=\"fade-up\">\n    <div class=\"about-nav-container\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n        <ul class=\"about-nav-menu\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/th\/download-center\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14                    <\/a>\n                <\/li>\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/th\/support\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23                    <\/a>\n                <\/li>\n                            <li class=\"about-nav-item\">\n                    <a href=\"https:\/\/nenghui.com\/th\/faq\/\" \n                       class=\"about-nav-link\"\n                       style=\"color: #333333\"\n                       >\n                        \u0e04\u0e33\u0e16\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1e\u0e1a\u0e1a\u0e48\u0e2d\u0e22                    <\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/nav>\n\n<style>\n\/* About \u5bfc\u822a\u533a\u5757\u6837\u5f0f *\/\n.nenghui-about-nav {\n    width: 100%;\n    border-bottom: 1px solid #eee;\n    position: relative;\n    z-index: 100;\n}\n\n.about-nav-container {\n    width: 80%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n}\n\n.about-nav-menu {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.about-nav-item {\n    margin: 0;\n    padding: 0;\n    position: relative;\n}\n\n.about-nav-link {\n    display: block;\n    padding: 20px 30px;\n    text-decoration: none;\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease;\n    border-bottom: 3px solid transparent;\n    position: relative;\n}\n\n.about-nav-link:hover {\n    color: #007cba !important;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.about-nav-item.active .about-nav-link {\n    color: #007cba !important;\n    border-bottom-color: #007cba !important;\n}\n\n\/* \u5782\u76f4\u6837\u5f0f *\/\n.nenghui-about-nav.nav-vertical .about-nav-menu {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item {\n    width: 100%;\n    border-bottom: 1px solid #f0f0f0;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item:last-child {\n    border-bottom: none;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-link {\n    border-bottom: none;\n    border-left: 3px solid transparent;\n}\n\n.nenghui-about-nav.nav-vertical .about-nav-item.active .about-nav-link {\n    border-left-color: #007cba !important;\n    border-bottom-color: transparent !important;\n    background: rgba(0, 124, 186, 0.05);\n}\n\n\/* \u4e0b\u62c9\u83dc\u5355\u6837\u5f0f *\/\n.nenghui-about-nav.nav-dropdown {\n    position: relative;\n}\n\n.nenghui-about-nav.nav-dropdown .about-nav-menu {\n    position: relative;\n}\n\n.nenghui-about-nav.nav-dropdown .about-nav-item:hover .about-nav-submenu {\n    display: block;\n}\n\n\/* \u4f4d\u7f6e\u6837\u5f0f *\/\n.nenghui-about-nav.nav-position-top {\n    position: sticky;\n    top: 0;\n}\n\n.nenghui-about-nav.nav-position-sidebar {\n    position: fixed;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    width: auto;\n    border-bottom: none;\n    border-right: 1px solid #eee;\n    box-shadow: 2px 0 5px rgba(0,0,0,0.1);\n}\n\n.nenghui-about-nav.nav-position-sidebar .about-nav-container {\n    width: auto;\n}\n\n.nenghui-about-nav.nav-position-sidebar .about-nav-menu {\n    flex-direction: column;\n}\n\n.nenghui-about-nav.nav-position-bottom {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    border-top: 1px solid #eee;\n    border-bottom: none;\n    box-shadow: 0 -2px 5px rgba(0,0,0,0.1);\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 768px) {\n    .about-nav-container {\n        width: 95%;\n    }\n    \n    .about-nav-menu {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    \n    .about-nav-item {\n        width: 100%;\n        border-bottom: 1px solid #f0f0f0;\n    }\n    \n    .about-nav-item:last-child {\n        border-bottom: none;\n    }\n    \n    .about-nav-link {\n        padding: 15px 20px;\n        border-bottom: none;\n        border-left: 3px solid transparent;\n    }\n    \n    .about-nav-item.active .about-nav-link {\n        border-left-color: #007cba;\n        border-bottom-color: transparent;\n        background: #f8f9fa;\n    }\n}\n\n@media (max-width: 480px) {\n    .about-nav-link {\n        padding: 12px 15px;\n        font-size: 14px;\n    }\n}\n\n\/* \u63d0\u793a\u4fe1\u606f\u6837\u5f0f *\/\n.about-nav-notice {\n    padding: 20px;\n    text-align: center;\n    color: #666;\n    background: #f9f9f9;\n    border: 1px solid #ddd;\n    border-radius: 4px;\n    margin: 20px 0;\n}\n\n\/* \u52a0\u8f7d\u52a8\u753b *\/\n.nenghui-about-nav {\n    opacity: 0;\n    animation: fadeInNav 0.5s ease forwards;\n}\n\n@keyframes fadeInNav {\n    from {\n        opacity: 0;\n        transform: translateY(-10px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u9ad8\u5bf9\u6bd4\u5ea6\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-contrast: high) {\n    .about-nav-link {\n        border-bottom-width: 2px;\n    }\n    \n    .about-nav-item.active .about-nav-link {\n        border-bottom-width: 4px;\n    }\n}\n\n\/* \u51cf\u5c11\u52a8\u753b\u6a21\u5f0f\u652f\u6301 *\/\n@media (prefers-reduced-motion: reduce) {\n    .about-nav-link {\n        transition: none;\n    }\n    \n    .nenghui-about-nav {\n        animation: none;\n        opacity: 1;\n    }\n}\n<\/style>\n\n<script>\n\/\/ About \u5bfc\u822a\u529f\u80fd\u811a\u672c\n(function() {\n    'use strict';\n    \n    \/\/ \u7b49\u5f85 DOM \u52a0\u8f7d\u5b8c\u6210\n    document.addEventListener('DOMContentLoaded', function() {\n        const aboutNav = document.querySelector('.nenghui-about-nav');\n        if (!aboutNav) return;\n        \n        \/\/ \u5e73\u6ed1\u6eda\u52a8\u5230\u951a\u70b9\n        const navLinks = aboutNav.querySelectorAll('.about-nav-link');\n        navLinks.forEach(function(link) {\n            link.addEventListener('click', function(e) {\n                const href = this.getAttribute('href');\n                \n                \/\/ \u5982\u679c\u662f\u951a\u70b9\u94fe\u63a5\uff0c\u6dfb\u52a0\u5e73\u6ed1\u6eda\u52a8\n                if (href && href.startsWith('#')) {\n                    e.preventDefault();\n                    const target = document.querySelector(href);\n                    if (target) {\n                        const offsetTop = target.offsetTop - aboutNav.offsetHeight - 20;\n                        window.scrollTo({\n                            top: offsetTop,\n                            behavior: 'smooth'\n                        });\n                        \n                        \/\/ \u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\n                        updateActiveState(this);\n                    }\n                }\n            });\n        });\n        \n        \/\/ \u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\n        function updateActiveState(activeLink) {\n            navLinks.forEach(function(link) {\n                link.parentElement.classList.remove('active');\n            });\n            activeLink.parentElement.classList.add('active');\n        }\n        \n        \/\/ \u6eda\u52a8\u65f6\u66f4\u65b0\u6d3b\u52a8\u72b6\u6001\uff08\u9488\u5bf9\u951a\u70b9\u5bfc\u822a\uff09\n        let ticking = false;\n        function updateActiveOnScroll() {\n            if (!ticking) {\n                requestAnimationFrame(function() {\n                    const scrollTop = window.pageYOffset;\n                    const navHeight = aboutNav.offsetHeight;\n                    \n                    navLinks.forEach(function(link) {\n                        const href = link.getAttribute('href');\n                        if (href && href.startsWith('#')) {\n                            const target = document.querySelector(href);\n                            if (target) {\n                                const targetTop = target.offsetTop - navHeight - 50;\n                                const targetBottom = targetTop + target.offsetHeight;\n                                \n                                if (scrollTop >= targetTop && scrollTop < targetBottom) {\n                                    updateActiveState(link);\n                                }\n                            }\n                        }\n                    });\n                    \n                    ticking = false;\n                });\n                ticking = true;\n            }\n        }\n        \n        \/\/ \u76d1\u542c\u6eda\u52a8\u4e8b\u4ef6\n        window.addEventListener('scroll', updateActiveOnScroll, { passive: true });\n        \n        \/\/ \u952e\u76d8\u5bfc\u822a\u652f\u6301\n        aboutNav.addEventListener('keydown', function(e) {\n            const focusedElement = document.activeElement;\n            const navItems = Array.from(aboutNav.querySelectorAll('.about-nav-link'));\n            const currentIndex = navItems.indexOf(focusedElement);\n            \n            switch(e.key) {\n                case 'ArrowLeft':\n                case 'ArrowUp':\n                    e.preventDefault();\n                    const prevIndex = currentIndex > 0 ? currentIndex - 1 : navItems.length - 1;\n                    navItems[prevIndex].focus();\n                    break;\n                    \n                case 'ArrowRight':\n                case 'ArrowDown':\n                    e.preventDefault();\n                    const nextIndex = currentIndex < navItems.length - 1 ? currentIndex + 1 : 0;\n                    navItems[nextIndex].focus();\n                    break;\n                    \n                case 'Home':\n                    e.preventDefault();\n                    navItems[0].focus();\n                    break;\n                    \n                case 'End':\n                    e.preventDefault();\n                    navItems[navItems.length - 1].focus();\n                    break;\n            }\n        });\n        \n        \/\/ \u81ea\u5b9a\u4e49\u5668\u5b9e\u65f6\u9884\u89c8\u652f\u6301\n        if (typeof wp !== 'undefined' && wp.customize) {\n            \/\/ \u76d1\u542c\u80cc\u666f\u8272\u53d8\u5316\n            wp.customize('about_nav_bg_color', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.style.backgroundColor = newval;\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6587\u5b57\u989c\u8272\u53d8\u5316\n            wp.customize('about_nav_text_color', function(value) {\n                value.bind(function(newval) {\n                    navLinks.forEach(function(link) {\n                        link.style.color = newval;\n                    });\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6fc0\u6d3b\u72b6\u6001\u989c\u8272\u53d8\u5316\n            wp.customize('about_nav_active_color', function(value) {\n                value.bind(function(newval) {\n                    \/\/ \u66f4\u65b0 CSS \u53d8\u91cf\u6216\u76f4\u63a5\u66f4\u65b0\u6837\u5f0f\n                    const activeLinks = aboutNav.querySelectorAll('.about-nav-item.active .about-nav-link');\n                    activeLinks.forEach(function(link) {\n                        link.style.color = newval;\n                        link.style.borderBottomColor = newval;\n                    });\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u6837\u5f0f\u53d8\u5316\n            wp.customize('about_nav_style', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.className = aboutNav.className.replace(\/nav-\\w+\/g, '');\n                    aboutNav.classList.add('nav-' + newval);\n                });\n            });\n            \n            \/\/ \u76d1\u542c\u4f4d\u7f6e\u53d8\u5316\n            wp.customize('about_nav_position', function(value) {\n                value.bind(function(newval) {\n                    aboutNav.className = aboutNav.className.replace(\/nav-position-\\w+\/g, '');\n                    aboutNav.classList.add('nav-position-' + newval);\n                });\n            });\n        }\n    });\n})();\n<\/script>\n\n\n\n<section id=\"nenghui-download-center-shortcode\" class=\"download-center-section nenghui-download-center\">\n    <div class=\"container\">\n                <div class=\"section-header\">\n            <h2 class=\"section-title\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/h2>\n        <\/div>\n                \n        <div class=\"download-center-content\">\n            <!-- \u5206\u7c7b\u9009\u9879\u5361 -->\n            <div class=\"download-tabs\">\n                                <button class=\"tab-button active\" data-category=\"all\">\n                    \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\n                <\/button>\n                                \n                                                                                            <button class=\"tab-button\" data-category=\"10\">\n                        \u0e0b\u0e35\u0e23\u0e35\u0e48\u0e2a\u0e4c\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c                    <\/button>\n                                                <\/div>\n            \n            <!-- \u4e0b\u8f7d\u5185\u5bb9\u533a\u57df -->\n            <div class=\"download-content\">\n                <!-- \u5168\u90e8\u4e0b\u8f7d -->\n                                <div class=\"download-grid active\" data-category=\"all\">\n                                                                    <div class=\"download-card\">\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NH-ICS180-261\" loading=\"lazy\">\n                            <\/div>\n                            <div class=\"card-content\">\n                                <h3 class=\"card-title\">NH-ICS180-261<\/h3>\n                                                                \n                                <div class=\"card-meta\">\n                                                                        <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                            <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                    <\/div>\n                                \n                                                                <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/NH-ICS180-261-0108-3.pdf\" class=\"download-button\" download target=\"_blank\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                <\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"download-card\">\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NB418L\" loading=\"lazy\">\n                            <\/div>\n                            <div class=\"card-content\">\n                                <h3 class=\"card-title\">NB418L<\/h3>\n                                                                \n                                <div class=\"card-meta\">\n                                                                        <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                            <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                    <\/div>\n                                \n                                                                <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/NB418L-0108.pdf\" class=\"download-button\" download target=\"_blank\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                <\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"download-card\">\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"N20HC5000\" loading=\"lazy\">\n                            <\/div>\n                            <div class=\"card-content\">\n                                <h3 class=\"card-title\">N20HC5000<\/h3>\n                                                                \n                                <div class=\"card-meta\">\n                                                                        <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                            <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                    <\/div>\n                                \n                                                                <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/N20HC5000-0108-1.pdf\" class=\"download-button\" download target=\"_blank\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                <\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"download-card\">\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NE261L\" loading=\"lazy\">\n                            <\/div>\n                            <div class=\"card-content\">\n                                <h3 class=\"card-title\">NE261L<\/h3>\n                                                                \n                                <div class=\"card-meta\">\n                                                                        <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                            <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                    <\/div>\n                                \n                                                                <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/NE261L-0108.pdf\" class=\"download-button\" download target=\"_blank\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                <\/a>\n                                                            <\/div>\n                        <\/div>\n                                                                    <div class=\"download-card\">\n                            <div class=\"card-image\">\n                                <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NE233L\" loading=\"lazy\">\n                            <\/div>\n                            <div class=\"card-content\">\n                                <h3 class=\"card-title\">NE233L<\/h3>\n                                                                \n                                <div class=\"card-meta\">\n                                                                        <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                            <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                    <\/div>\n                                \n                                                                <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/NE233L-0108-1.pdf\" class=\"download-button\" download target=\"_blank\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                    \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                <\/a>\n                                                            <\/div>\n                        <\/div>\n                                    <\/div>\n                                \n                <!-- \u5206\u7c7b\u4e0b\u8f7d -->\n                                                                                            <div class=\"download-grid\" data-category=\"10\">\n                                                                                <div class=\"download-card\">\n                                <div class=\"card-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NH-ICS180-261\" loading=\"lazy\">\n                                <\/div>\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">NH-ICS180-261<\/h3>\n                                                                        \n                                    <div class=\"card-meta\">\n                                                                                <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                                        <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                            <\/div>\n                                    \n                                                                        <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/NH-ICS180-261-0108-3.pdf\" class=\"download-button\" download target=\"_blank\">\n                                        <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                                                <div class=\"download-card\">\n                                <div class=\"card-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NB418L\" loading=\"lazy\">\n                                <\/div>\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">NB418L<\/h3>\n                                                                        \n                                    <div class=\"card-meta\">\n                                                                                <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                                        <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                            <\/div>\n                                    \n                                                                        <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/NB418L-0108.pdf\" class=\"download-button\" download target=\"_blank\">\n                                        <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                                                <div class=\"download-card\">\n                                <div class=\"card-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"N20HC5000\" loading=\"lazy\">\n                                <\/div>\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">N20HC5000<\/h3>\n                                                                        \n                                    <div class=\"card-meta\">\n                                                                                <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                                        <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                            <\/div>\n                                    \n                                                                        <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/N20HC5000-0108-1.pdf\" class=\"download-button\" download target=\"_blank\">\n                                        <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                                                <div class=\"download-card\">\n                                <div class=\"card-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NE261L\" loading=\"lazy\">\n                                <\/div>\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">NE261L<\/h3>\n                                                                        \n                                    <div class=\"card-meta\">\n                                                                                <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                                        <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                            <\/div>\n                                    \n                                                                        <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2025\/08\/NE261L-0108.pdf\" class=\"download-button\" download target=\"_blank\">\n                                        <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                                                                <div class=\"download-card\">\n                                <div class=\"card-image\">\n                                    <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-IMG.webp\" alt=\"NE233L\" loading=\"lazy\">\n                                <\/div>\n                                <div class=\"card-content\">\n                                    <h3 class=\"card-title\">NE233L<\/h3>\n                                                                        \n                                    <div class=\"card-meta\">\n                                                                                <span class=\"file-type\">\u0e1e\u0e35\u0e14\u0e35\u0e40\u0e2d\u0e1f<\/span>\n                                                                                                                        <span class=\"file-size\">3 \u0e40\u0e21\u0e01\u0e30\u0e44\u0e1a\u0e15\u0e4c<\/span>\n                                                                            <\/div>\n                                    \n                                                                        <a href=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/NE233L-0108-1.pdf\" class=\"download-button\" download target=\"_blank\">\n                                        <img decoding=\"async\" src=\"https:\/\/nenghui.com\/wp-content\/themes\/nenghui-energy-theme-4\/assets\/images\/PDF-ICON.svg\" alt=\"Download\" class=\"download-icon\">\n                                        \u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\n                                    <\/a>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                                                <\/div>\n            \n                        <!-- \u5206\u9875\u5bfc\u822a -->\n            <div class=\"download-pagination\">\n                <!-- \u5168\u90e8\u5206\u7c7b\u7684\u5206\u9875 -->\n                                <div class=\"pagination-wrapper\" data-category=\"all\">\n                                    <\/div>\n                                \n                <!-- \u5404\u5206\u7c7b\u7684\u5206\u9875 -->\n                                                                                            <div class=\"pagination-wrapper\" data-category=\"10\">\n                                            <\/div>\n                                                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n\n<style>\n.nenghui-download-center {\n    padding: 60px 0;\n    background: #f8f9fa;\n}\n\n.nenghui-download-center .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.nenghui-download-center .section-header {\n    text-align: center;\n    margin-bottom: 50px;\n}\n\n.nenghui-download-center .section-title {\n    font-size: 2.5rem;\n    font-weight: 700;\n    color: #2c3e50;\n    margin: 0;\n    position: relative;\n    display: inline-block;\n}\n\n.nenghui-download-center .section-title::after {\n    content: '';\n    position: absolute;\n    bottom: -20px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 3px;\n    background: linear-gradient(135deg, #2cb5a9, #00699f);\n    border-radius: 2px;\n}\n\n\/* \u9009\u9879\u5361\u6837\u5f0f *\/\n.download-tabs {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    margin-bottom: 40px;\n    flex-wrap: wrap;\n}\n\n.tab-button {\n    padding: 12px 24px;\n    border: 2px solid #e0e0e0;\n    background: #fff;\n    color: #666;\n    font-size: 16px;\n    font-weight: 500;\n    border-radius: 25px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.tab-button:hover {\n    border-color: #2cb5a9;\n    color: #2cb5a9;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(44, 181, 169, 0.2);\n    transition: all 0.3s ease;\n}\n\n.tab-button.active {\n    background: linear-gradient(135deg, #2cb5a9, #00699f);\n    border-color: #2cb5a9;\n    color: #fff;\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(44, 181, 169, 0.3);\n}\n\n\/* \u4e0b\u8f7d\u7f51\u683c\u5e03\u5c40 *\/\n.download-grid {\n    display: none;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 30px;\n    animation: fadeIn 0.5s ease;\n}\n\n.download-grid.active {\n    display: grid;\n}\n\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* \u4e0b\u8f7d\u5361\u7247\u6837\u5f0f *\/\n.download-card {\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n    transition: all 0.3s ease;\n    border: 1px solid #f0f0f0;\n}\n\n.download-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\n    border-color: #2cb5a9;\n    transition: all 0.3s ease;\n}\n\n.card-image {\n    position: relative;\n    overflow: hidden;\n    height: 200px;\n    background: #f8f9fa;\n}\n\n.card-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n}\n\n.download-card:hover .card-image img {\n    transform: scale(1.05);\n    transition: all 0.3s ease;\n}\n\n.card-content {\n    padding: 20px;\n}\n\n.card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: #2c3e50;\n    margin: 0 0 10px 0;\n    line-height: 1.5;\n    height: 3em;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    word-wrap: break-word;\n    word-break: break-word;\n    white-space: normal;\n}\n\n.card-excerpt {\n    color: #666;\n    font-size: 14px;\n    line-height: 1.5;\n    margin: 0 0 15px 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.card-meta {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.file-type,\n.file-size {\n    padding: 4px 8px;\n    background: #f0f8ff;\n    color: #2cb5a9;\n    font-size: 12px;\n    font-weight: 500;\n    border-radius: 4px;\n    text-transform: uppercase;\n}\n\n.download-button {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, #2cb5a9, #00699f);\n    color: #fff;\n    text-decoration: none;\n    border-radius: 8px;\n    font-weight: 500;\n    font-size: 14px;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    width: 100%;\n    justify-content: center;\n}\n\n.download-button:hover {\n    background: linear-gradient(135deg, #00699f, #2cb5a9);\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(44, 181, 169, 0.3);\n    color: #fff;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.download-icon {\n    width: 16px;\n    height: 16px;\n    filter: brightness(0) invert(1);\n}\n\n\/* \u5206\u9875\u6837\u5f0f *\/\n.download-pagination {\n    margin-top: 40px;\n}\n\n.pagination-wrapper {\n    display: none;\n}\n\n.pagination-wrapper.active {\n    display: block;\n}\n\n.pagination-nav {\n    display: flex;\n    justify-content: center;\n}\n\n.pagination-list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    gap: 8px;\n    align-items: center;\n}\n\n.pagination-item {\n    margin: 0;\n}\n\n.pagination-item a,\n.pagination-item span {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    height: 40px;\n    padding: 8px 12px;\n    border: 1px solid #e0e0e0;\n    background: #fff;\n    color: #666;\n    text-decoration: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 500;\n    transition: all 0.3s ease;\n}\n\n.pagination-item a:hover {\n    border-color: #2cb5a9;\n    background: #2cb5a9;\n    color: #fff;\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(44, 181, 169, 0.2);\n    transition: all 0.3s ease;\n}\n\n.pagination-item .current {\n    background: linear-gradient(135deg, #2cb5a9, #00699f);\n    border-color: #2cb5a9;\n    color: #fff;\n    font-weight: 600;\n}\n\n.pagination-item .dots {\n    border: none;\n    background: transparent;\n    color: #999;\n    cursor: default;\n}\n\n.pagination-item .prev,\n.pagination-item .next {\n    padding: 8px 16px;\n    font-size: 13px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.pagination-item .prev:hover,\n.pagination-item .next:hover {\n    background: linear-gradient(135deg, #2cb5a9, #00699f);\n    transition: all 0.3s ease;\n}\n\n\/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n@media (max-width: 1200px) {\n    .download-grid {\n        grid-template-columns: repeat(4, 1fr);\n        gap: 25px;\n    }\n}\n\n@media (max-width: 992px) {\n    .download-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .nenghui-download-center {\n        padding: 40px 0;\n    }\n    \n    .nenghui-download-center .container {\n        padding: 0 15px;\n    }\n    \n    .nenghui-download-center .section-title {\n        font-size: 2rem;\n    }\n    \n    .download-tabs {\n        gap: 8px;\n        margin-bottom: 30px;\n    }\n    \n    .tab-button {\n        padding: 10px 16px;\n        font-size: 14px;\n    }\n    \n    .card-content {\n        padding: 15px;\n    }\n    \n    .card-title {\n        font-size: 0.95rem;\n        line-height: 1.4;\n        height: 2.8em;\n    }\n    \n    .pagination-item a,\n    .pagination-item span {\n        min-width: 36px;\n        height: 36px;\n        padding: 6px 10px;\n        font-size: 13px;\n    }\n    \n    .pagination-item .prev,\n    .pagination-item .next {\n        padding: 6px 12px;\n        font-size: 12px;\n    }\n}\n\n@media (max-width: 480px) {\n    .download-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 15px;\n    }\n    \n    .tab-button {\n        padding: 8px 12px;\n        font-size: 13px;\n    }\n    \n    .pagination-list {\n        gap: 4px;\n    }\n    \n    .pagination-item a,\n    .pagination-item span {\n        min-width: 32px;\n        height: 32px;\n        padding: 4px 8px;\n        font-size: 12px;\n    }\n    \n    .pagination-item .prev,\n    .pagination-item .next {\n        padding: 4px 8px;\n        font-size: 11px;\n    }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const tabButtons = document.querySelectorAll('#nenghui-download-center-shortcode .tab-button');\n    const downloadGrids = document.querySelectorAll('#nenghui-download-center-shortcode .download-grid');\n    const paginationWrappers = document.querySelectorAll('#nenghui-download-center-shortcode .pagination-wrapper');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', function() {\n            const category = this.getAttribute('data-category');\n            \n            \/\/ \u79fb\u9664\u6240\u6709\u6d3b\u52a8\u72b6\u6001\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            downloadGrids.forEach(grid => grid.classList.remove('active'));\n            paginationWrappers.forEach(wrapper => wrapper.classList.remove('active'));\n            \n            \/\/ \u6dfb\u52a0\u5f53\u524d\u6d3b\u52a8\u72b6\u6001\n            this.classList.add('active');\n            const targetGrid = document.querySelector('#nenghui-download-center-shortcode .download-grid[data-category=\"' + category + '\"]');\n            if (targetGrid) {\n                targetGrid.classList.add('active');\n            }\n            \n            \/\/ \u663e\u793a\u5bf9\u5e94\u7684\u5206\u9875\u7ec4\u4ef6\n            const targetPagination = document.querySelector('#nenghui-download-center-shortcode .pagination-wrapper[data-category=\"' + category + '\"]');\n            if (targetPagination) {\n                targetPagination.classList.add('active');\n            }\n        });\n    });\n    \n    \/\/ \u521d\u59cb\u5316\u65f6\u663e\u793a\u7b2c\u4e00\u4e2a\u6d3b\u52a8\u9009\u9879\u5361\u5bf9\u5e94\u7684\u5206\u9875\n    const activeTab = document.querySelector('#nenghui-download-center-shortcode .tab-button.active');\n    if (activeTab) {\n        const category = activeTab.getAttribute('data-category');\n        const targetPagination = document.querySelector('#nenghui-download-center-shortcode .pagination-wrapper[data-category=\"' + category + '\"]');\n        if (targetPagination) {\n            targetPagination.classList.add('active');\n        }\n    }\n});\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-366","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/comments?post=366"}],"version-history":[{"count":1,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/366\/revisions"}],"predecessor-version":[{"id":1589,"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/pages\/366\/revisions\/1589"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/th\/wp-json\/wp\/v2\/media?parent=366"}],"curies":[{"name":"\u0e14\u0e31\u0e1a\u0e40\u0e1a\u0e34\u0e25\u0e22\u0e39\u0e1e\u0e35","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}