<!-- object(addons\cms\library\Bootstrap)#88 (9) {
  ["simple":protected]=>
  bool(false)
  ["items":protected]=>
  object(think\Collection)#97 (1) {
    ["items":protected]=>
    array(1) {
      [0]=>
      object(addons\cms\model\Archives)#78 (37) {
        ["name":protected]=>
        string(12) "cms_archives"
        ["autoWriteTimestamp":protected]=>
        string(3) "int"
        ["createTime":protected]=>
        string(10) "createtime"
        ["updateTime":protected]=>
        string(10) "updatetime"
        ["deleteTime":protected]=>
        string(10) "deletetime"
        ["append":protected]=>
        array(5) {
          [0]=>
          string(3) "url"
          [1]=>
          string(7) "fullurl"
          [2]=>
          string(9) "likeratio"
          [3]=>
          string(7) "taglist"
          [4]=>
          string(11) "create_date"
        }
        ["connection":protected]=>
        array(0) {
        }
        ["parent":protected]=>
        NULL
        ["query":protected]=>
        NULL
        ["table":protected]=>
        NULL
        ["class":protected]=>
        string(25) "addons\cms\model\Archives"
        ["error":protected]=>
        NULL
        ["validate":protected]=>
        NULL
        ["pk":protected]=>
        NULL
        ["field":protected]=>
        array(0) {
        }
        ["except":protected]=>
        array(0) {
        }
        ["disuse":protected]=>
        array(0) {
        }
        ["readonly":protected]=>
        array(0) {
        }
        ["visible":protected]=>
        array(0) {
        }
        ["hidden":protected]=>
        array(0) {
        }
        ["data":protected]=>
        array(41) {
          ["id"]=>
          int(135)
          ["user_id"]=>
          int(0)
          ["channel_id"]=>
          int(36)
          ["channel_ids"]=>
          string(0) ""
          ["model_id"]=>
          int(1)
          ["special_ids"]=>
          string(0) ""
          ["admin_id"]=>
          int(1)
          ["title"]=>
          string(12) "熊猫挂件"
          ["flag"]=>
          string(9) "recommend"
          ["style"]=>
          string(0) ""
          ["image"]=>
          string(54) "/uploads/20250925/239095225677b43db3a188cd840e5bc6.png"
          ["images"]=>
          string(0) ""
          ["seotitle"]=>
          string(0) ""
          ["keywords"]=>
          string(13) "熊猫,挂件"
          ["description"]=>
          string(144) "熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件"
          ["tags"]=>
          string(0) ""
          ["price"]=>
          string(4) "0.00"
          ["outlink"]=>
          string(0) ""
          ["weigh"]=>
          int(135)
          ["views"]=>
          int(195)
          ["comments"]=>
          int(0)
          ["likes"]=>
          int(0)
          ["dislikes"]=>
          int(0)
          ["diyname"]=>
          string(18) "xiong-mao-gua-jian"
          ["isguest"]=>
          int(10)
          ["iscomment"]=>
          int(10)
          ["createtime"]=>
          int(1758771461)
          ["updatetime"]=>
          int(1759049816)
          ["publishtime"]=>
          int(1758771435)
          ["deletetime"]=>
          NULL
          ["memo"]=>
          string(0) ""
          ["status"]=>
          string(6) "normal"
          ["author"]=>
          string(0) ""
          ["shorttitle"]=>
          string(0) ""
          ["source"]=>
          string(15) "挂件纪念品"
          ["videoimg"]=>
          string(0) ""
          ["imgs"]=>
          string(219) "/uploads/20250928/239095225677b43db3a188cd840e5bc6.png,/uploads/20250928/4f2a921d680ba13aeed1a399875b218b.png,/uploads/20250928/8f670db57edb93308ee26f5fe112f112.png,/uploads/20250928/02e7b84e8052325a2260c4907f5db7e7.png"
          ["yuan"]=>
          string(3) "199"
          ["xian"]=>
          string(2) "99"
          ["blockDate"]=>
          string(0) ""
          ["duration"]=>
          string(0) ""
        }
        ["origin":protected]=>
        array(41) {
          ["id"]=>
          int(135)
          ["user_id"]=>
          int(0)
          ["channel_id"]=>
          int(36)
          ["channel_ids"]=>
          string(0) ""
          ["model_id"]=>
          int(1)
          ["special_ids"]=>
          string(0) ""
          ["admin_id"]=>
          int(1)
          ["title"]=>
          string(12) "熊猫挂件"
          ["flag"]=>
          string(9) "recommend"
          ["style"]=>
          string(0) ""
          ["image"]=>
          string(54) "/uploads/20250925/239095225677b43db3a188cd840e5bc6.png"
          ["images"]=>
          string(0) ""
          ["seotitle"]=>
          string(0) ""
          ["keywords"]=>
          string(13) "熊猫,挂件"
          ["description"]=>
          string(144) "熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件"
          ["tags"]=>
          string(0) ""
          ["price"]=>
          string(4) "0.00"
          ["outlink"]=>
          string(0) ""
          ["weigh"]=>
          int(135)
          ["views"]=>
          int(195)
          ["comments"]=>
          int(0)
          ["likes"]=>
          int(0)
          ["dislikes"]=>
          int(0)
          ["diyname"]=>
          string(18) "xiong-mao-gua-jian"
          ["isguest"]=>
          int(10)
          ["iscomment"]=>
          int(10)
          ["createtime"]=>
          int(1758771461)
          ["updatetime"]=>
          int(1759049816)
          ["publishtime"]=>
          int(1758771435)
          ["deletetime"]=>
          NULL
          ["memo"]=>
          string(0) ""
          ["status"]=>
          string(6) "normal"
          ["author"]=>
          string(0) ""
          ["shorttitle"]=>
          string(0) ""
          ["source"]=>
          string(15) "挂件纪念品"
          ["videoimg"]=>
          string(0) ""
          ["imgs"]=>
          string(219) "/uploads/20250928/239095225677b43db3a188cd840e5bc6.png,/uploads/20250928/4f2a921d680ba13aeed1a399875b218b.png,/uploads/20250928/8f670db57edb93308ee26f5fe112f112.png,/uploads/20250928/02e7b84e8052325a2260c4907f5db7e7.png"
          ["yuan"]=>
          string(3) "199"
          ["xian"]=>
          string(2) "99"
          ["blockDate"]=>
          string(0) ""
          ["duration"]=>
          string(0) ""
        }
        ["relation":protected]=>
        array(2) {
          ["channel"]=>
          object(addons\cms\model\Channel)#87 (36) {
            ["name":protected]=>
            string(11) "cms_channel"
            ["autoWriteTimestamp":protected]=>
            string(3) "int"
            ["createTime":protected]=>
            string(10) "createtime"
            ["updateTime":protected]=>
            string(10) "updatetime"
            ["append":protected]=>
            array(2) {
              [0]=>
              string(3) "url"
              [1]=>
              string(7) "fullurl"
            }
            ["connection":protected]=>
            array(0) {
            }
            ["parent":protected]=>
            object(addons\cms\model\Archives)#93 (37) {
              ["name":protected]=>
              string(12) "cms_archives"
              ["autoWriteTimestamp":protected]=>
              string(3) "int"
              ["createTime":protected]=>
              string(10) "createtime"
              ["updateTime":protected]=>
              string(10) "updatetime"
              ["deleteTime":protected]=>
              string(10) "deletetime"
              ["append":protected]=>
              array(5) {
                [0]=>
                string(3) "url"
                [1]=>
                string(7) "fullurl"
                [2]=>
                string(9) "likeratio"
                [3]=>
                string(7) "taglist"
                [4]=>
                string(11) "create_date"
              }
              ["connection":protected]=>
              array(0) {
              }
              ["parent":protected]=>
              NULL
              ["query":protected]=>
              NULL
              ["table":protected]=>
              NULL
              ["class":protected]=>
              string(25) "addons\cms\model\Archives"
              ["error":protected]=>
              NULL
              ["validate":protected]=>
              NULL
              ["pk":protected]=>
              NULL
              ["field":protected]=>
              array(0) {
              }
              ["except":protected]=>
              array(0) {
              }
              ["disuse":protected]=>
              array(0) {
              }
              ["readonly":protected]=>
              array(0) {
              }
              ["visible":protected]=>
              array(0) {
              }
              ["hidden":protected]=>
              array(0) {
              }
              ["data":protected]=>
              array(41) {
                ["id"]=>
                int(135)
                ["user_id"]=>
                int(0)
                ["channel_id"]=>
                int(36)
                ["channel_ids"]=>
                string(0) ""
                ["model_id"]=>
                int(1)
                ["special_ids"]=>
                string(0) ""
                ["admin_id"]=>
                int(1)
                ["title"]=>
                string(12) "熊猫挂件"
                ["flag"]=>
                string(9) "recommend"
                ["style"]=>
                string(0) ""
                ["image"]=>
                string(54) "/uploads/20250925/239095225677b43db3a188cd840e5bc6.png"
                ["images"]=>
                string(0) ""
                ["seotitle"]=>
                string(0) ""
                ["keywords"]=>
                string(13) "熊猫,挂件"
                ["description"]=>
                string(144) "熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件"
                ["tags"]=>
                string(0) ""
                ["price"]=>
                string(4) "0.00"
                ["outlink"]=>
                string(0) ""
                ["weigh"]=>
                int(135)
                ["views"]=>
                int(195)
                ["comments"]=>
                int(0)
                ["likes"]=>
                int(0)
                ["dislikes"]=>
                int(0)
                ["diyname"]=>
                string(18) "xiong-mao-gua-jian"
                ["isguest"]=>
                int(10)
                ["iscomment"]=>
                int(10)
                ["createtime"]=>
                int(1758771461)
                ["updatetime"]=>
                int(1759049816)
                ["publishtime"]=>
                int(1758771435)
                ["deletetime"]=>
                NULL
                ["memo"]=>
                string(0) ""
                ["status"]=>
                string(6) "normal"
                ["author"]=>
                string(0) ""
                ["shorttitle"]=>
                string(0) ""
                ["source"]=>
                string(15) "挂件纪念品"
                ["videoimg"]=>
                string(0) ""
                ["imgs"]=>
                string(219) "/uploads/20250928/239095225677b43db3a188cd840e5bc6.png,/uploads/20250928/4f2a921d680ba13aeed1a399875b218b.png,/uploads/20250928/8f670db57edb93308ee26f5fe112f112.png,/uploads/20250928/02e7b84e8052325a2260c4907f5db7e7.png"
                ["yuan"]=>
                string(3) "199"
                ["xian"]=>
                string(2) "99"
                ["blockDate"]=>
                string(0) ""
                ["duration"]=>
                string(0) ""
              }
              ["origin":protected]=>
              array(41) {
                ["id"]=>
                int(135)
                ["user_id"]=>
                int(0)
                ["channel_id"]=>
                int(36)
                ["channel_ids"]=>
                string(0) ""
                ["model_id"]=>
                int(1)
                ["special_ids"]=>
                string(0) ""
                ["admin_id"]=>
                int(1)
                ["title"]=>
                string(12) "熊猫挂件"
                ["flag"]=>
                string(9) "recommend"
                ["style"]=>
                string(0) ""
                ["image"]=>
                string(54) "/uploads/20250925/239095225677b43db3a188cd840e5bc6.png"
                ["images"]=>
                string(0) ""
                ["seotitle"]=>
                string(0) ""
                ["keywords"]=>
                string(13) "熊猫,挂件"
                ["description"]=>
                string(144) "熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件"
                ["tags"]=>
                string(0) ""
                ["price"]=>
                string(4) "0.00"
                ["outlink"]=>
                string(0) ""
                ["weigh"]=>
                int(135)
                ["views"]=>
                int(195)
                ["comments"]=>
                int(0)
                ["likes"]=>
                int(0)
                ["dislikes"]=>
                int(0)
                ["diyname"]=>
                string(18) "xiong-mao-gua-jian"
                ["isguest"]=>
                int(10)
                ["iscomment"]=>
                int(10)
                ["createtime"]=>
                int(1758771461)
                ["updatetime"]=>
                int(1759049816)
                ["publishtime"]=>
                int(1758771435)
                ["deletetime"]=>
                NULL
                ["memo"]=>
                string(0) ""
                ["status"]=>
                string(6) "normal"
                ["author"]=>
                string(0) ""
                ["shorttitle"]=>
                string(0) ""
                ["source"]=>
                string(15) "挂件纪念品"
                ["videoimg"]=>
                string(0) ""
                ["imgs"]=>
                string(219) "/uploads/20250928/239095225677b43db3a188cd840e5bc6.png,/uploads/20250928/4f2a921d680ba13aeed1a399875b218b.png,/uploads/20250928/8f670db57edb93308ee26f5fe112f112.png,/uploads/20250928/02e7b84e8052325a2260c4907f5db7e7.png"
                ["yuan"]=>
                string(3) "199"
                ["xian"]=>
                string(2) "99"
                ["blockDate"]=>
                string(0) ""
                ["duration"]=>
                string(0) ""
              }
              ["relation":protected]=>
              array(0) {
              }
              ["auto":protected]=>
              array(0) {
              }
              ["insert":protected]=>
              array(0) {
              }
              ["update":protected]=>
              array(0) {
              }
              ["dateFormat":protected]=>
              bool(false)
              ["type":protected]=>
              array(0) {
              }
              ["isUpdate":protected]=>
              bool(true)
              ["replace":protected]=>
              bool(false)
              ["force":protected]=>
              bool(false)
              ["updateWhere":protected]=>
              NULL
              ["failException":protected]=>
              bool(false)
              ["useGlobalScope":protected]=>
              bool(true)
              ["batchValidate":protected]=>
              bool(false)
              ["resultSetType":protected]=>
              string(5) "array"
              ["relationWrite":protected]=>
              NULL
            }
            ["query":protected]=>
            NULL
            ["table":protected]=>
            NULL
            ["class":protected]=>
            string(24) "addons\cms\model\Channel"
            ["error":protected]=>
            NULL
            ["validate":protected]=>
            NULL
            ["pk":protected]=>
            NULL
            ["field":protected]=>
            array(0) {
            }
            ["except":protected]=>
            array(0) {
            }
            ["disuse":protected]=>
            array(0) {
            }
            ["readonly":protected]=>
            array(0) {
            }
            ["visible":protected]=>
            array(0) {
            }
            ["hidden":protected]=>
            array(0) {
            }
            ["data":protected]=>
            array(29) {
              ["id"]=>
              int(36)
              ["type"]=>
              string(4) "list"
              ["model_id"]=>
              int(1)
              ["parent_id"]=>
              int(26)
              ["name"]=>
              string(15) "挂件纪念品"
              ["image"]=>
              string(0) ""
              ["flag"]=>
              string(0) ""
              ["seotitle"]=>
              string(0) ""
              ["keywords"]=>
              string(0) ""
              ["description"]=>
              string(0) ""
              ["diyname"]=>
              string(16) "guajianjinianpin"
              ["outlink"]=>
              string(0) ""
              ["linktype"]=>
              string(0) ""
              ["linkid"]=>
              int(0)
              ["items"]=>
              int(1)
              ["weigh"]=>
              int(36)
              ["channeltpl"]=>
              string(17) "channel_news.html"
              ["listtpl"]=>
              string(19) "list_commodity.html"
              ["showtpl"]=>
              string(19) "show_commodity.html"
              ["pagesize"]=>
              int(12)
              ["vip"]=>
              int(0)
              ["listtype"]=>
              int(0)
              ["iscontribute"]=>
              int(0)
              ["isnav"]=>
              int(1)
              ["createtime"]=>
              int(1758771429)
              ["updatetime"]=>
              int(1759043383)
              ["status"]=>
              string(6) "normal"
              ["title"]=>
              string(0) ""
              ["content"]=>
              string(0) ""
            }
            ["origin":protected]=>
            array(29) {
              ["id"]=>
              int(36)
              ["type"]=>
              string(4) "list"
              ["model_id"]=>
              int(1)
              ["parent_id"]=>
              int(26)
              ["name"]=>
              string(15) "挂件纪念品"
              ["image"]=>
              string(0) ""
              ["flag"]=>
              string(0) ""
              ["seotitle"]=>
              string(0) ""
              ["keywords"]=>
              string(0) ""
              ["description"]=>
              string(0) ""
              ["diyname"]=>
              string(16) "guajianjinianpin"
              ["outlink"]=>
              string(0) ""
              ["linktype"]=>
              string(0) ""
              ["linkid"]=>
              int(0)
              ["items"]=>
              int(1)
              ["weigh"]=>
              int(36)
              ["channeltpl"]=>
              string(17) "channel_news.html"
              ["listtpl"]=>
              string(19) "list_commodity.html"
              ["showtpl"]=>
              string(19) "show_commodity.html"
              ["pagesize"]=>
              int(12)
              ["vip"]=>
              int(0)
              ["listtype"]=>
              int(0)
              ["iscontribute"]=>
              int(0)
              ["isnav"]=>
              int(1)
              ["createtime"]=>
              int(1758771429)
              ["updatetime"]=>
              int(1759043383)
              ["status"]=>
              string(6) "normal"
              ["title"]=>
              string(0) ""
              ["content"]=>
              string(0) ""
            }
            ["relation":protected]=>
            array(0) {
            }
            ["auto":protected]=>
            array(0) {
            }
            ["insert":protected]=>
            array(0) {
            }
            ["update":protected]=>
            array(0) {
            }
            ["dateFormat":protected]=>
            bool(false)
            ["type":protected]=>
            array(0) {
            }
            ["isUpdate":protected]=>
            bool(true)
            ["replace":protected]=>
            bool(false)
            ["force":protected]=>
            bool(false)
            ["updateWhere":protected]=>
            NULL
            ["failException":protected]=>
            bool(false)
            ["useGlobalScope":protected]=>
            bool(true)
            ["batchValidate":protected]=>
            bool(false)
            ["resultSetType":protected]=>
            string(5) "array"
            ["relationWrite":protected]=>
            NULL
          }
          ["user"]=>
          NULL
        }
        ["auto":protected]=>
        array(0) {
        }
        ["insert":protected]=>
        array(0) {
        }
        ["update":protected]=>
        array(0) {
        }
        ["dateFormat":protected]=>
        bool(false)
        ["type":protected]=>
        array(0) {
        }
        ["isUpdate":protected]=>
        bool(true)
        ["replace":protected]=>
        bool(false)
        ["force":protected]=>
        bool(false)
        ["updateWhere":protected]=>
        NULL
        ["failException":protected]=>
        bool(false)
        ["useGlobalScope":protected]=>
        bool(true)
        ["batchValidate":protected]=>
        bool(false)
        ["resultSetType":protected]=>
        string(5) "array"
        ["relationWrite":protected]=>
        NULL
      }
    }
  }
  ["currentPage":protected]=>
  int(1)
  ["lastPage":protected]=>
  int(1)
  ["total":protected]=>
  int(1)
  ["listRows":protected]=>
  int(12)
  ["hasMore":protected]=>
  bool(false)
  ["options":protected]=>
  array(6) {
    ["var_page"]=>
    string(4) "page"
    ["path"]=>
    string(22) "/guajianjinianpin.html"
    ["query"]=>
    array(0) {
    }
    ["fragment"]=>
    string(0) ""
    ["type"]=>
    string(29) "\addons\cms\library\Bootstrap"
    ["list_rows"]=>
    int(15)
  }
  ["nextItem":protected]=>
  NULL
}
 --><!-- object(addons\cms\model\Channel)#26 (36) {
  ["name":protected]=>
  string(11) "cms_channel"
  ["autoWriteTimestamp":protected]=>
  string(3) "int"
  ["createTime":protected]=>
  string(10) "createtime"
  ["updateTime":protected]=>
  string(10) "updatetime"
  ["append":protected]=>
  array(2) {
    [0]=>
    string(3) "url"
    [1]=>
    string(7) "fullurl"
  }
  ["connection":protected]=>
  array(0) {
  }
  ["parent":protected]=>
  NULL
  ["query":protected]=>
  NULL
  ["table":protected]=>
  NULL
  ["class":protected]=>
  string(24) "addons\cms\model\Channel"
  ["error":protected]=>
  NULL
  ["validate":protected]=>
  NULL
  ["pk":protected]=>
  NULL
  ["field":protected]=>
  array(0) {
  }
  ["except":protected]=>
  array(0) {
  }
  ["disuse":protected]=>
  array(0) {
  }
  ["readonly":protected]=>
  array(0) {
  }
  ["visible":protected]=>
  array(0) {
  }
  ["hidden":protected]=>
  array(0) {
  }
  ["data":protected]=>
  array(29) {
    ["id"]=>
    int(36)
    ["type"]=>
    string(4) "list"
    ["model_id"]=>
    int(1)
    ["parent_id"]=>
    int(26)
    ["name"]=>
    string(15) "挂件纪念品"
    ["image"]=>
    string(0) ""
    ["flag"]=>
    string(0) ""
    ["seotitle"]=>
    string(0) ""
    ["keywords"]=>
    string(0) ""
    ["description"]=>
    string(0) ""
    ["diyname"]=>
    string(16) "guajianjinianpin"
    ["outlink"]=>
    string(0) ""
    ["linktype"]=>
    string(0) ""
    ["linkid"]=>
    int(0)
    ["items"]=>
    int(1)
    ["weigh"]=>
    int(36)
    ["channeltpl"]=>
    string(17) "channel_news.html"
    ["listtpl"]=>
    string(19) "list_commodity.html"
    ["showtpl"]=>
    string(19) "show_commodity.html"
    ["pagesize"]=>
    int(12)
    ["vip"]=>
    int(0)
    ["listtype"]=>
    int(0)
    ["iscontribute"]=>
    int(0)
    ["isnav"]=>
    int(1)
    ["createtime"]=>
    int(1758771429)
    ["updatetime"]=>
    int(1759043383)
    ["status"]=>
    string(6) "normal"
    ["title"]=>
    string(0) ""
    ["content"]=>
    string(0) ""
  }
  ["origin":protected]=>
  array(29) {
    ["id"]=>
    int(36)
    ["type"]=>
    string(4) "list"
    ["model_id"]=>
    int(1)
    ["parent_id"]=>
    int(26)
    ["name"]=>
    string(15) "挂件纪念品"
    ["image"]=>
    string(0) ""
    ["flag"]=>
    string(0) ""
    ["seotitle"]=>
    string(0) ""
    ["keywords"]=>
    string(0) ""
    ["description"]=>
    string(0) ""
    ["diyname"]=>
    string(16) "guajianjinianpin"
    ["outlink"]=>
    string(0) ""
    ["linktype"]=>
    string(0) ""
    ["linkid"]=>
    int(0)
    ["items"]=>
    int(1)
    ["weigh"]=>
    int(36)
    ["channeltpl"]=>
    string(17) "channel_news.html"
    ["listtpl"]=>
    string(19) "list_commodity.html"
    ["showtpl"]=>
    string(19) "show_commodity.html"
    ["pagesize"]=>
    int(12)
    ["vip"]=>
    int(0)
    ["listtype"]=>
    int(0)
    ["iscontribute"]=>
    int(0)
    ["isnav"]=>
    int(1)
    ["createtime"]=>
    int(1758771429)
    ["updatetime"]=>
    int(1759043383)
    ["status"]=>
    string(6) "normal"
    ["title"]=>
    string(0) ""
    ["content"]=>
    string(0) ""
  }
  ["relation":protected]=>
  array(0) {
  }
  ["auto":protected]=>
  array(0) {
  }
  ["insert":protected]=>
  array(0) {
  }
  ["update":protected]=>
  array(0) {
  }
  ["dateFormat":protected]=>
  bool(false)
  ["type":protected]=>
  array(0) {
  }
  ["isUpdate":protected]=>
  bool(true)
  ["replace":protected]=>
  bool(false)
  ["force":protected]=>
  bool(false)
  ["updateWhere":protected]=>
  array(1) {
    ["diyname"]=>
    string(16) "guajianjinianpin"
  }
  ["failException":protected]=>
  bool(false)
  ["useGlobalScope":protected]=>
  bool(true)
  ["batchValidate":protected]=>
  bool(false)
  ["resultSetType":protected]=>
  string(5) "array"
  ["relationWrite":protected]=>
  NULL
}
 --><!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢乐玩具城 - 游乐场风格玩具</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">

  <!-- 配置Tailwind自定义颜色和字体 -->
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            primary: '#FF6B6B',     // 鲜艳的粉红色
            secondary: '#4ECDC4',   // 亮青色
            accent: '#FFD166',      // 明亮的黄色
            dark: '#292F36',        // 深蓝色/黑色
            light: '#F7FFF7',       // 近白色
          },
          fontFamily: {
            fun: ['"Comic Sans MS"', '"Bubblegum Sans"', 'cursive'],
          },
        }
      }
    }
  </script>

  <style type="text/tailwindcss">
    @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .toy-card-shadow {
                box-shadow: 0 5px 15px rgba(0,0,0,0.1), 0 8px 10px rgba(255,107,107,0.2);
            }
            .category-active {
                @apply bg-primary text-white border-primary;
            }
            .playful-border {
                border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='100'%3E%3Cpath d='M0,0 C37.5,25 75,0 75,50 C75,100 37.5,75 0,100' fill='none' stroke='%23FF6B6B' stroke-width='4' /%3E%3C/svg%3E") 25 stretch;
            }
        }
        .text-gray-600{
          height: 40px;
        }
        .bg-gradient-to-r{
          padding-top: 80px;
        }
    </style>
</head>

<body class="bg-gradient-to-br from-light to-blue-50 min-h-screen font-fun text-dark">
  <!-- 页面头部 -->
  <!-- 配置Tailwind自定义颜色和字体 -->
<script>
  tailwind.config = {
    theme: {
      extend: {
        colors: {
          primary: '#FF6B35', // 主色调：活力橙
          secondary: '#1A659E', // 辅助色：蓝色
          accent: '#E63946', // 强调色：红色
          dark: '#2B2D42', // 深色
          light: '#F8F9FA' // 浅色
        },
        fontFamily: {
          sans: ['Inter', 'system-ui', 'sans-serif'],
          display: ['Montserrat', 'sans-serif']
        }
      }
    }
  }
</script>

<!-- 自定义工具类 -->
<style type="text/tailwindcss">
  @layer utilities {
    .content-auto {
      content-visibility: auto;
    }
    .text-shadow {
      text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    }
    .text-shadow-lg {
      text-shadow: 0 4px 8px rgba(0,0,0,0.5);
    }
    .transition-transform {
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 300ms;
    }
    .backdrop-blur {
      backdrop-filter: blur(8px);
    }
  }
  #navbar{
    background-color: #0000007a;
  }
</style>

<style>
  /* 基础动画定义 */
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fade-in {
    animation: fadeIn 0.8s ease forwards;
  }

  .delay-100 {
    animation-delay: 0.1s;
  }

  .delay-200 {
    animation-delay: 0.2s;
  }

  .delay-300 {
    animation-delay: 0.3s;
  }

  .delay-400 {
    animation-delay: 0.4s;
  }

  .delay-500 {
    animation-delay: 0.5s;
  }

  /* 滚动行为 */
  html {
    scroll-behavior: smooth;
  }

  /* 视频容器样式 */
  .video-container {
    position: relative;
    height: 80vh;
    overflow: hidden;
  }

  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 导航栏滚动效果 */

  @media (min-width: 768px) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .footerx {
      width: 1400px;
      margin: 0 auto;
    }

    .sy {
      color: #ffffff;
       padding-bottom: 4px;
    /* 新增：过渡动画（颜色+边框同时生效） */
    transition: color 0.3s ease, border-bottom 0.3s ease;
    }
    .sy:hover{
        color: red;
        border-bottom: 3px solid red;
    border-radius: 5px; /* 圆角效果，数值越大越圆润 */
    }
    
  }
</style>

<!-- 导航栏 -->
<header id="navbar" class="fixed w-full z-50 transition-all duration-300 py-4">
  <div class="container mx-auto px-4 md:px-6">
    <nav class="flex items-center justify-between">
      <!-- Logo -->
      <a href="/" class="flex items-center space-x-2">
        <div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center">
          <i class="fa fa-flag text-white text-xl"></i>
        </div>
        <span class="text-2xl font-display font-bold text-white text-shadow">欢乐天地</span>
      </a>

      <!-- 中间导航链接 - 桌面版 -->
      <div class="hidden md:flex items-center space-x-8">
        <a href="/" class="text-white hover:text-primary transition-colors font-medium text-shadow sy">首页</a>
        <a href="/ticket.html" class="text-white hover:text-primary transition-colors font-medium text-shadow sy">门票</a>
        <a href="/appointment.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">预约</a>
        <a href="/project.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">项目</a>
        <a href="/commodity.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">商品</a>
        <a href="/vr.html" class="text-white hover:text-primary transition-colors font-medium text-shadow sy">VR</a>
        <a href="/activity.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">活动</a>

        <a href="/problem.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">问题</a>
        <a href="/franchise.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">加盟</a>
        <a href="/us.html"
          class="text-white hover:text-primary transition-colors font-medium text-shadow sy">联络我们</a>
      </div>

      <!-- 语言切换 -->
      <div class="flex items-center space-x-2">
        <button
          class="bg-white bg-opacity-20 hover:bg-opacity-30 text-white px-3 py-1 rounded-full text-sm transition-all backdrop-blur">
          中
        </button>
        <button
          class="bg-transparent hover:bg-white hover:bg-opacity-20 text-white px-3 py-1 rounded-full text-sm transition-all backdrop-blur">
          En
        </button>
      </div>

      <!-- 移动端菜单按钮 -->
      <button id="menu-toggle" class="md:hidden text-white text-2xl">
        <i class="fa fa-bars"></i>
      </button>
    </nav>

    <!-- 移动端导航菜单 -->
    <div id="mobile-menu" class="md:hidden hidden mt-4 bg-white rounded-lg shadow-xl p-4 animate-fade-in">
      <div class="flex flex-col space-y-3">
        <a href="/" class="text-dark hover:text-primary transition-colors font-medium py-2">首页</a>
        <a href="#tickets" class="text-dark hover:text-primary transition-colors font-medium py-2">门票</a>
        <a href="#booking" class="text-dark hover:text-primary transition-colors font-medium py-2">预约</a>
        <a href="#products" class="text-dark hover:text-primary transition-colors font-medium py-2">商品</a>
        <a href="#activities" class="text-dark hover:text-primary transition-colors font-medium py-2">活动</a>
        <a href="#vr" class="text-dark hover:text-primary transition-colors font-medium py-2">VR</a>
        <a href="#" class="text-dark hover:text-primary transition-colors font-medium py-2">常见问题</a>
        <a href="#" class="text-dark hover:text-primary transition-colors font-medium py-2">加盟</a>
        <a href="#" class="text-dark hover:text-primary transition-colors font-medium py-2">联络我们</a>
      </div>
    </div>
  </div>
</header>
  <header class="bg-gradient-to-r from-primary to-secondary py-6 px-4 shadow-lg relative overflow-hidden">
    <div class="absolute top-0 left-0 w-full h-full opacity-10">
      <div class="absolute -top-10 -left-10 w-40 h-40 rounded-full bg-accent"></div>
      <div class="absolute top-20 right-10 w-20 h-20 rounded-full bg-primary"></div>
      <div class="absolute bottom-10 left-1/3 w-32 h-32 rounded-full bg-secondary"></div>
    </div>

    <div class="container mx-auto relative z-10">
      <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold text-white text-center drop-shadow-lg">
        <i class="fa fa-puzzle-piece mr-3 animate-bounce"></i>欢乐玩具城
      </h1>
      <p class="text-center text-white/90 mt-2 text-lg">发现最有趣的游乐场风格玩具</p>
    </div>
  </header>

  <!-- 主内容区 -->
  <main class="container mx-auto px-4 py-8">
    <!-- 排序选项 -->
    <div class="mb-8 bg-white rounded-xl p-4 shadow-md flex flex-wrap items-center justify-between">
      <h2 class="text-xl font-bold text-dark">玩具列表</h2>

      <div class="flex items-center space-x-4 mt-2 sm:mt-0">
        <label for="sort" class="font-medium">排序方式:</label>
        <select id="sort"
          class="bg-light border-2 border-secondary rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-primary transition-all">
          <option value="default">默认</option>
          <option value="price-asc">价格从低到高</option>
          <option value="price-desc">价格从高到低</option>
          <option value="popularity">热门程度</option>
        </select>
      </div>
    </div>

    <div class="flex flex-col lg:flex-row gap-6">
      <!-- 左侧分类 -->
      <aside class="lg:w-1/5 bg-white rounded-xl p-5 shadow-md h-fit">
        <h3 class="text-xl font-bold mb-4 pb-2 border-b-2 border-accent">玩具分类</h3>

        <ul class="space-y-2" id="categories">
          <li>
            <button
              class="category-btn w-full text-left px-4 py-3 rounded-lg border-2 border-gray-200 hover:border-primary transition-all category-active">
              全部玩具
            </button>
          </li>
         
         							
				 <li>
            <button
              class=" category-btn w-full text-left px-4 py-3 rounded-lg border-2 border-gray-200 hover:border-primary transition-all">
             <a href='/maorongwanju.html'>毛绒玩具</a> 
            </button>
          </li>
							
				 <li>
            <button
              class=" category-btn w-full text-left px-4 py-3 rounded-lg border-2 border-gray-200 hover:border-primary transition-all">
             <a href='/jimuwanju.html'>积木玩具</a> 
            </button>
          </li>
							
				 <li>
            <button
              class="hover category-btn w-full text-left px-4 py-3 rounded-lg border-2 border-gray-200 hover:border-primary transition-all">
             <a href='/guajianjinianpin.html'>挂件纪念品</a> 
            </button>
          </li>
				        </ul>


      </aside>

      <!-- 右侧商品列表 -->
      <div class="lg:w-4/5">
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6" id="toy-grid">
            									  <!-- 商品卡片1 -->
          <a href="/guajianjinianpin/135.html"
            class="toy-card bg-white rounded-xl overflow-hidden toy-card-shadow transform hover:-translate-y-2 transition-all duration-300"
            data-category="挂件纪念品" data-price="89" data-popularity="95">
            <div class="relative">
              <img src="https://www.leyuan.xiangjingkj.com/uploads/20250925/239095225677b43db3a188cd840e5bc6.png" alt="熊猫挂件" class="w-full h-48 object-cover">
             
            </div>
            <div class="p-4">
              <h3 class="font-bold text-lg mb-1">熊猫挂件</h3>
              <p class="text-gray-600 text-sm mb-3">"熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件熊猫挂件...</p>
              <div class="flex justify-between items-center">
                <div class="">
                    <span class="text-primary font-bold text-xl" style="font-size:30px;">¥99</span>
                <del class="" style="color:#8d8888;">¥199</del>
                </div>
                <!--<button-->
                <!--  class="bg-secondary text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-secondary/80 transition-colors">-->
                <!--  <i class="fa fa-shopping-cart"></i>-->
                <!--</button>-->
              </div>
            </div>
          </a>
									  <!-- 商品卡片1 -->
          <a href="/jimuwanju/134.html"
            class="toy-card bg-white rounded-xl overflow-hidden toy-card-shadow transform hover:-translate-y-2 transition-all duration-300"
            data-category="积木玩具" data-price="89" data-popularity="95">
            <div class="relative">
              <img src="https://www.leyuan.xiangjingkj.com/uploads/20250925/7ac766ab6d65e661ccc6a8767518c877.png" alt="城堡积木套装" class="w-full h-48 object-cover">
             
            </div>
            <div class="p-4">
              <h3 class="font-bold text-lg mb-1">城堡积木套装</h3>
              <p class="text-gray-600 text-sm mb-3">"城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木...</p>
              <div class="flex justify-between items-center">
                <div class="">
                    <span class="text-primary font-bold text-xl" style="font-size:30px;">¥68</span>
                <del class="" style="color:#8d8888;">¥78</del>
                </div>
                <!--<button-->
                <!--  class="bg-secondary text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-secondary/80 transition-colors">-->
                <!--  <i class="fa fa-shopping-cart"></i>-->
                <!--</button>-->
              </div>
            </div>
          </a>
									  <!-- 商品卡片1 -->
          <a href="/jimuwanju/133.html"
            class="toy-card bg-white rounded-xl overflow-hidden toy-card-shadow transform hover:-translate-y-2 transition-all duration-300"
            data-category="积木玩具" data-price="89" data-popularity="95">
            <div class="relative">
              <img src="https://www.leyuan.xiangjingkj.com/uploads/20250925/96c5c61f1186947e082b6872b49ceccc.png" alt="城市积木套装" class="w-full h-48 object-cover">
             
            </div>
            <div class="p-4">
              <h3 class="font-bold text-lg mb-1">城市积木套装</h3>
              <p class="text-gray-600 text-sm mb-3">"城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木套装城堡积木...</p>
              <div class="flex justify-between items-center">
                <div class="">
                    <span class="text-primary font-bold text-xl" style="font-size:30px;">¥108</span>
                <del class="" style="color:#8d8888;">¥168</del>
                </div>
                <!--<button-->
                <!--  class="bg-secondary text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-secondary/80 transition-colors">-->
                <!--  <i class="fa fa-shopping-cart"></i>-->
                <!--</button>-->
              </div>
            </div>
          </a>
									  <!-- 商品卡片1 -->
          <a href="/maorongwanju/132.html"
            class="toy-card bg-white rounded-xl overflow-hidden toy-card-shadow transform hover:-translate-y-2 transition-all duration-300"
            data-category="毛绒玩具" data-price="89" data-popularity="95">
            <div class="relative">
              <img src="https://www.leyuan.xiangjingkj.com/uploads/20250925/6ab653affc45615dcacf9678af01b774.png" alt="卡通动物抱枕" class="w-full h-48 object-cover">
             
            </div>
            <div class="p-4">
              <h3 class="font-bold text-lg mb-1">卡通动物抱枕</h3>
              <p class="text-gray-600 text-sm mb-3">"包含4款游乐场主题限量版玩偶，每款高约15cm，采用环保毛绒面料，安全无毒，适合...</p>
              <div class="flex justify-between items-center">
                <div class="">
                    <span class="text-primary font-bold text-xl" style="font-size:30px;">¥199</span>
                <del class="" style="color:#8d8888;">¥299</del>
                </div>
                <!--<button-->
                <!--  class="bg-secondary text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-secondary/80 transition-colors">-->
                <!--  <i class="fa fa-shopping-cart"></i>-->
                <!--</button>-->
              </div>
            </div>
          </a>
									  <!-- 商品卡片1 -->
          <a href="/maorongwanju/131.html"
            class="toy-card bg-white rounded-xl overflow-hidden toy-card-shadow transform hover:-translate-y-2 transition-all duration-300"
            data-category="毛绒玩具" data-price="89" data-popularity="95">
            <div class="relative">
              <img src="https://www.leyuan.xiangjingkj.com/uploads/20250925/239095225677b43db3a188cd840e5bc6.png" alt="彩色泰迪熊" class="w-full h-48 object-cover">
             
            </div>
            <div class="p-4">
              <h3 class="font-bold text-lg mb-1">彩色泰迪熊</h3>
              <p class="text-gray-600 text-sm mb-3">"彩色泰迪熊彩色泰迪熊彩色泰迪熊彩色泰迪熊彩色泰迪熊彩色泰迪熊彩色泰迪熊彩色泰迪熊...</p>
              <div class="flex justify-between items-center">
                <div class="">
                    <span class="text-primary font-bold text-xl" style="font-size:30px;">¥69</span>
                <del class="" style="color:#8d8888;">¥99</del>
                </div>
                <!--<button-->
                <!--  class="bg-secondary text-white rounded-full w-10 h-10 flex items-center justify-center hover:bg-secondary/80 transition-colors">-->
                <!--  <i class="fa fa-shopping-cart"></i>-->
                <!--</button>-->
              </div>
            </div>
          </a>
					            
            
        </div>


      </div>
    </div>
  </main>

  <!-- 页脚 -->
  <style type="text/css" media="all">
    
    @media(min-width:769px){
        .footerleft{
        width: 360px;
    }
    .footerx{
        width: 1400px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
    .lojazad{
        display: flex;
        justify-content: space-around;
    }
    }
</style>
<footer class="bg-dark text-white pt-16 pb-8">
  <div cladass="container mx-auto px-4 md:px-6">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10 mb-12 footerx">
      <!-- 乐园介绍 -->
      <div class="footerleft">
        <div class="flex items-center space-x-2 mb-6">
          <div class="w-10 h-10 bg-primary rounded-full flex items-center justify-center">
            <i class="fa fa-flag text-white text-xl"></i>
          </div>
          <span class="text-2xl font-display font-bold text-white">欢乐天地</span>
        </div>
        <p class="text-gray-400 mb-6">
          欢乐天地游乐场成立于2010年，是一家集娱乐、休闲、教育于一体的综合性主题乐园，致力于为家庭提供高品质的游乐体验。
        </p>
        <div class="flex space-x-4">
          <a href="javascript:;"
            class="bg-gray-800 hover:bg-primary w-10 h-10 rounded-full flex items-center justify-center transition-colors">
            <i class="fa fa-weixin"></i>
          </a>
          <a href="javascript:;"
            class="bg-gray-800 hover:bg-primary w-10 h-10 rounded-full flex items-center justify-center transition-colors">
            <i class="fa fa-weibo"></i>
          </a>
          <a href="javascript:;"
            class="bg-gray-800 hover:bg-primary w-10 h-10 rounded-full flex items-center justify-center transition-colors">
            <i class="fa fa-instagram"></i>
          </a>
          <a href="javascript:;"
            class="bg-gray-800 hover:bg-primary w-10 h-10 rounded-full flex items-center justify-center transition-colors">
            <i class="fa fa-youtube-play"></i>
          </a>
        </div>
      </div>

      <!-- 快速链接 -->
      <div>
        <h3 class="text-xl font-bold mb-6">快速链接</h3>
        <ul class="space-y-3">
          <li><a href="#tickets" class="text-gray-400 hover:text-primary transition-colors">门票信息</a></li>
          <li><a href="#booking" class="text-gray-400 hover:text-primary transition-colors">在线预约</a></li>
          <li><a href="#products" class="text-gray-400 hover:text-primary transition-colors">商品购买</a></li>
          <li><a href="#activities" class="text-gray-400 hover:text-primary transition-colors">活动安排</a></li>
          <li><a href="#vr" class="text-gray-400 hover:text-primary transition-colors">VR体验</a></li>
          <li><a href="#" class="text-gray-400 hover:text-primary transition-colors">常见问题</a></li>
        </ul>
      </div>
        <div>
        <h3 class="text-xl font-bold mb-6">快速链接</h3>
        <ul class="space-y-3">
          <li><a href="#tickets" class="text-gray-400 hover:text-primary transition-colors">门票信息</a></li>
          <li><a href="#booking" class="text-gray-400 hover:text-primary transition-colors">在线预约</a></li>
          <li><a href="#products" class="text-gray-400 hover:text-primary transition-colors">商品购买</a></li>
          <li><a href="#activities" class="text-gray-400 hover:text-primary transition-colors">活动安排</a></li>
          <li><a href="#vr" class="text-gray-400 hover:text-primary transition-colors">VR体验</a></li>
          <li><a href="#" class="text-gray-400 hover:text-primary transition-colors">常见问题</a></li>
        </ul>
      </div>
       <div>
        <h3 class="text-xl font-bold mb-6">快速链接</h3>
        <ul class="space-y-3">
          <li><a href="#tickets" class="text-gray-400 hover:text-primary transition-colors">门票信息</a></li>
          <li><a href="#booking" class="text-gray-400 hover:text-primary transition-colors">在线预约</a></li>
          <li><a href="#products" class="text-gray-400 hover:text-primary transition-colors">商品购买</a></li>
          <li><a href="#activities" class="text-gray-400 hover:text-primary transition-colors">活动安排</a></li>
          <li><a href="#vr" class="text-gray-400 hover:text-primary transition-colors">VR体验</a></li>
          <li><a href="#" class="text-gray-400 hover:text-primary transition-colors">常见问题</a></li>
        </ul>
      </div>
      <!-- 联系我们 -->
      <div>
        <h3 class="text-xl font-bold mb-6">联系我们</h3>
        <ul class="space-y-3">
          <li class="flex items-start">
            <i class="fa fa-map-marker text-primary mt-1 mr-3"></i>
            <span class="text-gray-400">北京市朝阳区欢乐大道88号</span>
          </li>
          <li class="flex items-center">
            <i class="fa fa-phone text-primary mr-3"></i>
            <span class="text-gray-400">400-888-9999</span>
          </li>
          <li class="flex items-center">
            <i class="fa fa-envelope text-primary mr-3"></i>
            <span class="text-gray-400">info@happyland.com</span>
          </li>
          <li class="flex items-center">
            <i class="fa fa-clock-o text-primary mr-3"></i>
            <span class="text-gray-400">周一至周日 9:00-21:00</span>
          </li>
        </ul>
      </div>


    </div>

    <div class="border-t border-gray-800 pt-8">
      <div class="flex flex-col md:flex-row justify-between items-center lojazad">
        <p class="text-gray-500 text-sm mb-4 md:mb-0">
          &copy; 2023 欢乐天地游乐场. 保留所有权利.
        </p>
        <div class="flex space-x-6">
          <a href="#" class="text-gray-500 hover:text-gray-300 text-sm">隐私政策</a>
          <a href="#" class="text-gray-500 hover:text-gray-300 text-sm">服务条款</a>
        </div>
      </div>
    </div>
  </div>
</footer>
  <script>
    // 分类筛选功能
    const categoryBtns = document.querySelectorAll('.category-btn');
    const toyCards = document.querySelectorAll('.toy-card');
    let activeCategory = '全部玩具';

    categoryBtns.forEach(btn => {
      btn.addEventListener('click', () => {
        // 更新按钮样式
        categoryBtns.forEach(b => b.classList.remove('category-active'));
        btn.classList.add('category-active');

        // 筛选商品
        activeCategory = btn.textContent.trim();
        filterToys();
      });
    });

    // 排序功能
    const sortSelect = document.getElementById('sort');
    sortSelect.addEventListener('change', sortToys);

    // 筛选玩具
    function filterToys() {
      toyCards.forEach(card => {
        if (activeCategory === '全部玩具' || card.dataset.category === activeCategory) {
          card.style.display = 'block';
        } else {
          card.style.display = 'none';
        }
      });
    }

    // 排序玩具
    function sortToys() {
      const sortValue = sortSelect.value;
      const cardsContainer = document.getElementById('toy-grid');
      const cards = Array.from(toyCards).filter(card =>
        card.style.display !== 'none'
      );

      // 根据选择的排序方式排序
      switch (sortValue) {
        case 'price-asc':
          cards.sort((a, b) => a.dataset.price - b.dataset.price);
          break;
        case 'price-desc':
          cards.sort((a, b) => b.dataset.price - a.dataset.price);
          break;
        case 'popularity':
          cards.sort((a, b) => b.dataset.popularity - a.dataset.popularity);
          break;
        default:
          // 默认排序（按原始顺序）
          return;
      }

      // 重新排列卡片
      cards.forEach(card => {
        cardsContainer.appendChild(card);
      });
    }

    // 加载更多按钮功能
    const loadMoreBtn = document.getElementById('load-more');
    loadMoreBtn.addEventListener('click', () => {
      // 显示加载动画
      loadMoreBtn.innerHTML = '<i class="fa fa-spinner fa-spin mr-2"></i>加载中...';

      // 模拟加载延迟
      setTimeout(() => {
        // 恢复按钮状态
        loadMoreBtn.innerHTML = '<i class="fa fa-refresh mr-2"></i>加载更多玩具';

        // 这里可以添加实际加载更多商品的逻辑
        alert('已加载全部玩具！');
      }, 1500);
    });
  </script>
</body>

</html>