/* Member feedback: quote strips for one-liners, fixed-height showcase windows for long conversations. */
#community { display:block; padding-block:104px; scroll-margin-top:72px; scroll-snap-align:none; scroll-snap-stop:normal; }
#community .sec-head { max-width:760px; margin-inline:auto; text-align:center; }
#community .sec-head .lede { margin-inline:auto; max-width:60ch; }
#community .sec-head .kicker { justify-content:center; }
.feedback-wrap { margin-top:48px; }
.feedback-intro { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; }
.feedback-intro > span { font-size:16px; font-weight:600; color:var(--ink); }
.feedback-intro p { color:var(--muted); font-size:12px; }
.feedback-category { display:inline-block; width:fit-content; padding:2px 10px; border-radius:999px; border:1px solid var(--line); color:var(--muted); font-size:11px; letter-spacing:.08em; white-space:nowrap; }
/* 短反馈：轻量引言条，截图按原始比例展示 */
.feedback-short { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; align-items:start; }
.feedback-quote { margin:0; min-width:0; padding:14px 18px 16px; border:1px solid var(--line); border-radius:14px; background:var(--bg-elev); display:grid; gap:10px; align-content:start; }
.feedback-quote img { display:block; width:100%; height:auto; border-radius:8px; }
/* 长图：等高橱窗卡，顶部对齐裁切 + 底部淡出 */
.feedback-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; }
.feedback-shot { margin:0; min-width:0; border:1px solid var(--line); border-radius:16px; background:var(--bg-elev); overflow:hidden; display:flex; flex-direction:column; }
.feedback-meta { display:flex; align-items:center; gap:10px; padding:12px 16px; }
.feedback-label { font-size:13px; color:var(--ink-soft); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.feedback-frame { height:400px; overflow:hidden; position:relative; }
.feedback-frame--crop img { display:block; width:100%; height:100%; object-fit:cover; object-position:top left; }
.feedback-frame--crop::after { content:""; position:absolute; inset:auto 0 0 0; height:56px; background:linear-gradient(to bottom, transparent, var(--bg-elev)); pointer-events:none; }
.feedback-frame--fit { display:grid; place-items:center; padding:16px; background:var(--bg); }
.feedback-frame--fit img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; border-radius:8px; border:1px solid var(--line-soft); }
.feedback-wall-heading { margin-top:56px; display:flex; justify-content:space-between; align-items:baseline; gap:16px; }
.feedback-wall-heading h3 { font-size:20px; font-weight:600; }
.feedback-wall-heading p { color:var(--muted); font-size:14px; }
#community .wall-marquee { margin-top:24px; }
/* 平板：两列橱窗，收益横图通栏完整展示，避免三列过窄文字缩到不可读 */
@media(min-width:861px) and (max-width:1100px) {
  .feedback-gallery { grid-template-columns:1fr 1fr; }
  .feedback-shot--results { grid-column:1 / -1; }
  .feedback-shot--results .feedback-frame { height:340px; }
}
@media(max-width:860px) {
  #community { padding-block:72px; }
  .feedback-short { grid-template-columns:1fr; }
  .feedback-gallery { grid-template-columns:1fr; }
  .feedback-frame { height:340px; }
}
@media(max-width:600px) {
  .feedback-wrap { width:calc(100% - 32px); margin-top:32px; }
  .feedback-intro { display:block; }
  .feedback-intro p { margin-top:4px; }
  .feedback-short { gap:12px; margin-bottom:12px; }
  .feedback-gallery { gap:12px; }
  .feedback-frame { height:300px; }
  /* 手机：长对话放大到 140% 宽、只裁右侧空白，文字保持可读 */
  .feedback-frame--crop img { width:140%; max-width:none; }
  /* 短反馈是单行消息，不宜裁切：固定可读宽度 + 横向滑动，右缘渐隐提示可滑 */
  .feedback-quote { overflow-x:auto; scrollbar-width:none; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent); }
  .feedback-quote::-webkit-scrollbar { display:none; }
  .feedback-quote img { width:720px; max-width:none; }
  .feedback-wall-heading { display:block; margin-top:40px; }
  .feedback-wall-heading p { margin-top:4px; }
}