/* 社交与论坛：轻量 WAP 信息层级，避免长段文字与无意义留白。 */
body[data-pixel-page^="social-"],
body[data-pixel-page^="forum-"] { --community-line:rgba(164,202,199,.26); --community-panel:rgba(18,48,54,.78); --community-soft:rgba(32,71,75,.76); --community-gold:#f4dc9a; --community-muted:#9db2b7; }
body[data-pixel-page^="social-"] #pixel-content,
body[data-pixel-page^="forum-"] #pixel-content { box-sizing:border-box; max-width:760px; margin:0 auto; padding:12px 12px calc(88px + env(safe-area-inset-bottom)); }
body[data-pixel-page^="social-"] .community-nav,
body[data-pixel-page^="forum-"] .community-nav { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px; align-items:center; min-height:38px; margin:0 0 10px; padding:0 2px 8px; border-bottom:1px solid var(--community-line); }
body[data-pixel-page^="social-"] .community-nav a,
body[data-pixel-page^="forum-"] .community-nav a { color:#f1d893; font-size:14px; line-height:1.2; }
body[data-pixel-page^="social-"] .community-nav a:last-child,
body[data-pixel-page^="forum-"] .community-nav a:last-child { text-align:right; }
body[data-pixel-page^="social-"] .community-nav span,
body[data-pixel-page^="forum-"] .community-nav span { color:#f9e5a8; font-weight:700; font-size:16px; text-align:center; white-space:nowrap; }
.community-tabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 -2px 12px; padding:1px 2px 4px; }
.community-tabs::-webkit-scrollbar { display:none; }
.community-tabs a { flex:0 0 auto; padding:6px 10px; border:1px solid rgba(166,194,185,.3); border-radius:5px; color:#b9ced0; font-size:14px; line-height:1.2; background:rgba(8,29,34,.36); }
.community-tabs a.is-current { border-color:#b9984f; color:#ffe3a1; background:rgba(101,60,38,.54); }
.community-hero,.forum-hero { display:flex; gap:12px; align-items:center; justify-content:space-between; margin:0 0 10px; padding:13px 14px; border:1px solid var(--community-line); border-left:3px solid #d3ad55; border-radius:6px; background:linear-gradient(100deg,rgba(44,78,72,.83),rgba(19,50,56,.72)); }
.community-hero small,.forum-hero small,.forum-editor header small { display:block; margin:0 0 2px; color:#98b7b3; font-size:12px; letter-spacing:.08em; }
.community-hero h1,.forum-hero h1,.forum-editor h1 { margin:0; color:#ffdfa1; font-size:21px; line-height:1.2; }
.community-hero h1 b,.forum-hero h1 b { margin-left:5px; color:#fff1c3; font-size:15px; }
.community-hero p,.forum-hero p,.forum-editor header p { margin:5px 0 0; color:var(--community-muted); font-size:13px; line-height:1.5; }
.danger-hero { border-left-color:#b96a56; }
.community-list,.community-requests,.forum-thread-list,.forum-comments,.forum-collection,.forum-notice-list { border:1px solid var(--community-line); border-radius:6px; overflow:hidden; background:var(--community-panel); }
.community-person,.community-requests article { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:9px; align-items:center; min-height:56px; padding:9px 12px; border-bottom:1px solid rgba(164,202,199,.16); }
.community-requests { margin-top:12px; }
.community-requests h2,.forum-comments h2,.forum-collection h2 { margin:0; padding:10px 12px; color:#f6dda0; font-size:16px; border-bottom:1px solid var(--community-line); }
.community-requests h2 small,.forum-comments h2 small,.forum-collection h2 small { color:#a9c2c1; font-size:12px; }
.community-requests article { grid-template-columns:minmax(0,1fr) auto; }
.community-person:last-child,.community-requests article:last-child { border-bottom:0; }
.community-state { width:8px; height:8px; border-radius:50%; background:#6d7f82; box-shadow:0 0 0 2px rgba(255,255,255,.05); }
.community-state.online { background:#68c98a; box-shadow:0 0 7px rgba(104,201,138,.8); }
.community-person > div:nth-child(2),.community-requests article > div:first-child { min-width:0; }
.person-name { display:block; overflow:hidden; color:#f6e2ae; font-size:16px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.community-person small,.community-requests small { display:block; margin-top:2px; color:#9eb5b9; font-size:12px; }
.community-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.community-actions a { padding:5px 8px; border:1px solid rgba(210,177,97,.62); border-radius:4px; color:#f0d99d; font-size:13px; line-height:1.1; white-space:nowrap; }
.community-actions a.accent-link { border-color:#c98359; color:#ffe1a2; background:rgba(122,64,39,.4); }
.community-empty { padding:22px 14px; color:#9db4b8; font-size:14px; line-height:1.6; text-align:center; }
.forum-hero { align-items:flex-end; }
.forum-compose-link,.forum-hero button,.forum-editor button,.forum-composer button { flex:0 0 auto; padding:8px 12px; border:1px solid #c89953; border-radius:5px; color:#ffe4a7; font:inherit; font-size:14px; line-height:1.2; background:linear-gradient(180deg,#7d4835,#542f2c); }
.forum-thread { display:block; padding:11px 13px; border-bottom:1px solid rgba(164,202,199,.16); }
.forum-thread:last-child { border-bottom:0; }
.forum-thread-title { display:block; overflow:hidden; color:#f4e0ae; font-size:16px; font-weight:700; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.forum-thread-title i,.forum-post-card i { display:inline-block; margin-right:5px; padding:1px 4px; border:1px solid #b17d42; border-radius:3px; color:#ffe0a0; font-size:11px; font-style:normal; font-weight:400; vertical-align:2px; }
.forum-thread p,.forum-post-card header p { display:flex; flex-wrap:wrap; gap:4px 9px; margin:5px 0 0; color:#94adb2; font-size:12px; }
.forum-thread time,.forum-post-card time,.forum-comment time { color:#769298; }
.forum-pagination { display:flex; align-items:center; justify-content:space-between; margin-top:11px; padding:0 4px; color:#9db2b7; font-size:13px; }
.forum-pagination a { color:#e8ce91; }
.forum-post-card { border:1px solid var(--community-line); border-radius:6px; overflow:hidden; background:var(--community-panel); }
.forum-post-card header { padding:14px 14px 10px; border-bottom:1px solid rgba(164,202,199,.16); }
.forum-post-card header h1 { margin:4px 0 0; color:#ffdfa1; font-size:21px; line-height:1.35; }
.forum-post-card i.danger { border-color:#aa645d; color:#ffbbb0; }
.forum-body { padding:13px 14px 5px; color:#d5e0df; font-size:16px; line-height:1.75; word-break:break-word; }
.forum-body p { margin:0 0 10px; }
.forum-post-card footer { display:flex; flex-wrap:wrap; gap:6px 12px; padding:10px 14px; color:#9db6ba; font-size:13px; border-top:1px solid rgba(164,202,199,.16); }
.forum-reactions,.forum-management { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0; }
.forum-reactions form,.forum-management form,.forum-management a { display:inline-flex; margin:0; }
.forum-reactions button,.forum-management button,.forum-management a,.forum-comment button { padding:6px 10px; border:1px solid rgba(211,178,98,.58); border-radius:4px; color:#ebd59e; font:inherit; font-size:13px; line-height:1.2; background:rgba(48,69,69,.72); }
.forum-management { padding:9px 10px; border:1px solid rgba(164,202,199,.22); border-radius:5px; background:rgba(18,48,54,.54); }
.forum-management a { align-items:center; }
.forum-muted-note { margin:10px 0; padding:9px 11px; border-left:3px solid #b78858; color:#c8b58f; font-size:13px; background:rgba(89,65,44,.24); }
.forum-comments { margin-top:12px; }
.forum-comment { padding:11px 13px; border-bottom:1px solid rgba(164,202,199,.16); }
.forum-comment:last-child { border-bottom:0; }
.forum-comment header { display:flex; flex-wrap:wrap; gap:6px 9px; align-items:center; color:#e8d79d; font-size:13px; }
.forum-comment p { margin:6px 0; color:#d1dddd; font-size:15px; line-height:1.6; word-break:break-word; }
.forum-comment.is-deleted { opacity:.58; }
.forum-comment button { margin-top:2px; color:#b6c5c4; font-size:12px; }
.forum-composer,.forum-editor { display:block; margin-top:12px; padding:13px; border:1px solid var(--community-line); border-radius:6px; background:var(--community-panel); }
.forum-composer label,.forum-editor label { display:block; margin-bottom:7px; color:#f2dda3; font-weight:700; }
.forum-editor label small { color:#98b1b5; font-size:12px; font-weight:400; }
.forum-composer textarea,.forum-editor textarea,.forum-editor input { box-sizing:border-box; width:100%; border:1px solid rgba(164,202,199,.38); border-radius:4px; color:#deebea; font:inherit; font-size:15px; line-height:1.55; background:rgba(4,22,29,.7); }
.forum-composer textarea { min-height:82px; margin:0 0 8px; padding:9px; resize:vertical; }
.forum-editor header { margin-bottom:14px; }
.forum-editor form { display:grid; gap:8px; }
.forum-editor input { height:40px; padding:8px 10px; }
.forum-editor textarea { min-height:210px; padding:10px; resize:vertical; }
.forum-editor button { justify-self:start; margin-top:5px; }
.forum-collection { margin-top:11px; }
.forum-collection-row { display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border-bottom:1px solid rgba(164,202,199,.16); color:#e9d9aa; }
.forum-collection-row:last-child { border-bottom:0; }
.forum-collection-row span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.forum-collection-row small { flex:0 0 auto; color:#91abb0; font-size:12px; }
.forum-notice-hero form { margin:0; }
.forum-notice-list { margin-top:12px; }
.forum-notice { display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:9px; align-items:center; padding:11px 12px; border-bottom:1px solid rgba(164,202,199,.16); color:#c3d3d4; }
.forum-notice:last-child { border-bottom:0; }
.forum-notice.is-unread { background:rgba(69,96,87,.27); color:#f1ddb0; }
.notice-mark { display:grid; width:28px; height:28px; place-items:center; border:1px solid #aa8244; border-radius:50%; color:#ffdfa0; font-size:12px; background:rgba(101,66,38,.44); }
.forum-notice b { color:#f5e1a7; }
.forum-notice small { display:block; overflow:hidden; margin-top:2px; color:#98b0b4; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.forum-notice i { color:#ffd78d; font-size:11px; font-style:normal; }
@media (max-width:390px) { .community-person { grid-template-columns:8px minmax(0,1fr); } .community-person .community-actions { grid-column:2; justify-content:flex-start; } .forum-hero { align-items:flex-start; } .forum-compose-link { padding:7px 9px; font-size:13px; } }