\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 – \u4ea7\u54c1\u8be6\u60c5<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans SC', sans-serif;\n color: #333;\n background-color: #f8f8f8;\n }\n h1, h2, h3, h4 {\n font-family: 'Playfair Display', serif;\n color: #1a4d2e; \/* \u6df1\u7eff\u8272 *\/\n }\n .btn-primary {\n background-color: #4a934a; \/* \u5145\u6ee1\u6d3b\u529b\u7684\u7eff\u8272 *\/\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s ease;\n display: inline-block;\n text-decoration: none;\n }\n .btn-primary:hover {\n background-color: #3b7a3b;\n }\n .section-title {\n position: relative;\n display: inline-block;\n margin-bottom: 2rem;\n }\n .section-title::after {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -10px;\n width: 60px;\n height: 4px;\n background-color: #4a934a;\n border-radius: 2px;\n }\n .product-spec-item {\n display: flex;\n align-items: center;\n margin-bottom: 0.5rem;\n }\n .product-spec-item strong {\n min-width: 80px; \/* \u8c03\u6574\u4ee5\u5bf9\u9f50 *\/\n margin-right: 1rem;\n color: #1a4d2e;\n }\n \/* Carousel specific styles *\/\n .carousel-container {\n position: relative;\n width: 100%;\n max-width: 500px; \/* Max width for the carousel *\/\n margin: 0 auto;\n overflow: hidden; \/* Crucial for hiding extra images *\/\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n height: 350px; \/* Define a height to prevent layout shift if images load slowly *\/\n }\n .carousel-images {\n width: 100%;\n height: 100%;\n }\n .carousel-images img {\n display: none; \/* Hidden by default *\/\n width: 100%;\n height: 100%;\n object-fit: contain; \/* Keep aspect ratio and fit within bounds *\/\n background-color: #f0fdf4; \/* Light green background *\/\n }\n .carousel-images img.active {\n display: block; \/* Only active image is visible *\/\n }\n .carousel-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0,0,0,0.5);\n color: white;\n border: none;\n padding: 0.75rem 0.5rem;\n cursor: pointer;\n z-index: 10;\n font-size: 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s ease;\n }\n .carousel-button:hover {\n background-color: rgba(0,0,0,0.7);\n }\n .carousel-button.prev {\n left: 10px;\n }\n .carousel-button.next {\n right: 10px;\n }\n .carousel-dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .carousel-dot {\n width: 10px;\n height: 10px;\n background-color: rgba(255,255,255,0.5);\n border-radius: 50%;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .carousel-dot.active {\n background-color: white;\n }\n\n \/* Product Detail Images - Vertical Layout *\/\n .detail-image-gallery {\n display: flex; \/* Use flexbox for vertical stacking *\/\n flex-direction: column; \/* Stack items vertically *\/\n gap: 2rem; \/* Spacing between images *\/\n align-items: center; \/* Center images horizontally *\/\n }\n .detail-image-gallery img {\n width: 100%;\n height: auto;\n object-fit: contain;\n border-radius: 0.5rem;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n background-color: white;\n }\n \/* \u5b50\u5bfc\u822a\u94fe\u63a5\u6837\u5f0f - \u5df2\u79fb\u9664\uff0c\u4f46\u4fdd\u7559\u6837\u5f0f\u5b9a\u4e49\u4ee5\u9632\u4e07\u4e00 *\/\n .sub-nav-link {\n @apply px-4 py-2 border-b-2 border-transparent text-gray-600 hover:text-green-700 hover:border-green-700 transition-colors duration-200 font-medium whitespace-nowrap;\n }\n .sub-nav-link.active {\n @apply border-green-700 text-green-700;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n <main class=\"container mx-auto px-4 py-8\">\n\n \n <div class=\"mb-8\">\n <a href=\"products_zh.html\" class=\"text-green-700 hover:text-green-900 font-medium flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n <\/svg>\n \u8fd4\u56de\u4ea7\u54c1\u5217\u8868\n <\/a>\n <\/div>\n\n \n <section class=\"text-center mb-12\">\n <h1 class=\"text-5xl section-title mb-4\">\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69<\/h1>\n <p class=\"text-lg text-gray-700 max-w-3xl mx-auto\">\n \u91d1\u53d1\u79d1\u6280\u6700\u65b0\u7814\u53d1\u7684\u53ef\u751f\u7269\u964d\u89e3\u533b\u7528\u5916\u79d1\u53e3\u7f69\uff0c\u7ed3\u5408\u5353\u8d8a\u9632\u62a4\u6027\u80fd\u4e0e\u73af\u4fdd\u7406\u5ff5\uff0c\u4e3a\u60a8\u7684\u5065\u5eb7\u548c\u5730\u7403\u7684\u672a\u6765\u63d0\u4f9b\u53cc\u91cd\u4fdd\u969c\u3002\n <\/p>\n <\/section>\n\n \n <section id=\"product-overview\" class=\"bg-white p-8 rounded-lg shadow-md mb-12\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n \n <div class=\"flex justify-center\">\n <div class=\"carousel-container\">\n <div class=\"carousel-images\" id=\"mainProductCarousel\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/SKU-1.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe1\" class=\"active\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/SKU-2.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe2\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/2-1.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe3\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/1-2.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe4\">\n <\/div>\n <button class=\"carousel-button prev\" onclick=\"moveSlide('mainProductCarousel', 'mainProductDots', -1)\">❮<\/button>\n <button class=\"carousel-button next\" onclick=\"moveSlide('mainProductCarousel', 'mainProductDots', 1)\">❯<\/button>\n <div class=\"carousel-dots\" id=\"mainProductDots\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-specs text-lg\">\n <h3 class=\"text-3xl font-bold mb-4 text-green-700\">\u4ea7\u54c1\u89c4\u683c<\/h3>\n <ul class=\"list-disc pl-6 text-gray-700 space-y-2 mb-6\">\n <li><strong>\u4ea7\u54c1\u4ee3\u7801:<\/strong> SPROUT P11E (\u63d0\u4f9b\u72ec\u7acb\u5305\u88c5\u9009\u9879)<\/li>\n <li><strong>\u7c7b\u578b:<\/strong> 3 Ply, Bio-Degradable, Ear-Loop, Hidden BridgeCrossbar<\/li>\n <li><strong>\u7b49\u7ea7:<\/strong> Type II<\/li>\n <li><strong>\u7ec6\u83cc\u8fc7\u6ee4\u6548\u7387 (BFE):<\/strong> \u226598%<\/li>\n <li><strong>\u6750\u8d28:<\/strong> PLA\u65e0\u7eba\u5e03\uff0c\u9ad8\u6d41\u52a8\u6027PLA\u7194\u55b7\u5e03<\/li>\n <li><strong>\u5305\u88c5:<\/strong> 50 \u7247\/\u76d2 (\u975e\u72ec\u7acb\u5305\u88c5) \u6216 10 \u7247\/\u76d2 (\u72ec\u7acb\u5305\u88c5)\uff0c\u652f\u6301OEM\u5b9a\u5236<\/li>\n <li><strong>\u4fdd\u8d28\u671f:<\/strong> 12 \u4e2a\u6708<\/li>\n <\/ul>\n <div class=\"flex gap-4 mt-4\">\n <a href=\"https:\/\/lotuspure.io\/?page_id=192\" class=\"btn-primary inline-block text-lg\">\u54a8\u8be2\u8d2d\u4e70<\/a>\n <a href=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0005-scaled.jpg\" target=\"_blank\" class=\"btn-primary inline-block text-lg\">\u4e0b\u8f7d\u624b\u518c (PDF)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"production-details\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u751f\u4ea7\u8be6\u60c5\u4e0e\u8d28\u91cf\u7ba1\u7406<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0005-scaled.jpg\" alt=\"\u4ea7\u54c1\u751f\u4ea7\u6d41\u7a0b\u56fe\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0008-scaled.jpg\" alt=\"\u4ea7\u54c1\u8d28\u91cf\u63a7\u5236\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"biodegradation-science\" class=\"py-16 md:py-24 bg-gray-100\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u751f\u7269\u964d\u89e3\u79d1\u5b66<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0007-scaled.jpg\" alt=\"\u751f\u7269\u964d\u89e3\u539f\u7406\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features-specs\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u4ea7\u54c1\u7279\u6027\u4e0e\u8be6\u7ec6\u89c4\u683c<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0007-scaled.jpg\" alt=\"\u53e3\u7f69\u7279\u6027\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ \u901a\u7528\u8f6e\u64ad\u56fe\u521d\u59cb\u5316\u51fd\u6570\n function initCarousel(carouselId, dotsId) {\n let slideIndex = 0;\n const carouselImagesContainer = document.getElementById(carouselId);\n const slides = carouselImagesContainer.children;\n const dotsContainer = document.getElementById(dotsId);\n\n \/\/ \u52a8\u6001\u521b\u5efa\u6307\u793a\u70b9\n function createDots() {\n dotsContainer.innerHTML = ''; \/\/ \u6e05\u9664\u73b0\u6709\u6307\u793a\u70b9\n for (let i = 0; i < slides.length; i++) {\n const dot = document.createElement('span');\n dot.classList.add('carousel-dot');\n dot.onclick = () => currentSlide(carouselId, dotsId, i);\n dotsContainer.appendChild(dot);\n }\n }\n\n \/\/ \u663e\u793a\u5f53\u524d\u5e7b\u706f\u7247\u5e76\u6fc0\u6d3b\u5bf9\u5e94\u6307\u793a\u70b9\n function showSlides() {\n for (let i = 0; i < slides.length; i++) {\n slides[i].classList.remove('active');\n if (dotsContainer.children[i]) {\n dotsContainer.children[i].classList.remove('active');\n }\n }\n slides[slideIndex].classList.add('active');\n if (dotsContainer.children[slideIndex]) {\n dotsContainer.children[slideIndex].classList.add('active');\n }\n }\n\n \/\/ \u5916\u90e8\u8c03\u7528\u51fd\u6570\uff0c\u7528\u4e8e\u5207\u6362\u5e7b\u706f\u7247\n window.moveSlide = function(targetCarouselId, targetDotsId, n) {\n if (targetCarouselId === carouselId) { \/\/ \u786e\u4fdd\u53ea\u64cd\u4f5c\u5f53\u524d\u8f6e\u64ad\n slideIndex += n;\n if (slideIndex >= slides.length) {\n slideIndex = 0;\n }\n if (slideIndex < 0) {\n slideIndex = slides.length - 1;\n }\n showSlides();\n }\n };\n\n \/\/ \u5916\u90e8\u8c03\u7528\u51fd\u6570\uff0c\u7528\u4e8e\u76f4\u63a5\u8df3\u8f6c\u5230\u6307\u5b9a\u5e7b\u706f\u7247\n window.currentSlide = function(targetCarouselId, targetDotsId, n) {\n if (targetCarouselId === carouselId) { \/\/ \u786e\u4fdd\u53ea\u64cd\u4f5c\u5f53\u524d\u8f6e\u64ad\n slideIndex = n;\n showSlides();\n }\n };\n\n createDots();\n showSlides();\n }\n\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\u6240\u6709\u8f6e\u64ad\u56fe\n document.addEventListener('DOMContentLoaded', () => {\n initCarousel('mainProductCarousel', 'mainProductDots');\n });\n\n \/\/ Smooth scrolling for sections (no sub-nav links to update active state)\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 – \u4ea7\u54c1\u8be6\u60c5 \u8fd4\u56de\u4ea7\u54c1\u5217\u8868 \u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 \u91d1\u53d1\u79d1\u6280\u6700\u65b0\u7814\u53d1\u7684\u53ef\u751f\u7269\u964d\u89e3\u533b\u7528\u5916\u79d1\u53e3 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-422","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=422"}],"version-history":[{"count":16,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422\/revisions\/443"}],"up":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/165"}],"wp:attachment":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 – \u4ea7\u54c1\u8be6\u60c5<\/title>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/tailwindcss@2.2.19\/dist\/tailwind.min.css\" rel=\"stylesheet\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;700&family=Playfair+Display:wght@700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans SC', sans-serif;\n color: #333;\n background-color: #f8f8f8;\n }\n h1, h2, h3, h4 {\n font-family: 'Playfair Display', serif;\n color: #1a4d2e; \/* \u6df1\u7eff\u8272 *\/\n }\n .btn-primary {\n background-color: #4a934a; \/* \u5145\u6ee1\u6d3b\u529b\u7684\u7eff\u8272 *\/\n color: white;\n padding: 0.75rem 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s ease;\n display: inline-block;\n text-decoration: none;\n }\n .btn-primary:hover {\n background-color: #3b7a3b;\n }\n .section-title {\n position: relative;\n display: inline-block;\n margin-bottom: 2rem;\n }\n .section-title::after {\n content: '';\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -10px;\n width: 60px;\n height: 4px;\n background-color: #4a934a;\n border-radius: 2px;\n }\n .product-spec-item {\n display: flex;\n align-items: center;\n margin-bottom: 0.5rem;\n }\n .product-spec-item strong {\n min-width: 80px; \/* \u8c03\u6574\u4ee5\u5bf9\u9f50 *\/\n margin-right: 1rem;\n color: #1a4d2e;\n }\n \/* Carousel specific styles *\/\n .carousel-container {\n position: relative;\n width: 100%;\n max-width: 500px; \/* Max width for the carousel *\/\n margin: 0 auto;\n overflow: hidden; \/* Crucial for hiding extra images *\/\n border-radius: 0.75rem;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n height: 350px; \/* Define a height to prevent layout shift if images load slowly *\/\n }\n .carousel-images {\n width: 100%;\n height: 100%;\n }\n .carousel-images img {\n display: none; \/* Hidden by default *\/\n width: 100%;\n height: 100%;\n object-fit: contain; \/* Keep aspect ratio and fit within bounds *\/\n background-color: #f0fdf4; \/* Light green background *\/\n }\n .carousel-images img.active {\n display: block; \/* Only active image is visible *\/\n }\n .carousel-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0,0,0,0.5);\n color: white;\n border: none;\n padding: 0.75rem 0.5rem;\n cursor: pointer;\n z-index: 10;\n font-size: 1.5rem;\n border-radius: 0.5rem;\n transition: background-color 0.3s ease;\n }\n .carousel-button:hover {\n background-color: rgba(0,0,0,0.7);\n }\n .carousel-button.prev {\n left: 10px;\n }\n .carousel-button.next {\n right: 10px;\n }\n .carousel-dots {\n position: absolute;\n bottom: 10px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 10;\n }\n .carousel-dot {\n width: 10px;\n height: 10px;\n background-color: rgba(255,255,255,0.5);\n border-radius: 50%;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n .carousel-dot.active {\n background-color: white;\n }\n\n \/* Product Detail Images - Vertical Layout *\/\n .detail-image-gallery {\n display: flex; \/* Use flexbox for vertical stacking *\/\n flex-direction: column; \/* Stack items vertically *\/\n gap: 2rem; \/* Spacing between images *\/\n align-items: center; \/* Center images horizontally *\/\n }\n .detail-image-gallery img {\n width: 100%;\n height: auto;\n object-fit: contain;\n border-radius: 0.5rem;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n background-color: white;\n }\n \/* \u5b50\u5bfc\u822a\u94fe\u63a5\u6837\u5f0f - \u5df2\u79fb\u9664\uff0c\u4f46\u4fdd\u7559\u6837\u5f0f\u5b9a\u4e49\u4ee5\u9632\u4e07\u4e00 *\/\n .sub-nav-link {\n @apply px-4 py-2 border-b-2 border-transparent text-gray-600 hover:text-green-700 hover:border-green-700 transition-colors duration-200 font-medium whitespace-nowrap;\n }\n .sub-nav-link.active {\n @apply border-green-700 text-green-700;\n }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50\">\n\n <main class=\"container mx-auto px-4 py-8\">\n\n \n <div class=\"mb-8\">\n <a href=\"products_zh.html\" class=\"text-green-700 hover:text-green-900 font-medium flex items-center\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\" \/>\n <\/svg>\n \u8fd4\u56de\u4ea7\u54c1\u5217\u8868\n <\/a>\n <\/div>\n\n \n <section class=\"text-center mb-12\">\n <h1 class=\"text-5xl section-title mb-4\">\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69<\/h1>\n <p class=\"text-lg text-gray-700 max-w-3xl mx-auto\">\n \u91d1\u53d1\u79d1\u6280\u6700\u65b0\u7814\u53d1\u7684\u53ef\u751f\u7269\u964d\u89e3\u533b\u7528\u5916\u79d1\u53e3\u7f69\uff0c\u7ed3\u5408\u5353\u8d8a\u9632\u62a4\u6027\u80fd\u4e0e\u73af\u4fdd\u7406\u5ff5\uff0c\u4e3a\u60a8\u7684\u5065\u5eb7\u548c\u5730\u7403\u7684\u672a\u6765\u63d0\u4f9b\u53cc\u91cd\u4fdd\u969c\u3002\n <\/p>\n <\/section>\n\n \n <section id=\"product-overview\" class=\"bg-white p-8 rounded-lg shadow-md mb-12\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n \n <div class=\"flex justify-center\">\n <div class=\"carousel-container\">\n <div class=\"carousel-images\" id=\"mainProductCarousel\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/SKU-1.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe1\" class=\"active\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/SKU-2.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe2\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/2-1.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe3\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/1-2.jpg\" alt=\"\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69\u4e3b\u56fe4\">\n <\/div>\n <button class=\"carousel-button prev\" onclick=\"moveSlide('mainProductCarousel', 'mainProductDots', -1)\">❮<\/button>\n <button class=\"carousel-button next\" onclick=\"moveSlide('mainProductCarousel', 'mainProductDots', 1)\">❯<\/button>\n <div class=\"carousel-dots\" id=\"mainProductDots\"><\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-specs text-lg\">\n <h3 class=\"text-3xl font-bold mb-4 text-green-700\">\u4ea7\u54c1\u89c4\u683c<\/h3>\n <ul class=\"list-disc pl-6 text-gray-700 space-y-2 mb-6\">\n <li><strong>\u4ea7\u54c1\u4ee3\u7801:<\/strong> SPROUT P11E (\u63d0\u4f9b\u72ec\u7acb\u5305\u88c5\u9009\u9879)<\/li>\n <li><strong>\u7c7b\u578b:<\/strong> 3 Ply, Bio-Degradable, Ear-Loop, Hidden BridgeCrossbar<\/li>\n <li><strong>\u7b49\u7ea7:<\/strong> Type II<\/li>\n <li><strong>\u7ec6\u83cc\u8fc7\u6ee4\u6548\u7387 (BFE):<\/strong> \u226598%<\/li>\n <li><strong>\u6750\u8d28:<\/strong> PLA\u65e0\u7eba\u5e03\uff0c\u9ad8\u6d41\u52a8\u6027PLA\u7194\u55b7\u5e03<\/li>\n <li><strong>\u5305\u88c5:<\/strong> 50 \u7247\/\u76d2 (\u975e\u72ec\u7acb\u5305\u88c5) \u6216 10 \u7247\/\u76d2 (\u72ec\u7acb\u5305\u88c5)\uff0c\u652f\u6301OEM\u5b9a\u5236<\/li>\n <li><strong>\u4fdd\u8d28\u671f:<\/strong> 12 \u4e2a\u6708<\/li>\n <\/ul>\n <div class=\"flex gap-4 mt-4\">\n <a href=\"https:\/\/lotuspure.io\/?page_id=192\" class=\"btn-primary inline-block text-lg\">\u54a8\u8be2\u8d2d\u4e70<\/a>\n <a href=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0005-scaled.jpg\" target=\"_blank\" class=\"btn-primary inline-block text-lg\">\u4e0b\u8f7d\u624b\u518c (PDF)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"production-details\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u751f\u4ea7\u8be6\u60c5\u4e0e\u8d28\u91cf\u7ba1\u7406<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0005-scaled.jpg\" alt=\"\u4ea7\u54c1\u751f\u4ea7\u6d41\u7a0b\u56fe\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0008-scaled.jpg\" alt=\"\u4ea7\u54c1\u8d28\u91cf\u63a7\u5236\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"biodegradation-science\" class=\"py-16 md:py-24 bg-gray-100\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u751f\u7269\u964d\u89e3\u79d1\u5b66<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0007-scaled.jpg\" alt=\"\u751f\u7269\u964d\u89e3\u539f\u7406\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"features-specs\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 text-left max-w-5xl\">\n <h2 class=\"text-4xl section-title text-center mb-12\">\u4ea7\u54c1\u7279\u6027\u4e0e\u8be6\u7ec6\u89c4\u683c<\/h2>\n <div class=\"detail-image-gallery\">\n <img decoding=\"async\" src=\"https:\/\/lotuspure.io\/wp-content\/uploads\/2025\/07\/Bio-DegradableMasksBrochure_page-0007-scaled.jpg\" alt=\"\u53e3\u7f69\u7279\u6027\u56fe\">\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <script>\n \/\/ \u901a\u7528\u8f6e\u64ad\u56fe\u521d\u59cb\u5316\u51fd\u6570\n function initCarousel(carouselId, dotsId) {\n let slideIndex = 0;\n const carouselImagesContainer = document.getElementById(carouselId);\n const slides = carouselImagesContainer.children;\n const dotsContainer = document.getElementById(dotsId);\n\n \/\/ \u52a8\u6001\u521b\u5efa\u6307\u793a\u70b9\n function createDots() {\n dotsContainer.innerHTML = ''; \/\/ \u6e05\u9664\u73b0\u6709\u6307\u793a\u70b9\n for (let i = 0; i < slides.length; i++) {\n const dot = document.createElement('span');\n dot.classList.add('carousel-dot');\n dot.onclick = () => currentSlide(carouselId, dotsId, i);\n dotsContainer.appendChild(dot);\n }\n }\n\n \/\/ \u663e\u793a\u5f53\u524d\u5e7b\u706f\u7247\u5e76\u6fc0\u6d3b\u5bf9\u5e94\u6307\u793a\u70b9\n function showSlides() {\n for (let i = 0; i < slides.length; i++) {\n slides[i].classList.remove('active');\n if (dotsContainer.children[i]) {\n dotsContainer.children[i].classList.remove('active');\n }\n }\n slides[slideIndex].classList.add('active');\n if (dotsContainer.children[slideIndex]) {\n dotsContainer.children[slideIndex].classList.add('active');\n }\n }\n\n \/\/ \u5916\u90e8\u8c03\u7528\u51fd\u6570\uff0c\u7528\u4e8e\u5207\u6362\u5e7b\u706f\u7247\n window.moveSlide = function(targetCarouselId, targetDotsId, n) {\n if (targetCarouselId === carouselId) { \/\/ \u786e\u4fdd\u53ea\u64cd\u4f5c\u5f53\u524d\u8f6e\u64ad\n slideIndex += n;\n if (slideIndex >= slides.length) {\n slideIndex = 0;\n }\n if (slideIndex < 0) {\n slideIndex = slides.length - 1;\n }\n showSlides();\n }\n };\n\n \/\/ \u5916\u90e8\u8c03\u7528\u51fd\u6570\uff0c\u7528\u4e8e\u76f4\u63a5\u8df3\u8f6c\u5230\u6307\u5b9a\u5e7b\u706f\u7247\n window.currentSlide = function(targetCarouselId, targetDotsId, n) {\n if (targetCarouselId === carouselId) { \/\/ \u786e\u4fdd\u53ea\u64cd\u4f5c\u5f53\u524d\u8f6e\u64ad\n slideIndex = n;\n showSlides();\n }\n };\n\n createDots();\n showSlides();\n }\n\n \/\/ \u9875\u9762\u52a0\u8f7d\u5b8c\u6210\u540e\u521d\u59cb\u5316\u6240\u6709\u8f6e\u64ad\u56fe\n document.addEventListener('DOMContentLoaded', () => {\n initCarousel('mainProductCarousel', 'mainProductDots');\n });\n\n \/\/ Smooth scrolling for sections (no sub-nav links to update active state)\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const targetId = this.getAttribute('href');\n const targetElement = document.querySelector(targetId);\n if (targetElement) {\n targetElement.scrollIntoView({\n behavior: 'smooth'\n });\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 – \u4ea7\u54c1\u8be6\u60c5 \u8fd4\u56de\u4ea7\u54c1\u5217\u8868 \u91d1\u53d1\u53ef\u964d\u89e3\u53e3\u7f69 \u91d1\u53d1\u79d1\u6280\u6700\u65b0\u7814\u53d1\u7684\u53ef\u751f\u7269\u964d\u89e3\u533b\u7528\u5916\u79d1\u53e3 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-422","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=422"}],"version-history":[{"count":16,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/422\/revisions\/443"}],"up":[{"embeddable":true,"href":"https:\/\/lotuspure.io\/index.php?rest_route=\/wp\/v2\/pages\/165"}],"wp:attachment":[{"href":"https:\/\/lotuspure.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}