.static-page { padding: 80px 0; background: var(--fb-bg); min-height: calc(100vh - 200px); }
.page-container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }
.page-header { text-align: center; margin-bottom: 60px; }
.page-header h1 { font-size: 2.5rem; font-weight: 700; color: var(--fb-heading); margin-bottom: 16px; }
.page-subtitle { font-size: 1.25rem; color: var(--fb-gray-text); }
.content-section { margin-bottom: 48px; }
.content-section h2 { font-size: 1.5rem; font-weight: 600; color: var(--fb-heading); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 2px solid var(--fb-accent); }

.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; }
.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; }

.qr-placeholder { margin-bottom: 24px; }
.qr-box { width: 160px; height: 160px; margin: 0 auto; background: #f5f5f5; border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.qr-box img { width: 100%; height: 100%; object-fit: cover; }
.qr-fallback { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.qr-fallback span { color: #666; font-size: 0.9rem; }
.qr-id { font-weight: 600; color: var(--fb-accent); font-size: 1rem !important; }

.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 { 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; }