.compose-card{margin-bottom:var(--sp-4)} .post-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sd-1);padding:var(--sp-4);margin-bottom:var(--sp-4)} .post-head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)} .post-avatar{ width:80rpx;height:80rpx;border-radius:var(--r-sm);background:var(--primary-soft); display:flex;align-items:center;justify-content:center;font-size:40rpx;flex:none; } .post-user{flex:1;min-width:0} .pu-b{font-size:var(--fs-md);display:block;font-weight:var(--fw-b)} .ai-tag{ display:inline-block;margin-left:var(--sp-1);padding:0 var(--sp-1);border-radius:var(--r-xs); background:var(--blue-soft);color:var(--blue-ink);font-size:var(--fs-cap);font-weight:var(--fw-b);vertical-align:1rpx; } .pu-s{font-size:var(--fs-sm);color:var(--muted)} .post-content{font-size:var(--fs-md);line-height:1.62;color:var(--text-2);margin-bottom:var(--sp-3)} .photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-1);margin-bottom:var(--sp-3)} .photo-tile{ aspect-ratio:1;border-radius:var(--r-sm);background:var(--primary-soft); display:flex;align-items:center;justify-content:center;font-size:56rpx; } /* 三等分。原来是 space-around 排三个宽度不一的项,点赞数一变宽度就跳 */ .post-actions{display:flex;border-top:1rpx solid var(--line);padding-top:var(--sp-2)} .pa-btn{ flex:1;height:72rpx; display:flex;align-items:center;justify-content:center;gap:var(--sp-1); color:var(--muted);font-weight:var(--fw);font-size:var(--fs-sm); } .pa-n{line-height:1} .pa-btn.liked{color:var(--red-ink)} .pa-btn:active{background:var(--surface-2);border-radius:var(--r-sm)} /* 分享用微信原生 open-type=share,得抹掉 button 默认外观 */ .pa-share{background:transparent;border:none;padding:0;margin:0;line-height:inherit} .pa-share::after{border:none} /* 关注按钮 */ .follow-btn{ flex:none;font-size:var(--fs-cap);font-weight:var(--fw-b);padding:6rpx var(--sp-3);border-radius:var(--r-full); color:var(--primary-dark);background:var(--primary-soft);border:1rpx solid var(--primary-line); } .follow-btn.on{color:var(--muted);background:#F4F1EC;border-color:var(--line)} .retry-btn{ margin-top:var(--sp-3);display:inline-block;padding:var(--sp-2) var(--sp-6);border-radius:var(--r-full); background:var(--primary-soft);color:var(--primary-dark);font-weight:var(--fw-b);font-size:var(--fs-sm); }