/* 公共骨架见 static-page.css；本文件仅放动态渠道页差异样式 */
.page-container { max-width: 1000px; } /* 本页内容更宽，覆盖骨架默认 900px */

.social-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; }
.social-card { background: var(--fb-card-bg); border: 1px solid var(--fb-border); border-radius: 20px; padding: 36px; text-align: center; }
#wechat { scroll-margin-top: calc(var(--nav-height) + 16px); }
.social-icon { width: 80px; height: 80px; margin: 0 auto 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.social-icon.wechat { background: #07c160; color: white; }
.social-icon.douyin { background: #000; color: white; }
.social-icon.xiaohongshu { background: #ff2442; color: white; }
.social-card h3 { font-size: 1.5rem; font-weight: 600; color: var(--fb-heading); margin-bottom: 12px; }
.social-card > p { color: var(--fb-gray-text); margin-bottom: 24px; }

.wechat-qr { margin: 0 0 24px; }
.wechat-qr__image {
    display: block;
    width: min(100%, 240px);
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
    border: 1px solid var(--fb-border);
    border-radius: 12px;
    background: #fff;
}
.wechat-qr figcaption { margin-top: 10px; color: var(--fb-gray-text); font-size: 0.9rem; }

.social-features { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.social-features span { background: var(--fb-bg); padding: 6px 14px; border-radius: 20px; font-size: 0.85rem; color: var(--fb-text); }

.group-info { background: var(--fb-card-bg); border: 1px solid var(--fb-border); border-radius: 16px; padding: 32px; }
.group-info p { color: var(--fb-text); margin-bottom: 16px; }
.group-info ol,
.group-info ul { padding-left: 24px; margin-bottom: 16px; }
.group-info li { color: var(--fb-text); margin-bottom: 8px; }
.group-info .note { font-size: 0.85rem; color: var(--fb-gray-text); margin-bottom: 0; }

@media (max-width: 480px) {
    .social-grid { grid-template-columns: minmax(0, 1fr); }
    .social-card { padding: 28px 16px; }
}