jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

去掉列表小框改整块淡色磨砂背景；关注6条作者+孕周标签+点赞头像+点赞一行放下、去小心心、头像4～6个窄屏自动减（v26110422）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 09:14:49 +00:00
parent 007bc3667f
commit 7bdcf36ca7
27 changed files with 146 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
js/gch/v6.css
View File

@@ -123,11 +123,36 @@ html.night #gcHome.gv4.gv6 .ms-h b{color:#B9A9AE}
#gcHome.gv4.gv6 .g6-au em::before{content:"·";margin-right:3px}
#gcHome.gv4.gv6 .g6-nt .ms-h{margin-top:3px}
html.night #gcHome.gv4.gv6 .g6-au b{color:#C9BBBF}
/* 11-04 用户：下半部分加一点背景色、毛玻璃 →「大家都在关注」整块做成磨砂玻璃卡（粉 → 杏），去掉原来的虚线分隔 */
#gcHome.gv4.gv6 .g6-ms{position:relative;isolation:isolate;margin:18px -2px 0;padding:14px 12px 4px;border-top:0;border-radius:18px;
background:radial-gradient(150px 110px at 0% 0%,rgba(255,170,170,.26),transparent 70%),radial-gradient(160px 120px at 100% 60%,rgba(255,206,160,.26),transparent 70%),radial-gradient(140px 110px at 20% 100%,rgba(255,196,214,.22),transparent 70%),linear-gradient(170deg,rgba(255,244,244,.74),rgba(255,248,240,.64));
-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);
border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px -14px rgba(220,110,110,.38)}
#gcHome.gv4.gv6 .g6-ms .g6-nt{border-bottom-color:rgba(232,190,186,.45)}
#gcHome.gv4.gv6 .g6-ms .g6-nt:last-child{border-bottom:0}
html.night #gcHome.gv4.gv6 .g6-ms{background:linear-gradient(170deg,rgba(64,46,52,.6),rgba(56,46,42,.55));border-color:rgba(255,255,255,.08);box-shadow:none}
/* 11-04 用户二改：去掉「大家都在关注」外面的小框，整个孕妈广场模块铺一层淡色磨砂背景（粉 → 杏，下半部分不再全白） */
#gcHome.gv4.gv6{background:
radial-gradient(240px 180px at 0% 62%,rgba(255,170,170,.26),transparent 72%),
radial-gradient(240px 200px at 100% 85%,rgba(255,206,160,.28),transparent 72%),
linear-gradient(180deg,#FFFDFB 0%,rgba(255,245,242,.9) 45%,rgba(255,240,234,.86) 100%);
-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
border:1px solid rgba(255,255,255,.7)}
#gcHome.gv4.gv6 .g6-ms{border-top-color:rgba(232,190,186,.6)}
#gcHome.gv4.gv6 .g6-nt{border-bottom-color:rgba(232,190,186,.45)}
html.night #gcHome.gv4.gv6{background:linear-gradient(180deg,rgba(58,44,50,.72),rgba(54,44,42,.68));border-color:rgba(255,255,255,.06)}
/* 11-04 用户：作者头像 + 名字 + 孕周（评论区同款灰色小标签）+ 点赞头像 + N 人点赞 全放一行，不换行；去掉小心心 */
#gcHome.gv4.gv6 .g6-mt{display:flex;align-items:center;gap:6px;margin-top:5px;min-width:0;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden}
#gcHome.gv4.gv6 .g6-mt .g6-au{display:flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0;margin:0}
#gcHome.gv4.gv6 .g6-mt .g6-au img{flex:none;width:18px;height:18px;border-radius:50%;object-fit:cover}
#gcHome.gv4.gv6 .g6-mt .g6-au b{overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#6F625F;min-width:0}
#gcHome.gv4.gv6 .g6-mt .stg{flex:none;font-style:normal;font-size:10.5px;line-height:16px;padding:0 5px;border-radius:99px;background:#F5EFEC;color:#A08C86}
#gcHome.gv4.gv6 .g6-mt .ms-h{flex:none;display:flex;align-items:center;margin:0 0 0 2px;gap:0}
#gcHome.gv4.gv6 .g6-mt .g6-avs{margin-right:3px}
#gcHome.gv4.gv6 .g6-mt .ms-h b{font-size:12px}
html.night #gcHome.gv4.gv6 .g6-mt .stg{background:rgba(255,255,255,.1);color:#C9BBBF}
/* 紧凑一点，好让一行放下（11-04） */
#gcHome.gv4.gv6 .g6-mt{gap:4px;font-size:11.5px}
#gcHome.gv4.gv6 .g6-mt .g6-au img{width:16px;height:16px}
#gcHome.gv4.gv6 .g6-mt .g6-au b{font-size:11.5px}
#gcHome.gv4.gv6 .g6-mt .stg{font-size:10px;padding:0 4px}
#gcHome.gv4.gv6 .g6-mt .g6-avs img{width:15px;height:15px;margin-left:-6px}
#gcHome.gv4.gv6 .g6-mt .g6-avs img:first-child{margin-left:0}
#gcHome.gv4.gv6 .g6-mt .ms-h b{font-size:11.5px}
/* 再省 ~30px 给点赞头像：缩略图 56→50、行内间距收紧、头像多叠 1px；「人点赞」→「点赞」 */
#gcHome.gv4.gv6 .g6-nt{gap:8px}
#gcHome.gv4.gv6 .g6-ph{width:50px;height:50px;margin-left:4px}
#gcHome.gv4.gv6 .g6-mt .g6-avs img{margin-left:-7px}
#gcHome.gv4.gv6 .g6-mt .g6-avs img:first-child{margin-left:0}