diff --git a/.gitignore b/.gitignore
index d56272d..e52f08f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,6 +5,7 @@ bin-release/
 [Bb]in/
 wp-admin/
 wp-includes/
+html-temp/
 wp-content/languages/
 wp-content/mu-plugins/
 wp-content/plugins/
diff --git a/wp-content/themes/nenghui-energy-theme-4/SHORTCODE_DOCUMENTATION.md b/wp-content/themes/nenghui-energy-theme-4/SHORTCODE_DOCUMENTATION.md
new file mode 100644
index 0000000..f01b846
--- /dev/null
+++ b/wp-content/themes/nenghui-energy-theme-4/SHORTCODE_DOCUMENTATION.md
@@ -0,0 +1,611 @@
+# Nenghui Energy Theme - 短代码使用文档
+
+本文档提供了 Nenghui Energy 主题中所有可用短代码的详细说明和使用示例。
+
+## 目录
+
+1. [产品相关短代码](#产品相关短代码)
+2. [新闻相关短代码](#新闻相关短代码)
+3. [关于页面短代码](#关于页面短代码)
+4. [联系页面短代码](#联系页面短代码)
+5. [通用组件短代码](#通用组件短代码)
+6. [EPC相关短代码](#epc相关短代码)
+
+---
+
+## 产品相关短代码
+
+### `nenghui_products_list` - 产品列表
+
+显示产品列表，支持分类筛选和分页。
+
+**基本用法：**
+```php
+[nenghui_products_list]
+```
+
+**完整参数：**
+```php
+[nenghui_products_list 
+  per_page="6" 
+  category="residential" 
+  order="date" 
+  orderby="DESC" 
+  category_order=""]
+```
+
+**参数说明：**
+- `per_page` - 每页显示的产品数量（默认：6）
+- `category` - 筛选特定分类（留空显示所有）
+- `order` - 排序方式（默认：date）
+- `orderby` - 排序字段（默认：DESC）
+- `category_order` - 自定义分类排序
+
+**产品自定义字段：**
+- `cate_type` - 产品分类（必需）
+- `cate_type_value` - 分类显示名称
+- `efficiency` - 效率值（如：≥93% Efficiency）
+- `is_new` - 是否为新产品（true/false）
+- `attr_key` - 属性名称（逗号分隔）
+- `attr_value` - 属性值（逗号分隔）
+- `_product_banner_url` - 产品横幅图片URL
+- `_usage_scenario_data` - 使用场景数据（包含bottom_text）
+
+**示例：**
+```php
+// 显示所有产品，每页9个
+[nenghui_products_list per_page="9"]
+
+// 只显示residential分类的产品
+[nenghui_products_list category="residential"]
+
+// 自定义排序
+[nenghui_products_list order="title" orderby="ASC"]
+```
+
+---
+
+### `nenghui_products_banner` - 产品横幅
+
+显示产品页面横幅。
+
+**基本用法：**
+```php
+[nenghui_products_banner]
+```
+
+或简化版本：
+```php
+[products_banner]
+```
+
+---
+
+### `nenghui_warehousing_distribution` - 仓储配送
+
+显示仓储配送信息。
+
+**基本用法：**
+```php
+[nenghui_warehousing_distribution]
+```
+
+或简化版本：
+```php
+[warehousing_distribution]
+```
+
+---
+
+## 新闻相关短代码
+
+### `nenghui_news` - 新闻列表
+
+显示新闻文章列表。
+
+**基本用法：**
+```php
+[nenghui_news]
+```
+
+**完整参数：**
+```php
+[nenghui_news 
+  title="最新资讯" 
+  category_id="1" 
+  posts_count="6" 
+  order_by="date" 
+  order="DESC"]
+```
+
+**参数说明：**
+- `title` - 模块标题
+- `category_id` - 分类ID
+- `posts_count` - 显示文章数量
+- `order_by` - 排序字段
+- `order` - 排序方向
+
+---
+
+### `nenghui_news_grid` - 新闻网格
+
+以网格布局显示新闻。
+
+**基本用法：**
+```php
+[nenghui_news_grid]
+```
+
+---
+
+## 关于页面短代码
+
+### `nenghui_about_nav` - 关于导航
+
+显示关于页面的导航菜单。
+
+**基本用法：**
+```php
+[nenghui_about_nav]
+```
+
+**自定义参数：**
+```php
+[nenghui_about_nav menu_id="123"]
+```
+
+**参数说明：**
+- `menu_id` - 指定菜单ID（留空使用自定义器设置的默认菜单）
+
+---
+
+### `nenghui_about_company` - 关于公司
+
+显示公司介绍信息。
+
+**基本用法：**
+```php
+[nenghui_about_company]
+```
+
+**自定义参数：**
+```php
+[nenghui_about_company show_animation="true"]
+```
+
+**参数说明：**
+- `show_animation` - 是否显示动画效果
+
+---
+
+### `nenghui_development_history` - 发展历程
+
+显示公司发展历程时间线。
+
+**基本用法：**
+```php
+[nenghui_development_history]
+```
+
+**自定义参数：**
+```php
+[nenghui_development_history show_animation="true"]
+```
+
+---
+
+### `nenghui_certification_gallery` - 认证画廊
+
+显示公司认证证书画廊。
+
+**基本用法：**
+```php
+[nenghui_certification_gallery]
+```
+
+**自定义参数：**
+```php
+[nenghui_certification_gallery 
+  columns="5" 
+  lightbox="true" 
+  animation="true"]
+```
+
+**参数说明：**
+- `columns` - 每行显示列数（1-6）
+- `lightbox` - 是否启用灯箱效果
+- `animation` - 是否启用动画效果
+
+---
+
+### `nenghui_technical_service` - 技术服务
+
+显示技术服务信息。
+
+**基本用法：**
+```php
+[nenghui_technical_service]
+```
+
+**自定义参数：**
+```php
+[nenghui_technical_service 
+  title="可靠的技术服务" 
+  subtitle="提升客户体验"]
+```
+
+---
+
+### `black_about_company_banner` - 关于公司横幅
+
+显示关于页面的横幅。
+
+**基本用法：**
+```php
+[black_about_company_banner]
+```
+
+---
+
+### `nenghui_black_about_info` - 关于信息
+
+显示公司详细信息。
+
+**基本用法：**
+```php
+[nenghui_black_about_info]
+```
+
+或简化版本：
+```php
+[black_about_info]
+```
+
+---
+
+### `business_process` - 业务流程
+
+显示业务流程图。
+
+**基本用法：**
+```php
+[business_process]
+```
+
+---
+
+## 联系页面短代码
+
+### `nenghui_contact_form` - 联系表单
+
+显示联系表单。
+
+**基本用法：**
+```php
+[nenghui_contact_form]
+```
+
+**自定义参数：**
+```php
+[nenghui_contact_form form_id="1" show_animation="true"]
+```
+
+**参数说明：**
+- `form_id` - 表单ID
+- `show_animation` - 是否显示动画效果
+
+---
+
+### `nenghui_contact_map` - 联系地图
+
+显示联系地图。
+
+**基本用法：**
+```php
+[nenghui_contact_map]
+```
+
+---
+
+### `nenghui_overseas_services` - 海外服务
+
+显示海外服务信息。
+
+**基本用法：**
+```php
+[nenghui_overseas_services]
+```
+
+---
+
+## 通用组件短代码
+
+### `nenghui_banner` - 轮播横幅
+
+显示轮播横幅。
+
+**基本用法：**
+```php
+[nenghui_banner]
+```
+
+**自定义参数：**
+```php
+[nenghui_banner autoplay="true"]
+```
+
+**参数说明：**
+- `autoplay` - 是否自动播放
+
+---
+
+### `nenghui_futures` - 未来展望
+
+显示未来展望内容。
+
+**基本用法：**
+```php
+[nenghui_futures]
+```
+
+**自定义参数：**
+```php
+[nenghui_futures title="未来展望" show_animation="true"]
+```
+
+---
+
+### `nenghui_tabs` - 选项卡
+
+显示选项卡内容。
+
+**基本用法：**
+```php
+[nenghui_tabs]
+```
+
+**自定义参数：**
+```php
+[nenghui_tabs tabs_count="3" show_animation="true"]
+```
+
+---
+
+### `nenghui_flowchart_tabs` - 流程图选项卡
+
+显示流程图选项卡。
+
+**基本用法：**
+```php
+[nenghui_flowchart_tabs]
+```
+
+---
+
+### `nenghui_banner_title` - 标题横幅
+
+显示带标题的横幅。
+
+**基本用法：**
+```php
+[nenghui_banner_title title="关于我们" description="我们致力于提供最优质的服务"]
+```
+
+**完整参数：**
+```php
+[nenghui_banner_title 
+  title="关于我们" 
+  description="我们致力于提供最优质的服务" 
+  bg_image="https://example.com/image.jpg" 
+  height="70vh" 
+  overlay_opacity="0.6" 
+  show_animation="true"]
+```
+
+**参数说明：**
+- `title` - 标题
+- `description` - 描述
+- `bg_image` - 背景图片URL
+- `height` - 高度（支持px、vh、%）
+- `overlay_opacity` - 遮罩透明度（0-1）
+- `show_animation` - 是否显示动画
+
+---
+
+### `black_maps` - 黑色地图
+
+显示交互式地图。
+
+**基本用法：**
+```php
+[black_maps]
+```
+
+**自定义参数：**
+```php
+[black_maps height="100vh" show_loading="true"]
+```
+
+**参数说明：**
+- `height` - 地图高度
+- `show_loading` - 是否显示加载动画
+
+---
+
+### `nenghui_video` - 视频
+
+显示视频播放器。
+
+**基本用法：**
+```php
+[nenghui_video video_url="https://example.com/video.mp4"]
+```
+
+**完整参数：**
+```php
+[nenghui_video 
+  video_url="https://example.com/video.mp4" 
+  cover_image="https://example.com/cover.jpg" 
+  title="我们的企业视频" 
+  description="了解我们的产品和服务" 
+  play_button_text="立即播放" 
+  show_overlay="true" 
+  overlay_opacity="0.5" 
+  height="80vh" 
+  autoplay="false" 
+  muted="true" 
+  controls="true"]
+```
+
+**参数说明：**
+- `video_url` - 视频URL（必需）
+- `cover_image` - 封面图片URL
+- `title` - 视频标题
+- `description` - 视频描述
+- `play_button_text` - 播放按钮文字
+- `show_overlay` - 是否显示遮罩
+- `overlay_opacity` - 遮罩透明度
+- `height` - 视频高度
+- `autoplay` - 是否自动播放
+- `muted` - 是否静音
+- `controls` - 是否显示控制栏
+
+---
+
+### `nenghui_download_center` - 下载中心
+
+显示下载中心。
+
+**基本用法：**
+```php
+[nenghui_download_center]
+```
+
+---
+
+### `nenghui_faq` - 常见问题
+
+显示常见问题列表。
+
+**基本用法：**
+```php
+[nenghui_faq]
+```
+
+---
+
+### `nenghui_cases` - 案例展示
+
+显示案例展示。
+
+**基本用法：**
+```php
+[nenghui_cases]
+```
+
+---
+
+## EPC相关短代码
+
+### `nenghui_epc` - EPC解决方案
+
+显示EPC解决方案。
+
+**基本用法：**
+```php
+[nenghui_epc]
+```
+
+**自定义参数：**
+```php
+[nenghui_epc 
+  title="EPC Solutions" 
+  subtitle="Beyond Hardware: Total EPC Solutions from NengHui Design Institute" 
+  bg_image="https://example.com/epc-bg.jpg"]
+```
+
+---
+
+### `nenghui_epc_banner` - EPC横幅
+
+显示EPC横幅。
+
+**基本用法：**
+```php
+[nenghui_epc_banner]
+```
+
+---
+
+## 使用技巧
+
+### 1. 在页面编辑器中使用
+
+在WordPress页面编辑器中，直接输入短代码即可：
+
+```
+[nenghui_products_list per_page="9"]
+```
+
+### 2. 在模板文件中使用
+
+在主题模板文件中使用 `do_shortcode()` 函数：
+
+```php
+<?php echo do_shortcode('[nenghui_products_list per_page="9"]'); ?>
+```
+
+### 3. 组合使用多个短代码
+
+可以在同一个页面中使用多个短代码：
+
+```
+[nenghui_banner_title title="我们的产品"]
+[nenghui_products_list per_page="9"]
+[nenghui_contact_form]
+```
+
+### 4. 响应式设计
+
+所有短代码都支持响应式设计，会自动适应不同屏幕尺寸。
+
+### 5. 深色模式
+
+所有短代码都支持深色模式，会自动根据系统设置切换主题。
+
+## 常见问题
+
+### Q: 短代码不显示怎么办？
+
+A: 请确保：
+1. 短代码名称拼写正确
+2. 主题已正确激活
+3. 没有PHP错误（检查调试日志）
+
+### Q: 如何自定义短代码样式？
+
+A: 可以通过以下方式自定义：
+1. 在自定义器中修改相关设置
+2. 使用CSS覆盖默认样式
+3. 修改对应的模板文件
+
+### Q: 短代码参数不生效怎么办？
+
+A: 请确保：
+1. 参数名称拼写正确
+2. 参数值格式正确
+3. 没有特殊字符冲突
+
+### Q: 如何添加新的短代码？
+
+A: 可以在 `inc/shortcode.php` 文件中添加新的短代码函数，参考现有短代码的实现方式。
+
+## 技术支持
+
+如需技术支持，请联系开发团队或查看主题文档。
+
+---
+
+**文档版本：** 1.0  
+**最后更新：** 2026-02-09  
+**主题版本：** nenghui-energy-theme-4
diff --git a/wp-content/themes/nenghui-energy-theme-4/functions.php b/wp-content/themes/nenghui-energy-theme-4/functions.php
index af6aa5b..5a48930 100644
--- a/wp-content/themes/nenghui-energy-theme-4/functions.php
+++ b/wp-content/themes/nenghui-energy-theme-4/functions.php
@@ -334,4 +334,139 @@ class Nenghui_Walker_Nav_Menu extends Walker_Nav_Menu {
     }
 }
 
+function get_post_meta_by_key($key, $cate_type) {
+    global $wpdb;
+    $table = $wpdb->postmeta;
+    $result = $wpdb->get_var($wpdb->prepare(
+        "SELECT meta_value FROM $table WHERE meta_key = %s AND post_id IN (
+            SELECT post_id FROM $table WHERE meta_key = 'cate_type' AND meta_value LIKE %s
+        ) LIMIT 1",
+        $key,
+        '%' . $wpdb->esc_like($cate_type) . '%'
+    ));
+    return $result;
+}
+
+add_action('wp_ajax_load_more_products', 'load_more_products_callback');
+add_action('wp_ajax_nopriv_load_more_products', 'load_more_products_callback');
+
+function load_more_products_callback() {
+    check_ajax_referer('load_more_products_nonce', 'nonce');
+    
+    $offset = intval($_POST['offset']);
+    $per_page = intval($_POST['per_page']);
+    $category = isset($_POST['category']) ? sanitize_text_field($_POST['category']) : '';
+    
+    $meta_query = array();
+    
+    if (!empty($category) && $category !== 'all') {
+        $meta_query[] = array(
+            'key' => 'cate_type',
+            'value' => $category,
+            'compare' => 'LIKE'
+        );
+    }
+    
+    $query_args = array(
+        'post_type' => 'products',
+        'posts_per_page' => $per_page,
+        'offset' => $offset,
+        'meta_query' => $meta_query,
+        'post_status' => 'publish'
+    );
+    
+    $products_query = new WP_Query($query_args);
+    $products = array();
+    
+    if ($products_query->have_posts()) {
+        while ($products_query->have_posts()) {
+            $products_query->the_post();
+            $post_id = get_the_ID();
+            $cate_type = get_post_meta($post_id, 'cate_type', true);
+            
+            $cover_image = get_the_post_thumbnail_url($post_id, 'product-cover-medium');
+            if (empty($cover_image)) {
+                $cover_image = get_post_meta($post_id, '_product_banner_url', true);
+            }
+            if (empty($cover_image)) {
+                $cover_image = get_template_directory_uri() . '/assets/images/products-1.webp';
+            }
+            
+            $usage_scenario_data = get_post_meta($post_id, '_usage_scenario_data', true);
+            $description = '';
+            if (!empty($usage_scenario_data) && isset($usage_scenario_data['bottom_text'])) {
+                $description = $usage_scenario_data['bottom_text'];
+            }
+            $attr_keys = get_post_meta($post_id, 'attr_key', true);
+            $attr_values = get_post_meta($post_id, 'attr_value', true);
+            $attr_keys_array = !empty($attr_keys) ? explode(',', $attr_keys) : array();
+            $attr_values_array = !empty($attr_values) ? explode(',', $attr_values) : array();
+            $attrs = array();
+            for ($i = 0; $i < min(4, count($attr_keys_array)); $i++) {
+                if (isset($attr_keys_array[$i]) && isset($attr_values_array[$i])) {
+                    $attrs[] = array(
+                        'key' => trim($attr_keys_array[$i]),
+                        'value' => trim($attr_values_array[$i])
+                    );
+                }
+            }
+            $efficiency = get_post_meta($post_id, 'efficiency', true);
+            $is_new = get_post_meta($post_id, 'is_new', true);
+            $is_new_value = filter_var($is_new, FILTER_VALIDATE_BOOLEAN);
+            
+            ob_start();
+            ?>
+            <div data-category="<?php echo esc_attr($cate_type); ?>" class="product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary/40 group" data-aos="fade-up" data-aos-delay="0">
+                <div class="skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]">
+                    <?php if (!empty($is_new)): ?>
+                        <div class="absolute top-4 left-4 bg-primary text-white text-xs font-bold px-2.5 py-1 rounded shadow-sm z-10">
+                            NEW
+                        </div>
+                    <?php endif; ?>
+                    <?php if (!empty($efficiency)): ?>
+                        <div class="absolute top-4 right-4 bg-white/90 dark:bg-[#2a3441]/90 backdrop-blur text-primary text-xs font-bold px-2.5 py-1 rounded shadow-sm border border-primary/10 z-10">
+                            <?php echo esc_html($efficiency); ?>
+                        </div>
+                    <?php endif; ?>
+                    <div class="lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500" data-alt="<?php echo esc_attr(get_the_title()); ?>" data-bg="<?php echo esc_url($cover_image); ?>" style="background-image: url('<?php echo esc_url($cover_image); ?>');"></div>
+                </div>
+                <div class="p-5">
+                    <div class="flex justify-between items-start mb-2">
+                        <div class="flex items-center gap-2">
+                            <h3 class="text-xl font-bold font-display text-[#111318] dark:text-white group-hover:text-primary transition-colors"><?php echo esc_html(get_the_title()); ?></h3>
+                            <?php if ($is_new_value): ?>
+                                <span class="bg-primary/10 text-primary text-[10px] font-bold px-2 py-0.5 rounded-full border border-primary/20 animate-pulse">NEW</span>
+                            <?php endif; ?>
+                        </div>
+                    </div>
+                    <div class="grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm">
+                        <?php foreach ($attrs as $attr): ?>
+                            <div class="bg-gray-50 dark:bg-[#1f2937] p-2 rounded <?php echo $is_new_value ? 'border-l-2 border-primary' : ''; ?>">
+                                <p class="text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider"><?php echo esc_html($attr['key']); ?></p>
+                                <p class="font-semibold dark:text-gray-200"><?php echo esc_html($attr['value']); ?></p>
+                            </div>
+                        <?php endforeach; ?>
+                    </div>
+                    <p class="text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4">
+                        <?php echo wp_kses_post($description); ?>
+                    </p>
+                    <a href="<?php echo esc_url(get_permalink()); ?>" class="product-detail-link">
+                        <button class="w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm font-bold hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow">
+                            <span>View Datasheet</span>
+                            <span class="material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform">&#xe5c8;</span>
+                        </button>
+                    </a>
+                </div>
+            </div>
+            <?php
+            $products[] = array(
+                'html' => ob_get_clean()
+            );
+        }
+        wp_reset_postdata();
+    }
+    
+    wp_send_json_success(array('products' => $products));
+}
+
 ?>
\ No newline at end of file
diff --git a/wp-content/themes/nenghui-energy-theme-4/inc/shortcode.php b/wp-content/themes/nenghui-energy-theme-4/inc/shortcode.php
index 7fd5b6b..3d4c490 100644
--- a/wp-content/themes/nenghui-energy-theme-4/inc/shortcode.php
+++ b/wp-content/themes/nenghui-energy-theme-4/inc/shortcode.php
@@ -1693,4 +1693,30 @@ function nenghui_business_process_shortcode($atts) {
 
     return $output;
 }
-add_shortcode('business_process', 'nenghui_business_process_shortcode');
\ No newline at end of file
+add_shortcode('business_process', 'nenghui_business_process_shortcode');
+
+function nenghui_products_list_shortcode($atts) {
+    if (!is_array($atts)) {
+        $atts = array();
+    }
+    
+    $atts = shortcode_atts(array(
+        'id' => 'nenghui-products-list-shortcode',
+        'class' => '',
+        'per_page' => '3',
+        'category' => '',
+        'order' => 'date',
+        'orderby' => 'DESC',
+        'category_order' => ''
+    ), $atts);
+    
+    ob_start();
+    
+    global $products_list_shortcode_atts;
+    $products_list_shortcode_atts = $atts;
+    
+    include get_template_directory() . '/template-parts/blocks/block-products-list.php';
+    
+    return ob_get_clean();
+}
+add_shortcode('nenghui_products_list', 'nenghui_products_list_shortcode');
diff --git a/wp-content/themes/nenghui-energy-theme-4/inc/theme-setup.php b/wp-content/themes/nenghui-energy-theme-4/inc/theme-setup.php
index 8af5c95..f14afc4 100644
--- a/wp-content/themes/nenghui-energy-theme-4/inc/theme-setup.php
+++ b/wp-content/themes/nenghui-energy-theme-4/inc/theme-setup.php
@@ -16,18 +16,23 @@ if (!defined('ABSPATH')) {
 function nenghui_theme_setup() {
     // 启用文章特色图像（缩略图）支持
     add_theme_support('post-thumbnails');
-    
+
     // 启用文章和页面的特色图像
     add_theme_support('post-thumbnails', array('post', 'page'));
-    
+
     // 设置特色图像的默认尺寸
     set_post_thumbnail_size(800, 600, true);
-    
+
     // 添加自定义图像尺寸
     add_image_size('nenghui-large', 1200, 800, true);
     add_image_size('nenghui-medium', 600, 400, true);
     add_image_size('nenghui-small', 300, 200, true);
-    
+
+    // 添加产品封面图尺寸
+    add_image_size('product-cover-large', 1200, 800, true);
+    add_image_size('product-cover-medium', 600, 400, true);
+    add_image_size('product-cover-small', 300, 200, true);
+
     // 启用HTML5支持
     add_theme_support('html5', array(
         'search-form',
@@ -36,10 +41,10 @@ function nenghui_theme_setup() {
         'gallery',
         'caption'
     ));
-    
+
     // 启用自动feed链接
     add_theme_support('automatic-feed-links');
-    
+
     // 启用标题标签支持
     add_theme_support('title-tag');
 }
@@ -102,16 +107,16 @@ function disable_comments_functionality() {
     // 移除评论支持
     remove_post_type_support('post', 'comments');
     remove_post_type_support('page', 'comments');
-    
+
     // 移除评论相关的菜单项
     remove_menu_page('edit-comments.php');
-    
+
     // 移除评论相关的管理栏项目
     remove_action('admin_bar_menu', 'wp_admin_bar_comments_menu', 60);
-    
+
     // 禁用评论feed
     remove_action('wp_head', 'feed_links_extra', 3);
-    
+
     // 重定向评论页面
     if (is_admin() && isset($_GET['page']) && $_GET['page'] === 'edit-comments.php') {
         wp_redirect(admin_url());
@@ -127,7 +132,7 @@ add_action('admin_init', 'disable_comments_functionality');
 function close_existing_comments() {
     // 关闭新文章的评论
     update_option('default_comment_status', 'closed');
-    
+
     // 关闭新页面的评论
     update_option('default_ping_status', 'closed');
 }
@@ -183,7 +188,7 @@ function disable_comments_rest_api($endpoints) {
     if (!is_array($endpoints) || empty($endpoints)) {
         return is_array($endpoints) ? $endpoints : array();
     }
-    
+
     // 安全地移除评论相关的端点
     if (isset($endpoints['/wp/v2/comments'])) {
         unset($endpoints['/wp/v2/comments']);
@@ -236,7 +241,7 @@ function register_download_center_post_type() {
         'items_list_navigation' => '下载列表导航',
         'filter_items_list'     => '筛选下载列表',
     );
-    
+
     $args = array(
         'label'                 => '下载中心',
         'description'           => '管理下载中心的文件和资源',
@@ -258,7 +263,7 @@ function register_download_center_post_type() {
         'capability_type'       => 'post',
         'show_in_rest'          => true,
     );
-    
+
     register_post_type('download_center', $args);
 }
 add_action('init', 'register_download_center_post_type', 0);
@@ -289,7 +294,7 @@ function register_download_category_taxonomy() {
         'items_list'                 => '分类列表',
         'items_list_navigation'      => '分类列表导航',
     );
-    
+
     $args = array(
         'labels'                     => $labels,
         'hierarchical'               => true,
@@ -300,7 +305,7 @@ function register_download_category_taxonomy() {
         'show_tagcloud'              => true,
         'show_in_rest'               => true,
     );
-    
+
     register_taxonomy('download_category', array('download_center'), $args);
 }
 add_action('init', 'register_download_category_taxonomy', 0);
@@ -313,7 +318,7 @@ function create_default_download_categories() {
     if (get_option('nenghui_download_categories_created')) {
         return;
     }
-    
+
     // 创建 Company profile 分类
     if (!term_exists('Company profile', 'download_category')) {
         wp_insert_term(
@@ -325,7 +330,7 @@ function create_default_download_categories() {
             )
         );
     }
-    
+
     // 创建 Product series 分类
     if (!term_exists('Product series', 'download_category')) {
         wp_insert_term(
@@ -337,7 +342,7 @@ function create_default_download_categories() {
             )
         );
     }
-    
+
     // 标记已创建默认分类
     update_option('nenghui_download_categories_created', true);
 }
@@ -363,7 +368,7 @@ add_action('add_meta_boxes', 'add_download_center_meta_boxes');
  */
 function enqueue_download_center_admin_scripts($hook) {
     global $post;
-    
+
     // 在下载中心和产品的编辑页面加载
     if ($hook == 'post-new.php' || $hook == 'post.php') {
         if ('download_center' === $post->post_type || 'products' === $post->post_type) {
@@ -380,12 +385,12 @@ add_action('admin_enqueue_scripts', 'enqueue_download_center_admin_scripts');
 function download_file_info_callback($post) {
     // 添加nonce字段用于安全验证
     wp_nonce_field('download_file_info_nonce', 'download_file_info_nonce');
-    
+
     // 获取现有值
     $download_url = get_post_meta($post->ID, '_download_url', true);
     $file_size = get_post_meta($post->ID, '_file_size', true);
     $file_type = get_post_meta($post->ID, '_file_type', true);
-    
+
     echo '<table class="form-table">';
     echo '<tr>';
     echo '<th><label for="download_url">下载链接</label></th>';
@@ -404,23 +409,23 @@ function download_file_info_callback($post) {
     echo '<td><input type="text" id="file_type" name="file_type" value="' . esc_attr($file_type) . '" class="regular-text" placeholder="例如: PDF" /></td>';
     echo '</tr>';
     echo '</table>';
-    
+
     echo '<p class="description">请填写下载文件的相关信息。如果不填写下载链接，将使用特色图像作为下载文件。</p>';
-    
+
     // 添加JavaScript代码用于媒体库选择
     echo '<script>
     jQuery(document).ready(function($) {
         var mediaUploader;
-        
+
         $("#select_file_button").click(function(e) {
             e.preventDefault();
-            
+
             // 如果媒体上传器已存在，重新打开
             if (mediaUploader) {
                 mediaUploader.open();
                 return;
             }
-            
+
             // 创建新的媒体上传器
             mediaUploader = wp.media({
                 title: "选择下载文件",
@@ -429,19 +434,19 @@ function download_file_info_callback($post) {
                 },
                 multiple: false
             });
-            
+
             // 当文件被选择时
             mediaUploader.on("select", function() {
                 var attachment = mediaUploader.state().get("selection").first().toJSON();
-                
+
                 // 设置下载链接
                 $("#download_url").val(attachment.url);
-                
+
                 // 自动填充文件大小（如果有的话）
                 if (attachment.filesizeHumanReadable) {
                     $("#file_size").val(attachment.filesizeHumanReadable);
                 }
-                
+
                 // 自动填充文件类型
                 if (attachment.subtype) {
                     $("#file_type").val(attachment.subtype.toUpperCase());
@@ -450,7 +455,7 @@ function download_file_info_callback($post) {
                     $("#file_type").val(mimeType.toUpperCase());
                 }
             });
-            
+
             // 打开媒体上传器
             mediaUploader.open();
         });
@@ -466,26 +471,26 @@ function save_download_file_info($post_id) {
     if (!isset($_POST['download_file_info_nonce']) || !wp_verify_nonce($_POST['download_file_info_nonce'], 'download_file_info_nonce')) {
         return;
     }
-    
+
     // 检查用户权限
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     // 检查是否为自动保存
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     // 保存字段
     if (isset($_POST['download_url'])) {
         update_post_meta($post_id, '_download_url', sanitize_url($_POST['download_url']));
     }
-    
+
     if (isset($_POST['file_size'])) {
         update_post_meta($post_id, '_file_size', sanitize_text_field($_POST['file_size']));
     }
-    
+
     if (isset($_POST['file_type'])) {
         update_post_meta($post_id, '_file_type', sanitize_text_field($_POST['file_type']));
     }
@@ -525,7 +530,7 @@ function register_cases_post_type() {
         'items_list_navigation' => '案例列表导航',
         'filter_items_list'     => '筛选案例列表',
     );
-    
+
     $args = array(
         'label'                 => '案例展示',
         'description'           => '案例展示文章类型',
@@ -548,7 +553,7 @@ function register_cases_post_type() {
         'show_in_rest'          => true,
         'rewrite'               => array('slug' => 'cases'),
     );
-    
+
     register_post_type('cases', $args);
 }
 add_action('init', 'register_cases_post_type', 0);
@@ -579,7 +584,7 @@ function register_case_category_taxonomy() {
         'items_list'                 => '分类列表',
         'items_list_navigation'      => '分类列表导航',
     );
-    
+
     $args = array(
         'labels'                     => $labels,
         'hierarchical'               => true,
@@ -591,7 +596,7 @@ function register_case_category_taxonomy() {
         'show_in_rest'               => true,
         'rewrite'                    => array('slug' => 'case-category'),
     );
-    
+
     register_taxonomy('case_category', array('cases'), $args);
 }
 add_action('init', 'register_case_category_taxonomy', 0);
@@ -604,7 +609,7 @@ function create_default_case_categories() {
     if (get_option('nenghui_case_categories_created')) {
         return;
     }
-    
+
     // 创建 Power Station 分类
     if (!term_exists('Power Station', 'case_category')) {
         wp_insert_term(
@@ -616,7 +621,7 @@ function create_default_case_categories() {
             )
         );
     }
-    
+
     // 创建 PV Project 分类
     if (!term_exists('PV Project', 'case_category')) {
         wp_insert_term(
@@ -628,7 +633,7 @@ function create_default_case_categories() {
             )
         );
     }
-    
+
     // 创建 Agricultural Solar 分类
     if (!term_exists('Agricultural Solar', 'case_category')) {
         wp_insert_term(
@@ -640,7 +645,7 @@ function create_default_case_categories() {
             )
         );
     }
-    
+
     // 标记已创建默认分类
     update_option('nenghui_case_categories_created', true);
 }
@@ -679,12 +684,12 @@ function register_products_post_type() {
         'items_list_navigation' => '产品列表导航',
         'filter_items_list'     => '筛选产品列表',
     );
-    
+
     $args = array(
         'label'                 => '产品管理',
         'description'           => '产品展示和管理',
         'labels'                => $labels,
-        'supports'              => array('title', 'custom-fields'),
+        'supports'              => array('title', 'thumbnail', 'custom-fields'),
         'hierarchical'          => false,
         'public'                => true,
         'show_ui'               => true,
@@ -701,7 +706,7 @@ function register_products_post_type() {
         'show_in_rest'          => true,
         'rewrite'               => array('slug' => 'products'),
     );
-    
+
     register_post_type('products', $args);
 }
 add_action('init', 'register_products_post_type', 0);
@@ -721,6 +726,21 @@ function add_products_banner_meta_box() {
 }
 add_action('add_meta_boxes', 'add_products_banner_meta_box');
 
+/**
+ * 添加产品封面图meta box
+ */
+function add_product_cover_meta_box() {
+    add_meta_box(
+        'product_cover_meta_box',
+        '产品封面图',
+        'product_cover_meta_box_callback',
+        'products',
+        'normal',
+        'high'
+    );
+}
+add_action('add_meta_boxes', 'add_product_cover_meta_box');
+
 /**
  * 添加产品特性meta box
  */
@@ -801,7 +821,7 @@ add_action('add_meta_boxes', 'add_products_description_meta_box');
  */
 function product_banner_meta_box_callback($post) {
     wp_nonce_field('save_product_banner', 'product_banner_nonce');
-    
+
     $banner_url = get_post_meta($post->ID, '_product_banner_url', true);
     ?>
     <table class="form-table">
@@ -819,12 +839,12 @@ function product_banner_meta_box_callback($post) {
             </td>
         </tr>
     </table>
-    
+
     <script>
     jQuery(document).ready(function($) {
         $('#upload_banner_button').click(function(e) {
             e.preventDefault();
-            
+
             var custom_uploader = wp.media({
                 title: '选择Banner图片',
                 button: {
@@ -832,12 +852,12 @@ function product_banner_meta_box_callback($post) {
                 },
                 multiple: false
             });
-            
+
             custom_uploader.on('select', function() {
                 var attachment = custom_uploader.state().get('selection').first().toJSON();
                 $('#product_banner_url').val(attachment.url);
             });
-            
+
             custom_uploader.open();
         });
     });
@@ -852,27 +872,108 @@ function save_product_banner($post_id) {
     if (!isset($_POST['product_banner_nonce']) || !wp_verify_nonce($_POST['product_banner_nonce'], 'save_product_banner')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     if (isset($_POST['product_banner_url'])) {
         update_post_meta($post_id, '_product_banner_url', sanitize_text_field($_POST['product_banner_url']));
     }
 }
 add_action('save_post', 'save_product_banner');
 
+/**
+ * 产品封面图meta box回调函数
+ */
+function product_cover_meta_box_callback($post) {
+    wp_nonce_field('save_product_cover', 'product_cover_nonce');
+
+    $cover_id = get_post_thumbnail_id($post->ID);
+    $cover_url = $cover_id ? wp_get_attachment_image_url($cover_id, 'medium') : '';
+    ?>
+    <table class="form-table">
+        <tr>
+            <th><label for="product_cover_id">产品封面图</label></th>
+            <td>
+                <input type="text" id="product_cover_id" name="product_cover_id" value="<?php echo esc_attr($cover_id); ?>" />
+                <input type="button" id="upload_cover_button" class="button" value="上传封面图" />
+                <br><small>建议尺寸：1200x800像素</small>
+                <?php if ($cover_url): ?>
+                    <div style="margin-top: 10px;">
+                        <img src="<?php echo esc_url($cover_url); ?>" style="max-width: 300px; height: auto;" />
+                    </div>
+                <?php endif; ?>
+            </td>
+        </tr>
+    </table>
+
+    <script>
+    jQuery(document).ready(function($) {
+        $('#upload_cover_button').click(function(e) {
+            e.preventDefault();
+
+            var coverUploader = wp.media({
+                title: '选择产品封面图',
+                button: {
+                    text: '使用此图片'
+                },
+                multiple: false
+            });
+
+            coverUploader.on('select', function() {
+                var attachment = coverUploader.state().get('selection').first().toJSON();
+                $('#product_cover_id').val(attachment.id);
+
+                var previewHtml = '<div style="margin-top: 10px;"><img src="' + attachment.url + '" style="max-width: 300px; height: auto;" /></div>';
+                var existingPreview = $('#product_cover_id').parent().find('div');
+                if (existingPreview.length > 0) {
+                    existingPreview.replaceWith(previewHtml);
+                } else {
+                    $('#product_cover_id').parent().append(previewHtml);
+                }
+            });
+
+            coverUploader.open();
+        });
+    });
+    </script>
+    <?php
+}
+
+/**
+ * 保存产品封面图
+ */
+function save_product_cover($post_id) {
+    if (!isset($_POST['product_cover_nonce']) || !wp_verify_nonce($_POST['product_cover_nonce'], 'save_product_cover')) {
+        return;
+    }
+
+    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
+        return;
+    }
+
+    if (!current_user_can('edit_post', $post_id)) {
+        return;
+    }
+
+    if (isset($_POST['product_cover_id']) && !empty($_POST['product_cover_id'])) {
+        $cover_id = intval($_POST['product_cover_id']);
+        set_post_thumbnail($post_id, $cover_id);
+    }
+}
+add_action('save_post', 'save_product_cover');
+
 /**
  * 产品描述meta box回调函数
  */
 function product_description_meta_box_callback($post) {
     wp_nonce_field('save_product_description', 'product_description_nonce');
-    
+
     $product_description = get_post_meta($post->ID, '_product_description', true);
     ?>
     <div style="margin: 15px 0;">
@@ -896,7 +997,7 @@ function product_description_meta_box_callback($post) {
                 'buttons' => 'strong,em,ul,ol,li,link,close'
             )
         );
-        
+
         // 输出富文本编辑器
         wp_editor($product_description, 'product_description', $editor_settings);
         ?>
@@ -912,15 +1013,15 @@ function save_product_description($post_id) {
     if (!isset($_POST['product_description_nonce']) || !wp_verify_nonce($_POST['product_description_nonce'], 'save_product_description')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     if (isset($_POST['product_description'])) {
         // 使用wp_kses_post来保留安全的HTML标签
         update_post_meta($post_id, '_product_description', wp_kses_post($_POST['product_description']));
@@ -933,18 +1034,18 @@ add_action('save_post', 'save_product_description');
  */
 function product_features_meta_box_callback($post) {
     wp_nonce_field('save_product_features', 'product_features_nonce');
-    
+
     // 获取产品特性显示开关和特性数据
     $show_features = get_post_meta($post->ID, '_show_product_features', true);
     if ($show_features === '') {
         $show_features = '1'; // 默认显示
     }
-    
+
     $features = get_post_meta($post->ID, '_product_features', true);
     if (!is_array($features)) {
         $features = array();
     }
-    
+
     // 默认特性数据（与前端硬编码内容保持一致）
     $default_features = array(
         array(
@@ -984,16 +1085,16 @@ function product_features_meta_box_callback($post) {
             'alt' => 'Ultimate Safety'
         )
     );
-    
+
     // 如果没有保存的数据，使用默认数据
     if (empty($features)) {
         $features = $default_features;
     }
-    
+
     ?>
     <div id="product-features-container">
         <p><strong>产品特性板块设置：</strong></p>
-        
+
         <div style="margin-bottom: 20px; padding: 15px; background: #f0f0f0; border-radius: 4px;">
             <label for="show_product_features">
                 <input type="checkbox" id="show_product_features" name="show_product_features" value="1" <?php checked($show_features, '1'); ?> />
@@ -1001,13 +1102,13 @@ function product_features_meta_box_callback($post) {
             </label>
             <p><small>勾选此选项将在前端显示产品特性卡片，取消勾选将隐藏整个板块。</small></p>
         </div>
-        
+
         <div id="features-management">
             <div style="margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;">
                 <h3 style="margin: 0;">产品特性卡片管理</h3>
                 <button type="button" id="add-feature-btn" class="button button-primary">添加新特性</button>
             </div>
-            
+
             <div id="features-list">
                 <?php foreach ($features as $index => $feature): ?>
                 <div class="feature-item" data-index="<?php echo $index; ?>">
@@ -1023,7 +1124,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>标题</label></th>
                             <td>
-                                <input type="text" name="product_features[<?php echo $index; ?>][title]" 
+                                <input type="text" name="product_features[<?php echo $index; ?>][title]"
                                        value="<?php echo esc_attr($feature['title']); ?>" style="width: 100%;" />
                                 <small>可以使用 &lt;br&gt; 标签换行</small>
                             </td>
@@ -1031,7 +1132,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>描述</label></th>
                             <td>
-                                <textarea name="product_features[<?php echo $index; ?>][description]" 
+                                <textarea name="product_features[<?php echo $index; ?>][description]"
                                           rows="3" style="width: 100%;"><?php echo esc_textarea($feature['description']); ?></textarea>
                                 <small>可以使用 &lt;br&gt; 标签换行</small>
                             </td>
@@ -1040,14 +1141,14 @@ function product_features_meta_box_callback($post) {
                             <th><label>图标</label></th>
                             <td>
                                 <div style="display: flex; gap: 10px; align-items: center;">
-                                    <input type="text" name="product_features[<?php echo $index; ?>][icon]" 
+                                    <input type="text" name="product_features[<?php echo $index; ?>][icon]"
                                            value="<?php echo esc_attr($feature['icon']); ?>" style="width: 70%;" class="feature-icon-input" />
                                     <button type="button" class="button upload-icon-btn">上传图标</button>
                                 </div>
                                 <small>图标文件名或完整URL</small>
                                 <?php if (!empty($feature['icon'])): ?>
                                     <div class="icon-preview" style="margin-top: 10px;">
-                                        <?php 
+                                        <?php
                                         $icon_src = $feature['icon'];
                                         if (filter_var($icon_src, FILTER_VALIDATE_URL)) {
                                             $icon_url = $icon_src;
@@ -1063,7 +1164,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>Alt属性</label></th>
                             <td>
-                                <input type="text" name="product_features[<?php echo $index; ?>][alt]" 
+                                <input type="text" name="product_features[<?php echo $index; ?>][alt]"
                                        value="<?php echo esc_attr(isset($feature['alt']) ? $feature['alt'] : ''); ?>" style="width: 100%;" />
                                 <small>图片的Alt属性，用于无障碍访问和SEO</small>
                             </td>
@@ -1073,10 +1174,10 @@ function product_features_meta_box_callback($post) {
                 <?php endforeach; ?>
             </div>
         </div>
-        
+
         <p><small><strong>注意：</strong>修改后需要点击"更新"按钮保存设置。</small></p>
     </div>
-    
+
     <style>
     #features-management {
         border: 1px solid #ddd;
@@ -1084,7 +1185,7 @@ function product_features_meta_box_callback($post) {
         padding: 20px;
         background: #fff;
     }
-    
+
     .feature-item {
         border: 1px solid #ddd;
         border-radius: 4px;
@@ -1092,7 +1193,7 @@ function product_features_meta_box_callback($post) {
         background: #f9f9f9;
         padding: 15px;
     }
-    
+
     .feature-header {
         display: flex;
         justify-content: space-between;
@@ -1101,34 +1202,34 @@ function product_features_meta_box_callback($post) {
         padding-bottom: 10px;
         border-bottom: 1px solid #ddd;
     }
-    
+
     .feature-header h4 {
         margin: 0;
         color: #23282d;
         font-size: 16px;
     }
-    
+
     .feature-actions {
         display: flex;
         gap: 5px;
     }
-    
+
     .feature-actions .button {
         padding: 4px 8px;
         font-size: 12px;
         line-height: 1;
     }
-    
+
     .feature-item .form-table th {
         width: 120px;
         padding: 8px 0;
         vertical-align: top;
     }
-    
+
     .feature-item .form-table td {
         padding: 8px 0;
     }
-    
+
     .icon-preview {
         display: inline-block;
         padding: 5px;
@@ -1136,12 +1237,12 @@ function product_features_meta_box_callback($post) {
         border-radius: 4px;
         background: #fff;
     }
-    
+
     #add-feature-btn {
         font-size: 14px;
         padding: 8px 16px;
     }
-    
+
     .sortable-placeholder {
         border: 2px dashed #0073aa;
         background: #f0f8ff;
@@ -1150,11 +1251,11 @@ function product_features_meta_box_callback($post) {
         border-radius: 4px;
     }
     </style>
-    
+
     <script>
     jQuery(document).ready(function($) {
         var featureIndex = <?php echo count($features); ?>;
-        
+
         // 添加新特性
         $('#add-feature-btn').on('click', function() {
             var newFeatureHtml = `
@@ -1171,7 +1272,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>标题</label></th>
                             <td>
-                                <input type="text" name="product_features[${featureIndex}][title]" 
+                                <input type="text" name="product_features[${featureIndex}][title]"
                                        value="" style="width: 100%;" />
                                 <small>可以使用 &lt;br&gt; 标签换行</small>
                             </td>
@@ -1179,7 +1280,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>描述</label></th>
                             <td>
-                                <textarea name="product_features[${featureIndex}][description]" 
+                                <textarea name="product_features[${featureIndex}][description]"
                                           rows="3" style="width: 100%;"></textarea>
                                 <small>可以使用 &lt;br&gt; 标签换行</small>
                             </td>
@@ -1188,7 +1289,7 @@ function product_features_meta_box_callback($post) {
                             <th><label>图标</label></th>
                             <td>
                                 <div style="display: flex; gap: 10px; align-items: center;">
-                                    <input type="text" name="product_features[${featureIndex}][icon]" 
+                                    <input type="text" name="product_features[${featureIndex}][icon]"
                                            value="" style="width: 70%;" class="feature-icon-input" />
                                     <button type="button" class="button upload-icon-btn">上传图标</button>
                                 </div>
@@ -1201,7 +1302,7 @@ function product_features_meta_box_callback($post) {
                         <tr>
                             <th><label>Alt属性</label></th>
                             <td>
-                                <input type="text" name="product_features[${featureIndex}][alt]" 
+                                <input type="text" name="product_features[${featureIndex}][alt]"
                                        value="" style="width: 100%;" />
                                 <small>图片的Alt属性，用于无障碍访问和SEO</small>
                             </td>
@@ -1209,12 +1310,12 @@ function product_features_meta_box_callback($post) {
                     </table>
                 </div>
             `;
-            
+
             $('#features-list').append(newFeatureHtml);
             featureIndex++;
             updateFeatureNumbers();
         });
-        
+
         // 删除特性
         $(document).on('click', '.remove-feature', function() {
             if (confirm('确定要删除这个特性吗？')) {
@@ -1222,7 +1323,7 @@ function product_features_meta_box_callback($post) {
                 updateFeatureNumbers();
             }
         });
-        
+
         // 上移特性
         $(document).on('click', '.move-up', function() {
             var $item = $(this).closest('.feature-item');
@@ -1232,7 +1333,7 @@ function product_features_meta_box_callback($post) {
                 updateFeatureNumbers();
             }
         });
-        
+
         // 下移特性
         $(document).on('click', '.move-down', function() {
             var $item = $(this).closest('.feature-item');
@@ -1242,13 +1343,13 @@ function product_features_meta_box_callback($post) {
                 updateFeatureNumbers();
             }
         });
-        
+
         // 上传图标
         $(document).on('click', '.upload-icon-btn', function() {
             var $button = $(this);
             var $input = $button.siblings('.feature-icon-input');
             var $preview = $button.closest('td').find('.icon-preview');
-            
+
             var mediaUploader = wp.media({
                 title: '选择产品特性图标',
                 button: {
@@ -1259,25 +1360,25 @@ function product_features_meta_box_callback($post) {
                     type: 'image'
                 }
             });
-            
+
             mediaUploader.on('select', function() {
                 var attachment = mediaUploader.state().get('selection').first().toJSON();
                 $input.val(attachment.url);
-                
+
                 // 更新预览
                 $preview.find('img').attr('src', attachment.url);
                 $preview.show();
             });
-            
+
             mediaUploader.open();
         });
-        
+
         // 更新特性编号和name属性
         function updateFeatureNumbers() {
             $('#features-list .feature-item').each(function(index) {
                 $(this).attr('data-index', index);
                 $(this).find('.feature-header h4').text('特性 ' + (index + 1));
-                
+
                 // 更新所有input和textarea的name属性
                 $(this).find('input, textarea').each(function() {
                     var name = $(this).attr('name');
@@ -1288,13 +1389,13 @@ function product_features_meta_box_callback($post) {
                 });
             });
         }
-        
+
         // 图标输入框变化时更新预览
         $(document).on('input', '.feature-icon-input', function() {
             var $input = $(this);
             var $preview = $input.closest('td').find('.icon-preview');
             var iconValue = $input.val();
-            
+
             if (iconValue) {
                 var iconUrl;
                 if (iconValue.indexOf('http') === 0) {
@@ -1302,7 +1403,7 @@ function product_features_meta_box_callback($post) {
                 } else {
                     iconUrl = '<?php echo get_template_directory_uri(); ?>/assets/images/' + iconValue;
                 }
-                
+
                 $preview.find('img').attr('src', iconUrl);
                 $preview.show();
             } else {
@@ -1321,21 +1422,21 @@ function save_product_features($post_id) {
     if (!isset($_POST['product_features_nonce']) || !wp_verify_nonce($_POST['product_features_nonce'], 'save_product_features')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     if (isset($_POST['show_product_features'])) {
         update_post_meta($post_id, '_show_product_features', '1');
     } else {
         update_post_meta($post_id, '_show_product_features', '0');
     }
-    
+
     if (isset($_POST['product_features']) && is_array($_POST['product_features'])) {
         $features = array();
         foreach ($_POST['product_features'] as $feature) {
@@ -1356,18 +1457,18 @@ add_action('save_post', 'save_product_features');
  */
 function product_usage_scenario_meta_box_callback($post) {
     wp_nonce_field('save_product_usage_scenario', 'product_usage_scenario_nonce');
-    
+
     // 获取使用场景显示开关和数据
     $show_usage_scenario = get_post_meta($post->ID, '_show_usage_scenario', true);
     if ($show_usage_scenario === '') {
         $show_usage_scenario = '1'; // 默认显示
     }
-    
+
     $usage_scenario_data = get_post_meta($post->ID, '_usage_scenario_data', true);
     if (!is_array($usage_scenario_data)) {
         $usage_scenario_data = array();
     }
-    
+
     // 默认使用场景数据
     $default_data = array(
         'title' => 'USAGE SCENARIO',
@@ -1375,16 +1476,16 @@ function product_usage_scenario_meta_box_callback($post) {
         'image' => 'Usage scenario.webp',
         'bottom_text' => 'Nenghui all-in-one liquid-cooled ESS cabinet adopts advanced cabinet-level liquid cooling and temperature balancing strategy. The cell temperature difference is less than 3°C, which further improves the consistency of cell temperature and extends the battery life. The modular design makes the parallel solution more flexible and has a higher energy density, which significantly improves the economy, safety and construction convenience of ESS projects.'
     );
-    
+
     // 如果没有保存的数据，使用默认数据
     if (empty($usage_scenario_data)) {
         $usage_scenario_data = $default_data;
     }
-    
+
     ?>
     <div id="usage-scenario-container">
         <p><strong>使用场景板块设置：</strong></p>
-        
+
         <div style="margin-bottom: 20px; padding: 15px; background: #f0f0f0; border-radius: 4px;">
             <label for="show_usage_scenario">
                 <input type="checkbox" id="show_usage_scenario" name="show_usage_scenario" value="1" <?php checked($show_usage_scenario, '1'); ?> />
@@ -1392,12 +1493,12 @@ function product_usage_scenario_meta_box_callback($post) {
             </label>
             <p><small>勾选此选项将在前端显示使用场景板块，取消勾选将隐藏整个板块。</small></p>
         </div>
-        
+
         <table class="form-table">
             <tr>
                 <th><label for="usage_scenario_title">标题</label></th>
                 <td>
-                    <input type="text" id="usage_scenario_title" name="usage_scenario_data[title]" 
+                    <input type="text" id="usage_scenario_title" name="usage_scenario_data[title]"
                            value="<?php echo esc_attr($usage_scenario_data['title']); ?>" style="width: 100%;" />
                     <small>使用场景板块的主标题</small>
                 </td>
@@ -1405,7 +1506,7 @@ function product_usage_scenario_meta_box_callback($post) {
             <tr>
                 <th><label for="usage_scenario_description">描述</label></th>
                 <td>
-                    <textarea id="usage_scenario_description" name="usage_scenario_data[description]" 
+                    <textarea id="usage_scenario_description" name="usage_scenario_data[description]"
                               rows="3" style="width: 100%;"><?php echo esc_textarea($usage_scenario_data['description']); ?></textarea>
                     <small>使用场景的简短描述</small>
                 </td>
@@ -1413,13 +1514,13 @@ function product_usage_scenario_meta_box_callback($post) {
             <tr>
                 <th><label for="usage_scenario_image">图片文件名</label></th>
                 <td>
-                    <input type="text" id="usage_scenario_image" name="usage_scenario_data[image]" 
+                    <input type="text" id="usage_scenario_image" name="usage_scenario_data[image]"
                            value="<?php echo esc_attr($usage_scenario_data['image']); ?>" style="width: 70%;" />
                     <input type="button" id="upload_scenario_image_button" class="button" value="上传图片" />
                     <br><small>图片URL或文件名（如：Usage scenario.webp），如果是文件名，文件应放在 /assets/images/ 目录下</small>
                     <?php if (!empty($usage_scenario_data['image'])): ?>
                         <div style="margin-top: 10px;">
-                            <?php 
+                            <?php
                             $preview_image_src = $usage_scenario_data['image'];
                             // 如果是完整URL，直接使用；否则拼接主题目录路径
                             if (filter_var($preview_image_src, FILTER_VALIDATE_URL)) {
@@ -1436,32 +1537,32 @@ function product_usage_scenario_meta_box_callback($post) {
             <tr>
                 <th><label for="usage_scenario_bottom_text">底部文字</label></th>
                 <td>
-                    <textarea id="usage_scenario_bottom_text" name="usage_scenario_data[bottom_text]" 
+                    <textarea id="usage_scenario_bottom_text" name="usage_scenario_data[bottom_text]"
                               rows="5" style="width: 100%;"><?php echo esc_textarea($usage_scenario_data['bottom_text']); ?></textarea>
                     <small>使用场景图片下方的详细说明文字</small>
                 </td>
             </tr>
         </table>
-        
+
         <p><small><strong>注意：</strong>修改后需要点击"更新"按钮保存设置。图片文件需要手动上传到主题的 assets/images 目录。</small></p>
     </div>
-    
+
     <style>
     #usage-scenario-container .form-table th {
         width: 120px;
         padding: 8px 0;
     }
-    
+
     #usage-scenario-container .form-table td {
         padding: 8px 0;
     }
     </style>
-    
+
     <script>
     jQuery(document).ready(function($) {
         $('#upload_scenario_image_button').click(function(e) {
             e.preventDefault();
-            
+
             var mediaUploader = wp.media({
                 title: '选择使用场景图片',
                 button: {
@@ -1469,13 +1570,13 @@ function product_usage_scenario_meta_box_callback($post) {
                 },
                 multiple: false
             });
-            
+
             mediaUploader.on('select', function() {
                 var attachment = mediaUploader.state().get('selection').first().toJSON();
                 // 直接使用完整的URL而不是文件名
                 $('#usage_scenario_image').val(attachment.url);
             });
-            
+
             mediaUploader.open();
         });
     });
@@ -1490,31 +1591,31 @@ function save_product_usage_scenario($post_id) {
     if (!isset($_POST['product_usage_scenario_nonce']) || !wp_verify_nonce($_POST['product_usage_scenario_nonce'], 'save_product_usage_scenario')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     // 保存显示开关
     if (isset($_POST['show_usage_scenario'])) {
         update_post_meta($post_id, '_show_usage_scenario', '1');
     } else {
         update_post_meta($post_id, '_show_usage_scenario', '0');
     }
-    
+
     // 保存使用场景数据
     if (isset($_POST['usage_scenario_data']) && is_array($_POST['usage_scenario_data'])) {
         $usage_scenario_data = array();
-        
+
         $usage_scenario_data['title'] = sanitize_text_field($_POST['usage_scenario_data']['title']);
         $usage_scenario_data['description'] = sanitize_textarea_field($_POST['usage_scenario_data']['description']);
         $usage_scenario_data['image'] = sanitize_text_field($_POST['usage_scenario_data']['image']);
         $usage_scenario_data['bottom_text'] = sanitize_textarea_field($_POST['usage_scenario_data']['bottom_text']);
-        
+
         update_post_meta($post_id, '_usage_scenario_data', $usage_scenario_data);
     }
 }
@@ -1525,18 +1626,18 @@ add_action('save_post', 'save_product_usage_scenario');
  */
 function product_technical_specs_meta_box_callback($post) {
     wp_nonce_field('save_product_technical_specs', 'product_technical_specs_nonce');
-    
+
     // 获取技术规格显示开关和数据
     $show_technical_specs = get_post_meta($post->ID, '_show_technical_specs', true);
     if ($show_technical_specs === '') {
         $show_technical_specs = '1'; // 默认显示
     }
-    
+
     $technical_specs_data = get_post_meta($post->ID, '_technical_specs_data', true);
     if (!is_array($technical_specs_data)) {
         $technical_specs_data = array();
     }
-    
+
     // 默认技术规格数据
     $default_specs = array(
         array(
@@ -1550,16 +1651,16 @@ function product_technical_specs_meta_box_callback($post) {
             'expanded' => false
         )
     );
-    
+
     // 如果没有保存的数据，使用默认数据
     if (empty($technical_specs_data)) {
         $technical_specs_data = $default_specs;
     }
-    
+
     ?>
     <div id="technical-specs-container">
         <p><strong>技术规格板块设置：</strong></p>
-        
+
         <div style="margin-bottom: 20px; padding: 15px; background: #f0f0f0; border-radius: 4px;">
             <label for="show_technical_specs">
                 <input type="checkbox" id="show_technical_specs" name="show_technical_specs" value="1" <?php checked($show_technical_specs, '1'); ?> />
@@ -1567,7 +1668,7 @@ function product_technical_specs_meta_box_callback($post) {
             </label>
             <p><small>勾选此选项将在前端显示技术规格折叠面板，取消勾选将隐藏整个板块。</small></p>
         </div>
-        
+
         <div id="specs-panels-container">
             <p><strong>技术规格面板：</strong></p>
             <div id="specs-panels-list">
@@ -1581,14 +1682,14 @@ function product_technical_specs_meta_box_callback($post) {
                         <tr>
                             <th><label>面板标题</label></th>
                             <td>
-                                <input type="text" name="technical_specs_data[<?php echo $index; ?>][title]" 
+                                <input type="text" name="technical_specs_data[<?php echo $index; ?>][title]"
                                        value="<?php echo esc_attr($spec['title']); ?>" style="width: 100%;" />
                             </td>
                         </tr>
                         <tr>
                             <th><label>默认展开</label></th>
                             <td>
-                                <input type="checkbox" name="technical_specs_data[<?php echo $index; ?>][expanded]" 
+                                <input type="checkbox" name="technical_specs_data[<?php echo $index; ?>][expanded]"
                                        value="1" <?php checked(!empty($spec['expanded']), true); ?> />
                                 <small>勾选此项，该面板将默认展开显示</small>
                             </td>
@@ -1618,15 +1719,15 @@ function product_technical_specs_meta_box_callback($post) {
                 </div>
                 <?php endforeach; ?>
             </div>
-            
+
             <div style="margin-top: 20px;">
                 <button type="button" id="add-spec-panel" class="button button-primary">添加新面板</button>
             </div>
         </div>
-        
+
         <p><small><strong>注意：</strong>修改后需要点击"更新"按钮保存设置。第一个面板默认展开，其他面板默认折叠。</small></p>
     </div>
-    
+
     <style>
     #technical-specs-container .spec-panel {
         border: 1px solid #ddd;
@@ -1635,7 +1736,7 @@ function product_technical_specs_meta_box_callback($post) {
         background: #fff;
         border-radius: 4px;
     }
-    
+
     #technical-specs-container .panel-header {
         display: flex;
         justify-content: space-between;
@@ -1644,26 +1745,26 @@ function product_technical_specs_meta_box_callback($post) {
         padding-bottom: 10px;
         border-bottom: 1px solid #eee;
     }
-    
+
     #technical-specs-container .panel-header h4 {
         margin: 0;
         color: #333;
     }
-    
+
     #technical-specs-container .form-table th {
         width: 120px;
         padding: 8px 0;
     }
-    
+
     #technical-specs-container .form-table td {
         padding: 8px 0;
     }
     </style>
-    
+
     <script>
     jQuery(document).ready(function($) {
         var panelIndex = <?php echo count($technical_specs_data); ?>;
-        
+
         // 添加新面板
         $('#add-spec-panel').click(function() {
             var editorId = 'technical_specs_content_' + panelIndex;
@@ -1687,9 +1788,9 @@ function product_technical_specs_meta_box_callback($post) {
                     '</tr>' +
                 '</table>' +
             '</div>');
-            
+
             $('#specs-panels-list').append(newPanel);
-            
+
             // 初始化富文本编辑器
             var editorSettings = {
                 tinymce: {
@@ -1701,11 +1802,11 @@ function product_technical_specs_meta_box_callback($post) {
                 quicktags: true,
                 mediaButtons: true
             };
-            
+
             // 创建textarea元素
             var textarea = $('<textarea name="technical_specs_data[' + panelIndex + '][content]" id="' + editorId + '" rows="10" style="width: 100%;"></textarea>');
             $('#' + editorId + '_container').append(textarea);
-            
+
             // 初始化TinyMCE编辑器
             if (typeof tinymce !== 'undefined') {
                 tinymce.init({
@@ -1721,16 +1822,16 @@ function product_technical_specs_meta_box_callback($post) {
                     }
                 });
             }
-            
+
             panelIndex++;
         });
-        
+
         // 删除面板
         $(document).on('click', '.remove-panel', function() {
             if (confirm('确定要删除这个面板吗？')) {
                 var panel = $(this).closest('.spec-panel');
                 var textarea = panel.find('textarea');
-                
+
                 // 清理TinyMCE编辑器实例
                 if (textarea.length > 0 && typeof tinymce !== 'undefined') {
                     var editorId = textarea.attr('id');
@@ -1738,7 +1839,7 @@ function product_technical_specs_meta_box_callback($post) {
                         tinymce.get(editorId).remove();
                     }
                 }
-                
+
                 panel.remove();
             }
         });
@@ -1754,26 +1855,26 @@ function save_product_technical_specs($post_id) {
     if (!isset($_POST['product_technical_specs_nonce']) || !wp_verify_nonce($_POST['product_technical_specs_nonce'], 'save_product_technical_specs')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     // 保存显示开关
     if (isset($_POST['show_technical_specs'])) {
         update_post_meta($post_id, '_show_technical_specs', '1');
     } else {
         update_post_meta($post_id, '_show_technical_specs', '0');
     }
-    
+
     // 保存技术规格数据
     if (isset($_POST['technical_specs_data']) && is_array($_POST['technical_specs_data'])) {
         $technical_specs_data = array();
-        
+
         foreach ($_POST['technical_specs_data'] as $index => $spec) {
             if (!empty($spec['title'])) {
                 $technical_specs_data[] = array(
@@ -1783,7 +1884,7 @@ function save_product_technical_specs($post_id) {
                 );
             }
         }
-        
+
         update_post_meta($post_id, '_technical_specs_data', $technical_specs_data);
     }
 }
@@ -1794,13 +1895,13 @@ add_action('save_post', 'save_product_technical_specs');
  */
 function product_pdf_downloads_meta_box_callback($post) {
     wp_nonce_field('save_product_pdf_downloads', 'product_pdf_downloads_nonce');
-    
+
     // 获取显示开关
     $show_pdf_downloads = get_post_meta($post->ID, '_show_pdf_downloads', true);
     if ($show_pdf_downloads === '') {
         $show_pdf_downloads = '1'; // 默认显示
     }
-    
+
     // 获取PDF下载数据
     $pdf_downloads_data = get_post_meta($post->ID, '_pdf_downloads_data', true);
     if (empty($pdf_downloads_data)) {
@@ -1823,7 +1924,7 @@ function product_pdf_downloads_meta_box_callback($post) {
             </td>
         </tr>
     </table>
-    
+
     <div id="pdf-downloads-list">
         <h4>PDF文件列表</h4>
         <?php foreach ($pdf_downloads_data as $index => $pdf): ?>
@@ -1857,15 +1958,15 @@ function product_pdf_downloads_meta_box_callback($post) {
         </div>
         <?php endforeach; ?>
     </div>
-    
+
     <p>
         <button type="button" id="add-pdf-item" class="button button-secondary">添加PDF文件</button>
     </p>
-    
+
     <script>
     jQuery(document).ready(function($) {
         var pdfIndex = <?php echo count($pdf_downloads_data); ?>;
-        
+
         // 添加新PDF文件
         $('#add-pdf-item').click(function() {
             var newPdf = $('<div class="pdf-item" data-index="' + pdfIndex + '">' +
@@ -1896,23 +1997,23 @@ function product_pdf_downloads_meta_box_callback($post) {
                     '</tr>' +
                 '</table>' +
             '</div>');
-            
+
             $('#pdf-downloads-list').append(newPdf);
             pdfIndex++;
         });
-        
+
         // 删除PDF文件
         $(document).on('click', '.remove-pdf', function() {
             if (confirm('确定要删除这个PDF文件吗？')) {
                 $(this).closest('.pdf-item').remove();
             }
         });
-        
+
         // 上传PDF文件
         $(document).on('click', '.upload-pdf-button', function() {
             var button = $(this);
             var urlInput = button.siblings('.pdf-url-input');
-            
+
             var mediaUploader = wp.media({
                 title: '选择PDF文件',
                 button: {
@@ -1923,7 +2024,7 @@ function product_pdf_downloads_meta_box_callback($post) {
                 },
                 multiple: false
             });
-            
+
             mediaUploader.on('select', function() {
                 var attachment = mediaUploader.state().get('selection').first().toJSON();
                 if (attachment.subtype === 'pdf') {
@@ -1937,7 +2038,7 @@ function product_pdf_downloads_meta_box_callback($post) {
                     alert('请选择PDF格式的文件！');
                 }
             });
-            
+
             mediaUploader.open();
         });
     });
@@ -1952,26 +2053,26 @@ function save_product_pdf_downloads($post_id) {
     if (!isset($_POST['product_pdf_downloads_nonce']) || !wp_verify_nonce($_POST['product_pdf_downloads_nonce'], 'save_product_pdf_downloads')) {
         return;
     }
-    
+
     if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
         return;
     }
-    
+
     if (!current_user_can('edit_post', $post_id)) {
         return;
     }
-    
+
     // 保存显示开关
     if (isset($_POST['show_pdf_downloads'])) {
         update_post_meta($post_id, '_show_pdf_downloads', '1');
     } else {
         update_post_meta($post_id, '_show_pdf_downloads', '0');
     }
-    
+
     // 保存PDF下载数据
     if (isset($_POST['pdf_downloads_data']) && is_array($_POST['pdf_downloads_data'])) {
         $pdf_downloads_data = array();
-        
+
         foreach ($_POST['pdf_downloads_data'] as $index => $pdf) {
             if (!empty($pdf['title']) || !empty($pdf['file_url'])) {
                 $pdf_downloads_data[] = array(
@@ -1982,10 +2083,10 @@ function save_product_pdf_downloads($post_id) {
                 );
             }
         }
-        
+
         update_post_meta($post_id, '_pdf_downloads_data', $pdf_downloads_data);
     }
 }
 add_action('save_post', 'save_product_pdf_downloads');
 
-?>
\ No newline at end of file
+?>
diff --git a/wp-content/themes/nenghui-energy-theme-4/style.css b/wp-content/themes/nenghui-energy-theme-4/style.css
index bc2d945..c77732e 100644
--- a/wp-content/themes/nenghui-energy-theme-4/style.css
+++ b/wp-content/themes/nenghui-energy-theme-4/style.css
@@ -226,8 +226,7 @@
 
     .menu-items li.menu-item-has-children > a .dropdown-arrow {
         font-size: 0.7rem;
-        margin-left: 8px;
-        padding: 10px 0 10px 20px;
+        padding: 10px 0 10px 10px;
         transition: transform 0.3s ease;
         display: inline-block;
         color: inherit;
diff --git a/wp-content/themes/nenghui-energy-theme-4/template-parts/blocks/block-products-list.php b/wp-content/themes/nenghui-energy-theme-4/template-parts/blocks/block-products-list.php
new file mode 100644
index 0000000..fb46a6b
--- /dev/null
+++ b/wp-content/themes/nenghui-energy-theme-4/template-parts/blocks/block-products-list.php
@@ -0,0 +1,889 @@
+<?php
+if (!defined('ABSPATH')) {
+    exit;
+}
+
+global $products_list_shortcode_atts;
+
+$atts = $products_list_shortcode_atts;
+
+$per_page = intval($atts['per_page']);
+$category = sanitize_text_field($atts['category']);
+$order = sanitize_text_field($atts['order']);
+$orderby = sanitize_text_field($atts['orderby']);
+$category_order = sanitize_text_field($atts['category_order']);
+
+$meta_query = array();
+
+if (!empty($category) && $category !== 'all') {
+    $meta_query[] = array(
+        'key' => 'cate_type',
+        'value' => $category,
+        'compare' => 'LIKE'
+    );
+}
+
+$query_args = array(
+    'post_type' => 'products',
+    'posts_per_page' => $per_page,
+    'paged' => get_query_var('paged') ? get_query_var('paged') : 1,
+    'meta_query' => $meta_query,
+    'order' => $order,
+    'orderby' => $orderby,
+    'post_status' => 'publish'
+);
+
+$products_query = new WP_Query($query_args);
+
+$all_products_args = array(
+    'post_type' => 'products',
+    'posts_per_page' => -1,
+    'post_status' => 'publish'
+);
+
+$all_products = get_posts($all_products_args);
+
+$unique_cate_types = array();
+foreach ($all_products as $product) {
+    $cate_type = get_post_meta($product->ID, 'cate_type', true);
+    if (!empty($cate_type)) {
+        $cate_types = explode(',', $cate_type);
+        foreach ($cate_types as $type) {
+            $type = trim($type);
+            if (!empty($type) && !in_array($type, $unique_cate_types)) {
+                $unique_cate_types[] = $type;
+            }
+        }
+    }
+}
+
+if (!empty($category_order)) {
+    $category_order_array = explode(',', $category_order);
+    $category_order_array = array_map('trim', $category_order_array);
+    $unique_cate_types = array_filter($unique_cate_types, function($type) use ($category_order_array) {
+        return in_array($type, $category_order_array);
+    });
+    $unique_cate_types = array_intersect($category_order_array, $unique_cate_types);
+}
+
+$total_products = count($all_products);
+?>
+<style>
+    /* Custom scrollbar for horizontal scrolling elements */
+.hide-scrollbar::-webkit-scrollbar {
+        display: none;
+    }
+    .hide-scrollbar {
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+    }
+    
+    /* Smooth Scrolling */
+    html {
+        scroll-behavior: smooth;
+    }
+
+    /* Card Hover Effects */
+    .product-card {
+        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+        position: relative; /* 确保 z-index 生效 */
+        z-index: 10;
+        margin-top: 8px;
+    }
+    .product-card:hover {
+        transform: translateY(-8px);
+            z-index: 30; /* 低于 filter 的 40 */
+    }
+
+</style>
+<main class="max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8 py-8 flex flex-col flex-1 min-h-screen">
+    <div class="max-w-4xl mb-10" data-aos="fade-right" data-aos-delay="200">
+        <h1 class="font-display text-[#111318] dark:text-white text-4xl md:text-5xl font-black leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400">
+            High-Performance Energy Storage
+        </h1>
+        <p class="text-[#5f6e8c] dark:text-gray-400 text-lg font-normal leading-relaxed max-w-2xl">
+            From residential backups to utility-scale grids. Explore our LFP and Solid-State battery solutions designed for maximum efficiency.
+        </p>
+    </div>
+
+    <div id="filter-sticky-wrapper" class="sticky top-[80px] z-40 mb-8 transition-all duration-300 -mx-4 px-4 sm:mx-0 sm:px-0 rounded-b-xl">
+        <div class="absolute inset-0 bg-background-light/95 dark:bg-background-dark/95 backdrop-blur-md transition-opacity duration-300 opacity-90 border-b border-transparent" id="filter-bg"></div>
+
+        <div class="relative max-w-[1280px] mx-auto py-3">
+            <div class="flex items-center justify-between mb-2 px-1">
+                <span class="text-[10px] font-extrabold tracking-widest text-gray-500 dark:text-gray-400 uppercase flex items-center gap-1">
+                    <span class="material-symbols-outlined text-[14px]">&#xe429;</span>
+                    Filter by Category
+                </span>
+                <div class="hidden sm:flex gap-2">
+                    <span class="text-xs text-gray-400 font-mono" id="item-count-display">Showing <?php echo esc_html($total_products); ?> items</span>
+                </div>
+            </div>
+
+            <div class="relative group/filters">
+                <div class="absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-[#f8fcfa] dark:from-[#10221c] to-transparent z-10 pointer-events-none md:hidden transition-colors duration-300" id="mask-left"></div>
+
+                <div class="flex overflow-x-auto md:flex-wrap gap-3 py-2 -my-2 px-2 -mx-2 hide-scrollbar scroll-smooth snap-x items-center">
+                    <button onclick="filterSelection('all', this)" class="filter-btn active snap-start shrink-0 relative flex items-center gap-2 pl-4 pr-5 h-10 rounded-full border transition-all duration-300 group" data-filter="all">
+                        <span class="font-bold text-sm tracking-wide">All Systems</span>
+                        <span class="count-badge flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full text-[10px] font-bold"><?php echo esc_html($total_products); ?></span>
+                    </button>
+
+                    <?php foreach ($unique_cate_types as $cate_type): ?>
+                        <?php
+                        $cate_type_value = get_post_meta_by_key('cate_type_value', $cate_type);
+                        $display_name = !empty($cate_type_value) ? $cate_type_value : $cate_type;
+                        $count = 0;
+                        foreach ($all_products as $product) {
+                            $product_cate_type = get_post_meta($product->ID, 'cate_type', true);
+                            if (!empty($product_cate_type) && strpos($product_cate_type, $cate_type) !== false) {
+                                $count++;
+                            }
+                        }
+                        ?>
+                        <button onclick="filterSelection('<?php echo esc_js($cate_type); ?>', this)" class="filter-btn snap-start shrink-0 flex items-center gap-2 pl-4 pr-4 h-10 rounded-full border border-[#e5e7eb] dark:border-[#374151] bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 transition-all duration-300 hover:scale-105 active:scale-95 hover:shadow-lg hover:border-primary z-0 hover:z-10" data-filter="<?php echo esc_attr($cate_type); ?>">
+                            <span class="font-medium text-sm"><?php echo esc_html($display_name); ?></span>
+                        </button>
+                    <?php endforeach; ?>
+                </div>
+
+                <div class="absolute right-0 top-0 bottom-0 w-12 bg-gradient-to-l from-[#f8fcfa] dark:from-[#10221c] to-transparent z-10 pointer-events-none md:hidden transition-colors duration-300" id="mask-right"></div>
+            </div>
+        </div>
+    </div>
+
+    <div id="initial-loader" class="py-12 w-full">
+        <div class="flex flex-col items-center justify-center space-y-4 w-full">
+            <div class="relative flex-shrink-0">
+                <div class="w-16 h-16 border-4 border-primary/20 border-t-primary rounded-full animate-spin"></div>
+                <div class="absolute inset-0 flex items-center justify-center">
+                    <span class="material-symbols-outlined text-2xl text-primary animate-pulse">&#xe9d0;</span>
+                </div>
+            </div>
+            <div class="text-center">
+                <p class="text-gray-500 dark:text-gray-400 font-medium">Loading products...</p>
+                <p class="text-gray-400 dark:text-gray-500 text-sm mt-1">Please wait</p>
+            </div>
+        </div>
+    </div>
+
+    <div id="product-grid" class="columns-1 md:columns-2 lg:columns-3 gap-6 pb-12">
+        <?php if ($products_query->have_posts()): ?>
+            <?php while ($products_query->have_posts()): $products_query->the_post(); ?>
+                <?php
+                $post_id = get_the_ID();
+                $cate_type = get_post_meta($post_id, 'cate_type', true);
+                
+                $cover_image = get_the_post_thumbnail_url($post_id, 'product-cover-medium');
+                if (empty($cover_image)) {
+                    $cover_image = get_post_meta($post_id, '_product_banner_url', true);
+                }
+                if (empty($cover_image)) {
+                    $cover_image = get_template_directory_uri() . '/assets/images/products-1.webp';
+                }
+                
+                $usage_scenario_data = get_post_meta($post_id, '_usage_scenario_data', true);
+                $description = '';
+                if (!empty($usage_scenario_data) && isset($usage_scenario_data['bottom_text'])) {
+                    $description = $usage_scenario_data['bottom_text'];
+                }
+                $attr_keys = get_post_meta($post_id, 'attr_key', true);
+                $attr_values = get_post_meta($post_id, 'attr_value', true);
+                $attr_keys_array = !empty($attr_keys) ? explode(',', $attr_keys) : array();
+                $attr_values_array = !empty($attr_values) ? explode(',', $attr_values) : array();
+                $attrs = array();
+                for ($i = 0; $i < min(4, count($attr_keys_array)); $i++) {
+                    if (isset($attr_keys_array[$i]) && isset($attr_values_array[$i])) {
+                        $attrs[] = array(
+                            'key' => trim($attr_keys_array[$i]),
+                            'value' => trim($attr_values_array[$i])
+                        );
+                    }
+                }
+                $efficiency = get_post_meta($post_id, 'efficiency', true);
+                $is_new = get_post_meta($post_id, 'is_new', true);
+                $is_new_value = filter_var($is_new, FILTER_VALIDATE_BOOLEAN);
+                ?>
+                <div data-category="<?php echo esc_attr($cate_type); ?>" class="product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary/40 group" data-aos="fade-up" data-aos-delay="0">
+                    <div class="skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]">
+                        <?php if (!empty($is_new)): ?>
+                            <div class="absolute top-4 left-4 bg-primary text-white text-xs font-bold px-2.5 py-1 rounded shadow-sm z-10">
+                                NEW
+                            </div>
+                        <?php endif; ?>
+                        <?php if (!empty($efficiency)): ?>
+                            <div class="absolute top-4 right-4 bg-white/90 dark:bg-[#2a3441]/90 backdrop-blur text-primary text-xs font-bold px-2.5 py-1 rounded shadow-sm border border-primary/10 z-10">
+                                <?php echo esc_html($efficiency); ?>
+                            </div>
+                        <?php endif; ?>
+                        <div class="lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500" data-alt="<?php echo esc_attr(get_the_title()); ?>" data-bg="<?php echo esc_url($cover_image); ?>" style="background-image: url('<?php echo esc_url($cover_image); ?>');"></div>
+                    </div>
+                    <div class="p-5">
+                        <div class="flex justify-between items-start mb-2">
+                            <div class="flex items-center gap-2">
+                                <h3 class="text-xl font-bold font-display text-[#111318] dark:text-white group-hover:text-primary transition-colors"><?php echo esc_html(get_the_title()); ?></h3>
+                                <?php if ($is_new_value): ?>
+                                    <span class="bg-primary/10 text-primary text-[10px] font-bold px-2 py-0.5 rounded-full border border-primary/20 animate-pulse">NEW</span>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+                        <div class="grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm">
+                            <?php foreach ($attrs as $attr): ?>
+                                <div class="bg-gray-50 dark:bg-[#1f2937] p-2 rounded <?php echo $is_new_value ? 'border-l-2 border-primary' : ''; ?>">
+                                    <p class="text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider"><?php echo esc_html($attr['key']); ?></p>
+                                    <p class="font-semibold dark:text-gray-200"><?php echo esc_html($attr['value']); ?></p>
+                                </div>
+                            <?php endforeach; ?>
+                        </div>
+                        <p class="text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4">
+                            <?php echo wp_kses_post($description); ?>
+                        </p>
+                        <a href="<?php echo esc_url(get_permalink()); ?>" class="product-detail-link">
+                            <button class="w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm font-bold hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow">
+                                <span>View Datasheet</span>
+                                <span class="material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform">&#xe5c8;</span>
+                            </button>
+                        </a>
+                    </div>
+                </div>
+            <?php endwhile; ?>
+            <?php wp_reset_postdata(); ?>
+        <?php else: ?>
+            <div class="col-span-full text-center py-12">
+                <p class="text-gray-500 dark:text-gray-400">No products found.</p>
+            </div>
+        <?php endif; ?>
+    </div>
+
+    <?php if ($products_query->max_num_pages > 1): ?>
+        <div class="flex justify-center pt-8 pb-16" data-aos="zoom-in" data-aos-offset="50">
+            <button id="load-more-btn" class="relative group flex items-center justify-center px-8 py-3 rounded-full bg-primary/10 hover:bg-primary/20 dark:bg-primary/20 dark:hover:bg-primary/30 transition-all duration-300 active:scale-95" data-page="1" data-max-pages="<?php echo esc_attr($products_query->max_num_pages); ?>" data-per-page="<?php echo esc_attr($per_page); ?>">
+                <div class="absolute inset-0 rounded-full border border-primary opacity-20 animate-pulse group-hover:opacity-40"></div>
+                <span class="text-primary font-bold text-sm tracking-wide group-hover:scale-105 transition-transform">LOAD MORE PRODUCTS</span>
+            </button>
+        </div>
+    <?php endif; ?>
+</main>
+
+<script>
+/**
+ * 产品列表状态管理器
+ * 负责管理产品列表的状态保存、恢复和清理
+ */
+const ProductListStateManager = {
+    // 状态键名常量
+    KEYS: {
+        GRID_HTML: 'products_grid_html',
+        SCROLL_POSITION: 'products_scroll_position',
+        CURRENT_PAGE: 'products_current_page',
+        CURRENT_CATEGORY: 'products_current_category',
+        LOAD_MORE_VISIBLE: 'products_load_more_visible',
+        NAVIGATED_FROM_LIST: 'products_navigated_from_list',
+        TIMESTAMP: 'products_state_timestamp'
+    },
+    
+    // 状态过期时间（30分钟）
+    EXPIRY_TIME: 30 * 60 * 1000,
+    
+    /**
+     * 保存当前状态
+     */
+    save: function() {
+        console.log('[StateManager] Saving state...');
+        const grid = document.getElementById('product-grid');
+        const loadMoreBtn = document.getElementById('load-more-btn');
+        
+        if (!grid) {
+            console.error('[StateManager] Grid element not found!');
+            return false;
+        }
+        
+        console.log('[StateManager] Current global variables:', {
+            'window.currentPage': window.currentPage,
+            'window.currentCategory': window.currentCategory,
+            'currentPage (local)': currentPage,
+            'currentCategory (local)': currentCategory
+        });
+        
+        const state = {
+            GRID_HTML: grid.innerHTML,
+            SCROLL_POSITION: window.scrollY,
+            CURRENT_PAGE: window.currentPage || currentPage || 1,
+            CURRENT_CATEGORY: window.currentCategory || currentCategory || 'all',
+            LOAD_MORE_VISIBLE: loadMoreBtn ? loadMoreBtn.style.display !== 'none' : false,
+            NAVIGATED_FROM_LIST: 'true',
+            TIMESTAMP: Date.now()
+        };
+        
+        console.log('[StateManager] State to save:', state);
+        
+        // 保存到 sessionStorage - 直接遍历 state 对象
+        Object.keys(state).forEach(key => {
+            const storageKey = this.KEYS[key.toUpperCase()] || this.KEYS[key];
+            const value = state[key];
+            console.log('[StateManager] Saving key:', key, '->', storageKey, '=', value);
+            if (value !== undefined && storageKey) {
+                sessionStorage.setItem(storageKey, typeof value === 'object' ? JSON.stringify(value) : value);
+            }
+        });
+        
+        console.log('[StateManager] State saved:', {
+            productCount: grid.querySelectorAll('.product-card').length,
+            currentPage: state.currentPage,
+            currentCategory: state.currentCategory,
+            scrollPosition: state.scrollPosition,
+            loadMoreVisible: state.loadMoreVisible
+        });
+        
+        return true;
+    },
+    
+    /**
+     * 恢复状态
+     * @returns {boolean} 是否成功恢复
+     */
+    restore: function() {
+        console.log('[StateManager] Restoring state...');
+        
+        const gridHtml = sessionStorage.getItem(this.KEYS.GRID_HTML);
+        const navigatedFromList = sessionStorage.getItem(this.KEYS.NAVIGATED_FROM_LIST);
+        const timestamp = sessionStorage.getItem(this.KEYS.TIMESTAMP);
+        
+        // 检查状态是否存在且未过期
+        if (!gridHtml || navigatedFromList !== 'true') {
+            console.log('[StateManager] No valid state to restore');
+            return false;
+        }
+        
+        // 检查状态是否过期
+        if (timestamp && (Date.now() - parseInt(timestamp)) > this.EXPIRY_TIME) {
+            console.log('[StateManager] State expired, clearing...');
+            this.clear();
+            return false;
+        }
+        
+        const grid = document.getElementById('product-grid');
+        if (!grid) {
+            console.error('[StateManager] Grid element not found!');
+            return false;
+        }
+        
+        // 恢复产品列表
+        grid.innerHTML = gridHtml;
+        grid.style.display = 'block';
+        
+        // 隐藏初始加载器
+        const initialLoader = document.getElementById('initial-loader');
+        if (initialLoader) {
+            initialLoader.style.display = 'none';
+        }
+        
+        // 恢复全局变量和局部变量
+        window.currentPage = parseInt(sessionStorage.getItem(this.KEYS.CURRENT_PAGE)) || 1;
+        window.currentCategory = sessionStorage.getItem(this.KEYS.CURRENT_CATEGORY) || 'all';
+        
+        // 同步更新局部变量
+        currentPage = window.currentPage;
+        currentCategory = window.currentCategory;
+        
+        console.log('[StateManager] Restored variables:', {
+            'window.currentPage': window.currentPage,
+            'window.currentCategory': window.currentCategory,
+            'currentPage (local)': currentPage,
+            'currentCategory (local)': currentCategory
+        });
+        
+        // 恢复加载更多按钮状态
+        const loadMoreBtn = document.getElementById('load-more-btn');
+        const loadMoreVisible = sessionStorage.getItem(this.KEYS.LOAD_MORE_VISIBLE) === 'true';
+        if (loadMoreBtn) {
+            const loadMoreContainer = loadMoreBtn.parentElement;
+            if (loadMoreVisible) {
+                loadMoreBtn.style.display = 'flex';
+                loadMoreBtn.disabled = false;
+                if (loadMoreContainer) loadMoreContainer.style.display = 'flex';
+            } else {
+                loadMoreBtn.style.display = 'none';
+                if (loadMoreContainer) loadMoreContainer.style.display = 'none';
+            }
+        }
+        
+        // 恢复分类按钮样式
+        const savedCategory = sessionStorage.getItem(this.KEYS.CURRENT_CATEGORY);
+        if (savedCategory) {
+            const activeBtn = document.querySelector(`[data-filter="${savedCategory}"]`);
+            if (activeBtn) {
+                updateButtonStyles(activeBtn);
+            }
+        }
+        
+        // 更新产品计数
+        const visibleCount = grid.querySelectorAll('.product-card').length;
+        updateItemCount(visibleCount);
+        
+        // 刷新动画和图片
+        if (typeof AOS !== 'undefined') {
+            AOS.refresh();
+        }
+        if (typeof window.ImageLoader !== 'undefined' && typeof window.ImageLoader.scan === 'function') {
+            window.ImageLoader.scan();
+        }
+        
+        console.log('[StateManager] State restored:', {
+            productCount: visibleCount,
+            currentPage: window.currentPage,
+            currentCategory: window.currentCategory
+        });
+        
+        return true;
+    },
+    
+    /**
+     * 恢复滚动位置
+     */
+    restoreScrollPosition: function() {
+        const scrollPosition = sessionStorage.getItem(this.KEYS.SCROLL_POSITION);
+        if (scrollPosition) {
+            setTimeout(() => {
+                console.log('[StateManager] Restoring scroll position:', scrollPosition);
+                window.scrollTo({
+                    top: parseInt(scrollPosition),
+                    behavior: 'auto'
+                });
+            }, 100);
+        }
+    },
+    
+    /**
+     * 清除所有状态
+     */
+    clear: function() {
+        console.log('[StateManager] Clearing all state...');
+        Object.values(this.KEYS).forEach(key => {
+            sessionStorage.removeItem(key);
+        });
+    },
+    
+    /**
+     * 检查是否有有效的状态
+     * @returns {boolean}
+     */
+    hasValidState: function() {
+        const gridHtml = sessionStorage.getItem(this.KEYS.GRID_HTML);
+        const navigatedFromList = sessionStorage.getItem(this.KEYS.NAVIGATED_FROM_LIST);
+        const timestamp = sessionStorage.getItem(this.KEYS.TIMESTAMP);
+        console.log('[StateManager] Checking valid state:', {
+            gridHtml: gridHtml,
+            navigatedFromList: navigatedFromList,
+            timestamp: timestamp
+        });
+        if (!gridHtml || navigatedFromList !== 'true') {
+            return false;
+        }
+        
+        // 检查是否过期
+        if (timestamp && (Date.now() - parseInt(timestamp)) > this.EXPIRY_TIME) {
+            this.clear();
+            return false;
+        }
+        
+        return true;
+    }
+};
+
+// 全局变量
+let currentCategory = 'all';
+let currentPage = 1;
+let perPage = 6;
+let originalLoadMoreBtnContent = '';
+
+const activeClass = "bg-[#111318] dark:bg-white text-white dark:text-[#111318] border-transparent shadow-lg shadow-gray-200 dark:shadow-none ring-2 ring-offset-2 ring-transparent";
+const inactiveClass = "bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 border-[#e5e7eb] dark:border-[#374151]";
+
+/**
+ * 保存当前状态（兼容旧代码）
+ * @returns {boolean} 是否成功保存
+ */
+function saveState() {
+    return ProductListStateManager.save();
+}
+
+function updateButtonStyles(activeBtn) {
+    const filterBtns = document.querySelectorAll('.filter-btn');
+    filterBtns.forEach(btn => {
+        btn.className = btn.className.replace(activeClass, "").replace(inactiveClass, "");
+        btn.classList.add(...inactiveClass.split(" "));
+        
+        const badge = btn.querySelector('.count-badge');
+        if(badge) {
+            badge.className = "count-badge hidden";
+        }
+    });
+
+    activeBtn.classList.remove(...inactiveClass.split(" "));
+    activeBtn.classList.add(...activeClass.split(" "));
+    
+    const activeBadge = activeBtn.querySelector('.count-badge');
+    if(activeBadge) {
+        activeBadge.className = "count-badge flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full bg-white/20 dark:bg-black/10 text-[10px] font-bold ml-auto";
+    }
+}
+
+function updateItemCount(count) {
+    const itemCountDisplay = document.getElementById('item-count-display');
+    if(itemCountDisplay) {
+        itemCountDisplay.textContent = `Showing ${count} items`;
+    }
+}
+
+function loadProducts(category, page = 1, append = false) {
+    const grid = document.getElementById('product-grid');
+    const loadMoreBtn = document.getElementById('load-more-btn');
+    const initialLoader = document.getElementById('initial-loader');
+    
+    currentCategory = category;
+    window.currentCategory = category;
+    
+    if (!append) {
+        if (initialLoader) {
+            initialLoader.style.display = 'flex';
+        }
+        grid.style.display = 'none';
+        grid.innerHTML = '';
+    } else if (loadMoreBtn) {
+        loadMoreBtn.innerHTML = `
+            <div class="flex items-center gap-2">
+                <span class="material-symbols-outlined animate-spin">&#xe9d0;</span>
+                <span>Loading...</span>
+            </div>
+        `;
+        loadMoreBtn.disabled = true;
+    }
+    
+    const offset = (page - 1) * perPage;
+    
+    console.log('[loadProducts] Request parameters:', {
+        category: category,
+        page: page,
+        perPage: perPage,
+        offset: offset,
+        append: append,
+        'currentPage (local)': currentPage,
+        'window.currentPage': window.currentPage
+    });
+    
+    fetch('<?php echo admin_url('admin-ajax.php'); ?>', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: new URLSearchParams({
+            action: 'load_more_products',
+            offset: offset,
+            per_page: perPage,
+            category: category,
+            nonce: '<?php echo wp_create_nonce('load_more_products_nonce'); ?>'
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        console.log('AJAX response:', data);
+        console.log('Append mode:', append);
+        
+        if (data.success) {
+            console.log('Data success is true');
+            if (!append) {
+                grid.innerHTML = '';
+                grid.style.display = 'block';
+                if (initialLoader) {
+                    initialLoader.style.display = 'none';
+                }
+                currentPage = 1;
+                window.currentPage = 1;
+                sessionStorage.setItem('products_current_page', 1);
+                sessionStorage.setItem('products_current_category', category);
+            }
+            
+            data = data.data || {};
+            console.log('Products data:', data.products);
+            
+            if (data.products && data.products.length > 0) {
+                console.log('Has products, adding to grid');
+                data.products.forEach(product => {
+                    const tempDiv = document.createElement('div');
+                    tempDiv.innerHTML = product.html;
+                    const newCard = tempDiv.firstElementChild;
+                    newCard.setAttribute('data-aos-delay', '0');
+                    grid.appendChild(newCard);
+                });
+                
+                if (typeof AOS !== 'undefined') {
+                    AOS.refresh();
+                }
+                
+                if (typeof window.ImageLoader !== 'undefined' && typeof window.ImageLoader.scan === 'function') {
+                    window.ImageLoader.scan();
+                }
+                
+                console.log('About to scroll, append:', append);
+                if (!append) {
+                    console.log('Executing scroll logic');
+                    setTimeout(() => {
+                        const stickyWrapper = document.getElementById('filter-sticky-wrapper');
+                        const headerOffset = 64 + (stickyWrapper ? stickyWrapper.offsetHeight : 60);
+                        
+                        const gridRect = grid.getBoundingClientRect();
+                        const targetPosition = gridRect.top + window.scrollY - headerOffset - 20;
+                        
+                        console.log('Scrolling to position:', targetPosition, 'Current scroll:', window.scrollY, 'Grid top:', gridRect.top);
+           
+                        window.scrollTo({
+                            top: targetPosition,
+                            behavior: 'auto'
+                        });
+                    }, 150);
+                } else {
+                    console.log('Skipping scroll, append mode');
+                }
+                
+                const visibleCount = grid.querySelectorAll('.product-card').length;
+                updateItemCount(visibleCount);
+                console.log('Visible products:', visibleCount);
+                
+                if (loadMoreBtn) {
+                    const loadMoreContainer = loadMoreBtn.parentElement;
+                    if (loadMoreContainer) {
+                        loadMoreContainer.style.display = 'flex';
+                    }
+                    
+                    if (data.products.length < perPage) {
+                        loadMoreBtn.style.display = 'none';
+                        const loadMoreContainer = loadMoreBtn.parentElement;
+                        if (loadMoreContainer) {
+                            loadMoreContainer.style.display = 'none';
+                        }
+                        
+                        // 更新当前页码并保存状态
+                        currentPage = page;
+                        window.currentPage = page;
+                        window.currentCategory = currentCategory;
+                        sessionStorage.setItem('products_current_page', page);
+                        
+                        console.log('Hide load more button - no more products, saving state');
+                        saveState();
+                    } else {
+                        loadMoreBtn.style.display = 'flex';
+                        loadMoreBtn.innerHTML = originalLoadMoreBtnContent;
+                        loadMoreBtn.disabled = false;
+                        currentPage = page;
+                        window.currentPage = page;
+                        window.currentCategory = currentCategory;
+                        sessionStorage.setItem('products_current_page', page);
+                        console.log('Show load more button - current page:', currentPage);
+                        
+                        saveState();
+                    }
+                }
+            } else if (!append) {
+                grid.style.display = 'block';
+                if (initialLoader) {
+                    initialLoader.style.display = 'none';
+                }
+                grid.innerHTML = '<div class="col-span-full text-center py-12"><p class="text-gray-500 dark:text-gray-400">No products found.</p></div>';
+                updateItemCount(0);
+                if (loadMoreBtn) {
+                    loadMoreBtn.style.display = 'none';
+                    const loadMoreContainer = loadMoreBtn.parentElement;
+                    if (loadMoreContainer) {
+                        loadMoreContainer.style.display = 'none';
+                    }
+                }
+            }
+        }
+    })
+    .catch(error => {
+        console.error('Error loading products:', error);
+        const initialLoader = document.getElementById('initial-loader');
+        if (!append) {
+            grid.style.display = 'block';
+            if (initialLoader) {
+                initialLoader.style.display = 'none';
+            }
+            grid.innerHTML = '<div class="col-span-full text-center py-12"><p class="text-red-500">Error loading products. Please try again.</p></div>';
+        }
+        if (loadMoreBtn && append) {
+            loadMoreBtn.innerHTML = originalLoadMoreBtnContent;
+            loadMoreBtn.disabled = false;
+        }
+    });
+}
+
+function filterSelection(category, clickedBtn) {
+    currentCategory = category;
+    window.currentCategory = category;
+    updateButtonStyles(clickedBtn);
+    
+    const grid = document.getElementById('product-grid');
+    const loadMoreBtn = document.getElementById('load-more-btn');
+    
+    if (loadMoreBtn) {
+        const loadMoreContainer = loadMoreBtn.parentElement;
+        if (loadMoreContainer) {
+            loadMoreContainer.style.display = 'flex';
+        }
+    }
+    
+    loadProducts(category, 1, false);
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    const initialLoader = document.getElementById('initial-loader');
+    const grid = document.getElementById('product-grid');
+    
+    window.currentPage = 1;
+    window.currentCategory = 'all';
+    
+    if (initialLoader && grid) {
+        setTimeout(() => {
+            initialLoader.style.display = 'none';
+            
+            if (typeof AOS !== 'undefined') {
+                AOS.refresh();
+            }
+            
+            if (typeof window.ImageLoader !== 'undefined' && typeof window.ImageLoader.scan === 'function') {
+                window.ImageLoader.scan();
+            }
+        }, 500);
+    }
+    
+    const loadMoreBtn = document.getElementById('load-more-btn');
+    
+    if (loadMoreBtn) {
+        perPage = parseInt(loadMoreBtn.getAttribute('data-per-page')) || 6;
+        originalLoadMoreBtnContent = loadMoreBtn.innerHTML;
+        
+        loadMoreBtn.addEventListener('click', function() {
+            const nextPage = currentPage + 1;
+            console.log('[Load More Button] Clicked:', {
+                'currentPage (local)': currentPage,
+                'window.currentPage': window.currentPage,
+                'nextPage': nextPage,
+                'currentCategory': currentCategory,
+                'window.currentCategory': window.currentCategory
+            });
+            loadProducts(currentCategory, nextPage, true);
+        });
+    }
+    
+    /**
+     * 页面显示事件处理
+     * 处理从产品详情页返回的情况
+     */
+    window.addEventListener('pageshow', function(event) {
+        console.log('[pageshow] Event triggered, persisted:', event.persisted);
+        
+        // 检查是否有有效的状态需要恢复
+        if (ProductListStateManager.hasValidState()) {
+            console.log('[pageshow] Valid state found, restoring...');
+            
+            // 恢复状态
+            const restored = ProductListStateManager.restore();
+            
+            if (restored) {
+                // 恢复滚动位置
+                ProductListStateManager.restoreScrollPosition();
+                
+                // 清除导航标记，避免重复恢复
+                sessionStorage.removeItem(ProductListStateManager.KEYS.NAVIGATED_FROM_LIST);
+                
+                console.log('[pageshow] State restored successfully');
+            }
+        } else {
+            console.log('[pageshow] No valid state to restore');
+            
+            // 如果不是从产品详情页返回，清除所有状态
+            console.log('[pageshow] Not navigated from list, clearing all states');
+            if (!ProductListStateManager.hasValidState()) {
+                ProductListStateManager.clear();
+                
+                // 滚动到顶部
+                setTimeout(() => {
+                    window.scrollTo({ top: 0, behavior: 'auto' });
+                }, 100);
+            }
+        }
+    });
+
+    const stickyEl = document.getElementById('filter-sticky-wrapper');
+    const filterBg = document.getElementById('filter-bg');
+    
+    if (stickyEl && filterBg) {
+        const sentinel = document.createElement('div');
+        sentinel.setAttribute('id', 'sticky-sentinel');
+        stickyEl.parentNode.insertBefore(sentinel, stickyEl);
+        
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (!entry.isIntersecting && entry.boundingClientRect.top < 0) {
+                    filterBg.classList.add('border-gray-200', 'dark:border-gray-800', 'shadow-sm');
+                    filterBg.classList.remove('border-transparent');
+                } else {
+                    filterBg.classList.remove('border-gray-200', 'dark:border-gray-800', 'shadow-sm');
+                    filterBg.classList.add('border-transparent');
+                }
+            });
+        }, {
+            threshold: 0,
+            rootMargin: '-72px 0px 0px 0px'
+        });
+
+        observer.observe(sentinel);
+    }
+
+    const navigatedFromList = sessionStorage.getItem('products_navigated_from_list');
+    const savedGridHtml = sessionStorage.getItem('products_grid_html');
+    const savedCategory = sessionStorage.getItem('products_current_category');
+    
+    console.log('DOMContentLoaded - navigatedFromList:', navigatedFromList, 'savedGridHtml:', !!savedGridHtml);
+    
+    if (navigatedFromList === 'true' && savedGridHtml) {
+        console.log('From product detail with saved HTML, skipping DOMContentLoaded initialization');
+        return;
+    }
+    
+    if (navigatedFromList !== 'true' && !savedGridHtml) {
+        console.log('Normal page load - setting default button and clearing cache');
+        updateButtonStyles(document.querySelector('[data-filter="all"]'));
+        sessionStorage.clear();
+    } else if (savedCategory) {
+        console.log('Restoring category button:', savedCategory);
+        const activeBtn = document.querySelector(`[data-filter="${savedCategory}"]`);
+        if (activeBtn) {
+            updateButtonStyles(activeBtn);
+        }
+    }
+    
+    if (!savedGridHtml) {
+        updateItemCount(document.querySelectorAll('.product-card').length);
+    }
+    
+    document.addEventListener('click', function(event) {
+        const target = event.target;
+        console.log('[Click Event] Target:', target.tagName, target.className);
+        
+        const link = target.closest('.product-detail-link');
+        if (link) {
+            console.log('[Click Event] Product detail link clicked:', link.href);
+            event.preventDefault();
+            event.stopPropagation();
+            
+            console.log('[Click Event] Saving state before navigation...');
+            const saved = ProductListStateManager.save();
+            
+            console.log('[Click Event] State saved, navigating to:', link.href);
+            window.location.href = link.href;
+        }
+    }, true);
+});
+</script>
\ No newline at end of file