freefire/jiang13-bbs
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

feat(posts): 类型特殊块移至正文下，采纳答案卡与中奖楼层按评论标记

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
姜十三
2026-09-16 08:33:00 +08:00
parent 92695c2143
commit 44fdcace4c
8 changed files with 410 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
frontend/app/globals.css
View File

@@ -303,6 +303,64 @@ body {
border-color: color-mix(in srgb, var(--ok) 30%, var(--line));
}
/* 正文下方已采纳答案：问答资料卡 */
.j13-accepted-answer {
margin-top: 1.75rem;
padding: 1.15rem 1.25rem 1.25rem;
border-radius: 14px;
border: 1px solid color-mix(in srgb, var(--ok) 28%, var(--line));
background: color-mix(in srgb, var(--ok) 7%, var(--panel));
box-shadow: inset 3px 0 0 0 var(--ok);
}
.dark .j13-accepted-answer {
background: color-mix(in srgb, var(--ok) 12%, var(--panel));
border-color: color-mix(in srgb, var(--ok) 36%, var(--line));
}
.j13-accepted-answer__head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 12px 16px;
margin-bottom: 0.9rem;
padding-bottom: 0.85rem;
border-bottom: 1px solid color-mix(in srgb, var(--ok) 18%, var(--line));
}
.j13-accepted-answer__meta {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
flex: 1;
}
.j13-accepted-answer__status {
margin: 0;
font-size: 15px;
font-weight: 600;
color: var(--ink);
line-height: 1.3;
}
.j13-accepted-answer__author {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.j13-accepted-answer__body {
min-width: 0;
}
/* 正文下方类型特殊块（投票/悬赏/抽奖/问答状态） */
.j13-interact-below {
margin-top: 1.75rem;
}
.j13-interact-below + .j13-accepted-answer,
.j13-interact-below + .j13-question-below {
margin-top: 1rem;
}
.j13-question-below {
margin-top: 1.75rem;
}
.j13-compose-field {
width: 100%;
padding: 10px 14px;
@@ -1134,12 +1192,15 @@ a.j13-mention-token:hover {
padding: 4px 11px;
border-radius: 999px;
white-space: nowrap;
background: var(--gold);
color: #ffffff;
/* 中奖：明亮类金色（不用偏棕的 --gold 实心白字） */
background: color-mix(in srgb, #d4a017 22%, var(--panel));
color: #8a6d00;
box-shadow: inset 0 0 0 1px color-mix(in srgb, #d4a017 42%, transparent);
}
.dark .badge-winner {
background: var(--gold);
color: #1a1204;
background: color-mix(in srgb, #e8c56b 26%, transparent);
color: #f5dfa0;
box-shadow: inset 0 0 0 1px color-mix(in srgb, #e8c56b 48%, transparent);
}
/* 站点公告列表 */