var style = document.createElement('style');

// 将 CSS 样式内容赋值给 style 的 innerHTML 属性
style.innerHTML = `
/* 产品容器 */
#product-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 10px -10px;
  box-sizing: border-box;
}

/* 产品样式 */
.product-row{
    display: flex;
    justify-content: space-around;
}
.product {
    width: 48%;
  margin: 3px 0;
  padding: 5px;
  border: 0px solid #ccc;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);  
}
.product:hover {
  transform: scale(1.01);
  transition: transform 0.3s ease;
}

/* 产品图片 */
.product img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* 产品标题 */
.product h3 {    
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
}

/* 产品价格 */
.product p {
  margin: 5px 0 0;
  font-size: 16px;
  text-align: left;
  color: #f30;
  padding: 0 5px;
}
.product p small{
    font-size: 12px;
    margin: 0 5px 0 0;
}
.product p del{
    font-size: 14px;
    color: #888;
    margin: 0 5px 0 0;
}
.product .desc{
    font-size: 14px;
    color: #080;
}
@media (min-width: 992px) {
    .product-row{
        width: 50%;
    }
}
`;

        // 将 style 元素添加到页面的 head 部分
        document.head.appendChild(style);        
        var newNode = document.createElement("div");
        newNode.id = "product-container";
        var firstArticle = document.getElementsByTagName("article")[0];
        if(document.getElementsByTagName("body")[0].classList.contains("single")){
            var h2 = firstArticle.getElementsByTagName("h2")[1];
            h2.parentNode.insertBefore(newNode, h2);
        }else{
            var article = document.getElementsByTagName("article")[1];
            article.parentNode.insertBefore(newNode, article);
        }             
        function appendItems(products){
            var html = '';

            // 遍历产品数组，生成 HTML 代码
            for (var i = 0; i < products.length; i++) {
                var product = products[i];
                // 每行两个产品，使用条件判断来控制换行
                if (i % 2 === 0) {
                    html += '<div class="product-row">';
                }
                html += '<a class="product" href="/?plugin=jdaffliate&action=item&' + product.query + '" target="_blank">';
                html += '<img src="' + product.photo + '" alt="' + product.name + '">';
                html += '<h3>' + product.name + '</h3>';
                //html += '<p><small>¥</small>' + product.price + '</p>';
                if(product.discount_price){
                    html += `<p><del>¥ ${product.price}</del><small>券后 ¥</small>${product.discount_price}</p>`;
                }else{
                    html += `<p><small>¥</small>${product.price}</p>`;
                }
                html += `<div class="desc">已拼${product.sales_tip}件</div>`;
                html += '</a>';
                // 每行两个产品，使用条件判断来控制换行
                if (i % 2 === 1 || i === products.length - 1) {
                    html += '</div>';
                }
            }

            // 将生成的 HTML 插入到页面中的某个元素中
            var container = document.getElementById('product-container');
            container.innerHTML = html;  
        }
      
        appendItems([{"name":"\u5b98\u65b9\u6b63\u54c1\u81ea\u5df1\u5ac1\u63a5\u776b\u6bdb\u80f6\u6c34\u7741\u773c\u79cd\u7f8e\u776b\u65e0\u523a\u6fc0\u9632\u8fc7\u654f\u6b63\u54c1\u5feb\u901f\u5e72\u8d85\u7c98","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-03-30\/e56bb0dc5f1116e3b62cf8cdc345c63b.jpeg","price":9.67,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9_2K0BeyK5PjJeBwfDfDhA1Rv4yL-cgTA_Jmx8m8Gmu","sales_tip":"22.8\u4e07+","query":"platform=pdd&goods_id=E9_2K0BeyK5PjJeBwfDfDhA1Rv4yL-cgTA_Jmx8m8Gmu&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u5c71\u8336\u82b1\u62a4\u53d1\u7cbe\u6cb9\u5973\u9632\u6bdb\u8e81\u67d4\u987a\u5242\u4fee\u590d\u5e72\u67af\u8865\u6c34\u987a\u6ed1\u6301\u4e45\u7559\u9999\u70eb\u67d3\u53d7\u635f","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-06-01\/f70d5b0b7bb3f6168fcc16450daf796f.jpeg","price":29.9,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9T2JEIzEZ9PjJeBwfDfDnNKPHhlMj6ohw_JQw10zJWqT","sales_tip":"31.8\u4e07+","query":"platform=pdd&goods_id=E9T2JEIzEZ9PjJeBwfDfDnNKPHhlMj6ohw_JQw10zJWqT&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u4f18\u8d8a\u8005\u9002\u7528\u82f9\u679c16\u9632\u7aa5\u94a2\u5316\u819ciPhone15promax\u5168\u5c4f13\u9632\u720614\u624b\u673a\u819cx","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2024-10-05\/99dd0b4bb9818573533a78565de2782a.jpeg","price":4.99,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9_2OnT4f-BPjJeBwfDfDl4pvx0o6f_kaQ_JQ04KqnyK4","sales_tip":"91.6\u4e07+","query":"platform=pdd&goods_id=E9_2OnT4f-BPjJeBwfDfDl4pvx0o6f_kaQ_JQ04KqnyK4&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u660e\u661f\u540c\u6b3e\u7ef4\u7279\u4e1d\u514d\u6d17\u5e72\u53d1\u55b7\u96fe\u84ec\u677e\u63a7\u6cb9\u81ea\u7136\u9ad8\u9885\u9876\u61d2\u4eba\u53bb\u6cb9\u5934\u795e\u5668","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-01-16\/eefbb888560ab72b666161bc19d316f0.jpeg","price":24.8,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9H2ylF7WF5PjJeBwfDfDosZmhAfIcrhDQ_JPjeBNFHh","sales_tip":"61.1\u4e07+","query":"platform=pdd&goods_id=E9H2ylF7WF5PjJeBwfDfDosZmhAfIcrhDQ_JPjeBNFHh&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u9996\u54c1\u679c\u6cb9\u67d3\u72ec\u7acb\u888b\u88c5\u67d3\u53d1\u818f\u690d\u7269\u8403\u53d6\u5b55\u5987\u53ef\u7528\u81ea\u5df1\u5728\u5bb6\u67d3\u53d1\u906e\u76d6\u767d\u53d1","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-04-12\/025fc76a4a901c3c821063364ed24bd5.jpeg","price":16.9,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9f2N1xm41hPjJeBwfDfDoLLYKHVCeoqjQ_JQka3z4wsH","sales_tip":"44.2\u4e07+","query":"platform=pdd&goods_id=E9f2N1xm41hPjJeBwfDfDoLLYKHVCeoqjQ_JQka3z4wsH&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u9996\u54c1\u679c\u6cb9\u67d3\u72ec\u7acb\u888b\u88c5\u6ce1\u6ce1\u67d3\u53d1\u67d3\u53d1\u5242\u690d\u7269\u8403\u53d6\u5b55\u5987\u53ef\u7528\u5728\u5bb6\u906e\u76d6\u767d\u53d1","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2024-06-13\/bab130694c43b2ec356822f886ede599.jpeg","price":19.39,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9P2Lcf6CA5PjJeBwfDfDoOWdpk9DuPIVA_J9aPOrE5l","sales_tip":"82.7\u4e07+","query":"platform=pdd&goods_id=E9P2Lcf6CA5PjJeBwfDfDoOWdpk9DuPIVA_J9aPOrE5l&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u534e\u5f3a\u5317\u9876\u914d\u5439\u98ce\u673a\u5bb6\u7528\u7406\u53d1\u5e97\u5439\u98ce\u7b52\u9542\u7a7a\u65e0\u53f6\u8d1f\u79bb\u5b50\u7535\u5439\u98ce\u9759\u97f3\u901f\u5e72","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-01-28\/5cf4f58abbfb6bc6f2d3a30f3cba541e.jpeg","price":148,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9n2_bO7N5lPjJeBwfDfDqoXapsaD_yAEQ_J7WTGQCON","sales_tip":"10\u4e07+","discount_price":108,"query":"platform=pdd&goods_id=E9n2_bO7N5lPjJeBwfDfDqoXapsaD_yAEQ_J7WTGQCON&search_id=79c217482596f40a091ca30b86d8be20def"},{"name":"\u5168\u81ea\u52a8\u5bb6\u7528\u5206\u4f53\u714e\u836f\u58f6\u7d2b\u7802\u71ac\u836f\u7f50\u7172\u4e2d\u836f\u7535\u7802\u9505\u4e2d\u533b\u517b\u751f\u58f6\u673a\u716e\u667a\u80fd","photo":"https:\/\/t00img.yangkeduo.com\/goods\/images\/2020-09-16\/f5f89a93c4bbed8f55ffc003865438d9.jpeg","price":86.9,"search_id":"79c217482596f40a091ca30b86d8be20def","goods_sign":"E9r2gNy2VUZPjJeBwfDfDoMTKKOjG8D90w_JYRWEjaTu","sales_tip":"2.4\u4e07+","query":"platform=pdd&goods_id=E9r2gNy2VUZPjJeBwfDfDoMTKKOjG8D90w_JYRWEjaTu&search_id=79c217482596f40a091ca30b86d8be20def"}])