Przeglądaj źródła

web(plastic-health): replace 亿图腾→浠艾福, add Clarity, fix two-col mobile responsive

asus 3 miesięcy temu
rodzic
commit
77aaeb2bcf
1 zmienionych plików z 15 dodań i 6 usunięć
  1. 15 6
      web/plastic-health.html

+ 15 - 6
web/plastic-health.html

@@ -10,7 +10,7 @@
   <meta property="og:type" content="article">
   <meta property="og:image" content="https://www.etotem.com.cn/img/plastic-hero.jpg">
   <meta name="theme-color" content="#0A2463">
-  <title>看不见的入侵者 — 微塑料与办公室饮水健康 · 亿图腾</title>
+  <title>看不见的入侵者 — 微塑料与办公室饮水健康 · 浠艾福</title>
   <style>
     /* ===== Design Tokens ===== */
     :root {
@@ -384,6 +384,7 @@
       grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
       gap: 1rem;
     }
+    .two-col-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
     .tip-card {
       background: white;
       border-radius: var(--radius);
@@ -462,6 +463,7 @@
       .data-grid { grid-template-columns: 1fr; }
       .citation-grid { grid-template-columns: 1fr; }
       .tip-grid { grid-template-columns: 1fr; }
+      .two-col-grid { grid-template-columns: 1fr; }
       .infographic { grid-template-columns: repeat(2, 1fr); }
       section { padding: 2.5rem 0; }
       h2 { font-size: 1.4rem; }
@@ -502,6 +504,13 @@
     }
     .ref-link-icon:hover { text-decoration: underline; }
   </style>
+<script type="text/javascript">
+    (function(c,l,a,r,i,t,y){
+        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    })(window, document, "clarity", "script", "xj4p74ra9m");
+  </script>
 </head>
 <body>
 
@@ -618,7 +627,7 @@
     <h2>🧊 办公室饮水场景:桶装水/瓶装水的真相</h2>
     <p>对于办公室人群,塑料微粒的来源高度集中。下面是针对办公室场景的风险因素分析:</p>
 
-    <div class="citation-grid" style="grid-template-columns:1fr 1fr;">
+    <div class="two-col-grid">
       <div class="citation-card">
         <div class="source">PNAS · 2024</div>
         <div class="title">每升瓶装水含约24万个塑料微粒</div>
@@ -676,7 +685,7 @@
     </div>
 
     <!-- 截图:四大风险对应证据 -->
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;">
+    <div class="two-col-grid" style="margin:1.5rem 0;">
       <div>
         <a href="img/ref-pet-sources.png" target="_blank">
           <img src="img/ref-pet-sources.png" alt="PET瓶污染源" style="width:100%;border-radius:12px;border:1px solid #E2E8F0;box-shadow:0 4px 12px rgba(0,0,0,0.08);">
@@ -950,7 +959,7 @@
     </table>
     </div>
 
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;">
+    <div class="two-col-grid" style="margin-top:1.5rem;">
       <div class="highlight-box green" style="margin:0;">
         <p><strong>自来水烧开</strong>——在微塑料层面是最安全经济的方案,但需注意:<strong>烧开无法去除抗生素、农药残留、避孕药等化学污染物</strong>。若水源存在此类风险,建议搭配活性炭滤水壶或选择过滤净水方案。结论:<strong>预算有限时的最优入门方案,但非完美方案</strong>。</p>
       </div>
@@ -1009,7 +1018,7 @@
     <h3 style="margin-top:2rem;">✅ 方案二:电解还原水机(最优解)</h3>
     <p>如果办公室条件允许升级饮水设备,<strong>电解还原水机</strong>是目前综合最优的选择。它在微塑料防护的基础上,额外提供了健康增益:</p>
 
-    <div style="display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0;">
+    <div class="two-col-grid" style="margin:1.2rem 0;">
       <div class="citation-card" style="margin:0;">
         <div class="source">微塑料过滤</div>
         <div class="findings">电解还原水机通常内置多层过滤系统(PP棉+活性炭+UF超滤),可有效去除水中微塑料、余氯、重金属等污染物。出水纯净度远超市面桶装水。</div>
@@ -1210,7 +1219,7 @@
 <!-- ===== FOOTER ===== -->
 <footer class="site-footer">
   <div class="container">
-    <p>© 2026 亿图腾(北京)科技有限公司 · 内容基于公开权威研究整理</p>
+    <p>© 2026 浠艾福(北京)科技有限公司 · 内容基于公开权威研究整理</p>
     <p style="margin-top:0.5rem;">
       <a href="https://www.etotem.com.cn">返回官网</a>
       &nbsp;·&nbsp;