此刻标题行降权；首页广场分类字居中；生娃计算器去性别题加 4 题、给妈妈的话改轻提示；妊娠纹加成分含量；v26110127
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
@@ -10,7 +10,11 @@
|
||||
01 体重：按孕周的增重推荐区间曲线（SVG）+ 按孕前 BMI 分组卡（点卡切换曲线，有孕周时标出「你在这里」）；
|
||||
02 阶段时间轴（按 openid 读孕周点亮，逻辑同 v2）；「为什么这样做」本页例外：可见的一句话（≤30 字）；
|
||||
03 成分对照两栏。推荐工具走 ../_shared/tools.js（原 #goWeight 跳 /yunqi-tizhong/ 已并入组件，不再单独放按钮）。
|
||||
只写成分和品类、不点名品牌；百分比只出现在页底「参考来源」。
|
||||
只写成分和品类、不点名品牌。
|
||||
2026-11-01 按用户「妊娠纹内容丰富一点，说含量（成分）不说品牌」：03 由两栏速查扩为「看成分怎么选」三组
|
||||
（孕期可以用 / 产后再用·停止哺乳后 / 孕期别用），每条＝成分名 + 常见添加量或浓度（没有可靠数值就不写数）+ 作用 + 证据强弱（●●●）；
|
||||
加「说句实话」卡；新增 04「怎么抹」四格清单；页底参考来源补成分依据。03 起页面正文开始出现浓度数字（原「百分比只在页底」规则作废）。
|
||||
（/tmp/wen-before-cssclean.html 为本次删旧 .vs 样式前的中间稿。）
|
||||
自成一页：不引 app.js；回首页走相对路径 ../../，站内跳转带 location.search + location.hash。
|
||||
v2 备份 /tmp/pl/wen-v2-before-v3.html；更早 /tmp/pl/wen-v2-backup.html。 -->
|
||||
<style>
|
||||
@@ -127,24 +131,44 @@ h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
|
||||
.st .why{margin-top:8px;padding-top:8px;border-top:1px dashed #F3D3DA;font-size:12.5px;line-height:1.6;color:var(--sub)}
|
||||
.st .why em{margin-right:6px;font-style:normal;font-weight:600;color:var(--c)}
|
||||
|
||||
/* 03 成分对照 */
|
||||
.vs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
|
||||
.vs .col{padding:14px 12px;border-radius:18px;border:1px solid var(--line);background:#fff}
|
||||
.vs .col.ok{background:var(--c4);border-color:#FBE3E8}
|
||||
.vs .ch{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink)}
|
||||
.vs .ch .ic{width:18px;height:18px}
|
||||
.vs .no .ic{stroke:var(--ink)}
|
||||
.vs ul{list-style:none;margin-top:8px}
|
||||
.vs li{padding:6px 0;border-top:1px solid rgba(0,0,0,.05);font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4}
|
||||
.vs li:first-child{border-top:0}
|
||||
.vs li span{display:block;font-size:11.5px;font-weight:400;color:var(--sub)}
|
||||
.vs .no li{text-decoration:line-through;text-decoration-color:rgba(31,35,41,.35)}
|
||||
.vs .no li span{text-decoration:none;display:block}
|
||||
.vs .no p{margin-top:8px;font-size:12px;color:var(--sub);line-height:1.55}
|
||||
/* 去医院提示条 */
|
||||
.ask{display:flex;align-items:center;gap:10px;margin-top:8px;padding:12px 14px;border-radius:18px;border:1px dashed #E5E6EB;font-size:13px;line-height:1.5}
|
||||
.ask .tag{flex:none;background:var(--sec);color:var(--tx)}
|
||||
.ask b{font-size:13.5px}
|
||||
|
||||
/* 03 看成分怎么选：三组成分卡（2026-11-01） */
|
||||
.grp{margin-top:12px;padding:14px 14px 6px;border-radius:20px;border:1px solid var(--line);background:#fff}
|
||||
.grp.ok{background:var(--c4);border-color:#FBE3E8}
|
||||
.grp.later{background:var(--sec);border-color:var(--sec)}
|
||||
.grp-h{display:flex;align-items:center;gap:6px}
|
||||
.grp-h b{font-size:15px}
|
||||
.grp-h .ic{width:18px;height:18px}
|
||||
.grp.no .grp-h .ic,.grp.later .grp-h .ic{stroke:var(--ink)}
|
||||
.grp-h .tag{margin-left:auto;font-size:11px;line-height:20px;padding:0 8px;white-space:nowrap}
|
||||
.grp.no .grp-h .tag,.grp.later .grp-h .tag{background:#fff;color:var(--tx)}
|
||||
.ing{padding:10px 0;border-top:1px solid rgba(0,0,0,.05)}
|
||||
.grp-h + .ing{margin-top:6px;border-top:0}
|
||||
.ing-t{display:flex;align-items:flex-start;gap:8px}
|
||||
.ing-t b{flex:1;min-width:0;font-size:14px;line-height:1.45}
|
||||
.ing-t b small{display:block;font-size:11.5px;font-weight:400;color:var(--sub)}
|
||||
.ing .amt{flex:none;max-width:46%;font-size:11.5px;font-weight:700;line-height:1.45;padding:1px 8px;border-radius:8px;background:#fff;color:var(--c);text-align:right}
|
||||
.grp.ok .ing .amt{background:#fff}
|
||||
.grp.later .ing .amt,.grp.no .ing .amt{background:#fff;color:var(--ink);border:1px solid var(--line)}
|
||||
.ing p{margin-top:3px;font-size:13px;line-height:1.6}
|
||||
.ing .ev{display:flex;align-items:baseline;gap:6px;margin-top:2px;font-size:12px;line-height:1.55;color:var(--sub)}
|
||||
.ing .ev em{flex:none;font-style:normal;font-weight:700;font-size:11px;letter-spacing:.04em;color:var(--c)}
|
||||
.ing .ev em i{font-style:normal;color:#E9C3CB}
|
||||
.grp.no .ing-t b{text-decoration:line-through;text-decoration-color:rgba(31,35,41,.35)}
|
||||
.grp.no .ing-t b small{display:inline-block;width:100%}
|
||||
.truth{margin-top:12px;padding:14px 16px;border-radius:18px;background:var(--cs);font-size:13.5px;line-height:1.7}
|
||||
.truth .tag{background:#fff;margin-bottom:6px}
|
||||
.truth b{color:var(--c)}
|
||||
/* 04 怎么抹 */
|
||||
.how{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
|
||||
.how .pt b{margin-top:8px}
|
||||
.how .pt .no{font-size:28px}
|
||||
.how .pt span{font-size:12.5px;color:var(--tx)}
|
||||
|
||||
/* 来源 + 免责 */
|
||||
.src{margin-top:36px;border-radius:18px;background:var(--sec)}
|
||||
.src summary{list-style:none;display:flex;align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:600;color:var(--ink)}
|
||||
@@ -170,6 +194,7 @@ h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
|
||||
<symbol id="i-ok" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M8 12.2l2.7 2.7L16 9.6"/></symbol>
|
||||
<symbol id="i-no" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M5.8 5.8l12.4 12.4"/></symbol>
|
||||
<symbol id="i-down" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6"/></symbol>
|
||||
<symbol id="i-time" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3.2 2"/></symbol>
|
||||
</svg>
|
||||
|
||||
<div id="scroll">
|
||||
@@ -260,26 +285,100 @@ h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 03 成分对照 -->
|
||||
<!-- 03 看成分怎么选（2026-11-01 由两栏速查扩成三组：孕期可用 / 产后再用 / 孕期别用；只写成分不写品牌） -->
|
||||
<section class="sec" id="s3">
|
||||
<div class="sec-h"><span class="n num">03</span><h2>成分速查</h2><small>INGREDIENTS</small></div>
|
||||
<p class="key">买之前翻成分表，左边这栏孕期别碰。</p>
|
||||
<div class="vs fade">
|
||||
<div class="col no">
|
||||
<div class="ch"><svg class="ic"><use href="#i-no" xlink:href="#i-no"/></svg>孕期别碰</div>
|
||||
<ul><li>维 A 酸</li><li>视黄醇</li><li>视黄醛</li></ul>
|
||||
<p>可能影响胎儿<br>哺乳期也别用</p>
|
||||
<div class="sec-h"><span class="n num">03</span><h2>看成分怎么选</h2><small>INGREDIENTS</small></div>
|
||||
<p class="key">不认牌子，翻成分表：分三组对照着挑。</p>
|
||||
<p class="note">含量是市面常见添加范围，不是越高越好；证据 ●●● 越满越可靠。</p>
|
||||
|
||||
<div class="grp ok fade">
|
||||
<div class="grp-h"><svg class="ic"><use href="#i-ok" xlink:href="#i-ok"/></svg><b>孕期可以用</b><span class="tag">打底预防</span></div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>积雪草提取物<small>积雪草苷、羟基积雪草苷</small></b><span class="amt">多不标含量</span></div>
|
||||
<p>抗炎、促胶原，帮皮肤扛拉伸。</p>
|
||||
<div class="ev"><em>证据 ●●<i>●</i></em>防纹研究里相对靠谱的一个，但多是复方小样本。</div>
|
||||
</div>
|
||||
<div class="col ok">
|
||||
<div class="ch"><svg class="ic"><use href="#i-ok" xlink:href="#i-ok"/></svg>放心用</div>
|
||||
<ul>
|
||||
<li>透明质酸<span>补水，日常打底</span></li>
|
||||
<li>神经酰胺、角鲨烷<span>修护屏障</span></li>
|
||||
<li>医用硅酮凝胶<span>成膜保湿，帮红纹变淡</span></li>
|
||||
</ul>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>透明质酸<small>玻尿酸、透明质酸钠</small></b><span class="amt num">常见 0.1%~1%</span></div>
|
||||
<p>强力补水，让皮肤更软、更有弹性。</p>
|
||||
<div class="ev"><em>证据 ●●<i>●</i></em>复方凝胶小试验有效，单用效果不确定。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>甜杏仁油 + 按摩</b><span class="amt">纯油直接抹</span></div>
|
||||
<p>润滑皮肤，方便每天按摩。</p>
|
||||
<div class="ev"><em>证据 ●<i>●●</i></em>小研究里按摩组长纹更少，功劳更像按摩。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>神经酰胺、甘油、角鲨烷<small>乳木果油同类</small></b><span class="amt">护肤常规量</span></div>
|
||||
<p>修护屏障、止痒，打底保湿用。</p>
|
||||
<div class="ev"><em>证据 ●<i>●●</i></em>没有专门防纹研究，胜在温和、止痒。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>可可脂、橄榄油</b><span class="amt">纯油或高比例</span></div>
|
||||
<p>便宜好用的保湿油。</p>
|
||||
<div class="ev"><em>证据 <i>●●●</i></em>随机对照试验：防纹和不抹差不多。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>医用硅酮凝胶<small>以聚硅氧烷为主</small></b><span class="amt">按说明书</span></div>
|
||||
<p>成膜锁水，冒红纹时薄涂。</p>
|
||||
<div class="ev"><em>证据 ●<i>●●</i></em>小样本显示红纹变淡，证据多来自疤痕。</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ask fade"><span class="tag">先问医生</span><div><b>积雪草类修护霜</b><br>抗炎促修复，用前问产检医生</div></div>
|
||||
|
||||
<div class="grp later fade">
|
||||
<div class="grp-h"><svg class="ic"><use href="#i-time" xlink:href="#i-time"/></svg><b>产后再用</b><span class="tag">停止哺乳后 · 听医生</span></div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>维 A 酸<small>处方药，皮肤科开</small></b><span class="amt num">0.05%~0.1%</span></div>
|
||||
<p>促新胶原，主要对早期红纹管用。</p>
|
||||
<div class="ev"><em>证据 ●●<i>●</i></em>小样本随机对照有效；白纹效果差，会发红脱皮。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>视黄醇类身体乳<small>视黄醇、视黄醛</small></b><span class="amt">添加量低</span></div>
|
||||
<p>作用同维 A 酸，但弱得多。</p>
|
||||
<div class="ev"><em>证据 ●<i>●●</i></em>缺少专门针对妊娠纹的研究。</div>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>果酸<small>羟基乙酸 / 甘醇酸</small></b><span class="amt num">居家 5%~10%</span></div>
|
||||
<p>加速角质更新，让纹路颜色更匀。</p>
|
||||
<div class="ev"><em>证据 ●<i>●●</i></em>20% 以上属医院换肤；小研究多和维 A 酸合用。</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ask fade"><span class="tag">去医院</span><div><b>点阵激光、微针、强脉冲光</b><br>对白纹更管用，选正规医院皮肤科，别去美容店</div></div>
|
||||
|
||||
<div class="grp no fade">
|
||||
<div class="grp-h"><svg class="ic"><use href="#i-no" xlink:href="#i-no"/></svg><b>孕期别用</b><span class="tag">翻成分表认准</span></div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>维 A 酸、阿达帕林、他扎罗汀<small>外用维 A 酸类处方药</small></b><span class="amt">任何浓度</span></div>
|
||||
<p>口服有明确致畸性，外用也不冒险。孕期、哺乳期都别用。</p>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>视黄醇、视黄醛、视黄醇棕榈酸酯<small>护肤品里的「A 醇」</small></b><span class="amt">任何浓度</span></div>
|
||||
<p>和维 A 酸同一家族，孕期别用；哺乳期先问医生。</p>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>对苯二酚<small>氢醌，常见于祛斑美白</small></b><span class="amt">任何浓度</span></div>
|
||||
<p>皮肤吸收多，孕期别用。</p>
|
||||
</div>
|
||||
<div class="ing">
|
||||
<div class="ing-t"><b>高浓度水杨酸<small>刷酸换肤、大面积涂</small></b><span class="amt">换肤级</span></div>
|
||||
<p>孕期别做；洗面奶里小面积低浓度的，先问医生。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="truth fade"><span class="tag">说句实话</span><br>没有哪瓶霜能<b>保证不长纹</b>。遗传和体重长得快不快，影响更大。<br>早抹、坚持、配合按摩、控体重，最实在。</div>
|
||||
</section>
|
||||
|
||||
<!-- 04 怎么抹（2026-11-01 新增） -->
|
||||
<section class="sec" id="s4">
|
||||
<div class="sec-h"><span class="n num">04</span><h2>怎么抹</h2><small>HOW TO</small></div>
|
||||
<p class="key">早开始、抹全、天天抹，比挑贵的管用。</p>
|
||||
<div class="how">
|
||||
<div class="pt fade"><span class="no num">1</span><b>什么时候开始</b><span>孕早期就开始，一直抹到产后。</span></div>
|
||||
<div class="pt fade"><span class="no num">2</span><b>抹哪些部位</b><span>肚子、腰侧、大腿、臀部、胸部。</span></div>
|
||||
<div class="pt fade"><span class="no num">3</span><b>一天几次</b><span>早晚各一次，洗澡后趁皮肤微湿。</span></div>
|
||||
<div class="pt fade"><span class="no num">4</span><b>手法</b><span>打圈抹到吸收，每处 1~2 分钟；肚子轻抹不按压。</span></div>
|
||||
</div>
|
||||
<p class="note">新产品先在手肘内侧试抹 1 天，不红不痒再大面积用。</p>
|
||||
</section>
|
||||
|
||||
<div id="tools"></div>
|
||||
@@ -293,6 +392,14 @@ h2{font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
|
||||
<li><b>透明质酸复方凝胶：</b>约 50 人连用 12 周，红纹深度和颜色明显减轻，但不会完全消失。</li>
|
||||
<li><b>点阵激光：</b>联合强脉冲光的 60 人研究中纹路面积平均缩小约 37%，约 25% 有不良反应。</li>
|
||||
<li><b>可可脂、橄榄油：</b>210 人随机对照研究，可可脂 45% 长纹、安慰剂 49%；70 人研究，橄榄油 45.7% 对 62.9%，均无统计学差异，润肤可以、防纹别指望。</li>
|
||||
<li><b>外用防纹总体证据：</b>Cochrane 关于孕期外用制剂预防妊娠纹的系统评价认为，目前没有高质量证据证明任何外用产品能预防妊娠纹；多篇皮肤科综述认为积雪草提取物、透明质酸类复方是现有研究中相对有希望的，但试验规模小、多为复方。</li>
|
||||
<li><b>积雪草：</b>早年欧洲一项孕妇对照试验，用含积雪草提取物的复方霜，长纹比例低于安慰剂，主要对既往有妊娠纹的人更明显；产品含量多不公开，本页不给推荐浓度。</li>
|
||||
<li><b>甜杏仁油：</b>土耳其一项孕妇研究，甜杏仁油加按摩组长纹比例明显低于对照，只抹不按摩与对照差别不大，提示按摩本身可能起作用（非盲法、小样本）。</li>
|
||||
<li><b>透明质酸浓度：</b>「0.1%~1%」为护肤品常见添加范围的经验值，不是防纹的推荐剂量。</li>
|
||||
<li><b>维 A 酸类、A 醇：</b>国内维 A 酸乳膏（常见 0.025%、0.05%、0.1% 规格）说明书写明孕妇及哺乳期妇女禁用；阿达帕林、他扎罗汀同属维 A 酸类，孕期不用。视黄醇等 A 醇护肤品按主流保守口径孕期避免。</li>
|
||||
<li><b>果酸：</b>小样本研究中 20% 羟基乙酸联合维 A 酸或维 C，对妊娠纹外观有一定改善；居家产品常见 5%~10%，更高浓度属医院化学换肤。</li>
|
||||
<li><b>对苯二酚、水杨酸：</b>对苯二酚外用吸收比例较高，孕期护肤建议中普遍列为避免；水杨酸大面积或高浓度换肤孕期避免，低浓度小面积洗去型多认为风险低，仍建议先问医生。</li>
|
||||
<li><b>医美：</b>点阵激光、微针、强脉冲光 / 脉冲染料激光对妊娠纹有改善报道，红纹偏向血管类激光、白纹偏向点阵和微针，需在正规医院皮肤科评估，孕期不做。</li>
|
||||
</ul>
|
||||
</details>
|
||||
<p class="foot">本页为科普参考，不能代替医生诊断。孕期用药、护肤有疑问请咨询医生。</p>
|
||||
|
||||
Reference in New Issue
Block a user