39 lines
3.4 KiB
CSS
39 lines
3.4 KiB
CSS
/* 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 用户：孕妈广场里放两个测试 —— 两张并排卡，在卡堆和「其他妈妈也在搜」之间 */
|
|
#gcHome.gv4.gv6 .g6-qz{margin-top:18px}
|
|
#gcHome.gv4.gv6 .g6-qh{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:900;color:#2A1E1E}
|
|
#gcHome.gv4.gv6 .g6-qh small{font-size:11.5px;font-weight:500;color:#A8928C}
|
|
#gcHome.gv4.gv6 .g6-qr{display:grid;grid-template-columns:1fr 1fr;gap:10px}
|
|
#gcHome.gv4.gv6 .g6-q{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:150px;padding:12px 12px 11px;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 .g6-q img{position:absolute;right:-12px;bottom:-14px;width:78px;height:78px;border-radius:50%;object-fit:cover;opacity:.95;border:3px solid rgba(255,255,255,.75)}
|
|
#gcHome.gv4.gv6 .g6-qk{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 .g6-qt{position:relative;margin-top:8px;font-size:15px;font-weight:900;line-height:1.35;max-width:9.5em}
|
|
#gcHome.gv4.gv6 .g6-qn{position:relative;margin-top:5px;font-size:11.5px;color:var(--qc);font-weight:700}
|
|
#gcHome.gv4.gv6 .g6-qg{position:relative;margin-top:auto;align-self:flex-start;height:26px;padding:0 11px;border-radius:99px;display:flex;align-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--qc)}
|
|
html.night #gcHome.gv4.gv6 .g6-qh{color:#F3E8F0}
|