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":11.6,"search_id":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9z2K0BeyK5PjJeBwfDfIBciG4pYP7AL1A_Jmx8m8Gmu","sales_tip":"63.3\u4e07+","query":"platform=pdd&goods_id=E9z2K0BeyK5PjJeBwfDfIBciG4pYP7AL1A_Jmx8m8Gmu&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"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":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9f2JEIzEZ9PjJeBwfDfILHoyqj8pGSpqA_JQw10zJWqT","sales_tip":"2.9\u4e07+","query":"platform=pdd&goods_id=E9f2JEIzEZ9PjJeBwfDfILHoyqj8pGSpqA_JQw10zJWqT&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"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":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9z2OnT4f-BPjJeBwfDfIDiD7hy3PdlfdA_JQ04KqnyK4","sales_tip":"132.5\u4e07","query":"platform=pdd&goods_id=E9z2OnT4f-BPjJeBwfDfIDiD7hy3PdlfdA_JQ04KqnyK4&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"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":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9L2ylF7WF5PjJeBwfDfINWqYWDuGrrY0g_JPjeBNFHh","sales_tip":"112.5\u4e07","query":"platform=pdd&goods_id=E9L2ylF7WF5PjJeBwfDfINWqYWDuGrrY0g_JPjeBNFHh&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"name":"\u5f3a\u6548\u9664\u80f6\u5242\u5bb6\u7528\u4e07\u80fd\u53bb\u80f6\u5f3a\u529b\u5feb\u901f\u6e05\u9664\u5242\u6d17\u6c7d\u8f66\u73bb\u7483\u4e0d\u5e72\u80f6\u53cc\u9762\u7c98\u80f6","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2024-10-14\/0f9bae0556b01bfeb05362d5e03f8f5e.jpeg","price":20.8,"search_id":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9_2O-L9HXFPjJeBwfDfIBORJt8zhmPMSQ_JQktqC88j","sales_tip":"1.3\u4e07+","query":"platform=pdd&goods_id=E9_2O-L9HXFPjJeBwfDfIBORJt8zhmPMSQ_JQktqC88j&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"name":"\u9996\u54c1\u679c\u6cb9\u67d3\u72ec\u7acb\u888b\u88c5\u67d3\u53d1\u818f\u690d\u7269\u8403\u53d6\u7537\u5973\u901a\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":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9T2N1xm41hPjJeBwfDfIPoLvyHqT4VUag_JQka3z4wsH","sales_tip":"45.4\u4e07+","query":"platform=pdd&goods_id=E9T2N1xm41hPjJeBwfDfIPoLvyHqT4VUag_JQka3z4wsH&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"name":"\u9996\u54c1\u679c\u6cb9\u67d3\u72ec\u7acb\u888b\u88c5\u6ce1\u6ce1\u67d3\u53d1\u67d3\u53d1\u5242\u690d\u7269\u8403\u53d6\u7537\u5973\u901a\u7528\u5728\u5bb6\u906e\u76d6\u767d\u53d1","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2024-06-13\/bab130694c43b2ec356822f886ede599.jpeg","price":19.39,"search_id":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9D2Lcf6CA5PjJeBwfDfIAxvb0CkMafgZA_J9aPOrE5l","sales_tip":"78.6\u4e07+","query":"platform=pdd&goods_id=E9D2Lcf6CA5PjJeBwfDfIAxvb0CkMafgZA_J9aPOrE5l&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"},{"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":"7ef0b438ccc2742e6bfcf754b1cdf1ac784","goods_sign":"E9n2gNy2VUZPjJeBwfDfINuViH9o9bxebw_JYRWEjaTu","sales_tip":"2.4\u4e07+","query":"platform=pdd&goods_id=E9n2gNy2VUZPjJeBwfDfINuViH9o9bxebw_JYRWEjaTu&search_id=7ef0b438ccc2742e6bfcf754b1cdf1ac784"}])