{"id":956,"date":"2025-09-06T09:14:00","date_gmt":"2025-09-06T01:14:00","guid":{"rendered":"http:\/\/www.cnhhoe.com\/?page_id=956"},"modified":"2025-09-19T16:28:06","modified_gmt":"2025-09-19T08:28:06","slug":"test1","status":"publish","type":"page","link":"https:\/\/www.cnhhoe.com\/index.php\/test1\/","title":{"rendered":"test1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"956\" class=\"elementor elementor-956\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee9d482 e-flex e-con-boxed e-con e-parent\" data-id=\"ee9d482\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d35962e elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d35962e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6320f0a e-con-full e-flex e-con e-child\" data-id=\"6320f0a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9131e8e e-con-full e-flex e-con e-child\" data-id=\"9131e8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a63962f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"a63962f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/49.235.47.132\/\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"58\" height=\"59\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/01\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17363085454933.png\" class=\"attachment-thumbnail size-thumbnail wp-image-138\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aca14d3 elementor-widget elementor-widget-text-editor\" data-id=\"aca14d3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>&gt;\u4ea7\u54c1\u4e2d\u5fc3<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf12a83 e-con-full e-flex e-con e-child\" data-id=\"bf12a83\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e342ba7 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"e342ba7\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e5%86%85%e7%aa%a5%e9%95%9c%e6%a8%a1%e7%bb%84\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5185\u7aa5\u955c\u6a21\u7ec4<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bcbf52 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"3bcbf52\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e5%86%85%e7%aa%a5%e9%95%9c%e5%85%88%e7%ab%af%e5%a4%b4\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5185\u7aa5\u955c\u5148\u7aef\u5934<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0045626 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"0045626\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e5%86%85%e7%aa%a5%e9%95%9c%e5%85%89%e5%ad%a6%e9%95%9c%e5%a4%b4\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5185\u7aa5\u955c\u5149\u5b66\u955c\u5934<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f93108 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"9f93108\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e5%9b%be%e5%83%8f%e5%a4%84%e7%90%86%e6%9d%bf\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u56fe\u50cf\u5904\u7406\u677f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-495167b elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"495167b\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5185\u7aa5\u955c\u6210\u54c1<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e9efef0 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"e9efef0\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e4%b8%bb%e6%9c%ba%e7%b3%bb%e5%88%97-copy\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u4e3b\u673a\u7cfb\u5217<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6764a5 elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"d6764a5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e8%bd%af%e4%bb%b6%e5%bc%80%e5%8f%91\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8f6f\u4ef6\u5f00\u53d1<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f88dcb elementor-align-justify elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"4f88dcb\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"http:\/\/www.cnhhoe.com\/index.php\/%e5%86%85%e7%aa%a5%e9%95%9c%e5%91%a8%e8%be%b9%e9%85%8d%e5%a5%97\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u5185\u7aa5\u955c\u5468\u8fb9\u914d\u5957<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5564cdc e-con-full e-flex e-con e-child\" data-id=\"5564cdc\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-15742de e-con-full e-flex e-con e-child\" data-id=\"15742de\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5314440 elementor-widget elementor-widget-n-accordion\" data-id=\"5314440\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8710\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-8710\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> \u684c\u9762\u5f0f <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-85489f8 e-con-full e-flex e-con e-child\" data-id=\"85489f8\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-1c1c119 e-flex e-con-boxed e-con e-child\" data-id=\"1c1c119\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09a68d7 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"09a68d7\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"10119383\" aria-label=\"\u9009\u9879\u5361\u3002\u4f7f\u7528 Enter \u6216 Space \u6253\u5f00\u9879\u76ee\uff0c\u4f7f\u7528 ESC \u5173\u95ed\u5e76\u4f7f\u7528\u7bad\u5934\u952e\u5bfc\u822a\u3002\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-101193831\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-101193831\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t1\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8710 e-n-tab-title-101193831\" id=\"e-n-tab-content-101193831\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-b3a11f4 e-con-full e-flex e-con e-child\" data-id=\"b3a11f4\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-0872816 e-con-full e-flex e-con e-child\" data-id=\"0872816\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adbc642 elementor-widget elementor-widget-image\" data-id=\"adbc642\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997932269.png\" class=\"attachment-large size-large wp-image-751\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997932269.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997932269-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997932269-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-6a3ef39 e-con-full e-flex e-con e-child\" data-id=\"6a3ef39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-295f13d elementor-widget elementor-widget-image\" data-id=\"295f13d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979018557.png\" class=\"attachment-large size-large wp-image-752\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979018557.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979018557-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979018557-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-480bbe1 e-con-full e-flex e-con e-child\" data-id=\"480bbe1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70602e2 elementor-widget elementor-widget-image\" data-id=\"70602e2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979123219.png\" class=\"attachment-large size-large wp-image-754\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979123219.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979123219-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979123219-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-2736023 e-con-full e-flex e-con e-child\" data-id=\"2736023\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d17e550 elementor-widget elementor-widget-image\" data-id=\"d17e550\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"369\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979238411.png\" class=\"attachment-large size-large wp-image-753\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979238411.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979238411-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979238411-768x365.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-ab51b2b e-con-full e-flex e-con e-child\" data-id=\"ab51b2b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a19422 elementor-widget elementor-widget-image\" data-id=\"6a19422\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979421746.png\" class=\"attachment-large size-large wp-image-755\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979421746.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979421746-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979421746-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8710\" class=\"elementor-element elementor-element-7adcf77 e-con-full e-flex e-con e-child\" data-id=\"7adcf77\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-8711\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-8711\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> \u624b\u6301\u5f0f <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-afae7a9 e-con-full e-flex e-con e-child\" data-id=\"afae7a9\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-b67cabf e-flex e-con-boxed e-con e-child\" data-id=\"b67cabf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f92eb1c e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"f92eb1c\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"261286684\" aria-label=\"\u9009\u9879\u5361\u3002\u4f7f\u7528 Enter \u6216 Space \u6253\u5f00\u9879\u76ee\uff0c\u4f7f\u7528 ESC \u5173\u95ed\u5e76\u4f7f\u7528\u7bad\u5934\u952e\u5bfc\u822a\u3002\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-2612866841\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-2612866841\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t1\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div role=\"region tabpanel\" aria-labelledby=\"e-n-accordion-item-8711 e-n-tab-title-2612866841\" id=\"e-n-tab-content-2612866841\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-0441de9 e-con-full e-flex e-con e-child\" data-id=\"0441de9\" data-element_type=\"container\">\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-55ce0d5 e-con-full e-flex e-con e-child\" data-id=\"55ce0d5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7359404 elementor-widget elementor-widget-image\" data-id=\"7359404\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997980880.png\" class=\"attachment-large size-large wp-image-756\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997980880.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997980880-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_1745997980880-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-828f414 e-con-full e-flex e-con e-child\" data-id=\"828f414\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebeb443 elementor-widget elementor-widget-image\" data-id=\"ebeb443\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"369\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979697574.png\" class=\"attachment-large size-large wp-image-757\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979697574.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979697574-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979697574-768x365.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-399546a e-con-full e-flex e-con e-child\" data-id=\"399546a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a09fe0e elementor-widget elementor-widget-image\" data-id=\"a09fe0e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"369\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979958721.png\" class=\"attachment-large size-large wp-image-758\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979958721.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979958721-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459979958721-768x365.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-c7a110b e-con-full e-flex e-con e-child\" data-id=\"c7a110b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ded96d7 elementor-widget elementor-widget-image\" data-id=\"ded96d7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980099935.png\" class=\"attachment-large size-large wp-image-759\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980099935.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980099935-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980099935-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-a6fed97 e-con-full e-flex e-con e-child\" data-id=\"a6fed97\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c5b180 elementor-widget elementor-widget-image\" data-id=\"7c5b180\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"777\" height=\"367\" src=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980183924.png\" class=\"attachment-large size-large wp-image-760\" alt=\"\" srcset=\"https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980183924.png 777w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980183924-300x142.png 300w, https:\/\/www.cnhhoe.com\/wp-content\/uploads\/2025\/04\/\u4f01\u4e1a\u5fae\u4fe1\u622a\u56fe_17459980183924-768x363.png 768w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-8711\" class=\"elementor-element elementor-element-0388f9b e-con-full e-flex e-con e-child\" data-id=\"0388f9b\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-51915ba e-flex e-con-boxed e-con e-parent\" data-id=\"51915ba\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51218d3 elementor-widget elementor-widget-html\" data-id=\"51218d3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n    <title>\u4ea7\u54c1\u76ee\u5f55 - \u6811\u5f62\u7ed3\u6784\u5c55\u793a<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\"\/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\/>\r\n    \r\n    <style>\r\n        :root {\r\n            --primary: #8A2BE2; \/* \u6df1\u7d2b\u8272 *\/\r\n            --primary-light: #9370DB; \/* \u4e2d\u7d2b\u8272 *\/\r\n            --primary-lighter: #D8BFD8; \/* \u6d45\u7d2b\u8272 *\/\r\n            --dark: #4B0082; \/* \u6df1\u975b\u7d2b\u8272 *\/\r\n            --light: #F5F0FF; \/* \u6de1\u7d2b\u8272\u80cc\u666f *\/\r\n            --gray: #A9A9A9;\r\n            --card-bg: rgba(255, 255, 255, 0.9);\r\n            --shadow: 0 8px 32px rgba(106, 13, 173, 0.15);\r\n            --transition: all 0.3s ease;\r\n            --border: 1px solid #E6E6FA;\r\n            --subtree-indent: 15px;\r\n        }\r\n        \r\n        ol, ul {\r\n            margin: 0 0 0 0; \r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Noto Sans SC', sans-serif;\r\n            background: linear-gradient(135deg, #F5F0FF 0%, #E6E6FA 100%);\r\n            color: #4B0082;\r\n            min-height: 100vh;\r\n            backdrop-filter: blur(10px);\r\n            overflow-x: hidden;\r\n            \/*padding: 20px;*\/\r\n        }\r\n\r\n        \/* \u6dfb\u52a0\u7981\u7528\u6587\u672c\u9009\u62e9\u529f\u80fd *\/\r\n        .category-tree, .category-tree * {\r\n            user-select: none;\r\n            -webkit-user-select: none;\r\n            -moz-user-select: none;\r\n            -ms-user-select: none;\r\n        }\r\n\r\n        .mycontainer {\r\n            display: flex;\r\n            min-height: calc(100vh - 40px);\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            gap: 24px;\r\n        }\r\n\r\n        \/* \u5de6\u4fa7\u5206\u7c7b\u6811 *\/\r\n        .mysidebar {\r\n            width: 280px;\r\n            background: var(--card-bg);\r\n            border-radius: 18px;\r\n            box-shadow: var(--shadow);\r\n            padding: 20px;\r\n            backdrop-filter: blur(12px);\r\n            border: var(--border);\r\n            position: sticky;\r\n            top: 20px;\r\n            height: fit-content;\r\n            max-height: calc(100vh - 80px);\r\n            overflow-y: auto;\r\n        }\r\n\r\n        .mysidebar-header {\r\n            font-size: 1.4em;\r\n            font-weight: 600;\r\n            color: var(--dark);\r\n            margin-bottom: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .mysidebar-header i {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .category-tree {\r\n            list-style: none;\r\n            padding-left: 0;\r\n\r\n        }\r\n        \r\n\r\n\r\n        .category-item {\r\n            margin: 8px 0;\r\n        }\r\n\r\n        .category-item a {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 12px 16px;\r\n            background: #F5F0FF;\r\n            border-radius: 12px;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            font-weight: 500;\r\n            transition: var(--transition);\r\n            border-left: 3px solid transparent;\r\n            position: relative;\r\n        }\r\n\r\n        .category-item a:hover,\r\n        .category-item a.active {\r\n            background: #E6E6FA;\r\n            transform: translateX(4px);\r\n            border-left-color: var(--primary);\r\n            color: var(--dark);\r\n        }\r\n\r\n        .children {\r\n            margin-top: 6px;\r\n            margin-left: var(--subtree-indent);\r\n            border-left: 2px dashed #D8BFD8;\r\n            display: none; \/* \u9ed8\u8ba4\u9690\u85cf\u5b50\u9879 *\/\r\n        }\r\n\r\n        .category-item.expanded > .children {\r\n            display: block; \/* \u5c55\u5f00\u65f6\u663e\u793a\u5b50\u9879 *\/\r\n        }\r\n\r\n        .children .category-item {\r\n            margin: 6px 0;\r\n        }\r\n\r\n        .children a {\r\n            padding: 8px 12px;\r\n            font-size: 0.95em;\r\n            background: #F5F0FF;\r\n            color: var(--primary-light);\r\n        }\r\n\r\n        .toggle-icon {\r\n            margin-left: auto;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 20px;\r\n            height: 20px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .toggle-icon i {\r\n            font-size: 0.8em;\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* \u53f3\u4fa7\u4ea7\u54c1\u5217\u8868 *\/\r\n        .main-content {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .page-header {\r\n            text-align: center;\r\n            margin-bottom: 30px;\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 16px;\r\n            box-shadow: var(--shadow);\r\n        }\r\n\r\n        .page-header h1 {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.8em;\r\n            color: var(--dark);\r\n            margin-bottom: 12px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .page-header p {\r\n            color: var(--primary-light);\r\n            font-size: 1.1em;\r\n        }\r\n\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 28px;\r\n            padding: 10px 0;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .product-card {\r\n            background: var(--card-bg);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 6px 20px rgba(106, 13, 173, 0.1);\r\n            transition: var(--transition);\r\n            backdrop-filter: blur(10px);\r\n            border: var(--border);\r\n            \/* \u56fa\u5b9a\u9ad8\u5ea6\uff0c\u907f\u514d\u88ab\u62c9\u957f *\/\r\n            height: 320px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 16px 32px rgba(106, 13, 173, 0.2);\r\n        }\r\n\r\n        .product-image {\r\n            width: 100%;\r\n            height: 180px;\r\n            object-fit: cover;\r\n            display: block;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .product-image:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .no-image {\r\n            background: #F5F0FF;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--primary-light);\r\n            font-size: 0.9em;\r\n            height: 180px;\r\n        }\r\n\r\n        .product-info {\r\n            padding: 20px;\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .product-category {\r\n            font-size:.85em;\r\n            color: var(--primary);\r\n            font-weight: 500;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .product-name {\r\n            font-size: 1.2em;\r\n            font-weight: 600;\r\n            color: var(--dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .product-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 6px;\r\n            color: var(--primary);\r\n            text-decoration: none;\r\n            font-size: 0.95em;\r\n            font-weight: 500;\r\n            margin-top: 8px;\r\n        }\r\n\r\n        .product-link:hover {\r\n            text-decoration: underline;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .loading, .empty {\r\n            grid-column: 1 \/ -1;\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n            color: var(--gray);\r\n            font-size: 1.1em;\r\n            background: white;\r\n            border-radius: 16px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        .loading i {\r\n            font-size: 2em;\r\n            margin-bottom: 15px;\r\n            color: var(--primary);\r\n            animation: spin 1s linear infinite;\r\n        }\r\n\r\n        @keyframes spin {\r\n            0% { transform: rotate(0deg); }\r\n            100% { transform: rotate(360deg); }\r\n        }\r\n\r\n        .empty i {\r\n            font-size: 3em;\r\n            margin-bottom: 20px;\r\n            color: #D8BFD8;\r\n        }\r\n\r\n        \/* \u64cd\u4f5c\u4fe1\u606f\u680f *\/\r\n        .action-info {\r\n            margin-top: 20px;\r\n            padding: 15px;\r\n            background: #F5F0FF;\r\n            border-radius: 10px;\r\n            font-size: 0.85em;\r\n        }\r\n\r\n        .action-info p {\r\n            margin-bottom: 8px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .action-title {\r\n            font-weight: bold;\r\n            color: var(--dark);\r\n            margin-bottom: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        \/* \u65b0\u589e\u5206\u9875\u6837\u5f0f *\/\r\n        .pagination {\r\n            margin-top: 30px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .pagination-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .page-button {\r\n            background: #F5F0FF;\r\n            border: 1px solid #E6E6FA;\r\n            border-radius: 8px;\r\n            padding: 8px 12px;\r\n            font-size: 1em;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            min-width: 40px;\r\n            text-align: center;\r\n            color: var(--primary);\r\n        }\r\n\r\n        .page-button:hover:not([disabled]) {\r\n            background: #E6E6FA;\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .page-button:disabled {\r\n            opacity: 0.5;\r\n            cursor: not-allowed;\r\n        }\r\n\r\n        .page-button.active {\r\n            background: var(--primary);\r\n            color: white;\r\n            font-weight: bold;\r\n            border-color: var(--primary);\r\n        }\r\n\r\n        .page-button:hover:not(.active) {\r\n            background: #E6E6FA;\r\n        }\r\n\r\n        .pagination-info {\r\n            color: var(--primary-light);\r\n            font-size: 0.95em;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .page-ellipsis {\r\n            padding: 8px 12px;\r\n            color: var(--primary-light);\r\n        }\r\n\r\n        \/* \u54cd\u5e94\u5f0f *\/\r\n        @media (max-width: 1100px) {\r\n            .mycontainer {\r\n                flex-direction: column;\r\n            }\r\n            .mysidebar {\r\n                width: 100%;\r\n                position: static;\r\n                max-height: 300px;\r\n            }\r\n            .page-header h1 {\r\n                font-size: 2.2em;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            body {\r\n                padding: 10px;\r\n            }\r\n            .page-header {\r\n                padding: 15px;\r\n            }\r\n            .page-header h1 {\r\n                font-size: 2em;\r\n            }\r\n            .products-grid {\r\n                grid-template-columns: 1fr 1fr;\r\n            }\r\n            .pagination {\r\n                flex-wrap: wrap;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .products-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            body {\r\n                background: #fff;\r\n            }\r\n            .pagination-controls {\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n            }\r\n        }\r\n    <\/style>\r\n    \r\n    \r\n    \r\n    \r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"mycontainer\">\r\n    <!-- \u5de6\u4fa7\uff1a\u5206\u7c7b\u6811 -->\r\n    <div class=\"mysidebar\">\r\n        <div class=\"mysidebar-header\">\r\n            <i class=\"fas fa-tags\"><\/i> \u4ea7\u54c1\u4e2d\u5fc3\r\n        <\/div>\r\n        <ul id=\"categoryTree\" class=\"category-tree\">\r\n            <li><div class=\"loading\"><i class=\"fas fa-spinner\"><\/i> \u52a0\u8f7d\u5206\u7c7b\u4e2d...<\/div><\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\uff1a\u4ea7\u54c1\u5c55\u793a -->\r\n    <div class=\"main-content\">\r\n        <!--        <div class=\"page-header\">-->\r\n        <!--            <h1>\u4ea7\u54c1\u7cbe\u9009<\/h1>-->\r\n        <!--            <p>\u63a2\u7d22\u6211\u4eec\u7cbe\u5fc3\u5206\u7c7b\u7684\u4f18\u8d28\u4ea7\u54c1<\/p>-->\r\n        <!--        <\/div>-->\r\n\r\n        <div id=\"productsGrid\" class=\"products-grid\">\r\n            <div class=\"loading\">\r\n                <i class=\"fas fa-spinner\"><\/i> \u8bf7\u4ece\u5de6\u4fa7\u9009\u62e9\u4ea7\u54c1\u5206\u7c7b\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5206\u9875\u63a7\u4ef6 -->\r\n        <div id=\"pagination\" class=\"pagination\">\r\n            <div class=\"pagination-controls\" id=\"paginationControls\"><\/div>\r\n            <div class=\"pagination-info\" id=\"paginationInfo\"><\/div>\r\n        <\/div>\r\n\r\n        <!--        <div class=\"action-info\">-->\r\n        <!--            <div class=\"action-title\">-->\r\n        <!--                <i class=\"fas fa-info-circle\"><\/i> \u64cd\u4f5c\u8bf4\u660e-->\r\n        <!--            <\/div>-->\r\n        <!--            <p>\u2022 \u70b9\u51fb\u5206\u7c7b\u540d\u79f0\u67e5\u770b\u5bf9\u5e94\u4ea7\u54c1<\/p>-->\r\n        <!--            <p>\u2022 \u70b9\u51fb\u7bad\u5934\u56fe\u6807\u5c55\u5f00\/\u6298\u53e0\u5b50\u5206\u7c7b<\/p>-->\r\n        <!--            <p>\u2022 \u70b9\u51fb\u4ea7\u54c1\u56fe\u7247\u67e5\u770b\u8be6\u60c5<\/p>-->\r\n        <!--        <\/div>-->\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u63a5\u53e3\u5730\u5740\r\n    \/\/ const TREE_API = \"http:\/\/localhost:8035\/system\/list\/treeData\";\r\n    \/\/ const LIST_API = \"http:\/\/localhost:8035\/system\/name\/list\";\r\n    \r\n    \r\n        \/\/ \u63a5\u53e3\u5730\u5740\r\n    const TREE_API = \"http:\/\/49.235.47.132:8035\/system\/list\/treeData\";\r\n    const LIST_API = \"http:\/\/49.235.47.132:8035\/system\/name\/list\";\r\n\r\n    \/\/ \u5168\u5c40\u53d8\u91cf\r\n    let categoryNameMap = {};\r\n    let currentListId = null;\r\n    let categoryTreeData = [];\r\n    let currentPage = 1;\r\n    let pageSize = 6;\r\n\r\n    \/\/ \u9875\u9762\u521d\u59cb\u5316\r\n    window.addEventListener(\"DOMContentLoaded\", () => {\r\n        initCategoryTree();\r\n    });\r\n\r\n    \/\/ \u521d\u59cb\u5316\u5206\u7c7b\u6811\r\n    async function initCategoryTree() {\r\n        const treeContainer = document.getElementById(\"categoryTree\");\r\n\r\n        try {\r\n            \/\/ \u521b\u5efa\u52a0\u8f7d\u63d0\u793a\r\n            treeContainer.innerHTML = '<li><div class=\"loading\"><i class=\"fas fa-spinner\"><\/i> \u52a0\u8f7d\u5206\u7c7b\u6570\u636e...<\/div><\/li>';\r\n\r\n            \/\/ \u83b7\u53d6\u6811\u6570\u636e\r\n            const treeData = await fetchTreeData();\r\n            categoryTreeData = treeData;\r\n\r\n            \/\/ \u6784\u5efa\u5206\u7c7b\u6811\u548c\u540d\u79f0\u6620\u5c04\r\n            categoryNameMap = buildCategoryNameMap(treeData);\r\n            const rootNodes = buildTree(treeData);\r\n\r\n            \/\/ \u6e32\u67d3\u6811\u7ed3\u6784\r\n            treeContainer.innerHTML = '';\r\n            const renderedTree = renderTree(rootNodes);\r\n            treeContainer.appendChild(renderedTree);\r\n\r\n            \/\/ \u9ed8\u8ba4\u9009\u62e9\u9876\u7ea7\u76ee\u5f55\uff08\u4e0d\u9009\u62e9\u4efb\u4f55\u5206\u7c7b\uff09\r\n            loadTopLevelProducts();\r\n\r\n        } catch (err) {\r\n            console.error(\"\u52a0\u8f7d\u5206\u7c7b\u5931\u8d25:\", err);\r\n            treeContainer.innerHTML = `\r\n                <li>\r\n                    <div class=\"loading\">\r\n                        <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n                        \u5206\u7c7b\u52a0\u8f7d\u5931\u8d25: ${err.message}\r\n                    <\/div>\r\n                <\/li>`;\r\n        }\r\n    }\r\n\r\n    \/\/ \u6784\u5efa\u5206\u7c7b\u540d\u79f0\u6620\u5c04\r\n    function buildCategoryNameMap(items) {\r\n        const map = {};\r\n        items.forEach(item => {\r\n            const id = item.id;\r\n            const name = item.name;\r\n            if (id && name) {\r\n                map[id] = name;\r\n            }\r\n        });\r\n        return map;\r\n    }\r\n\r\n    \/\/ \u83b7\u53d6\u6811\u6570\u636e\r\n    async function fetchTreeData() {\r\n        const res = await fetch(TREE_API);\r\n        if (!res.ok) {\r\n            throw new Error(`\u83b7\u53d6\u5206\u7c7b\u6570\u636e\u5931\u8d25: ${res.status}`);\r\n        }\r\n        return res.json();\r\n    }\r\n\r\n    \/\/ \u6784\u5efa\u6811\u7ed3\u6784 - \u4fee\u590d\u7248\r\n    function buildTree(items) {\r\n        \/\/ \u521b\u5efaID\u4e0e\u8282\u70b9\u7684\u6620\u5c04\r\n        const nodeMap = {};\r\n        items.forEach(item => {\r\n            const id = item.id;\r\n            const pid = item.pId;\r\n            const name = item.name;\r\n\r\n            nodeMap[id] = {\r\n                id,\r\n                name,\r\n                pid,\r\n                children: []\r\n            };\r\n        });\r\n\r\n        \/\/ \u6784\u5efa\u6811\u7ed3\u6784\r\n        const tree = [];\r\n        items.forEach(item => {\r\n            const node = nodeMap[item.id];\r\n            const parentId = node.pid;\r\n\r\n            if (parentId && nodeMap[parentId]) {\r\n                nodeMap[parentId].children.push(node);\r\n            } else {\r\n                tree.push(node);\r\n            }\r\n        });\r\n\r\n        return tree;\r\n    }\r\n\r\n    \/\/ \u6e32\u67d3\u6811\uff08\u4fee\u590d\u6298\u53e0\u529f\u80fd\uff09\r\n    function renderTree(nodes) {\r\n        const ul = document.createElement('ul');\r\n        ul.className = 'category-tree';\r\n\r\n        nodes.forEach(node => {\r\n            const li = document.createElement('li');\r\n            li.className = 'category-item';\r\n\r\n            \/\/ \u521b\u5efa\u5206\u7c7b\u540d\u79f0\u94fe\u63a5\r\n            const a = document.createElement('a');\r\n            a.href = 'javascript:void(0)';\r\n            a.dataset.id = node.id;\r\n            a.textContent = node.name;\r\n\r\n            \/\/ \u6dfb\u52a0\u5206\u7c7b\u9009\u62e9\u70b9\u51fb\u4e8b\u4ef6\r\n            a.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                selectCategory(node.id);\r\n            });\r\n\r\n            \/\/ \u5bb9\u5668\u5305\u88c5\uff08\u7528\u4e8e\u5904\u7406\u6298\u53e0\/\u5c55\u5f00\uff09\r\n            const categoryContent = document.createElement('div');\r\n            categoryContent.className = 'category-content';\r\n            categoryContent.style.display = 'flex';\r\n            categoryContent.style.alignItems = 'center';\r\n            categoryContent.style.width = '100%';\r\n            categoryContent.appendChild(a);\r\n\r\n            \/\/ \u6dfb\u52a0\u6298\u53e0\/\u5c55\u5f00\u56fe\u6807\r\n            if (node.children && node.children.length > 0) {\r\n                const toggleIcon = document.createElement('div');\r\n                toggleIcon.className = 'toggle-icon';\r\n\r\n                \/\/ \u521d\u59cb\u72b6\u6001\u4e3a\u6298\u53e0\u72b6\u6001\uff0c\u663e\u793a\u4e0a\u7bad\u5934\r\n                toggleIcon.innerHTML = '<i class=\"fas fa-chevron-up\"><\/i>';\r\n\r\n                \/\/ \u6dfb\u52a0\u6298\u53e0\/\u5c55\u5f00\u4e8b\u4ef6\r\n                toggleIcon.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    li.classList.toggle('expanded');\r\n\r\n                    \/\/ \u5207\u6362\u7bad\u5934\u65b9\u5411\r\n                    const icon = toggleIcon.querySelector('i');\r\n                    if (li.classList.contains('expanded')) {\r\n                        \/\/ \u5c55\u5f00\u72b6\u6001\u663e\u793a\u4e0b\u7bad\u5934\r\n                        icon.className = 'fas fa-chevron-down';\r\n                    } else {\r\n                        \/\/ \u6298\u53e0\u72b6\u6001\u663e\u793a\u4e0a\u7bad\u5934\r\n                        icon.className = 'fas fa-chevron-up';\r\n                    }\r\n                });\r\n\r\n                categoryContent.appendChild(toggleIcon);\r\n            }\r\n\r\n            li.appendChild(categoryContent);\r\n\r\n            \/\/ \u5982\u679c\u6709\u5b50\u8282\u70b9\uff0c\u6dfb\u52a0\u5b50\u8282\u70b9\u5bb9\u5668\r\n            if (node.children && node.children.length > 0) {\r\n                const childrenUl = document.createElement('ul');\r\n                childrenUl.className = 'children';\r\n\r\n                \/\/ \u9012\u5f52\u6e32\u67d3\u5b50\u8282\u70b9\r\n                const childNodes = renderChildren(node.children);\r\n                childrenUl.appendChild(childNodes);\r\n                li.appendChild(childrenUl);\r\n            }\r\n\r\n            ul.appendChild(li);\r\n        });\r\n\r\n        return ul;\r\n    }\r\n\r\n    \/\/ \u6e32\u67d3\u5b50\u8282\u70b9\uff08\u4fee\u590d\u6298\u53e0\u529f\u80fd\uff09\r\n    function renderChildren(nodes) {\r\n        const fragment = document.createDocumentFragment();\r\n\r\n        nodes.forEach(node => {\r\n            const li = document.createElement('li');\r\n            li.className = 'category-item';\r\n\r\n            \/\/ \u521b\u5efa\u5206\u7c7b\u540d\u79f0\u94fe\u63a5\r\n            const a = document.createElement('a');\r\n            a.href = 'javascript:void(0)';\r\n            a.dataset.id = node.id;\r\n            a.textContent = node.name;\r\n\r\n            \/\/ \u6dfb\u52a0\u5206\u7c7b\u9009\u62e9\u70b9\u51fb\u4e8b\u4ef6\r\n            a.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                selectCategory(node.id);\r\n            });\r\n\r\n            \/\/ \u5bb9\u5668\u5305\u88c5\uff08\u7528\u4e8e\u5904\u7406\u6298\u53e0\/\u5c55\u5f00\uff09\r\n            const categoryContent = document.createElement('div');\r\n            categoryContent.className = 'category-content';\r\n            categoryContent.style.display = 'flex';\r\n            categoryContent.style.alignItems = 'center';\r\n            categoryContent.style.width = '100%';\r\n            categoryContent.appendChild(a);\r\n\r\n            \/\/ \u6dfb\u52a0\u6298\u53e0\/\u5c55\u5f00\u56fe\u6807\r\n            if (node.children && node.children.length > 0) {\r\n                const toggleIcon = document.createElement('div');\r\n                toggleIcon.className = 'toggle-icon';\r\n\r\n                \/\/ \u521d\u59cb\u72b6\u6001\u4e3a\u6298\u53e0\u72b6\u6001\uff0c\u663e\u793a\u4e0a\u7bad\u5934\r\n                toggleIcon.innerHTML = '<i class=\"fas fa-chevron-up\"><\/i>';\r\n\r\n                \/\/ \u6dfb\u52a0\u6298\u53e0\/\u5c55\u5f00\u4e8b\u4ef6\r\n                toggleIcon.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    li.classList.toggle('expanded');\r\n\r\n                    \/\/ \u5207\u6362\u7bad\u5934\u65b9\u5411\r\n                    const icon = toggleIcon.querySelector('i');\r\n                    if (li.classList.contains('expanded')) {\r\n                        \/\/ \u5c55\u5f00\u72b6\u6001\u663e\u793a\u4e0b\u7bad\u5934\r\n                        icon.className = 'fas fa-chevron-down';\r\n                    } else {\r\n                        \/\/ \u6298\u53e0\u72b6\u6001\u663e\u793a\u4e0a\u7bad\u5934\r\n                        icon.className = 'fas fa-chevron-up';\r\n                    }\r\n                });\r\n\r\n                categoryContent.appendChild(toggleIcon);\r\n            }\r\n\r\n            li.appendChild(categoryContent);\r\n\r\n            \/\/ \u5982\u679c\u6709\u5b50\u8282\u70b9\uff0c\u9012\u5f52\u6e32\u67d3\r\n            if (node.children && node.children.length > 0) {\r\n                const childrenUl = document.createElement('ul');\r\n                childrenUl.className = 'children';\r\n\r\n                \/\/ \u9012\u5f52\u6e32\u67d3\u5b50\u8282\u70b9\r\n                const childNodes = renderChildren(node.children);\r\n                childrenUl.appendChild(childNodes);\r\n                li.appendChild(childrenUl);\r\n            }\r\n\r\n            fragment.appendChild(li);\r\n        });\r\n\r\n        return fragment;\r\n    }\r\n\r\n    \/\/ \u9009\u62e9\u5206\u7c7b\r\n    function selectCategory(listId) {\r\n        \/\/ \u66f4\u65b0UI\u9009\u4e2d\u72b6\u6001\r\n        document.querySelectorAll('.category-tree a').forEach(a => {\r\n            a.classList.toggle('active', a.dataset.id == listId);\r\n        });\r\n\r\n        \/\/ \u66f4\u65b0\u5f53\u524d\u9009\u4e2d\u7684\u5206\u7c7bID\r\n        currentListId = listId;\r\n\r\n        \/\/ \u52a0\u8f7d\u8be5\u5206\u7c7b\u4e0b\u7684\u4ea7\u54c1\r\n        loadProducts(listId, 1); \/\/ \u91cd\u7f6e\u5230\u7b2c\u4e00\u9875\r\n    }\r\n\r\n    \/\/ \u52a0\u8f7d\u9876\u7ea7\u76ee\u5f55\u4ea7\u54c1\uff08\u4e0d\u4f20\u9012listId\uff09\r\n    function loadTopLevelProducts() {\r\n        currentListId = null;\r\n        loadProducts(null, 1); \/\/ \u91cd\u7f6e\u5230\u7b2c\u4e00\u9875\r\n    }\r\n\r\n    \/\/ \u52a0\u8f7d\u4ea7\u54c1\uff08\u4fee\u6539\u7248\uff0c\u5305\u542b\u5206\u9875\uff09\r\n    async function loadProducts(listId, page = 1) {\r\n        currentPage = page;\r\n        const container = document.getElementById(\"productsGrid\");\r\n        const paginationContainer = document.getElementById(\"pagination\");\r\n        container.innerHTML = '<div class=\"loading\"><i class=\"fas fa-spinner\"><\/i> \u6b63\u5728\u52a0\u8f7d\u4ea7\u54c1\u6570\u636e...<\/div>';\r\n        paginationContainer.style.display = 'none';\r\n\r\n        try {\r\n            \/\/ \u51c6\u5907\u8bf7\u6c42\u53c2\u6570\r\n            const params = new URLSearchParams();\r\n            params.append('pageSize', pageSize);\r\n            params.append('pageNum', currentPage);\r\n            params.append('isAsc', 'asc');\r\n\r\n            \/\/ \u53ea\u6709\u5728\u9009\u62e9\u4e86\u5177\u4f53\u5206\u7c7b\u65f6\u624d\u6dfb\u52a0listId\u53c2\u6570\r\n            if (listId) {\r\n                params.append('listId', listId);\r\n            }\r\n\r\n            \/\/ API\u8bf7\u6c42\r\n            const response = await fetch(LIST_API, {\r\n                method: 'POST',\r\n                headers: {\r\n                    'Content-Type': 'application\/x-www-form-urlencoded'\r\n                },\r\n                body: params\r\n            });\r\n\r\n            if (!response.ok) {\r\n                throw new Error(`\u4ea7\u54c1\u52a0\u8f7d\u5931\u8d25: ${response.status}`);\r\n            }\r\n\r\n            const data = await response.json();\r\n\r\n            \/\/ \u5904\u7406\u8fd4\u56de\u6570\u636e\r\n            if (data.code !== 0) {\r\n                throw new Error(data.msg || '\u63a5\u53e3\u8fd4\u56de\u9519\u8bef');\r\n            }\r\n\r\n            \/\/ \u83b7\u53d6\u4ea7\u54c1\u5217\u8868\r\n            const products = data.rows || [];\r\n            const total = data.total || 0;\r\n\r\n            \/\/ \u6e32\u67d3\u4ea7\u54c1\r\n            if (products.length === 0) {\r\n                container.innerHTML = '<div class=\"empty\"><i class=\"fas fa-box-open\"><\/i> \u8be5\u5206\u7c7b\u4e0b\u6682\u65e0\u4ea7\u54c1<\/div>';\r\n                return;\r\n            }\r\n\r\n            container.innerHTML = products.map(p => {\r\n                \/\/ \u4f7f\u7528\u771f\u5b9e\u63a5\u53e3\u6570\u636e\r\n                const imgUrl = p.productPicture || \"\";\r\n                const hasImage = imgUrl && imgUrl.trim() !== \"\";\r\n\r\n                \/\/ \u83b7\u53d6\u5206\u7c7b\u540d\u79f0\r\n                const categoryName = categoryNameMap[p.listId] || \"\u672a\u5206\u7c7b\";\r\n\r\n                return `\r\n                <div class=\"product-card\">\r\n                     ${hasImage\r\n                    \/\/     ? `<img decoding=\"async\" class=\"product-image\" src=\"${imgUrl}\"\r\n                    \/\/             alt=\"${p.productName}\"\r\n                    \/\/             onclick=\"window.open('${p.productLink || '#'}', '_blank')\">`\r\n                    \/\/     : `<div class=\"no-image\"><i class=\"fas fa-image\"><\/i> \u65e0\u56fe<\/div>`\r\n                    \/\/ }\r\n                    \/\/\r\n\r\n                    ? `<img decoding=\"async\" class=\"product-image\" src=\"${imgUrl}\"\r\n                            alt=\"${p.productName}\"\r\n                            >`\r\n                    : `<div class=\"no-image\"><i class=\"fas fa-image\"><\/i> \u65e0\u56fe<\/div>`\r\n                }\r\n\r\n                    <div class=\"product-info\">\r\n                        <div class=\"product-category\">${categoryName}<\/div>\r\n                        <div class=\"product-name\">${p.productName || \"\u672a\u547d\u540d\u4ea7\u54c1\"}<\/div>\r\n                        ${p.productLink\r\n                    ? `<a href=\"${p.productLink}\" target=\"_blank\" class=\"product-link\">\r\n                                <i class=\"fas fa-external-link-alt\"><\/i> \u67e5\u770b\u8be6\u60c5\r\n                               <\/a>`\r\n                    : \"\"\r\n                }\r\n                    <\/div>\r\n                <\/div>`;\r\n            }).join(\"\");\r\n\r\n            \/\/ \u6e32\u67d3\u5206\u9875\u63a7\u4ef6\r\n            renderPagination(total);\r\n\r\n        } catch (err) {\r\n            console.error(\"\u52a0\u8f7d\u4ea7\u54c1\u5931\u8d25:\", err);\r\n            container.innerHTML = '<div class=\"empty\"><i class=\"fas fa-wifi-slash\"><\/i> \u6570\u636e\u52a0\u8f7d\u5931\u8d25: ' + err.message + '<\/div>';\r\n        }\r\n    }\r\n\r\n    \/\/ \u65b0\u589e\u5206\u9875\u6e32\u67d3\u51fd\u6570\r\n    function renderPagination(totalItems) {\r\n        const paginationContainer = document.getElementById(\"pagination\");\r\n        const paginationControls = document.getElementById(\"paginationControls\");\r\n        const paginationInfo = document.getElementById(\"paginationInfo\");\r\n\r\n        const totalPages = Math.ceil(totalItems \/ pageSize);\r\n\r\n        if (totalPages <= 1) {\r\n            paginationContainer.style.display = 'none';\r\n            return;\r\n        }\r\n\r\n        paginationContainer.style.display = 'flex';\r\n        paginationControls.innerHTML = '';\r\n        paginationInfo.textContent = `\u5171 ${totalItems} \u9879\uff0c\u7b2c ${currentPage} \/ ${totalPages} \u9875`;\r\n\r\n        \/\/ \u914d\u7f6e\u5206\u9875\u663e\u793a\u903b\u8f91\r\n        const maxVisiblePages = 7; \/\/ \u6700\u591a\u663e\u793a7\u4e2a\u9875\u7801\u6309\u94ae\r\n        let startPage, endPage;\r\n\r\n        if (totalPages <= maxVisiblePages) {\r\n            \/\/ \u603b\u9875\u6570\u8f83\u5c11\u65f6\uff0c\u663e\u793a\u6240\u6709\u9875\u7801\r\n            startPage = 1;\r\n            endPage = totalPages;\r\n        } else {\r\n            \/\/ \u603b\u9875\u6570\u8f83\u591a\u65f6\uff0c\u663e\u793a\u5f53\u524d\u9875\u9644\u8fd1\u7684\u9875\u7801\r\n            const halfMax = Math.floor(maxVisiblePages \/ 2);\r\n            if (currentPage <= halfMax + 1) {\r\n                startPage = 1;\r\n                endPage = maxVisiblePages;\r\n            } else if (currentPage >= totalPages - halfMax) {\r\n                startPage = totalPages - maxVisiblePages + 1;\r\n                endPage = totalPages;\r\n            } else {\r\n                startPage = currentPage - halfMax;\r\n                endPage = currentPage + halfMax;\r\n            }\r\n        }\r\n\r\n        \/\/ \u6dfb\u52a0\"\u4e0a\u4e00\u9875\"\u6309\u94ae\r\n        const prevBtn = document.createElement('button');\r\n        prevBtn.className = 'page-button';\r\n        prevBtn.textContent = '\u00ab';\r\n        prevBtn.disabled = currentPage === 1;\r\n        prevBtn.onclick = () => loadProducts(currentListId, currentPage - 1);\r\n        paginationControls.appendChild(prevBtn);\r\n\r\n        \/\/ \u6dfb\u52a0\u7b2c\u4e00\u9875\uff08\u5982\u679c\u9700\u8981\uff09\r\n        if (startPage > 1) {\r\n            addPageButton(1, paginationControls);\r\n            if (startPage > 2) {\r\n                const ellipsis = document.createElement('span');\r\n                ellipsis.textContent = '...';\r\n                ellipsis.className = 'page-ellipsis';\r\n                paginationControls.appendChild(ellipsis);\r\n            }\r\n        }\r\n\r\n        \/\/ \u6dfb\u52a0\u4e2d\u95f4\u9875\u7801\r\n        for (let i = startPage; i <= endPage; i++) {\r\n            addPageButton(i, paginationControls);\r\n        }\r\n\r\n        \/\/ \u6dfb\u52a0\u6700\u540e\u4e00\u9875\uff08\u5982\u679c\u9700\u8981\uff09\r\n        if (endPage < totalPages) {\r\n            if (endPage < totalPages - 1) {\r\n                const ellipsis = document.createElement('span');\r\n                ellipsis.textContent = '...';\r\n                ellipsis.className = 'page-ellipsis';\r\n                paginationControls.appendChild(ellipsis);\r\n            }\r\n            addPageButton(totalPages, paginationControls);\r\n        }\r\n\r\n        \/\/ \u6dfb\u52a0\"\u4e0b\u4e00\u9875\"\u6309\u94ae\r\n        const nextBtn = document.createElement('button');\r\n        nextBtn.className = 'page-button';\r\n        nextBtn.textContent = '\u00bb';\r\n        nextBtn.disabled = currentPage === totalPages;\r\n        nextBtn.onclick = () => loadProducts(currentListId, currentPage + 1);\r\n        paginationControls.appendChild(nextBtn);\r\n    }\r\n\r\n    \/\/ \u8f85\u52a9\u51fd\u6570\uff1a\u6dfb\u52a0\u9875\u7801\u6309\u94ae\r\n    function addPageButton(pageNum, container) {\r\n        const btn = document.createElement('button');\r\n        btn.className = 'page-button';\r\n        if (pageNum === currentPage) {\r\n            btn.classList.add('active');\r\n        }\r\n        btn.textContent = pageNum;\r\n        btn.onclick = () => loadProducts(currentListId, pageNum);\r\n        container.appendChild(btn);\r\n    }\r\n\r\n    \/\/ \u5168\u5c40\u51fd\u6570 - \u70b9\u51fb\u56fe\u7247\u6253\u5f00\u4ea7\u54c1\u94fe\u63a5\r\n    window.openProduct = function(url) {\r\n        window.open(url, '_blank');\r\n    };\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bc7b7b e-flex e-con-boxed e-con e-parent\" data-id=\"7bc7b7b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-91884f6 e-con-full e-flex e-con e-child\" data-id=\"91884f6\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ac565a e-con-full e-flex e-con e-child\" data-id=\"3ac565a\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&gt;\u4ea7\u54c1\u4e2d\u5fc3 \u5185\u7aa5\u955c\u6a21\u7ec4 \u5185\u7aa5\u955c\u5148\u7aef\u5934 \u5185\u7aa5\u955c\u5149\u5b66\u955c\u5934 \u56fe\u50cf\u5904\u7406\u677f \u5185\u7aa5\u955c\u6210\u54c1 \u4e3b\u673a\u7cfb\u5217 \u8f6f\u4ef6\u5f00\u53d1 \u5185\u7aa5\u955c &#8230; <a title=\"test1\" class=\"read-more\" href=\"https:\/\/www.cnhhoe.com\/index.php\/test1\/\" aria-label=\"\u9605\u8bfb test1\">\u9605\u8bfb\u66f4\u591a<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-956","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/pages\/956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/comments?post=956"}],"version-history":[{"count":82,"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/pages\/956\/revisions"}],"predecessor-version":[{"id":1045,"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/pages\/956\/revisions\/1045"}],"wp:attachment":[{"href":"https:\/\/www.cnhhoe.com\/index.php\/wp-json\/wp\/v2\/media?parent=956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}