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":"\u6c7d\u8f66\u5185\u9970\u6e05\u6d17\u5242\u514d\u6d17\u7528\u54c1\u5f3a\u529b\u53bb\u6c61\u6d17\u8f66\u6db2\u76ae\u9876\u68da\u591a\u529f\u80fd\u6ce1\u6cab\u6e05\u6d01\u795e\u5668","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2025-03-28\/80edf36757f734d129b673a237651017.jpeg","price":19.8,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9j2zkG5nUlPjJeBwfDA1LXFyD0b81oIDQ_Ja7Hy3Oy2","sales_tip":"29.5\u4e07+","query":"platform=pdd&goods_id=E9j2zkG5nUlPjJeBwfDA1LXFyD0b81oIDQ_Ja7Hy3Oy2&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"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":15.7,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9L2K0BeyK5PjJeBwfDA1BOiJq1fu861jQ_Jmx8m8Gmu","sales_tip":"21.1\u4e07+","query":"platform=pdd&goods_id=E9L2K0BeyK5PjJeBwfDA1BOiJq1fu861jQ_Jmx8m8Gmu&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"name":"\u3010\u4f18\u8d8a\u8005\u3011\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":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9L2OnT4f-BPjJeBwfDA1PK7mYJGh-WnWw_JQ04KqnyK4","sales_tip":"75.8\u4e07+","query":"platform=pdd&goods_id=E9L2OnT4f-BPjJeBwfDA1PK7mYJGh-WnWw_JQ04KqnyK4&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"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":25.8,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9z2ylF7WF5PjJeBwfDA1Hw3AHPeTVTyFQ_JPjeBNFHh","sales_tip":"121\u4e07","query":"platform=pdd&goods_id=E9z2ylF7WF5PjJeBwfDA1Hw3AHPeTVTyFQ_JPjeBNFHh&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"name":"\u3010\u9996\u54c1\u3011\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\/2026-01-21\/3291c0d1d4eae31fdf988e0a5327c5b1.jpeg","price":16.6,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9r2N1xm41hPjJeBwfDA1MgZPdNZxTWZ7Q_JQka3z4wsH","sales_tip":"92.9\u4e07+","query":"platform=pdd&goods_id=E9r2N1xm41hPjJeBwfDA1MgZPdNZxTWZ7Q_JQka3z4wsH&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"name":"\u4e2d\u516c\u65b02026\u5c0f\u5b66\u6559\u5e08\u8d44\u683c\u8bc1\u8003\u8bd5\u6559\u6750\u7528\u4e66\u6559\u8d44\u8d44\u6599\u771f\u9898\u8bd5\u5377\u4e0a\u4e0b\u534a\u5e74","photo":"https:\/\/img.pddpic.com\/gaudit-image\/2026-04-25\/4972afeed15d221a4d8935b414e826a5.jpeg","price":16.8,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9H25YxXP9hPjJeBwfDA1IRCkv0fuEJ3CA_JQ7afhAaWi","sales_tip":"27.4\u4e07+","query":"platform=pdd&goods_id=E9H25YxXP9hPjJeBwfDA1IRCkv0fuEJ3CA_JQ7afhAaWi&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"name":"\u3010\u9996\u54c1\u3011\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\/2026-05-25\/448334fa89c6a63cac9b714523581c56.jpeg","price":19.37,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E972Lcf6CA5PjJeBwfDA1KSC4R4Rns_LuQ_J9aPOrE5l","sales_tip":"111.4\u4e07","query":"platform=pdd&goods_id=E972Lcf6CA5PjJeBwfDA1KSC4R4Rns_LuQ_J9aPOrE5l&search_id=7a304def033f44c42a791739a3a35fd3a5f"},{"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":84.77,"search_id":"7a304def033f44c42a791739a3a35fd3a5f","goods_sign":"E9f2gNy2VUZPjJeBwfDA1KVC4zu4PbjwYw_JYRWEjaTu","sales_tip":"2.5\u4e07+","query":"platform=pdd&goods_id=E9f2gNy2VUZPjJeBwfDA1KVC4zu4PbjwYw_JYRWEjaTu&search_id=7a304def033f44c42a791739a3a35fd3a5f"}])