From f4932d3d06696f2bcc9cbda2de9a8598221428b4 Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Sat, 3 Oct 2026 12:03:08 +0000 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=99=BD=E5=8D=A1=E6=94=B9?= =?UTF-8?q?=E8=BD=AF=E7=B3=96=E9=A3=8E=EF=BC=9A=E7=BA=AF=E7=99=BD=E5=A4=A7?= =?UTF-8?q?=E5=9C=86=E8=A7=92+=E6=9F=94=E6=8A=95=E5=BD=B1+=E8=A7=92?= =?UTF-8?q?=E8=90=BD=E6=9C=89=E6=9C=BA=E8=89=B2=E5=9D=97+=E8=99=9A?= =?UTF-8?q?=E5=8C=96=E5=B0=8F=E7=90=83=20v26100227?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- index.html | 2 +- js/app.js | 2 +- mama-box.css | 19 +++++++++++++++++++ 3 files changed, 21 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index b2dcfcc..76ac09e 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 93c06bd..ea32c27 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26100226'; + var VER = '26100227'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/mama-box.css b/mama-box.css index 47e4cb8..8146f33 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4373,3 +4373,22 @@ a.skip:focus{left:16px;top:16px} .today-line.fp2 .ab-say{margin-top:5px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;color:#3A2C27;background:none; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .today-line.fp2 .fn-foot{display:none} + +/* ================= 首页卡片 · 软糖风（2026-10-03）================= + 用户发参考图（白色大卡 + 角上一团有机色块 + 虚化 3D 小球 + 大而柔的投影），「排版什么都不变，只是卡片这一块调整」。 + 覆盖上面 v26100213 的毛玻璃：纯白底、圆角 26→30、去描边、投影改成大半径低浓度； + 每块左上角铺一团该模块主题色的有机色块（SVG，轻微羽化、.8 透明），两颗虚化小球（对比色、左上高光像 3D 球） + 只放在卡片留白里（左边距 x≈11、顶边距 y≈8），不压文字。只动卡片外壳，里面的内容/间距都不碰。 + ⚠️ 选择器要带上 :not(.ny-peek):not(.game-promo)，否则权重低于上面毛玻璃那条（同为 !important），背景不生效。 */ +#homeBody>section:not(.ny-peek):not(.game-promo){border:0;border-radius:30px; + box-shadow:0 22px 44px -18px rgba(120,80,60,.20),0 4px 14px rgba(120,80,60,.05)!important} +/* 工具 · 蜜桃橙 */ +#homeBody>section.tool-dock:not(.ny-peek):not(.game-promo){background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22230%22 viewBox=%220 0 260 230%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFD3B8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFE9DC%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22o%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23FFB3C8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23F27CA0%22/%3E%3C/radialGradient%3E%3Cfilter id=%22f%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%223%22/%3E%3C/filter%3E%3Cfilter id=%22f2%22 x=%22-60%25%22 y=%22-60%25%22 width=%22220%25%22 height=%22220%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter=%22url%28%23f%29%22 opacity=%22.8%22 d=%22M0 0H200C232 8 246 40 236 78C226 116 192 120 172 150C150 184 118 214 70 206C36 200 14 186 0 176Z%22 fill=%22url%28%23g%29%22/%3E%3Ccircle cx=%2211%22 cy=%22122%22 r=%227%22 fill=%22url%28%23o%29%22 filter=%22url%28%23f2%29%22/%3E%3Ccircle cx=%22168%22 cy=%228%22 r=%225%22 fill=%22url%28%23o%29%22 opacity=%22.85%22 filter=%22url%28%23f2%29%22/%3E%3C/svg%3E") left top/260px 230px no-repeat,linear-gradient(180deg,#fff,#FFFDFB)!important} +/* 小知识 · 樱花粉 */ +#homeBody>section.preg-tips:not(.ny-peek):not(.game-promo){background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22230%22 viewBox=%220 0 260 230%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFD6E4%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFEAF1%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22o%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23FFE29A%22/%3E%3Cstop offset=%221%22 stop-color=%22%23F2B640%22/%3E%3C/radialGradient%3E%3Cfilter id=%22f%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%223%22/%3E%3C/filter%3E%3Cfilter id=%22f2%22 x=%22-60%25%22 y=%22-60%25%22 width=%22220%25%22 height=%22220%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter=%22url%28%23f%29%22 opacity=%22.8%22 d=%22M0 0H200C232 8 246 40 236 78C226 116 192 120 172 150C150 184 118 214 70 206C36 200 14 186 0 176Z%22 fill=%22url%28%23g%29%22/%3E%3Ccircle cx=%2211%22 cy=%22122%22 r=%227%22 fill=%22url%28%23o%29%22 filter=%22url%28%23f2%29%22/%3E%3Ccircle cx=%22168%22 cy=%228%22 r=%225%22 fill=%22url%28%23o%29%22 opacity=%22.85%22 filter=%22url%28%23f2%29%22/%3E%3C/svg%3E") left top/260px 230px no-repeat,linear-gradient(180deg,#fff,#FFFDFB)!important} +/* 兑换 · 奶油黄 */ +#homeBody>section.exch-wrap:not(.ny-peek):not(.game-promo){background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22230%22 viewBox=%220 0 260 230%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFE7A0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFF3CF%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22o%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23D9C8FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%239C83F0%22/%3E%3C/radialGradient%3E%3Cfilter id=%22f%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%223%22/%3E%3C/filter%3E%3Cfilter id=%22f2%22 x=%22-60%25%22 y=%22-60%25%22 width=%22220%25%22 height=%22220%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter=%22url%28%23f%29%22 opacity=%22.8%22 d=%22M0 0H200C232 8 246 40 236 78C226 116 192 120 172 150C150 184 118 214 70 206C36 200 14 186 0 176Z%22 fill=%22url%28%23g%29%22/%3E%3Ccircle cx=%2211%22 cy=%22122%22 r=%227%22 fill=%22url%28%23o%29%22 filter=%22url%28%23f2%29%22/%3E%3Ccircle cx=%22168%22 cy=%228%22 r=%225%22 fill=%22url%28%23o%29%22 opacity=%22.85%22 filter=%22url%28%23f2%29%22/%3E%3C/svg%3E") left top/260px 230px no-repeat,linear-gradient(180deg,#fff,#FFFDFB)!important} +/* 脚印 · 薄荷绿 */ +#homeBody>section.today-line:not(.ny-peek):not(.game-promo){background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22230%22 viewBox=%220 0 260 230%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23C9EEDB%22/%3E%3Cstop offset=%221%22 stop-color=%22%23E6F7EE%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22o%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23FFC9B4%22/%3E%3Cstop offset=%221%22 stop-color=%22%23F58E6E%22/%3E%3C/radialGradient%3E%3Cfilter id=%22f%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%223%22/%3E%3C/filter%3E%3Cfilter id=%22f2%22 x=%22-60%25%22 y=%22-60%25%22 width=%22220%25%22 height=%22220%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter=%22url%28%23f%29%22 opacity=%22.8%22 d=%22M0 0H200C232 8 246 40 236 78C226 116 192 120 172 150C150 184 118 214 70 206C36 200 14 186 0 176Z%22 fill=%22url%28%23g%29%22/%3E%3Ccircle cx=%2211%22 cy=%22122%22 r=%227%22 fill=%22url%28%23o%29%22 filter=%22url%28%23f2%29%22/%3E%3Ccircle cx=%22168%22 cy=%228%22 r=%225%22 fill=%22url%28%23o%29%22 opacity=%22.85%22 filter=%22url%28%23f2%29%22/%3E%3C/svg%3E") left top/260px 230px no-repeat,linear-gradient(180deg,#fff,#FFFDFB)!important} +/* 福利 · 杏黄 */ +#homeBody>section.shelf:not(.ny-peek):not(.game-promo){background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22260%22 height=%22230%22 viewBox=%220 0 260 230%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFE0A8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFF1D6%22/%3E%3C/linearGradient%3E%3CradialGradient id=%22o%22 cx=%22.35%22 cy=%22.3%22 r=%22.75%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%22.35%22 stop-color=%22%23C8E8FF%22/%3E%3Cstop offset=%221%22 stop-color=%22%236FB6F0%22/%3E%3C/radialGradient%3E%3Cfilter id=%22f%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%223%22/%3E%3C/filter%3E%3Cfilter id=%22f2%22 x=%22-60%25%22 y=%22-60%25%22 width=%22220%25%22 height=%22220%25%22%3E%3CfeGaussianBlur stdDeviation=%221.4%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter=%22url%28%23f%29%22 opacity=%22.8%22 d=%22M0 0H200C232 8 246 40 236 78C226 116 192 120 172 150C150 184 118 214 70 206C36 200 14 186 0 176Z%22 fill=%22url%28%23g%29%22/%3E%3Ccircle cx=%2211%22 cy=%22122%22 r=%227%22 fill=%22url%28%23o%29%22 filter=%22url%28%23f2%29%22/%3E%3Ccircle cx=%22168%22 cy=%228%22 r=%225%22 fill=%22url%28%23o%29%22 opacity=%22.85%22 filter=%22url%28%23f2%29%22/%3E%3C/svg%3E") left top/260px 230px no-repeat,linear-gradient(180deg,#fff,#FFFDFB)!important}