/* 11-02 效果稿 V6 · 合并版:在 V4 基础上压矮卡堆、去掉「大家在聊」标签行,下面接「其他妈妈也在搜」 */ #gcHome.gv4.gv6 .g4-stage{height:248px} #gcHome.gv4.gv6 .g4-tt{font-size:15px} #gcHome.gv4.gv6 .g4-s-t{margin-top:8px;font-size:22px} #gcHome.gv4.gv6 .g4-s-d{margin-top:4px;font-size:12px} #gcHome.gv4.gv6 .g4-s-n{margin-top:2px} #gcHome.gv4.gv6 .g4-s-avs{display:none} #gcHome.gv4.gv6 .g4-tags{display:none} #gcHome.gv4.gv6 .g6-ms{margin-top:20px;padding-top:16px;border-top:1px dashed #F1DED6} #gcHome.gv4.gv6 .g6-mh{display:flex;align-items:center;gap:8px;margin-bottom:2px} #gcHome.gv4.gv6 .g6-mt{margin:0;font-size:17px;font-weight:900;letter-spacing:.3px;color:#2A1E1E} #gcHome.gv4.gv6 .g6-mt span{background:linear-gradient(transparent 58%,#FFE066 58%,#FFE066 92%,transparent 92%);padding:0 3px} #gcHome.gv4.gv6 .g6-wk{margin-left:auto;padding:2px 9px;border-radius:99px;background:#FFEDE6;color:#E0573A;font-size:11.5px;font-weight:700} #gcHome.gv4.gv6 .ms-it{padding:10px 2px} #gcHome.gv4.gv6 .ms-q{font-size:15px} #gcHome.gv4.gv6 .g4-foot{margin-top:8px} html.night #gcHome.gv4.gv6 .g6-mt{color:#F3E8F0} #gcHome.gv4.gv6 .g4-s-r{margin-top:10px} /* 11-02 用户:图片上的文字不够明显 → 遮罩更早开始、底部更深,标题加大加粗、阴影加重,作者行加大 */ #gcHome.gv4.gv6 .st::after{background:linear-gradient(180deg,rgba(0,0,0,0) 22%,rgba(30,12,12,.35) 48%,rgba(22,8,8,.9) 100%)} #gcHome.gv4.gv6 .g4-bot{padding:0 14px 14px} #gcHome.gv4.gv6 .g4-tt{font-size:17.5px;line-height:1.38;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 12px rgba(0,0,0,.45)} #gcHome.gv4.gv6 .g4-by{font-size:12.5px;margin-top:8px;text-shadow:0 1px 3px rgba(0,0,0,.5)} #gcHome.gv4.gv6 .g4-by i{background:rgba(255,255,255,.28);font-size:11.5px} #gcHome.gv4.gv6 .g4-k{font-size:12px;height:24px} /* 11-02 用户:孕妈广场里放两个测试 —— 两张并排卡,在卡堆和「其他妈妈也在搜」之间 11-02 用户:「颜色有点太多、和下面雷同、显得乱」→ 去掉紫/橙底和彩色标签:白卡 + 细边,上半是插画横幅, 下半深色标题 + 灰色信息,只留一个品牌粉「开始测 ›」;两块小标题统一成同一种样式,不再用黄色荧光笔 */ #gcHome.gv4.gv6 .g6-qz{margin-top:20px} #gcHome.gv4.gv6 .g6-qh,#gcHome.gv4.gv6 .g6-mt{display:flex;align-items:baseline;gap:6px;margin:0 0 10px;font-size:16px;font-weight:900;letter-spacing:.3px;color:#2A1E1E} #gcHome.gv4.gv6 .g6-mt{margin:0} #gcHome.gv4.gv6 .g6-mt span{background:none;padding:0} #gcHome.gv4.gv6 .g6-qh small{font-size:12px;font-weight:500;color:#A8928C} #gcHome.gv4.gv6 .g6-qa{margin-left:auto;align-self:center;padding:3px 10px;border-radius:99px;background:#FFF0EC;color:#F2533A;font-size:12px;font-weight:800;letter-spacing:0;text-decoration:none;white-space:nowrap} #gcHome.gv4.gv6 .g6-qr{display:grid;grid-template-columns:1fr 1fr;gap:10px} #gcHome.gv4.gv6 .g6-q{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #F3E6E0;text-decoration:none;color:#2A1E1E;box-shadow:0 6px 16px -14px rgba(150,90,80,.5)} #gcHome.gv4.gv6 .g6-q img{display:block;width:100%;height:84px;object-fit:cover;object-position:60% 45%;background:#FBF3EF} #gcHome.gv4.gv6 .g6-qb{display:flex;flex-direction:column;gap:4px;padding:9px 11px 11px} #gcHome.gv4.gv6 .g6-qt{font-size:14.5px;font-weight:800;line-height:1.38} #gcHome.gv4.gv6 .g6-qf{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11.5px;color:#A8928C} #gcHome.gv4.gv6 .g6-qg{flex:none;font-weight:800;color:#E0566F} html.night #gcHome.gv4.gv6 .g6-qh,html.night #gcHome.gv4.gv6 .g6-mt{color:#F3E8F0} html.night #gcHome.gv4.gv6 .g6-q{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#F3E8F0} #gcHome.gv4.gv6 .g6-qt{text-wrap:balance} /* 测一测 · 第 2 版「小胶囊」:并排两颗矮胶囊,圆形插画 + 两行字,浅米底无边框,只有一个灰色箭头 */ #gcHome.gv4.gv6 .qv2 .g6-c{display:flex;align-items:center;gap:9px;padding:9px 8px 9px 9px;border-radius:18px;background:#FBF3EF;text-decoration:none;color:#2A1E1E} #gcHome.gv4.gv6 .qv2 .g6-c img{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 8px -4px rgba(150,90,80,.45)} #gcHome.gv4.gv6 .qv2 .g6-cb{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} #gcHome.gv4.gv6 .qv2 .g6-cb b{font-size:13.5px;font-weight:800;line-height:1.35;text-wrap:balance} #gcHome.gv4.gv6 .qv2 .g6-cb small{font-size:11px;color:#A8928C} #gcHome.gv4.gv6 .qv2 .g6-c i{flex:none;font-style:normal;font-size:16px;color:#D3B9B2} /* 测一测 · 第 3 版「你 & 他」:一张合体卡,左右各一个圆头像,中间 & 连起来,底部一句组合文案 */ #gcHome.gv4.gv6 .qv3 .g6-v{border-radius:20px;background:linear-gradient(180deg,#FFF8F4,#fff);border:1px solid #F3E6E0;padding:14px 10px 10px;box-shadow:0 6px 16px -14px rgba(150,90,80,.5)} #gcHome.gv4.gv6 .qv3 .g6-vr{display:flex;align-items:flex-start} #gcHome.gv4.gv6 .qv3 .g6-vc{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;text-decoration:none;color:#2A1E1E} #gcHome.gv4.gv6 .qv3 .g6-vc img{width:66px;height:66px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 5px 12px -6px rgba(150,90,80,.5);margin-bottom:4px} #gcHome.gv4.gv6 .qv3 .g6-vc small{font-size:11px;color:#A8928C;letter-spacing:1px} #gcHome.gv4.gv6 .qv3 .g6-vc b{font-size:14px;font-weight:800;line-height:1.35} #gcHome.gv4.gv6 .qv3 .g6-vc em{margin-top:3px;font-style:normal;font-size:12px;font-weight:800;color:#E0566F} #gcHome.gv4.gv6 .qv3 .g6-amp{flex:none;align-self:center;margin-top:-34px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #F3E6E0;font-size:14px;font-weight:900;color:#D9A79B} #gcHome.gv4.gv6 .qv3 .g6-vf{margin:10px 0 0;padding-top:9px;border-top:1px dashed #F1DED6;text-align:center;font-size:11.5px;color:#A8928C} html.night #gcHome.gv4.gv6 .qv2 .g6-c,html.night #gcHome.gv4.gv6 .qv3 .g6-v{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#F3E8F0} html.night #gcHome.gv4.gv6 .qv3 .g6-vc{color:#F3E8F0} /* 测一测 · 下面 3 个小列表(三版共用):圆形小插画 + 标题 + 灰色题数人数 + 描边「去测」;不用序号,和下面热搜榜区分开 */ #gcHome.gv4.gv6 .g6-ql{margin-top:10px;padding:2px 12px;border-radius:16px;background:#FBF5F2} #gcHome.gv4.gv6 .g6-li{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:#2A1E1E;border-bottom:1px dashed #EEDDD6} #gcHome.gv4.gv6 .g6-li:last-child{border-bottom:0} #gcHome.gv4.gv6 .g6-li img{flex:none;width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:#F3E6E0;border:2px solid #fff} #gcHome.gv4.gv6 .g6-lb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} #gcHome.gv4.gv6 .g6-lb b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #gcHome.gv4.gv6 .g6-lb small{font-size:11px;color:#A8928C} #gcHome.gv4.gv6 .g6-li em{flex:none;font-style:normal;height:24px;padding:0 10px;border-radius:99px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#E0566F;border:1px solid #F4C4CE;background:#fff} html.night #gcHome.gv4.gv6 .g6-ql{background:rgba(255,255,255,.05)} html.night #gcHome.gv4.gv6 .g6-li{color:#F3E8F0;border-color:rgba(255,255,255,.1)} /* 11-02 测一测挪到「其他妈妈也在搜」下面:上面加一道同样的虚线分隔 */ #gcHome.gv4.gv6 .g6-qz{margin-top:18px;padding-top:16px;border-top:1px dashed #F1DED6} /* 测一测 · 第 4 版「彩色卡」(11-02 用户要更明显,拿回最早那版紫/橙底试试) */ #gcHome.gv4.gv6 .qv4 .g6-k{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:146px;padding:12px 12px 12px;border-radius:18px;text-decoration:none;color:#2A1E1E;background:linear-gradient(160deg,var(--q1),var(--q2));box-shadow:0 8px 18px -12px var(--qs)} #gcHome.gv4.gv6 .qv4 .g6-k img{position:absolute;right:-12px;bottom:-14px;width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.8)} #gcHome.gv4.gv6 .qv4 .g6-kk{align-self:flex-start;height:20px;padding:0 8px;border-radius:99px;display:flex;align-items:center;font-size:11px;font-weight:800;color:#fff;background:var(--qc)} #gcHome.gv4.gv6 .qv4 .g6-kt{position:relative;margin-top:8px;font-size:15px;font-weight:900;line-height:1.35;text-wrap:balance} #gcHome.gv4.gv6 .qv4 .g6-kn{position:relative;margin-top:4px;font-size:11.5px;font-weight:700;color:var(--qc)} #gcHome.gv4.gv6 .qv4 .g6-kg{position:relative;margin-top:auto;align-self:flex-start;height:28px;padding:0 12px;border-radius:99px;display:flex;align-items:center;font-size:12.5px;font-weight:800;color:#fff;background:var(--qc);box-shadow:0 4px 10px -4px var(--qs)} /* 11-02 用户:「查看全部 50 个问题」不用那么明显、别占那么大篇幅 → 去掉浅橙大底块,改成列表下方一行居中小灰字链接 */ #gcHome.gv4.gv6 .g6-all{display:flex;align-items:center;justify-content:center;gap:2px;width:auto;margin:2px auto 0;padding:6px 10px;border-radius:0;background:none;font-size:12.5px;font-weight:600;color:#B0948D} #gcHome.gv4.gv6 .g6-all.hide{display:none} html.night #gcHome.gv4.gv6 .g6-all{background:none;color:#B9A6B1} /* 11-03 「大家都在关注」改放 6 篇笔记:标题两行、右侧封面小图、点赞数 + 孕周 */ #gcHome.gv4.gv6 .g6-nt{align-items:center} #gcHome.gv4.gv6 .g6-nt .ms-q{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.45} #gcHome.gv4.gv6 .g6-ph{flex:none;width:56px;height:56px;margin-left:10px;border-radius:12px;object-fit:cover;background:#F6EEEA} #gcHome.gv4.gv6 .g6-st{margin-left:8px;font-style:normal;font-weight:600;color:#B19C96} /* 11-03 点赞数前的 3 个叠放小头像,偶尔换一个(见 v6.js likeTick) */ #gcHome.gv4.gv6 .g6-avs{display:inline-flex;align-items:center;margin-right:5px;vertical-align:middle} #gcHome.gv4.gv6 .g6-avs img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;background:#FFE3D3;margin-left:-6px;box-sizing:border-box} #gcHome.gv4.gv6 .g6-avs img:first-child{margin-left:0} #gcHome.gv4.gv6 .g6-avs img{position:relative;transition:transform .22s ease,opacity .22s ease} #gcHome.gv4.gv6 .g6-avs img.sw-o{transform:scale(.2);opacity:0} #gcHome.gv4.gv6 .g6-avs img.sw-i{animation:g6AvIn .4s cubic-bezier(.3,1.6,.5,1) both;z-index:1} @keyframes g6AvIn{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}} #gcHome.gv4.gv6 .ms-h b{display:inline-block} html.night #gcHome.gv4.gv6 .g6-avs img{border-color:#2F2737} @media (prefers-reduced-motion:reduce){#gcHome.gv4.gv6 .g6-avs img.sw-i{animation:none}#gcHome.gv4.gv6 .g6-avs img{transition:none}} #gcHome.gv4.gv6 .g6-nt .ms-h{flex-wrap:nowrap;white-space:nowrap} /* 11-04 用户:模块左下角粉色「进孕妈广场 ›」删掉(上面已有「去广场看更多 ›」) */ #gcHome.gv4.gv6 .g4-all{display:none} /* 11-04 用户:「点赞用红色字体扎眼」「前面头像弱化标题」→ 去头像,小心形 + 灰字,标题更突出 */ #gcHome.gv4.gv6 .g6-nt .ms-h{gap:3px;color:#B19C96} #gcHome.gv4.gv6 .g6-hz{flex:none;width:12px;height:12px;color:#E8BFC0} #gcHome.gv4.gv6 .ms-h b{font-weight:600;color:#A08A85} html.night #gcHome.gv4.gv6 .ms-h b{color:#B9A9AE} /* 11-04 二改:前 3 条小头像 6~8 个,缩到 14px、叠得更紧,不抢标题 */ #gcHome.gv4.gv6 .g6-avs{margin-right:4px} #gcHome.gv4.gv6 .g6-avs img{width:17px;height:17px;margin-left:-5px;border-width:1.5px} /* 11-04 三改:14px 太小 → 17px */ #gcHome.gv4.gv6 .g6-avs img:first-child{margin-left:0} /* 11-04 标题下的作者行:头像 + 名字 · 孕周 */ #gcHome.gv4.gv6 .g6-au{display:flex;align-items:center;gap:5px;margin-top:4px;min-width:0;font-size:12px;line-height:18px;color:#8E7F7B;white-space:nowrap} #gcHome.gv4.gv6 .g6-au img{flex:none;width:18px;height:18px;border-radius:50%;object-fit:cover;border:0} #gcHome.gv4.gv6 .g6-au b{overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#6F625F} #gcHome.gv4.gv6 .g6-au em{flex:none;font-style:normal;color:#B19C96} #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{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-meta{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-meta .g6-au{display:flex;align-items:center;gap:3px;flex:0 1 auto;min-width:0;margin:0} #gcHome.gv4.gv6 .g6-meta .g6-au img{flex:none;width:18px;height:18px;border-radius:50%;object-fit:cover} #gcHome.gv4.gv6 .g6-meta .g6-au b{overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#6F625F;min-width:0} #gcHome.gv4.gv6 .g6-meta .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-meta .ms-h{flex:none;display:flex;align-items:center;margin:0 0 0 2px;gap:0} #gcHome.gv4.gv6 .g6-meta .g6-avs{margin-right:3px} #gcHome.gv4.gv6 .g6-meta .ms-h b{font-size:12px} html.night #gcHome.gv4.gv6 .g6-meta .stg{background:rgba(255,255,255,.1);color:#C9BBBF} /* 紧凑一点,好让一行放下(11-04) */ #gcHome.gv4.gv6 .g6-meta{gap:4px;font-size:11.5px} #gcHome.gv4.gv6 .g6-meta .g6-au img{width:16px;height:16px} #gcHome.gv4.gv6 .g6-meta .g6-au b{font-size:11.5px} #gcHome.gv4.gv6 .g6-meta .stg{font-size:10px;padding:0 4px} #gcHome.gv4.gv6 .g6-meta .g6-avs img{width:15px;height:15px;margin-left:-6px} #gcHome.gv4.gv6 .g6-meta .g6-avs img:first-child{margin-left:0} #gcHome.gv4.gv6 .g6-meta .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-meta .g6-avs img{margin-left:-7px} #gcHome.gv4.gv6 .g6-meta .g6-avs img:first-child{margin-left:0} /* 11-04 用户:加了作者 / 点赞之后标题不够显眼 → 小幅拉开层次:标题加粗加深、稍大一点;下面一行字重变轻、颜色变浅(不改结构) */ #gcHome.gv4.gv6 .g6-nt .ms-q{font-size:15.5px;font-weight:700;color:#1F1717;letter-spacing:.1px} #gcHome.gv4.gv6 .g6-meta{margin-top:6px} #gcHome.gv4.gv6 .g6-meta .g6-au b{font-weight:500;color:#8E807C} #gcHome.gv4.gv6 .g6-meta .ms-h b{font-weight:500;color:#ADA09C} html.night #gcHome.gv4.gv6 .g6-nt .ms-q{color:#F4EAEE} html.night #gcHome.gv4.gv6 .g6-meta .g6-au b,html.night #gcHome.gv4.gv6 .g6-meta .ms-h b{color:#A99BA0} /* 11-04 再改(用户:整块还是偏白)→ 加深整块磨砂底色(粉 → 杏),下半部分有明显颜色;不加小框 */ #gcHome.gv4.gv6{background: radial-gradient(260px 220px at 0% 60%,rgba(255,160,160,.38),transparent 72%), radial-gradient(280px 240px at 100% 88%,rgba(255,196,146,.42),transparent 72%), radial-gradient(240px 180px at 40% 100%,rgba(255,184,206,.32),transparent 72%), linear-gradient(180deg,#FFFBF8 0%,rgba(255,238,234,.92) 40%,rgba(255,230,220,.9) 100%)} #gcHome.gv4.gv6 .g6-nt{border-bottom-color:rgba(222,170,164,.45)} /* 上面两次加的底色被 mama-box.css 里首页各模块统一的「半透明白 !important」盖掉了,没生效 → 这里提高选择器优先级 + !important,确保整块底色真的出来 */ #homeBody>section#gcHome.gv4.gv6{background:radial-gradient(260px 220px at 0% 60%,rgba(255,160,160,.38),transparent 72%), radial-gradient(280px 240px at 100% 88%,rgba(255,196,146,.42),transparent 72%), radial-gradient(240px 180px at 40% 100%,rgba(255,184,206,.32),transparent 72%), linear-gradient(180deg,#FFFBF8 0%,rgba(255,238,234,.92) 40%,rgba(255,230,220,.9) 100%)!important} html.night #homeBody>section#gcHome.gv4.gv6{background:linear-gradient(180deg,rgba(58,44,50,.78),rgba(54,44,42,.74))!important} /* 11-04 用户:序号 1~6 不要上下居中,对齐到标题第一行;右边缩略图仍上下居中 */ #gcHome.gv4.gv6 .g6-nt{align-items:flex-start} #gcHome.gv4.gv6 .g6-nt .ms-no{margin-top:1px} #gcHome.gv4.gv6 .g6-nt:nth-child(n+4) .ms-no{margin-top:0;line-height:22px} #gcHome.gv4.gv6 .g6-nt .g6-ph{align-self:center} /* 11-04 用户:作者头像和后面那排点赞头像要一样大 → 都是 15px */ #gcHome.gv4.gv6 .g6-meta .g6-au img{width:15px;height:15px} /* 11-04 用户:「大家都在关注」字大一点 → 16px 改 18px(之前作者行误用了同名 .g6-mt 把它压成 11.5px,已改名 .g6-meta) */ #gcHome.gv4.gv6 h3.g6-mt{font-size:18px} /* 11-04 用户:前 3 条的访客头像挪到这一行最右边(作者 + 点赞数在左) */ #gcHome.gv4.gv6 .g6-meta>.g6-avs{flex:none;display:flex;margin:0 0 0 auto;padding-left:8px} /* 11-04 用户:点赞数放在访客头像右边 → 头像 + 点赞数一组靠右;后 3 条没有头像,点赞数也靠右对齐 */ #gcHome.gv4.gv6 .g6-meta>.g6-rt{flex:none;display:flex;align-items:center;gap:5px;margin-left:auto;padding-left:8px} #gcHome.gv4.gv6 .g6-rt .g6-avs{display:flex;margin:0} #gcHome.gv4.gv6 .g6-rt .ms-h{margin:0} /* ===== 11-04 用户:「这一块排版有点乱」(iPhone 上第 3~5 行序号压标题、点赞数被截 / 掉行) → 前面叠了十几轮补丁,这里统一收口:每行固定三栏网格(序号 | 标题 + 作者行 | 图),不再靠 flex 互相挤 ===== */ #gcHome.gv4.gv6 .g6-list .g6-nt{display:grid;grid-template-columns:20px minmax(0,1fr) 60px;column-gap:10px;align-items:start;padding:12px 0} #gcHome.gv4.gv6 .g6-list .g6-nt .ms-no{grid-column:1;width:20px;height:20px;margin:2px 0 0;padding:0;border-radius:6px; font-size:12px;font-style:normal;font-weight:800;line-height:20px;text-align:center;color:#A8948F;background:rgba(160,130,120,.12)} #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(-n+3) .ms-no{color:#fff;font-size:12px} #gcHome.gv4.gv6 .g6-list .g6-nt .ms-m{grid-column:2;display:block;min-width:0} #gcHome.gv4.gv6 .g6-list .g6-nt .ms-q{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal; font-size:15.5px;line-height:22px;font-weight:700;color:#1F1717;margin:0} #gcHome.gv4.gv6 .g6-list .g6-nt .g6-ph{grid-column:3;width:60px;height:60px;margin:0;align-self:center;border-radius:12px;object-fit:cover} /* 作者行:左作者(名字过长省略号),右「访客头像 + N 人点赞」,两边各自不挤 */ #gcHome.gv4.gv6 .g6-list .g6-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;margin-top:8px;overflow:visible;white-space:nowrap;font-size:12px;line-height:16px} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-au{display:flex;align-items:center;gap:5px;min-width:0;margin:0} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-au img,#gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img{width:16px;height:16px} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-au b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;color:#8E807C} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-rt{display:flex;align-items:center;gap:5px;margin:0;padding:0} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs{display:flex;margin:0;padding:0} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img{margin-left:-6px;transform-origin:50% 50%} #gcHome.gv4.gv6 .g6-list .g6-meta .g6-avs img:first-child{margin-left:0} #gcHome.gv4.gv6 .g6-list .g6-meta .ms-h{display:block;margin:0} #gcHome.gv4.gv6 .g6-list .g6-meta .ms-h b{font-size:12px;font-weight:500;color:#ADA09C} html.night #gcHome.gv4.gv6 .g6-list .g6-nt .ms-q{color:#F4EAEE} html.night #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(n+4) .ms-no{background:rgba(255,255,255,.08);color:#A99BA0} #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(1) .ms-no{background:linear-gradient(135deg,#FF6A3D,#EE2346)} #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(2) .ms-no{background:linear-gradient(135deg,#FF8A3D,#F2553A)} #gcHome.gv4.gv6 .g6-list .g6-nt:nth-child(3) .ms-no{background:linear-gradient(135deg,#FFB03D,#FF7A1A)} /* 11-05 用户:「大家都在关注」点赞头像不要白边 → 去掉 1.5px 白描边(夜间同) */ /* 11-05 用户二改:去掉后叠在一起分不清 → 加回 1px 白边(原来是 1.5px);夜间用深底色描边 */ #gcHome.gv4.gv6 .g6-avs img{border:1px solid #fff} html.night #gcHome.gv4.gv6 .g6-avs img{border:1px solid #2F2737}