array:1 [
  "response" => Illuminate\Http\Response {#2944
    +headers: Symfony\Component\HttpFoundation\ResponseHeaderBag {#2941
      #headers: array:3 [
        "content-type" => array:1 [
          0 => "text/html; charset=UTF-8"
        ]
        "cache-control" => array:1 [
          0 => "no-cache, private"
        ]
        "date" => array:1 [
          0 => "Wed, 31 Dec 2025 14:56:29 GMT"
        ]
      ]
      #cacheControl: []
      #computedCacheControl: array:2 [
        "no-cache" => true
        "private" => true
      ]
      #cookies: array:1 [
        "" => array:1 [
          "/" => array:2 [
            "XSRF-TOKEN" => Symfony\Component\HttpFoundation\Cookie {#2365
              #expire: 1767200189
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "XSRF-TOKEN"
              #value: "eyJpdiI6Ild2VERwVk80OVE0bG5mb3dVMVU0SWc9PSIsInZhbHVlIjoic0FrM3Jsbm1hT3NCcjVjTys3aDdLSTNENHUxTmNQOHYyMnNaMXBLdDlGWWZrdTRVUU01UU8vOTV5NVFxZ29qM3U1bzVvQ1plMStlOHlnWHcvQUs4TFNuKy9oYkJnZXlNcldoWEV6VDY0NmM4SGpsRXRiQ0hyeUxneXJRT1hRMUsiLCJtYWMiOiJkOGVlN2UxYmM5YWZjYjJjNGU2ZDUwMjlhZTZiYjkxYzQxZTE5ZWYzZjFkNWNlZWQ5NDExOWNhOGZhNzNmOTVjIiwidGFnIjoiIn0="
              #domain: null
              #secure: null
              #httpOnly: false
              -raw: false
              -partitioned: false
            }
            "innoshop_session" => Symfony\Component\HttpFoundation\Cookie {#2370
              #expire: 1767200189
              #path: "/"
              -sameSite: "lax"
              -secureDefault: true
              #name: "innoshop_session"
              #value: "eyJpdiI6IkpXaWd2aUhtTHdtSFNsTUZWbjRqeWc9PSIsInZhbHVlIjoiWFNuY3h6OGdjamZOZnZsSTlISTQrT2cvSURxTllDNHdnMFo0ZGl3WldrUndHZFZwc1AzYkVhNWJOU3QzR3VWcHNhYnVreGdGSE9xYmJPSGJBQ21yN0VqdjJOZWxQdFhxR0RzekNiMEc5RGlsL3R5QUszNDBuMGtTRmlrSjgvVlEiLCJtYWMiOiJjOGFlMWI0MTYxMGY0NDhmMjgwZDZjYzllZTdmMTczNThiNjExMzQ4MzgyM2NhYzM1NjJiOWRmOGNiOTQ2YmJkIiwidGFnIjoiIn0="
              #domain: null
              #secure: null
              #httpOnly: true
              -raw: false
              -partitioned: false
            }
          ]
        ]
      ]
      #headerNames: array:4 [
        "content-type" => "Content-Type"
        "cache-control" => "Cache-Control"
        "date" => "Date"
        "set-cookie" => "Set-Cookie"
      ]
    }
    #content: """
      <!DOCTYPE html>\n
      <html lang="zh-cn" dir="ltr">\n
      \n
      <head>\n
        <meta charset="utf-8">\n
        <meta name="viewport" content="width=device-width, initial-scale=1">\n
        <base href="https://hhrc31.com/zh-cn">\n
        <title>英语口语欧美外教1v1陪练自然拼读零基础网课</title>\n
        <meta name="description" content="英语口语欧美外教1v1陪练自然拼读零基础网课">\n
        <meta name="keywords" content="英语口语欧美外教1v1陪练自然拼读零基础网课">\n
        <meta name="generator" content="InnoShop Enterprise v0.6.1(20251030)">\n
        <meta name="csrf-token" content="HTcMv3pOCbU3PKuS1wYJOJ5WyYqCsuRCE4YeBHvU">\n
        <meta name="api-token" content="">\n
        <link rel="shortcut icon" href="https://hhrc31.com/images/favicon.png">\n
        <link rel="stylesheet" href="/build/front/css/bootstrap.css?id=e13dbb05d64d528a56202f782d828cba">\n
        <script src="/build/front/js/app.js?id=59ef3d910072b7bc66a1bdb419e9142f"></script>\n
        <script src="https://hhrc31.com/vendor/jquery/jquery-3.7.1.min.js"></script>\n
        <script src="https://hhrc31.com/vendor/layer/3.5.1/layer.js"></script>\n
        <script src="https://hhrc31.com/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>\n
        <link rel="stylesheet" href="/build/front/css/app.css?id=dbb14a998680fbcade80c82aece87c3f">\n
        <script>\n
          const urls = {\n
            front_api: 'https://hhrc31.com/api',\n
            front_base: 'https://hhrc31.com/zh-cn',\n
            front_upload: 'https://hhrc31.com/upload/images',\n
            front_cart_add: 'https://hhrc31.com/zh-cn/carts',\n
            front_cart_mini: 'https://hhrc31.com/zh-cn/cart/mini',\n
            front_cart: 'https://hhrc31.com/zh-cn/cart',\n
            front_checkout: 'https://hhrc31.com/zh-cn/checkout',\n
            front_login: 'https://hhrc31.com/zh-cn/login',\n
            front_favorites: 'https://hhrc31.com/zh-cn/account/favorites',\n
            front_favorite_cancel: 'https://hhrc31.com/zh-cn/account/favorites/cancel',\n
          };\n
      \n
          const config = {\n
            isLogin: !!null,\n
            currency: {\n
              code: 'cny',\n
              symbol_left: '￥',\n
              symbol_right: '',\n
              decimal_place: 2,\n
              rate: 1\n
            }\n
          };\n
      \n
          const asset_url = 'https://hhrc31.com/';\n
        </script>\n
          <script src="https://hhrc31.com/vendor/swiper/swiper-bundle.min.js"></script>\n
        <link rel="stylesheet" href="https://hhrc31.com/vendor/swiper/swiper-bundle.min.css">\n
      \n
        <script src="https://hhrc31.com/vendor/photoswipe/umd/photoswipe.umd.min.js"></script>\n
        <script src="https://hhrc31.com/vendor/photoswipe/umd/photoswipe-lightbox.umd.min.js"></script>\n
        <link rel="stylesheet" href="https://hhrc31.com/vendor/photoswipe/photoswipe.css">\n
        \n
        <script src="https://hhrc31.com/vendor/video-js/video.min.js"></script>\n
        <link href="https://hhrc31.com/vendor/video-js/video-js.css" rel="stylesheet">\n
        \n
         </head>\n
      \n
      <body class="page-product">\n
            <header id="appHeader">\n
        <div class="header-top">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="language-switch d-flex align-items-center">\n
              <div class="dropdown">\n
                <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                  <img src="https://hhrc31.com/images/flag/zh-cn.png" class="img-fluid"> 简体中文\n
                </a>\n
                <div class="dropdown-menu">\n
                                <a class="dropdown-item d-flex" href="https://hhrc31.com/zh-cn/locales/switch/zh-cn">\n
                      <div class="wh-20 me-2"><img src="https://hhrc31.com/images/flag/zh-cn.png" class="img-fluid border">\n
                      </div>\n
                      简体中文\n
                    </a>\n
                            </div>\n
              </div>\n
              <div class="dropdown ms-4">\n
                <a class="btn dropdown-toggle" href="javascript:void(0)">\n
                  人民币\n
                </a>\n
                <div class="dropdown-menu">\n
                                <a class="dropdown-item" href="https://hhrc31.com/zh-cn/currencies/switch/cny">\n
                      人民币 (￥)\n
                    </a>\n
                            </div>\n
              </div>\n
                     </div>\n
      \n
            <div class="top-info">\n
                       <a href="https://hhrc31.com/zh-cn/articles">News</a>\n
      \n
                                 <a href="tel:13688886666">\n
                  <span><i class="bi bi-telephone-outbound"></i> 13688886666</span>\n
                </a>\n
                             </div>\n
          </div>\n
        </div>\n
        <div class="header-desktop">\n
          <div class="container d-flex justify-content-between align-items-center">\n
            <div class="left">\n
              <h1 class="logo">\n
                <a href="https://hhrc31.com/zh-cn">\n
                  <img src="https://hhrc31.com/images/logo.png" class="img-fluid">\n
                </a>\n
              </h1>\n
              <div class="menu">\n
                <nav class="navbar navbar-expand-md navbar-light">\n
                  <ul class="navbar-nav">\n
                    <li class="nav-item">\n
                      <a class="nav-link" aria-current="page"\n
                         href="https://hhrc31.com/zh-cn">首页</a>\n
                    </li>\n
      \n
                                                                     <li class="nav-item">\n
                          <div class="dropdown">\n
                                                    <a class="nav-link "\n
                                 href="https://hhrc31.com/zh-cn/category-women-clothing">女装</a>\n
                                                  <ul class="dropdown-menu">\n
                                                                                    <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-casual-wear">休闲装</a></li>\n
                                                                                                              <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-formal-wear">正装</a></li>\n
                                                                              </ul>\n
                          </div>\n
                        </li>\n
                                                                      <li class="nav-item">\n
                          <div class="dropdown">\n
                                                    <a class="nav-link "\n
                                 href="https://hhrc31.com/zh-cn/category-men-clothing">男装</a>\n
                                                  <ul class="dropdown-menu">\n
                                                                                    <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-casual-wear-men">休闲装</a></li>\n
                                                                                                              <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-business-wear">商务装</a></li>\n
                                                                              </ul>\n
                          </div>\n
                        </li>\n
                                                                      <li class="nav-item">\n
                          <div class="dropdown">\n
                                                    <a class="nav-link "\n
                                 href="https://hhrc31.com/zh-cn/category-children-clothing">童装</a>\n
                                                  <ul class="dropdown-menu">\n
                                                                                    <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-boys-clothing">男童</a></li>\n
                                                                                                              <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-girls-clothing">女童</a></li>\n
                                                                              </ul>\n
                          </div>\n
                        </li>\n
                                                                      <li class="nav-item">\n
                          <div class="dropdown">\n
                                                    <a class="nav-link "\n
                                 href="https://hhrc31.com/zh-cn/category-sportswear">运动装</a>\n
                                                  <ul class="dropdown-menu">\n
                                                                                    <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-sports-clothing">运动服</a></li>\n
                                                                                                              <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-sports-accessories">运动配件</a></li>\n
                                                                              </ul>\n
                          </div>\n
                        </li>\n
                                                                      <li class="nav-item">\n
                          <div class="dropdown">\n
                                                    <a class="nav-link "\n
                                 href="https://hhrc31.com/zh-cn/category-accessories">配饰</a>\n
                                                  <ul class="dropdown-menu">\n
                                                                                    <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-hats">帽子</a></li>\n
                                                                                                              <li><a class="dropdown-item" href="https://hhrc31.com/zh-cn/category-scarves">围巾</a></li>\n
                                                                              </ul>\n
                          </div>\n
                        </li>\n
                                                                                          <li class="nav-item">\n
                            <a class="nav-link "\n
                               href="https://hhrc31.com/zh-cn/page-about">关于</a>\n
                          </li>\n
                                                                                 </ul>\n
                </nav>\n
              </div>\n
            </div>\n
            <div class="right">\n
              <form action="https://hhrc31.com/zh-cn/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="搜索"\n
                       value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <div class="icons">\n
                <div class="item">\n
                  <div class="dropdown account-icon">\n
                    <a class="btn dropdown-toggle px-0" href="https://hhrc31.com/zh-cn/account">\n
                      <img src="https://hhrc31.com/images/icons/account.svg" class="img-fluid">\n
                    </a>\n
      \n
                    <div class="dropdown-menu dropdown-menu-end">\n
                                        <a href="https://hhrc31.com/zh-cn/login" class="dropdown-item">登录</a>\n
                        <a href="https://hhrc31.com/zh-cn/register"\n
                           class="dropdown-item">注册</a>\n
                                    </div>\n
                  </div>\n
                </div>\n
                <div class="item">\n
                  <a href="https://hhrc31.com/zh-cn/account/favorites"><img src="https://hhrc31.com/images/icons/love.svg"\n
                                                                        class="img-fluid"><span\n
                      class="icon-quantity">0</span></a>\n
                </div>\n
                <div class="item">\n
                  <a href="javascript:void(0)" class="header-cart-icon" data-bs-toggle="offcanvas"\n
                     data-bs-target="#miniCart" aria-controls="miniCart">\n
                    <img src="https://hhrc31.com/images/icons/cart.svg" class="img-fluid">\n
                    <span class="icon-quantity">0</span>\n
                  </a>\n
                </div>\n
                         </div>\n
            </div>\n
          </div>\n
        </div>\n
        <div class="header-mobile">\n
          <div class="mb-icon" data-bs-toggle="offcanvas" data-bs-target="#mobile-menu-offcanvas"\n
               aria-controls="offcanvasExample">\n
            <i class="bi bi-list"></i>\n
          </div>\n
      \n
          <div class="logo">\n
            <a href="https://hhrc31.com/zh-cn">\n
              <img src="https://hhrc31.com/images/logo.png" class="img-fluid">\n
            </a>\n
          </div>\n
      \n
          <a href="https://hhrc31.com/zh-cn/cart" class="header-cart-icon"><img src="https://hhrc31.com/images/icons/cart.svg"\n
                                                                                   class="img-fluid"><span\n
              class="icon-quantity">0</span></a>\n
      \n
          <div class="offcanvas offcanvas-start" tabindex="-1" id="mobile-menu-offcanvas">\n
            <div class="offcanvas-header">\n
              <form action="https://hhrc31.com/zh-cn/products" method="get" class="search-group">\n
                <input type="text" class="form-control" name="keyword" placeholder="搜索"\n
                       value="">\n
                <button type="submit" class="btn"><i class="bi bi-search"></i></button>\n
              </form>\n
              <a class="account-icon" href="https://hhrc31.com/zh-cn/account">\n
                <img src="https://hhrc31.com/images/icons/account.svg" class="img-fluid">\n
              </a>\n
            </div>\n
            <div class="close-offcanvas" data-bs-dismiss="offcanvas"><i class="bi bi-chevron-compact-left"></i></div>\n
            <div class="offcanvas-body mobile-menu-wrap">\n
              <div class="accordion accordion-flush" id="menu-accordion">\n
                <div class="accordion-item">\n
                  <div class="nav-item-text">\n
                    <a class="nav-link " aria-current="page"\n
                       href="https://hhrc31.com/zh-cn">首页</a>\n
                  </div>\n
                </div>\n
      \n
                                                     <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/category-women-clothing"\n
                           data-bs-toggle="">\n
                          女装\n
                        </a>\n
                                            <span class="collapsed" data-bs-toggle="collapse"\n
                                data-bs-target="#flush-menu-0"><i class="bi bi-chevron-down"></i></span>\n
                                        </div>\n
      \n
                                        <div class="accordion-collapse collapse" id="flush-menu-0"\n
                             data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-casual-wear">休闲装</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-formal-wear">正装</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                    </div>\n
                                                      <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/category-men-clothing"\n
                           data-bs-toggle="">\n
                          男装\n
                        </a>\n
                                            <span class="collapsed" data-bs-toggle="collapse"\n
                                data-bs-target="#flush-menu-1"><i class="bi bi-chevron-down"></i></span>\n
                                        </div>\n
      \n
                                        <div class="accordion-collapse collapse" id="flush-menu-1"\n
                             data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-casual-wear-men">休闲装</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-business-wear">商务装</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                    </div>\n
                                                      <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/category-children-clothing"\n
                           data-bs-toggle="">\n
                          童装\n
                        </a>\n
                                            <span class="collapsed" data-bs-toggle="collapse"\n
                                data-bs-target="#flush-menu-2"><i class="bi bi-chevron-down"></i></span>\n
                                        </div>\n
      \n
                                        <div class="accordion-collapse collapse" id="flush-menu-2"\n
                             data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-boys-clothing">男童</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-girls-clothing">女童</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                    </div>\n
                                                      <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/category-sportswear"\n
                           data-bs-toggle="">\n
                          运动装\n
                        </a>\n
                                            <span class="collapsed" data-bs-toggle="collapse"\n
                                data-bs-target="#flush-menu-3"><i class="bi bi-chevron-down"></i></span>\n
                                        </div>\n
      \n
                                        <div class="accordion-collapse collapse" id="flush-menu-3"\n
                             data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-sports-clothing">运动服</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-sports-accessories">运动配件</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                    </div>\n
                                                      <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/category-accessories"\n
                           data-bs-toggle="">\n
                          配饰\n
                        </a>\n
                                            <span class="collapsed" data-bs-toggle="collapse"\n
                                data-bs-target="#flush-menu-4"><i class="bi bi-chevron-down"></i></span>\n
                                        </div>\n
      \n
                                        <div class="accordion-collapse collapse" id="flush-menu-4"\n
                             data-bs-parent="#menu-accordion">\n
                          <div class="children-group">\n
                            <ul class="nav flex-column ul-children">\n
                                                                                    <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-hats">帽子</a>\n
                                  </li>\n
                                                                                                              <li class="nav-item">\n
                                    <a class="nav-link" href="https://hhrc31.com/zh-cn/category-scarves">围巾</a>\n
                                  </li>\n
                                                                              </ul>\n
                          </div>\n
                        </div>\n
                                    </div>\n
                                                      <div class="accordion-item">\n
                      <div class="nav-item-text">\n
                        <a class="nav-link" href="https://hhrc31.com/zh-cn/page-about"\n
                           data-bs-toggle="">\n
                          关于\n
                        </a>\n
                                        </div>\n
      \n
                                    </div>\n
                                       \n
              </div>\n
            </div>\n
          </div>\n
        </div>\n
      </header>\n
      \n
         \n
        <div class="m-0 p-0" id="appContent">\n
            \n
        <div class="breadcrumb-wrap">\n
        <div class="container d-flex justify-content-start align-items-center">\n
          <ul class="breadcrumb mb-0">\n
                              <li>\n
                                <i class="bi bi-house-door-fill home-icon"></i>\n
                              <a href="https://hhrc31.com/zh-cn" >\n
                    首页\n
                  </a>\n
                </li>\n
                                      <li>\n
                              <a href="https://hhrc31.com/zh-cn/products/14" >\n
                    英语口语欧美外教1v1陪练自然拼读零基础网课\n
                  </a>\n
                </li>\n
                        </ul>\n
      \n
            </div>\n
      </div>\n
      \n
         \n
        <div class="container">\n
          <div class="page-product-top">\n
            <div class="row">\n
              <div class="col-12 col-lg-6 product-left-col">\n
                <div class="product-images">\n
                  <!-- Desktop thumbnails -->\n
        <div class="sub-product-img d-none d-lg-block">\n
          <div class="swiper" id="sub-product-img-swiper">\n
            <div class="swiper-wrapper">\n
      \n
                      \n
                                    <div class="swiper-slide">\n
                    <div class="thumbnail-item border border-2 border-transparent rounded d-flex align-items-center justify-content-center" \n
                         data-large-image="https://hhrc31.com/cache//static/media/图3-600x600-cover.jpg"\n
                         data-thumbnail-image="https://hhrc31.com/cache//static/media/图3-100x100-cover.jpg"\n
                         style="width: 100px; height: 100px; overflow: hidden;">\n
                      <img src="https://hhrc31.com/cache//static/media/图3-100x100-cover.jpg" class="img-fluid" style="object-fit: cover; max-width: 100%; max-height: 100%;">\n
                    </div>\n
                  </div>\n
                              </div>\n
            <div class="sub-product-btn">\n
              <div class="sub-product-prev"><i class="bi bi-chevron-compact-up"></i></div>\n
              <div class="sub-product-next"><i class="bi bi-chevron-compact-down"></i></div>\n
            </div>\n
            <div class="swiper-pagination sub-product-pagination"></div>\n
          </div>\n
        </div>\n
      \n
      <!-- Desktop main image -->\n
      <div class="main-product-img d-none d-lg-block position-relative w-100 overflow-hidden bg-light" style="aspect-ratio: 1/1;">\n
           <img src="https://hhrc31.com/cache//static/media/图3-600x600-cover.jpg" class="img-fluid main-image w-100 h-100" style="object-fit: cover;">\n
        \n
          \n
        </div>\n
      \n
      <!-- Mobile slideshow -->\n
        <div class="mobile-product-slideshow d-lg-none position-relative w-100 overflow-hidden bg-light" style="aspect-ratio: 1/1;">\n
          <div class="swiper" id="mobile-product-swiper">\n
            <div class="swiper-wrapper">\n
                      \n
                                    <div class="swiper-slide">\n
                    <div class="position-relative w-100 h-100">\n
                      <img src="https://hhrc31.com/cache//static/media/图3-600x600-cover.jpg" class="img-fluid w-100 h-100" style="object-fit: cover;">\n
                    </div>\n
                  </div>\n
                              </div>\n
            <div class="swiper-pagination mobile-product-pagination"></div>\n
          </div>\n
          \n
            </div>\n
      \n
                </div>\n
              </div>\n
      \n
              <div class="col-12 col-lg-6">\n
                <div class="product-info">\n
                  <h1 class="product-title">英语口语欧美外教1v1陪练自然拼读零基础网课</h1>\n
                               <div class="product-price">\n
                    <span class="price">￥19.90</span>\n
                                </div>\n
                   \n
                  <div class="stock-wrap">\n
                                    <div class="in-stock badge">有货</div>\n
                                </div>\n
      \n
                   \n
                  <div class="sub-product-title"></div>\n
      \n
                  \n
                  <ul class="product-param">\n
                    <li class="sku"><span class="title">SKU Code:</span> <span\n
                        class="value">1000000-1</span></li>\n
                    <li class="model "><span class="title">型号:</span>\n
                      <span class="value">1000000-1</span></li>\n
                                                             </ul>\n
      \n
                              \n
                  \n
                                <div class="product-info-bottom">\n
                      <div class="quantity-wrap">\n
                        <div class="minus"><i class="bi bi-dash-lg"></i></div>\n
                        <input type="number" class="form-control product-quantity" value="1"\n
                               data-sku-id="26">\n
                        <div class="plus"><i class="bi bi-plus-lg"></i></div>\n
                      </div>\n
                      <div class="product-info-btns">\n
                        <button class="btn btn-primary add-cart" data-id="14"\n
                                data-price="19.9">\n
                          加入购物车\n
                        </button>\n
                        <button class="btn buy-now ms-2" data-id="14"\n
                                data-price="19.9">\n
                          立即购买\n
                        </button>\n
                                         </div>\n
                    </div>\n
                  \n
                  <div class="add-wishlist mb-3" data-in-wishlist=""\n
                       data-id="14"\n
                       data-price="19.9">\n
                    <i\n
                      class="bi bi-heart"></i> 加入收藏\n
                  </div>\n
                             </div>\n
              </div>\n
            </div>\n
          </div>\n
      \n
          <div class="product-description">\n
            <ul class="nav nav-tabs tabs-plus">\n
              <li class="nav-item">\n
                <button class="nav-link active" data-bs-toggle="tab"\n
                        data-bs-target="#product-description-description"\n
                        type="button">商品详情</button>\n
              </li>\n
                      <li class="nav-item">\n
                <button class="nav-link" data-bs-toggle="tab" data-bs-target="#product-review"\n
                        type="button">商品评论</button>\n
              </li>\n
              <li class="nav-item">\n
                <button class="nav-link correlation" data-bs-toggle="tab"\n
                        data-bs-target="#product-description-correlation"\n
                        type="button">相关商品\n
                </button>\n
              </li>\n
                     </ul>\n
            <div class="tab-content">\n
              <div class="tab-pane fade show active" id="product-description-description">\n
                          <p><img class="img-fluid" src="https://hhrc31.com/static/media/图3.jpg" alt="图3.jpg" /></p>\n
                         </div>\n
      \n
              \n
              <div class="tab-pane fade" id="product-review" role="tabpanel">\n
                <div class="m-5 text-center">\n
                <a class="btn btn-primary" href="javascript:inno.openLogin()">请先登录再提交评论</a>\n
            </div>\n
      \n
      <div class="review-list-container">\n
        </div>\n
      \n
      \n
              </div>\n
              <div class="tab-pane fade" id="product-description-correlation">\n
                <div class="row gx-3 gx-lg-4">\n
                            </div>\n
              </div>\n
                     </div>\n
          </div>\n
      \n
           \n
        </div>\n
      \n
        </div>\n
      \n
            <footer id="appFooter">\n
        <div class="footer-box">\n
          <div class="container">\n
            <div class="footer-top-links">\n
              <div class="row">\n
                <div class="col-12 col-md-4 footer-item">\n
                  <div class="about">\n
                    <div class="footer-link-title">\n
                      <span>关于</span>\n
                      <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                    </div>\n
                    <div class="about-text footer-item-content">\n
                      <p>\n
                        <b>InnoShop 是一款创新的开源电子商务平台，基于 Laravel 11 开发，具有多语言和多货币支持的特性。它采用了基于 Hook 的强大而灵活的插件架构，为用户提供了丰富的定制和扩展功能。欢迎体验 InnoShop, 打造属于您自己的电子商务平台！</b>\n
                      </p>\n
                    </div>\n
                  </div>\n
                </div>\n
                <div class="col-12 col-md-8">\n
                  <div class="row">\n
                    <div class="col-12 col-md-3 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>商品</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://hhrc31.com/zh-cn/category-women-clothing">女装</a></li>\n
                                                <li><a href="https://hhrc31.com/zh-cn/category-men-clothing">男装</a></li>\n
                                                <li><a href="https://hhrc31.com/zh-cn/category-children-clothing">童装</a></li>\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-3 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>新闻</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://hhrc31.com/zh-cn/catalog-product">产品动态</a></li>\n
                                                <li><a href="https://hhrc31.com/zh-cn/catalog-industry">行业资讯</a></li>\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-3 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>单页</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                                <li><a href="https://hhrc31.com/zh-cn/page-creations">产品</a></li>\n
                                                <li><a href="https://hhrc31.com/zh-cn/page-services">服务</a></li>\n
                                                <li><a href="https://hhrc31.com/zh-cn/page-about">关于</a></li>\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                    <div class="col-12 col-md-3 footer-item">\n
                      <div class="footer-links">\n
                        <div class="footer-link-title">\n
                          <span>链接</span>\n
                          <div class="footer-link-icon"><i class="bi bi-plus-lg"></i></div>\n
                        </div>\n
                        <ul class="footer-item-content">\n
                                            </ul>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
            <div class="bottom-box">\n
              <div class="row">\n
                <div class="col-md-6">\n
                  <div class="left-links">\n
                    Powered By<a href="https://www.innoshop.com" class="ms-2" target="_blank">InnoShop</a>\n
                    <!-- Powered By InnoShop Enterprise v0.6.1(20251030) -->\n
                    <span class="copyright-text">\n
                      <a href="https://hhrc31.com/zh-cn" class="ms-2" target="_blank">InnoShop</a>\n
                      &copy; 2025 All Rights Reserved\n
                                    </span>\n
                  </div>\n
                </div>\n
                <div class="col-md-6">\n
                  <div class="payment-icon">\n
                    <img src="https://hhrc31.com/images/demo/payment/1.png" class="img-fluid">\n
                    <img src="https://hhrc31.com/images/demo/payment/2.png" class="img-fluid">\n
                    <img src="https://hhrc31.com/images/demo/payment/3.png" class="img-fluid">\n
                    <img src="https://hhrc31.com/images/demo/payment/4.png" class="img-fluid">\n
                    <img src="https://hhrc31.com/images/demo/payment/5.png" class="img-fluid">\n
                  </div>\n
                </div>\n
            </div>\n
            </div>\n
          </div>\n
        </div>\n
      </footer>\n
      \n
       \n
        \n
            <!-- Mini Cart Component -->\n
      <div class="offcanvas offcanvas-end" style="width: 400px;" tabindex="-1" id="miniCart" aria-labelledby="miniCartLabel">\n
        <div class="offcanvas-header border-bottom">\n
          <h5 class="offcanvas-title" id="miniCartLabel">购物车</h5>\n
          <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>\n
        </div>\n
        <div class="offcanvas-body p-0 d-flex flex-column" style="height: calc(100vh - 60px);" v-cloak>\n
          <!-- Empty cart state -->\n
          <div v-if="isEmpty" class="text-center py-5">\n
            <img :src="asset_url + 'images/icons/empty-cart.svg'" class="img-fluid" style="max-width: 200px;" class="mb-4">\n
            <h5>您的购物车是空的</h5>\n
            <a class="btn btn-primary mt-3" :href="urls.front_base">继续购物</a>\n
          </div>\n
      \n
          <!-- Cart content -->\n
          <div v-else class="d-flex flex-column h-100">\n
            <div class="cart-items flex-grow-1 overflow-auto p-3">\n
              <div v-for="item in cartItems" :key="item.id" class="py-3 border-bottom" :data-id="item.id">\n
                <div class="d-flex">\n
                  <div class="d-flex align-items-center me-2">\n
                    <div class="form-check">\n
                      <input class="form-check-input" type="checkbox" :id="'item-' + item.id" \n
                        :checked="item.selected"\n
                        @change="updateSelection($event.target.checked, [item.id])"\n
                        :disabled="item.item_type !== 'normal'">\n
                    </div>\n
                  </div>\n
                  <div class="flex-shrink-0" style="width: 80px; height: 80px;">\n
                    <img :src="item.image" class="img-fluid w-100 h-100 object-fit-cover">\n
                  </div>\n
                  <div class="flex-grow-1 ms-3 overflow-hidden">\n
                    <div class="text-truncate">\n
                      <a :href="item.url" class="text-decoration-none text-body hover-primary">{{ item.product_name }}</a>\n
                    </div>\n
                    <div class="text-secondary mt-1">\n
                      {{ item.sku_code }}\n
                      <span v-if="item.variant_label">- {{ item.variant_label }}</span>\n
                      <!-- 显示选项值 -->\n
                      <template v-if="item.options && item.options.length">\n
                        <div class="product-options mt-1">\n
                          <div v-for="option in item.options" :key="option.option_id" class="option-item small">\n
                            <span class="option-name">{{ option.option_name }}:</span>\n
                            <span class="option-value">{{ option.option_value_name }}</span>\n
                            <span v-if="option.price_adjustment != 0" class="price-adjustment text-muted">\n
                              ({{ option.price_adjustment_format }})\n
                            </span>\n
                          </div>\n
                        </div>\n
                      </template>\n
                      <span v-if="item.item_type !== 'normal'" class="badge bg-danger ms-2">{{ item.item_type_label }}</span>\n
                    </div>\n
                    <div class="d-flex justify-content-between align-items-center mt-2">\n
                      <div class="d-flex align-items-center gap-2">\n
                        <div class="fs-6">{{ item.price_format }}</div>\n
                        <div class="d-flex align-items-center" style="width: 60px;">\n
                          <input type="number" \n
                                 :class="item.item_type !== 'normal' ? 'form-control form-control-sm text-center p-0 bg-light' : 'form-control form-control-sm text-center p-0'"\n
                                 style="width: 60px; height: 26px;" \n
                                 v-model.number="item.quantity" \n
                                 min="1" \n
                                 @change="quantityChanged(item)"\n
                                 :readonly="item.item_type !== 'normal'">\n
                        </div>\n
                      </div>\n
                      <div class="d-flex align-items-center gap-2">\n
                        <div class="text-primary small">{{ item.subtotal_format }}</div>\n
                        <button type="button" class="btn btn-link text-danger p-0 border-0 d-flex align-items-center justify-content-center" \n
                                style="width: 26px; height: 26px;" \n
                                @click="deleteItem(item.id)">\n
                          <i class="bi bi-x-circle-fill"></i>\n
                        </button>\n
                      </div>\n
                    </div>\n
                  </div>\n
                </div>\n
              </div>\n
            </div>\n
      \n
            <!-- Cart footer -->\n
            <div class="border-top p-3">\n
              <div class="d-flex align-items-center mb-3">\n
                <div class="form-check">\n
                  <input class="form-check-input" type="checkbox" id="selectAll" \n
                    :checked="allSelected"\n
                    @change="toggleSelectAll">\n
                  <label class="form-check-label" for="selectAll">全选</label>\n
                </div>\n
                <div class="ms-auto">\n
                  <span class="fs-5">总计</span>\n
                  <span class="fs-5 text-primary ms-2">{{ totalAmount }}</span>\n
                </div>\n
              </div>\n
              <a class="btn btn-primary btn-lg fw-bold w-100 to-checkout" :href="urls.front_checkout">\n
                立即结账\n
              </a>\n
              <a class="btn btn-outline-secondary btn-lg fw-bold w-100 mt-2" :href="urls.front_cart">\n
                查看购物车\n
              </a>\n
            </div>\n
          </div>\n
        </div>\n
      </div>\n
      \n
        \n
          <script>\n
          // Global variable definitions\n
          let swiper, mobileSwiper, isMobile = window.innerWidth < 992, autoScrollTimer, scrollDirection = 0, resizeTimer;\n
          \n
          /**\n
           * Update thumbnail image sources based on device type\n
           */\n
          function updateThumbnailImages() {\n
            $('.sub-product-img .swiper-slide').each(function() {\n
              const $item = $(this).find('.thumbnail-item');\n
              const src = isMobile ? $item.data('large-image') : \n
                         ($item.data('thumbnail-image') || $item.data('large-image').replace('600x600', '100x100'));\n
              $(this).find('img').attr('src', src);\n
            });\n
          }\n
          \n
          /**\n
           * Handle video player state - pause and hide video\n
           */\n
          function pauseAndHideVideo() {\n
            if (window.pVideo) {\n
              window.pVideo.pause();\n
              $('#product-video').fadeOut();\n
            }\n
            $('.video-wrap').addClass('d-none');\n
            $('.close-video').addClass('d-none');\n
          }\n
          \n
          /**\n
           * Handle video control button show/hide\n
           * @param {boolean} isVideo - Whether it's video content\n
           */\n
          function handleVideoControls(isVideo) {\n
            const $playButton = $('.main-product-img .video-play-overlay');\n
            \n
            if (isVideo) {\n
              pauseAndHideVideo();\n
              $playButton.removeClass('d-none');\n
            } else {\n
              $('.video-wrap').addClass('d-none');\n
              $playButton.addClass('d-none');\n
            }\n
          }\n
          \n
          /**\n
           * Initialize desktop Swiper carousel component\n
           */\n
          function initDesktopSwiper() {\n
            if (swiper) swiper.destroy(true, true);\n
            \n
            if (!isMobile && $('#sub-product-img-swiper').length) {\n
              swiper = new Swiper('#sub-product-img-swiper', {\n
                direction: 'vertical',\n
                autoHeight: false,\n
                slidesPerView: 5,\n
                spaceBetween: 15,\n
                centeredSlides: false,\n
                freeMode: false,\n
                navigation: { \n
                  nextEl: '.sub-product-next', \n
                  prevEl: '.sub-product-prev' \n
                },\n
                pagination: { \n
                  el: '.sub-product-pagination', \n
                  clickable: true \n
                },\n
                observer: true, \n
                observeParents: true,\n
                watchOverflow: true\n
              });\n
            }\n
          }\n
          \n
          /**\n
           * Handle mobile slide change events\n
           */\n
          function handleMobileSlideChange() {\n
            const activeSlide = this.slides[this.activeIndex];\n
            const isVideo = $(activeSlide).find('[data-is-video="true"]').length > 0;\n
            handleVideoControls(isVideo);\n
          }\n
          \n
          /**\n
           * Initialize mobile Swiper carousel component\n
           */\n
          function initMobileSwiper() {\n
            if (mobileSwiper) mobileSwiper.destroy(true, true);\n
            \n
            if (isMobile && $('#mobile-product-swiper').length) {\n
              mobileSwiper = new Swiper('#mobile-product-swiper', {\n
                direction: 'horizontal',\n
                slidesPerView: 1,\n
                spaceBetween: 0,\n
                allowTouchMove: true,\n
                touchRatio: 1,\n
                touchAngle: 45,\n
                grabCursor: true,\n
                pagination: { \n
                  el: '.mobile-product-pagination', \n
                  clickable: true,\n
                  bulletClass: 'swiper-pagination-bullet',\n
                  bulletActiveClass: 'swiper-pagination-bullet-active',\n
                  renderBullet: function (index, className) {\n
                    return '<span class="' + className + '"></span>';\n
                  }\n
                },\n
                observer: true, \n
                observeParents: true,\n
                on: {\n
                  slideChange: handleMobileSlideChange\n
                }\n
              });\n
              \n
              // Set mobile default state\n
              setTimeout(setDefaultThumbnail, 100);\n
            }\n
          }\n
          \n
          /**\n
           * Start auto scroll\n
           */\n
          function startAutoScroll() {\n
            if (autoScrollTimer) return;\n
            \n
            autoScrollTimer = setInterval(() => {\n
              if (!swiper) return;\n
              \n
              if (scrollDirection === 1 && !swiper.isBeginning) {\n
                swiper.slidePrev();\n
              } else if (scrollDirection === -1 && !swiper.isEnd) {\n
                swiper.slideNext();\n
              } else {\n
                stopAutoScroll();\n
              }\n
            }, 200);\n
          }\n
          \n
          /**\n
           * Stop auto scroll\n
           */\n
          function stopAutoScroll() {\n
            if (autoScrollTimer) {\n
              clearInterval(autoScrollTimer);\n
              autoScrollTimer = null;\n
            }\n
            scrollDirection = 0;\n
          }\n
          \n
          /**\n
           * Handle mouse move events to control auto scroll\n
           * @param {Event} e - Mouse event object\n
           */\n
          function handleMouseMove(e) {\n
            const rect = e.currentTarget.getBoundingClientRect();\n
            const mouseY = e.clientY - rect.top;\n
            const threshold = 30;\n
            \n
            let newDirection = 0;\n
            if (mouseY < threshold) {\n
              newDirection = 1;\n
            } else if (mouseY > rect.height - threshold) {\n
              newDirection = -1;\n
            }\n
            \n
            if (newDirection !== scrollDirection) {\n
              scrollDirection = newDirection;\n
              newDirection !== 0 ? startAutoScroll() : stopAutoScroll();\n
            }\n
          }\n
          \n
          /**\n
           * Update thumbnail selection state and video controls\n
           * @param {jQuery} $thumbnail - Thumbnail jQuery object\n
           * @param {boolean} updateMainImage - Whether to update main image\n
           */\n
          function updateThumbnailSelection($thumbnail, updateMainImage = true) {\n
            const isVideo = $thumbnail.data('is-video');\n
            \n
            // Update main image\n
            if (updateMainImage) {\n
              $('.main-image').attr('src', $thumbnail.data('large-image'));\n
            }\n
            \n
            // Update thumbnail selection styles\n
            $('.thumbnail-item')\n
              .removeClass('active border-danger')\n
              .addClass('border-transparent');\n
            $thumbnail\n
              .addClass('active border-danger')\n
              .removeClass('border-transparent');\n
            \n
            // Handle video controls\n
            handleVideoControls(isVideo);\n
          }\n
          \n
          /**\n
           * Set default selected thumbnail\n
           */\n
          function setDefaultThumbnail() {\n
            // Prioritize video thumbnails, otherwise select the first image\n
            let $defaultThumbnail = $('.thumbnail-item[data-is-video="true"]').first();\n
            if ($defaultThumbnail.length === 0) {\n
              $defaultThumbnail = $('.thumbnail-item').first();\n
            }\n
            \n
            if ($defaultThumbnail.length > 0) {\n
              updateThumbnailSelection($defaultThumbnail, true);\n
            }\n
          }\n
          \n
          /**\n
           * Handle thumbnail mouse hover events\n
           */\n
          function handleThumbnailHover() {\n
            const $this = $(this);\n
            \n
            // Update main image and play button display state\n
            updateThumbnailSelection($this, true);\n
            \n
            // Prevent image scaling issues\n
            $this.find('img').css('transform', 'scale(1)');\n
          }\n
          \n
          /**\n
           * Bind thumbnail and scroll events\n
           */\n
          function bindThumbnailEvents() {\n
            // Clear previous event bindings\n
            $('.thumbnail-item').off('click mouseenter');\n
            $('.sub-product-img').off('mouseenter mousemove mouseleave');\n
            $('#mobile-product-swiper .swiper-slide').off('click');\n
            \n
            if (!isMobile) {\n
              // Desktop event bindings\n
              $('.thumbnail-item')\n
                .on('click', function() {\n
                  updateThumbnailSelection($(this), true);\n
                })\n
                .on('mouseenter', handleThumbnailHover);\n
              \n
              // Bind auto scroll events\n
              $('.sub-product-img')\n
                .on('mouseenter mousemove', handleMouseMove)\n
                .on('mouseleave', stopAutoScroll);\n
                \n
              // Set default selected state\n
              setTimeout(setDefaultThumbnail, 100);\n
            } else {\n
              // Mobile slide click events\n
              $('#mobile-product-swiper .swiper-slide').on('click', function() {\n
                const $thumbnail = $(this).find('.thumbnail-item');\n
                if ($thumbnail.length > 0) {\n
                  updateThumbnailSelection($thumbnail, false);\n
                }\n
              });\n
            }\n
          }\n
          \n
          /**\n
           * Handle responsive layout changes\n
           */\n
          function handleResponsiveChange() {\n
            const wasMobile = isMobile;\n
            isMobile = window.innerWidth < 992;\n
            \n
            if (wasMobile !== isMobile) {\n
              updateThumbnailImages();\n
              initDesktopSwiper();\n
              initMobileSwiper();\n
              bindThumbnailEvents();\n
            }\n
          }\n
          \n
          /**\n
           * Initialize all components\n
           */\n
          function initializeComponents() {\n
            updateThumbnailImages();\n
            initDesktopSwiper();\n
            initMobileSwiper();\n
            bindThumbnailEvents();\n
          }\n
      \n
          // Initialize on page load\n
          initializeComponents();\n
      \n
          // Debounced handling for window resize\n
          window.addEventListener('resize', () => {\n
            clearTimeout(resizeTimer);\n
            resizeTimer = setTimeout(handleResponsiveChange, 250);\n
          });\n
        </script>\n
        <script>\n
          let skus = [{"id":26,"product_id":14,"product_image_id":0,"image":"","image_url":"","origin_image_url":"","variants":[],"model":"1000000-1","code":"1000000-1","price":19.9,"price_format":"\uffe519.90","origin_price":0,"origin_price_format":"\uffe50.00","quantity":100000,"is_default":1,"position":0}];\n
      \n
          if ($('.product-variant-box').length) {\n
            let masterSku = {"id":26,"product_id":14,"product_image_id":0,"image":"","image_url":"","origin_image_url":"","variants":[],"model":"1000000-1","code":"1000000-1","price":19.9,"price_format":"\uffe519.90","origin_price":0,"origin_price_format":"\uffe50.00","quantity":100000,"is_default":1,"position":0};\n
      \n
            masterSku.variants.forEach((variant, i) => {\n
              $('.product-variant-box .product-variant').eq(i).find('.variant-values .variant-value-name').eq(variant).addClass('active');\n
            });\n
      \n
            updateVariantStatus()\n
      \n
            function updateVariantStatus() {\n
              $('.product-variant-box .product-variant').each((variant_index, el) => {\n
                $(el).find('.variant-values .variant-value-name').each((value_index, value) => {\n
                  let masterSkuVariants = masterSku.variants.slice(0);\n
                  masterSkuVariants[variant_index] = value_index;\n
                  let sku = skus.find(sku => sku.variants.join('') === masterSkuVariants.join(''));\n
                  if (sku && sku.quantity > 0) {\n
                    $(value).removeClass('disabled');\n
                  } else {\n
                    $(value).addClass('disabled');\n
                  }\n
                });\n
              });\n
      \n
              if (masterSku.quantity * 1 <= 0) {\n
                $('.product-info-bottom .add-cart, .product-info-bottom .buy-now, .product-info-bottom.quantity-wrap').addClass('disabled');\n
                $('.stock-wrap .in-stock').addClass('d-none').siblings('.out-stock').removeClass('d-none');\n
              } else {\n
                $('.product-info-bottom .add-cart, .product-info-bottom .buy-now, .product-info-bottom .quantity-wrap').removeClass('disabled');\n
                $('.stock-wrap .in-stock').removeClass('d-none').siblings('.out-stock').addClass('d-none');\n
              }\n
            }\n
      \n
            $('.product-variant-box .variant-value-name').click(function () {\n
              const variant = $(this).data('variant');\n
              const value = $(this).data('value');\n
              let variants = masterSku.variants.slice(0);\n
              variants[variant] = value;\n
              masterSku = skus.find(sku => sku.variants.toString() === variants.toString());\n
      \n
              $('.product-param .sku .value').text(masterSku.code);\n
              $('.product-param .model .value').text(masterSku.model);\n
              $('.product-price .price').text(masterSku.price_format);\n
              $('.product-price .old-price').text(masterSku.origin_price_format);\n
              $('.product-quantity').data('sku-id', masterSku.id)\n
              \n
              // Update option component base price and recalculate total price\n
              if (typeof window.updateBasePrice === 'function') {\n
                window.updateBasePrice(masterSku.price);\n
              }\n
      \n
              if (masterSku.origin_image_url) {\n
                $('.main-product-img img').attr('src', masterSku.origin_image_url);\n
              }\n
              history.pushState({}, '', inno.updateQueryStringParameter(window.location.href, 'sku_id', masterSku.id));\n
      \n
              if (masterSku.quantity * 1 <= 0) {\n
                $('.product-info-bottom .add-cart, .product-info-bottom .buy-now,.product-info-bottom.quantity-wrap').addClass('disabled');\n
                $('.stock-wrap .in-stock').addClass('d-none').siblings('.out-stock').removeClass('d-none');\n
              } else {\n
                $('.product-info-bottom .add-cart, .product-info-bottom .buy-now, .product-info-bottom.quantity-wrap').removeClass('disabled');\n
                $('.stock-wrap .in-stock').removeClass('d-none').siblings('.out-stock').addClass('d-none');\n
              }\n
      \n
              $(this).addClass('active').siblings().removeClass('active');\n
              updateVariantStatus()\n
            });\n
          }\n
        </script>\n
        <script>\n
          $(document).ready(function () {\n
            $('.load-more-reviews').on('click', function () {\n
              const button = $(this);\n
              const page = button.data('page');\n
      \n
              button.prop('disabled', true).html(\n
                '<i class="bi bi-arrow-repeat spin"></i> 加载中');\n
      \n
              axios.get(`https://hhrc31.com/zh-cn/products/14/reviews`, {\n
                params: {\n
                  page: page\n
                }\n
              }).then(function (response) {\n
                if (response.success) {\n
                  $('.review-list-container').append(response.data.html);\n
      \n
                  if (response.data.has_more) {\n
                    button.data('page', page + 1).prop('disabled', false).text(\n
                      'front/product.load_more');\n
                  } else {\n
                    button.remove();\n
                  }\n
                }\n
              }).catch(function (error) {\n
                console.error('Failed to load reviews:', error);\n
                button.prop('disabled', false).text('front/product.load_more');\n
                inno.msg('front/product.load_failed');\n
              });\n
            });\n
          });\n
        </script>\n
        <script>\n
          $('.quantity-wrap .plus, .quantity-wrap .minus').on('click', function () {\n
            if ($(this).parent().hasClass('disabled')) {\n
              return;\n
            }\n
      \n
            let quantity = parseInt($(this).siblings('input').val());\n
            if ($(this).hasClass('plus')) {\n
              $(this).siblings('input').val(quantity + 1);\n
            } else {\n
              if (quantity > 1) {\n
                $(this).siblings('input').val(quantity - 1);\n
              }\n
            }\n
          });\n
      \n
          $('.add-cart, .buy-now').on('click', function () {\n
            // 验证必需选项是否已选择\n
            if (typeof validateRequiredOptions === 'function' && !validateRequiredOptions()) {\n
              // 滚动到第一个错误的选项组\n
              const $firstError = $('.option-group.has-error').first();\n
              if ($firstError.length) {\n
                $('html, body').animate({\n
                  scrollTop: $firstError.offset().top - 100\n
                }, 500);\n
              }\n
              \n
              if (window.inno && window.inno.alert) {\n
                window.inno.alert({msg: '请选择所有必选项', type: 'warning'});\n
              } else {\n
                alert('请选择所有必选项');\n
              }\n
              return;\n
            }\n
      \n
            const quantity = $('.product-quantity').val();\n
            const skuId = $('.product-quantity').data('sku-id');\n
            const isBuyNow = $(this).hasClass('buy-now');\n
      \n
            // 收集选中的选项\n
            const productOptions = {};\n
            \n
            // 收集下拉选择框的选项\n
            $('.option-select').each(function() {\n
              const optionId = $(this).data('option-id');\n
              const selectedValue = $(this).val();\n
              if (selectedValue) {\n
                productOptions[optionId] = [selectedValue];\n
              }\n
            });\n
            \n
            // 收集单选按钮的选项\n
            $('.option-radio-item input[type="radio"]:checked').each(function() {\n
              const optionId = $(this).data('option-id');\n
              const optionValue = $(this).val();\n
              productOptions[optionId] = [optionValue];\n
            });\n
            \n
            // 收集多选复选框的选项\n
            $('.option-checkbox-item input[type="checkbox"]:checked').each(function() {\n
              const optionId = $(this).data('option-id');\n
              const optionValue = $(this).val();\n
              if (!productOptions[optionId]) {\n
                productOptions[optionId] = [];\n
              }\n
              productOptions[optionId].push(optionValue);\n
            });\n
      \n
            // 准备请求数据\n
            const requestData = {\n
              skuId, \n
              quantity, \n
              isBuyNow,\n
              options: productOptions\n
            };\n
            \n
            inno.addCart(requestData, this, function (res) {\n
              if (isBuyNow) {\n
                window.location.href = 'https://hhrc31.com/zh-cn/cart';\n
              }\n
            })\n
          });\n
        </script>\n
      <script src="https://hhrc31.com/vendor/vue/3.5/vue.global.js"></script>\n
      <script>\n
      if (!window.cartApp) {\n
        const { createApp, ref, computed, onMounted } = Vue\n
      \n
        window.cartApp = createApp({\n
          setup() {\n
            // Reactive states\n
            const cartItems = ref([])\n
            const totalAmount = ref('')\n
            \n
            // Computed properties\n
            const isEmpty = computed(() => !cartItems.value.length)\n
            const allSelected = computed(() => {\n
              const normalItems = cartItems.value.filter(item => item.item_type === 'normal')\n
              return normalItems.length > 0 && normalItems.every(item => item.selected)\n
            })\n
            \n
            // Methods\n
            const loadCart = async () => {\n
              try {\n
                const response = await axios.get(urls.front_cart_mini)\n
                if (response.success) {\n
                  cartItems.value = response.data.list || []\n
                  totalAmount.value = response.data.amount_format\n
                  updateCartIconQuantity(response.data.total_format)\n
                }\n
              } catch (error) {\n
                inno.msg('Failed to load cart', 'error')\n
              }\n
            }\n
      \n
            const updateSelection = async (selected, ids) => {\n
              // Filter normal product IDs\n
              const normalIds = ids.filter(id => {\n
                const item = cartItems.value.find(item => item.id === id)\n
                return item && item.item_type === 'normal'\n
              })\n
      \n
              if (!normalIds.length) return\n
      \n
              try {\n
                const response = await axios.post(`${urls.front_cart_add}/${selected ? 'select' : 'unselect'}`, {\n
                  cart_ids: normalIds\n
                })\n
                if (response.success) {\n
                  inno.msg(response.message)\n
                  await loadCart()\n
                }\n
              } catch (error) {\n
                inno.msg('Failed to update selection', 'error')\n
              }\n
            }\n
      \n
            const toggleSelectAll = () => {\n
              const normalIds = cartItems.value\n
                .filter(item => item.item_type === 'normal')\n
                .map(item => item.id)\n
              updateSelection(!allSelected.value, normalIds)\n
            }\n
      \n
            const updateQuantity = async (id, quantity) => {\n
              if (quantity < 1) return\n
              \n
              try {\n
                const response = await axios.put(`${urls.front_cart_add}/${id}`, { quantity })\n
                if (response.success) {\n
                  inno.msg(response.message)\n
                  await loadCart()\n
                  if (window.location.pathname.includes('/cart')) {\n
                    window.location.reload()\n
                  }\n
                }\n
              } catch (error) {\n
                inno.msg('Failed to update quantity', 'error')\n
              }\n
            }\n
      \n
            const deleteItem = async (id) => {\n
              try {\n
                const response = await axios.delete(`${urls.front_cart_add}/${id}`)\n
                if (response.success) {\n
                  inno.msg(response.message)\n
                  await loadCart()\n
                  if (window.location.pathname.includes('/cart')) {\n
                    window.location.reload()\n
                  }\n
                }\n
              } catch (error) {\n
                inno.msg('Failed to delete item', 'error')\n
              }\n
            }\n
      \n
            const updateCartIconQuantity = (quantity) => {\n
              document.querySelectorAll('.header-cart-icon .icon-quantity').forEach(el => {\n
                el.textContent = quantity\n
              })\n
            }\n
      \n
            // Helper methods\n
            const increaseQuantity = (item) => {\n
              updateQuantity(item.id, item.quantity + 1)\n
            }\n
      \n
            const decreaseQuantity = (item) => {\n
              if (item.quantity > 1) {\n
                updateQuantity(item.id, item.quantity - 1)\n
              }\n
            }\n
      \n
            const quantityChanged = (item) => {\n
              if (item.quantity < 1) {\n
                item.quantity = 1\n
              }\n
              updateQuantity(item.id, item.quantity)\n
            }\n
      \n
            // Lifecycle hooks\n
            onMounted(() => {\n
              loadCart()\n
              \n
              // Listen for cart show event\n
              const miniCart = document.getElementById('miniCart')\n
              if (miniCart) {\n
                miniCart.addEventListener('show.bs.offcanvas', () => {\n
                  loadCart()\n
                })\n
              }\n
            })\n
      \n
            return {\n
              cartItems,\n
              totalAmount,\n
              isEmpty,\n
              allSelected,\n
              urls,\n
              asset_url,\n
              increaseQuantity,\n
              decreaseQuantity,\n
              quantityChanged,\n
              deleteItem,\n
              updateSelection,\n
              toggleSelectAll\n
            }\n
          }\n
        }).mount('#miniCart')\n
      }\n
      </script>\n
      </body>\n
      \n
      </html>\n
      """
    #version: "1.1"
    #statusCode: 200
    #statusText: "OK"
    #charset: null
    -sentHeaders: ? array
    +original: Illuminate\View\View {#2781
      #factory: Illuminate\View\Factory {#1567 …25}
      #engine: Illuminate\View\Engines\CompilerEngine {#2901
        #files: Illuminate\Filesystem\Filesystem {#387}
        #compiler: Illuminate\View\Compilers\BladeCompiler {#473
          #files: Illuminate\Filesystem\Filesystem {#387}
          #cachePath: "/www/wwwroot/hhrc31.com/storage/framework/views"
          #basePath: ""
          #shouldCache: true
          #compiledExtension: "php"
          #shouldCheckTimestamps: true
          #extensions: []
          #customDirectives: array:30 [
            "haspermission" => Closure($expression) {#475
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "haspermission"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshaspermission" => Closure($expression) {#476
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "haspermission"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehaspermission" => Closure($expression) {#477
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "haspermission"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhaspermission" => Closure() {#478
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "role" => Closure($expression) {#480
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "role"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlessrole" => Closure($expression) {#481
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "role"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elserole" => Closure($expression) {#482
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "role"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endrole" => Closure() {#483
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasrole" => Closure($expression) {#485
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasrole" => Closure($expression) {#486
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasrole" => Closure($expression) {#487
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasrole" => Closure() {#488
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasanyrole" => Closure($expression) {#490
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasanyrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasanyrole" => Closure($expression) {#491
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasanyrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasanyrole" => Closure($expression) {#492
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasanyrole"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasanyrole" => Closure() {#493
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasallroles" => Closure($expression) {#495
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasallroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasallroles" => Closure($expression) {#496
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasallroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasallroles" => Closure($expression) {#497
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasallroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasallroles" => Closure() {#498
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "hasexactroles" => Closure($expression) {#500
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasexactroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "729 to 733"
            }
            "unlesshasexactroles" => Closure($expression) {#501
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasexactroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "735 to 739"
            }
            "elsehasexactroles" => Closure($expression) {#502
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              use: {
                $name: "hasexactroles"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "741 to 745"
            }
            "endhasexactroles" => Closure() {#503
              class: "Illuminate\View\Compilers\BladeCompiler"
              this: Illuminate\View\Compilers\BladeCompiler {#473}
              file: "/www/wwwroot/hhrc31.com/vendor/laravel/framework/src/Illuminate/View/Compilers/BladeCompiler.php"
              line: "747 to 749"
            }
            "endunlessrole" => Closure() {#504
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "143 to 143"
            }
            "action" => Closure($expression) {#472
              class: "TorMorten\Eventy\EventBladeServiceProvider"
              this: TorMorten\Eventy\EventBladeServiceProvider {#365 …}
              file: "/www/wwwroot/hhrc31.com/vendor/tormjens/eventy/src/EventBladeServiceProvider.php"
              line: "21 to 23"
            }
            "filter" => Closure($expression) {#505
              class: "TorMorten\Eventy\EventBladeServiceProvider"
              this: TorMorten\Eventy\EventBladeServiceProvider {#365 …}
              file: "/www/wwwroot/hhrc31.com/vendor/tormjens/eventy/src/EventBladeServiceProvider.php"
              line: "28 to 30"
            }
            "hookinsert" => Closure($parameter) {#2314
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#377 …}
              file: "/www/wwwroot/hhrc31.com/innopacks/plugin/src/PluginServiceProvider.php"
              line: "520 to 538"
            }
            "hookupdate" => Closure($parameter) {#2271
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#377 …}
              file: "/www/wwwroot/hhrc31.com/innopacks/plugin/src/PluginServiceProvider.php"
              line: "547 to 556"
            }
            "endhookupdate" => Closure() {#2294
              class: "InnoShop\Plugin\PluginServiceProvider"
              this: InnoShop\Plugin\PluginServiceProvider {#377 …}
              file: "/www/wwwroot/hhrc31.com/innopacks/plugin/src/PluginServiceProvider.php"
              line: "558 to 572"
            }
          ]
          #conditions: array:6 [
            "haspermission" => Closure() {#474
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "135 to 135"
            }
            "role" => Closure() {#479
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "138 to 138"
            }
            "hasrole" => Closure() {#484
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "139 to 139"
            }
            "hasanyrole" => Closure() {#489
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "140 to 140"
            }
            "hasallroles" => Closure() {#494
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "141 to 141"
            }
            "hasexactroles" => Closure() {#499
              class: "Spatie\Permission\PermissionServiceProvider"
              this: Spatie\Permission\PermissionServiceProvider {#346 …}
              use: {
                $bladeMethodWrapper: "\Spatie\Permission\PermissionServiceProvider::bladeMethodWrapper"
              }
              file: "/www/wwwroot/hhrc31.com/vendor/spatie/laravel-permission/src/PermissionServiceProvider.php"
              line: "142 to 142"
            }
          ]
          #prepareStringsForCompilationUsing: []
          #precompilers: []
          #path: null
          #compilers: array:3 [
            0 => "Extensions"
            1 => "Statements"
            2 => "Echos"
          ]
          #rawTags: array:2 [
            0 => "{!!"
            1 => "!!}"
          ]
          #contentTags: array:2 [
            0 => "{{"
            1 => "}}"
          ]
          #escapedTags: array:2 [
            0 => "{{{"
            1 => "}}}"
          ]
          #echoFormat: "e(%s)"
          #footer: []
          #rawBlocks: []
          #anonymousComponentPaths: []
          #anonymousComponentNamespaces: []
          #classComponentAliases: array:28 [
            "dynamic-component" => "Illuminate\View\DynamicComponent"
            "common-alert" => "InnoShop\Common\Components\Base\Alert"
            "common-no-data" => "InnoShop\Common\Components\Base\NoData"
            "common-delete-button" => "InnoShop\Common\Components\Base\DeleteButton"
            "common-form-input" => "InnoShop\Common\Components\Forms\Input"
            "common-form-select" => "InnoShop\Common\Components\Forms\Select"
            "common-form-textarea" => "InnoShop\Common\Components\Forms\Textarea"
            "common-form-rich-text" => "InnoShop\Common\Components\Forms\RichText"
            "common-form-image" => "InnoShop\Common\Components\Forms\Image"
            "common-form-imagep" => "InnoShop\Common\Components\Forms\ImagePure"
            "common-form-images" => "InnoShop\Common\Components\Forms\Images"
            "common-form-imagesp" => "InnoShop\Common\Components\Forms\ImagesPure"
            "common-form-file" => "InnoShop\Common\Components\Forms\File"
            "common-form-date" => "InnoShop\Common\Components\Forms\Date"
            "common-form-switch-radio" => "InnoShop\Common\Components\Forms\SwitchRadio"
            "common-form-model-switch" => "InnoShop\Common\Components\Forms\ModelSwitch"
            "panel-data-criteria" => "InnoShop\Panel\Components\Data\Criteria"
            "panel-data-sorter" => "InnoShop\Panel\Components\Data\Sorter"
            "panel-data-info" => "InnoShop\Panel\Components\Data\DataInfo"
            "panel-layout-sidebar" => "InnoShop\Panel\Components\Layout\Sidebar"
            "panel-chart-line" => "InnoShop\Panel\Components\Charts\Line"
            "panel-chart-pie" => "InnoShop\Panel\Components\Charts\Pie"
            "panel-form-codemirror" => "InnoShop\Panel\Components\Forms\Codemirror"
            "panel-form-autocomplete-list" => "InnoShop\Panel\Components\Forms\AutocompleteList"
            "front-breadcrumb" => "InnoShop\Front\Components\Breadcrumb"
            "front-review" => "InnoShop\Front\Components\Review"
            "front-header" => "InnoShop\Front\Components\Header"
            "front-footer" => "InnoShop\Front\Components\Footer"
          ]
          #classComponentNamespaces: []
          #compilesComponentTags: true
          #firstCaseInSwitch: true
          #echoHandlers: []
          #lastFragment: null
          -encodingOptions: 15
          #lastSection: null
          #forElseCounter: 0
        }
        #lastCompiled: []
        #compiledOrNotExpired: array:13 [
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/components/breadcrumb.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_video.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_images.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_bundle_items.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_variants.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_options.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_review_list.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/components/_review_section.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/components/header.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/components/footer.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/components/mini-cart.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/layouts/app.blade.php" => true
          "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/show.blade.php" => true
        ]
      }
      #view: "products.show"
      #data: array:11 [
        "product" => InnoShop\Common\Models\Product {#2846
          #connection: "mysql"
          #table: "products"
          #primaryKey: "id"
          #keyType: "int"
          +incrementing: true
          #with: []
          #withCount: []
          +preventsLazyLoading: false
          #perPage: 15
          +exists: true
          +wasRecentlyCreated: false
          #escapeWhenCastingToString: false
          #attributes: array:23 [
            "id" => 14
            "brand_id" => 0
            "price" => "0.00"
            "type" => "normal"
            "images" => "["/static/media/图3.jpg"]"
            "hover_image" => ""
            "video" => null
            "tax_class_id" => 0
            "spu_code" => null
            "slug" => null
            "variables" => "[]"
            "is_virtual" => 0
            "is_top" => 0
            "position" => 0
            "active" => 1
            "weight" => "0.00"
            "weight_class" => ""
            "sales" => 0
            "viewed" => 3
            "published_at" => null
            "deleted_at" => null
            "created_at" => "2025-12-31 06:25:44"
            "updated_at" => "2025-12-31 09:20:44"
          ]
          #original: array:23 [
            "id" => 14
            "brand_id" => 0
            "price" => "0.00"
            "type" => "normal"
            "images" => "["/static/media/图3.jpg"]"
            "hover_image" => ""
            "video" => null
            "tax_class_id" => 0
            "spu_code" => null
            "slug" => null
            "variables" => "[]"
            "is_virtual" => 0
            "is_top" => 0
            "position" => 0
            "active" => 1
            "weight" => "0.00"
            "weight_class" => ""
            "sales" => 0
            "viewed" => 3
            "published_at" => null
            "deleted_at" => null
            "created_at" => "2025-12-31 06:25:44"
            "updated_at" => "2025-12-31 09:20:44"
          ]
          #changes: array:1 [
            "viewed" => 3
          ]
          #previous: array:1 [
            "viewed" => 2
          ]
          #casts: array:5 [
            "variables" => "array"
            "images" => "array"
            "video" => "json"
            "active" => "boolean"
            "is_virtual" => "boolean"
          ]
          #classCastCache: []
          #attributeCastCache: []
          #dateFormat: null
          #appends: array:1 [
            0 => "image"
          ]
          #dispatchesEvents: []
          #observables: []
          #relations: array:10 [
            "masterSku" => InnoShop\Common\Models\Product\Sku {#2854
              #connection: "mysql"
              #table: "product_skus"
              #primaryKey: "id"
              #keyType: "int"
              +incrementing: true
              #with: []
              #withCount: []
              +preventsLazyLoading: false
              #perPage: 15
              +exists: true
              +wasRecentlyCreated: false
              #escapeWhenCastingToString: false
              #attributes: array:14 [
                "id" => 26
                "product_id" => 14
                "images" => "[""]"
                "product_image_id" => 0
                "variants" => "[]"
                "code" => "1000000-1"
                "model" => "1000000-1"
                "price" => 19.9
                "origin_price" => 0.0
                "quantity" => 100000
                "is_default" => 1
                "position" => 0
                "created_at" => "2025-12-31 06:25:44"
                "updated_at" => "2025-12-31 06:25:44"
              ]
              #original: array:14 [
                "id" => 26
                "product_id" => 14
                "images" => "[""]"
                "product_image_id" => 0
                "variants" => "[]"
                "code" => "1000000-1"
                "model" => "1000000-1"
                "price" => 19.9
                "origin_price" => 0.0
                "quantity" => 100000
                "is_default" => 1
                "position" => 0
                "created_at" => "2025-12-31 06:25:44"
                "updated_at" => "2025-12-31 06:25:44"
              ]
              #changes: []
              #previous: []
              #casts: array:2 [
                "images" => "array"
                "variants" => "array"
              ]
              #classCastCache: []
              #attributeCastCache: []
              #dateFormat: null
              #appends: array:1 [
                0 => "image"
              ]
              #dispatchesEvents: []
              #observables: []
              #relations: []
              #touches: []
              #relationAutoloadCallback: null
              #relationAutoloadContext: null
              +timestamps: true
              +usesUniqueIds: false
              #hidden: []
              #visible: []
              #fillable: array:10 [
                0 => "product_id"
                1 => "images"
                2 => "model"
                3 => "code"
                4 => "price"
                5 => "origin_price"
                6 => "quantity"
                7 => "is_default"
                8 => "position"
                9 => "variants"
              ]
              #guarded: array:1 [
                0 => "*"
              ]
            }
            "productOptions" => Illuminate\Database\Eloquent\Collection {#2894
              #items: []
              #escapeWhenCastingToString: false
            }
            "productOptionValues" => Illuminate\Database\Eloquent\Collection {#2907
              #items: []
              #escapeWhenCastingToString: false
            }
            "skus" => Illuminate\Database\Eloquent\Collection {#2904
              #items: array:1 [
                0 => InnoShop\Common\Models\Product\Sku {#2765
                  #connection: "mysql"
                  #table: "product_skus"
                  #primaryKey: "id"
                  #keyType: "int"
                  +incrementing: true
                  #with: []
                  #withCount: []
                  +preventsLazyLoading: false
                  #perPage: 15
                  +exists: true
                  +wasRecentlyCreated: false
                  #escapeWhenCastingToString: false
                  #attributes: array:14 [
                    "id" => 26
                    "product_id" => 14
                    "images" => "[""]"
                    "product_image_id" => 0
                    "variants" => "[]"
                    "code" => "1000000-1"
                    "model" => "1000000-1"
                    "price" => 19.9
                    "origin_price" => 0.0
                    "quantity" => 100000
                    "is_default" => 1
                    "position" => 0
                    "created_at" => "2025-12-31 06:25:44"
                    "updated_at" => "2025-12-31 06:25:44"
                  ]
                  #original: array:14 [
                    "id" => 26
                    "product_id" => 14
                    "images" => "[""]"
                    "product_image_id" => 0
                    "variants" => "[]"
                    "code" => "1000000-1"
                    "model" => "1000000-1"
                    "price" => 19.9
                    "origin_price" => 0.0
                    "quantity" => 100000
                    "is_default" => 1
                    "position" => 0
                    "created_at" => "2025-12-31 06:25:44"
                    "updated_at" => "2025-12-31 06:25:44"
                  ]
                  #changes: []
                  #previous: []
                  #casts: array:2 [
                    "images" => "array"
                    "variants" => "array"
                  ]
                  #classCastCache: []
                  #attributeCastCache: []
                  #dateFormat: null
                  #appends: array:1 [
                    0 => "image"
                  ]
                  #dispatchesEvents: []
                  #observables: []
                  #relations: []
                  #touches: []
                  #relationAutoloadCallback: null
                  #relationAutoloadContext: null
                  +timestamps: true
                  +usesUniqueIds: false
                  #hidden: []
                  #visible: []
                  #fillable: array:10 [
                    0 => "product_id"
                    1 => "images"
                    2 => "model"
                    3 => "code"
                    4 => "price"
                    5 => "origin_price"
                    6 => "quantity"
                    7 => "is_default"
                    8 => "position"
                    9 => "variants"
                  ]
                  #guarded: array:1 [
                    0 => "*"
                  ]
                }
              ]
              #escapeWhenCastingToString: false
            }
            "productAttributes" => Illuminate\Database\Eloquent\Collection {#2779
              #items: []
              #escapeWhenCastingToString: false
            }
            "relationProducts" => Illuminate\Database\Eloquent\Collection {#2942
              #items: []
              #escapeWhenCastingToString: false
            }
            "translation" => InnoShop\Common\Models\Product\Translation {#2953
              #connection: "mysql"
              #table: "product_translations"
              #primaryKey: "id"
              #keyType: "int"
              +incrementing: true
              #with: []
              #withCount: []
              +preventsLazyLoading: false
              #perPage: 15
              +exists: true
              +wasRecentlyCreated: false
              #escapeWhenCastingToString: false
              #attributes: array:12 [
                "id" => 30
                "product_id" => 14
                "locale" => "zh-cn"
                "name" => "英语口语欧美外教1v1陪练自然拼读零基础网课"
                "summary" => ""
                "selling_point" => ""
                "content" => "<p><img class="img-fluid" src="https://hhrc31.com/static/media/图3.jpg" alt="图3.jpg" /></p>"
                "meta_title" => ""
                "meta_description" => ""
                "meta_keywords" => ""
                "created_at" => "2025-12-31 06:25:44"
                "updated_at" => "2025-12-31 06:25:44"
              ]
              #original: array:12 [
                "id" => 30
                "product_id" => 14
                "locale" => "zh-cn"
                "name" => "英语口语欧美外教1v1陪练自然拼读零基础网课"
                "summary" => ""
                "selling_point" => ""
                "content" => "<p><img class="img-fluid" src="https://hhrc31.com/static/media/图3.jpg" alt="图3.jpg" /></p>"
                "meta_title" => ""
                "meta_description" => ""
                "meta_keywords" => ""
                "created_at" => "2025-12-31 06:25:44"
                "updated_at" => "2025-12-31 06:25:44"
              ]
              #changes: []
              #previous: []
              #casts: []
              #classCastCache: []
              #attributeCastCache: []
              #dateFormat: null
              #appends: []
              #dispatchesEvents: []
              #observables: []
              #relations: []
              #touches: []
              #relationAutoloadCallback: null
              #relationAutoloadContext: null
              +timestamps: true
              +usesUniqueIds: false
              #hidden: []
              #visible: []
              #fillable: array:9 [
                0 => "product_id"
                1 => "locale"
                2 => "name"
                3 => "summary"
                4 => "content"
                5 => "selling_point"
                6 => "meta_title"
                7 => "meta_description"
                8 => "meta_keywords"
              ]
              #guarded: array:1 [
                0 => "*"
              ]
            }
            "translations" => Illuminate\Database\Eloquent\Collection {#2959
              #items: array:1 [
                0 => InnoShop\Common\Models\Product\Translation {#2751
                  #connection: "mysql"
                  #table: "product_translations"
                  #primaryKey: "id"
                  #keyType: "int"
                  +incrementing: true
                  #with: []
                  #withCount: []
                  +preventsLazyLoading: false
                  #perPage: 15
                  +exists: true
                  +wasRecentlyCreated: false
                  #escapeWhenCastingToString: false
                  #attributes: array:12 [
                    "id" => 30
                    "product_id" => 14
                    "locale" => "zh-cn"
                    "name" => "英语口语欧美外教1v1陪练自然拼读零基础网课"
                    "summary" => ""
                    "selling_point" => ""
                    "content" => "<p><img class="img-fluid" src="https://hhrc31.com/static/media/图3.jpg" alt="图3.jpg" /></p>"
                    "meta_title" => ""
                    "meta_description" => ""
                    "meta_keywords" => ""
                    "created_at" => "2025-12-31 06:25:44"
                    "updated_at" => "2025-12-31 06:25:44"
                  ]
                  #original: array:12 [
                    "id" => 30
                    "product_id" => 14
                    "locale" => "zh-cn"
                    "name" => "英语口语欧美外教1v1陪练自然拼读零基础网课"
                    "summary" => ""
                    "selling_point" => ""
                    "content" => "<p><img class="img-fluid" src="https://hhrc31.com/static/media/图3.jpg" alt="图3.jpg" /></p>"
                    "meta_title" => ""
                    "meta_description" => ""
                    "meta_keywords" => ""
                    "created_at" => "2025-12-31 06:25:44"
                    "updated_at" => "2025-12-31 06:25:44"
                  ]
                  #changes: []
                  #previous: []
                  #casts: []
                  #classCastCache: []
                  #attributeCastCache: []
                  #dateFormat: null
                  #appends: []
                  #dispatchesEvents: []
                  #observables: []
                  #relations: []
                  #touches: []
                  #relationAutoloadCallback: null
                  #relationAutoloadContext: null
                  +timestamps: true
                  +usesUniqueIds: false
                  #hidden: []
                  #visible: []
                  #fillable: array:9 [
                    0 => "product_id"
                    1 => "locale"
                    2 => "name"
                    3 => "summary"
                    4 => "content"
                    5 => "selling_point"
                    6 => "meta_title"
                    7 => "meta_description"
                    8 => "meta_keywords"
                  ]
                  #guarded: array:1 [
                    0 => "*"
                  ]
                }
              ]
              #escapeWhenCastingToString: false
            }
            "categories" => Illuminate\Database\Eloquent\Collection {#3039
              #items: []
              #escapeWhenCastingToString: false
            }
            "brand" => null
          ]
          #touches: []
          #relationAutoloadCallback: null
          #relationAutoloadContext: null
          +timestamps: true
          +usesUniqueIds: false
          #hidden: []
          #visible: []
          #fillable: array:18 [
            0 => "type"
            1 => "brand_id"
            2 => "images"
            3 => "hover_image"
            4 => "video"
            5 => "price"
            6 => "tax_class_id"
            7 => "spu_code"
            8 => "slug"
            9 => "is_virtual"
            10 => "variables"
            11 => "position"
            12 => "spu_code"
            13 => "active"
            14 => "weight"
            15 => "weight_class"
            16 => "sales"
            17 => "viewed"
          ]
          #guarded: array:1 [
            0 => "*"
          ]
        }
        "sku" => array:16 [
          "id" => 26
          "product_id" => 14
          "product_image_id" => 0
          "image" => ""
          "image_url" => ""
          "origin_image_url" => ""
          "variants" => []
          "model" => "1000000-1"
          "code" => "1000000-1"
          "price" => 19.9
          "price_format" => "￥19.90"
          "origin_price" => 0.0
          "origin_price_format" => "￥0.00"
          "quantity" => 100000
          "is_default" => 1
          "position" => 0
        ]
        "skus" => array:1 [
          0 => array:16 [
            "id" => 26
            "product_id" => 14
            "product_image_id" => 0
            "image" => ""
            "image_url" => ""
            "origin_image_url" => ""
            "variants" => []
            "model" => "1000000-1"
            "code" => "1000000-1"
            "price" => 19.9
            "price_format" => "￥19.90"
            "origin_price" => 0.0
            "origin_price_format" => "￥0.00"
            "quantity" => 100000
            "is_default" => 1
            "position" => 0
          ]
        ]
        "variants" => []
        "attributes" => []
        "reviews" => Illuminate\Pagination\LengthAwarePaginator {#2767
          #items: Illuminate\Database\Eloquent\Collection {#2795
            #items: []
            #escapeWhenCastingToString: false
          }
          #perPage: 10
          #currentPage: 1
          #path: "https://hhrc31.com/zh-cn/products/14"
          #query: []
          #fragment: null
          #pageName: "page"
          #escapeWhenCastingToString: false
          +onEachSide: 3
          #options: array:2 [
            "path" => "https://hhrc31.com/zh-cn/products/14"
            "pageName" => "page"
          ]
          #total: 0
          #lastPage: 1
        }
        "reviewed" => false
        "related" => Illuminate\Database\Eloquent\Collection {#2942}
        "bundle_items" => Illuminate\Support\Collection {#2943
          #items: []
          #escapeWhenCastingToString: false
        }
        "productOptions" => Illuminate\Database\Eloquent\Collection {#2894}
        "productOptionValues" => Illuminate\Database\Eloquent\Collection {#2907}
      ]
      #path: "/www/wwwroot/hhrc31.com/innopacks/front/resources/views/products/show.blade.php"
    }
    +exception: null
  }
]