.community-channels--cn { scroll-margin-top: 100px; }
.community-channel-grid--cn { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.community-channel-grid--cn .community-channel-card { min-height: 178px; padding: 24px; }
.community-channel-grid--cn .community-channel-card--xiaohongshu svg { width: 38px; height: 28px; }
.community-channels--cn h2, .community-channels--cn strong { text-wrap: balance; }
.community-channels--cn p, .community-channels--cn .community-channel-copy > span { text-wrap: pretty; }
.community-channels--cn a:focus-visible, .community-wechat-dialog :focus-visible { outline: 3px solid #087d8f; outline-offset: 4px; }
.community-wechat-dialog { box-sizing: border-box; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 52px 28px 28px; border: 1px solid #d6e4e3; border-radius: 16px; background: #fff; color: #172536; text-align: center; overflow: auto; overscroll-behavior: contain; box-shadow: 0 24px 80px #10243040; }
.community-wechat-dialog::backdrop { background: #101c2bb8; }
.community-wechat-dialog h2 { margin: 0 0 12px; font-size: 23px; line-height: 1.4; text-wrap: balance; }
#wechat-dialog-title { color: #172536; }
.community-wechat-dialog p { margin: 12px 0; color: #607083; font-size: 14px; line-height: 1.65; }
.community-wechat-close { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #f2f6f7; color: #172536; font-size: 28px; cursor: pointer; }
.community-wechat-image-link { display: block; width: min(280px, 100%); margin: 16px auto; }
.community-wechat-qr { display: block; width: 100%; height: auto; }
.community-wechat-id code { color: #172536; overflow-wrap: anywhere; }
.community-wechat-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.community-wechat-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: 0 12px; border: 1px solid #bfd3d1; border-radius: 5px; color: #086a78; text-decoration: none; }
.community-wechat-actions a:hover { background: #eef8f5; }
html.community-wechat-modal-open { overflow: hidden; }
@media (max-width: 760px) {
  .community-channel-grid--cn { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .community-channel-grid--cn .community-channel-card { padding: 20px; min-height: 178px; }
  .community-wechat-dialog { padding: 52px 20px 24px; }
}
