diff --git a/.workbuddy/memory/2026-10-19.md b/.workbuddy/memory/2026-10-19.md index 59c631c..8b90140 100644 --- a/.workbuddy/memory/2026-10-19.md +++ b/.workbuddy/memory/2026-10-19.md @@ -125,3 +125,51 @@ admin6 的 L2 于 2026-10-19 21:29 自动到期。 `社区规则 | 找站长` → `盘 | 公告板 | 聊天室 | 监控板 | 导航页` → `Powered by NekoBox | ICP` → `提问箱已成功存活：…`。 实现只调整了 `
` 的位置，仍共 4 个 `
`，所以块高与顶部空行跟原来一致（未新增占位）。 注意：`box_runtime` 的脚本按 id 取元素，移动位置不影响；但 `
` 数量别随意增删，否则页脚高度会变。 + +## 前端样式体检（只出结论，未改代码） + +量化事实（脚本统计 templates/**/*.html）： + +- 全站 **0 个 .css 文件**，样式全部内联：`base/header.html` 内含 **17.5KB CSS + 10.6KB JS**（模板总 42.5KB）， + footer 3.0KB JS；全模板共 **24 个 ` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + + + + + + +
+
+
+ +

测试箱主

+

欢迎提问

+
+ + + + + +
+
+
+
+ +
+
+ + + + +
+ + +

扫码向@测试箱主提问
谁都可以以匿名的形式提问

+ +
+ + 📤 分享提问箱 + +
+ + + + + + + + + + + + + + + + +
+ + + + + +
+ +
+ +
+ + + + + + + +
+ +
+
+ + + +
+ +
+
+ +
+ + + +
+ +
+
+
+ + + +
+ +
+ +
+ +
+
+
+ + + + + + +

@测试箱主 以前回答过的问题 (2)

+ +
+ +
+
+ 查看回答 +
+ ⭐ + 2026-10-19 10:58:34 +
+

置顶的问题 +

+
+ +
+
+ 查看回答 +
+ + 2026-10-19 09:58:34 +
+

普通问题 +

+
+ +
+ + +
+ +
+
+ 无更多留言 +

+
+
+ + +
+ + +
+
+ +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + diff --git a/outputs/preview-box-light.html b/outputs/preview-box-light.html new file mode 100644 index 0000000..469e809 --- /dev/null +++ b/outputs/preview-box-light.html @@ -0,0 +1,1505 @@ + + + + + + 预览 10:58 · + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + + + + + + +
+
+
+ +

测试箱主

+

欢迎提问

+
+ + + + + +
+
+
+
+ +
+
+ + + + +
+ + +

扫码向@测试箱主提问
谁都可以以匿名的形式提问

+ +
+ + 📤 分享提问箱 + +
+ + + + + + + + + + + + + + + + +
+ + + + + +
+ +
+ +
+ + + + + + + +
+ +
+
+ + + +
+ +
+
+ +
+ + + +
+ +
+
+
+ + + +
+ +
+ +
+ +
+
+
+ + + + + + +

@测试箱主 以前回答过的问题 (2)

+ +
+ +
+
+ 查看回答 +
+ ⭐ + 2026-10-19 10:58:34 +
+

置顶的问题 +

+
+ +
+
+ 查看回答 +
+ + 2026-10-19 09:58:34 +
+

普通问题 +

+
+ +
+ + +
+ +
+
+ 无更多留言 +

+
+
+ + +
+ + +
+
+ +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + diff --git a/outputs/preview-explore-dark.html b/outputs/preview-explore-dark.html new file mode 100644 index 0000000..b76b788 --- /dev/null +++ b/outputs/preview-explore-dark.html @@ -0,0 +1,1643 @@ + + + + + + 预览 10:58 · 投票 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + + + +
+

探索用户标签

+ +
+

此处展示已开启“在首页展示我的标签”的用户。该功能默认关闭，若希望自己的提问箱在这里被发现，请前往 个人设置 手动开启。

+
+ +
+ + +
+ +
+
+
+

随机推荐

+ +
+
+ +
暂无推荐用户
+ +
+
+ + + +
+

热门标签

+
+ + #杂谈 + + #学习 + + #音乐 + +
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+ + +
+
+
+
+ avatar +
+
+
+ 小狼 +
+
+ 随便问，友善一点，看到都会回。 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ Kitsune +
+
+ 摄影 / 音乐 / 一点点代码 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ 残响 +
+
+ 长期潜水，偶尔冒泡。 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ Mika +
+
+ 想认识更多有趣的人。 +
+
+ + 无标签 + +
+
+
+
+
+ +
+ +
    + +
  • 上一页
    • + +
  • 1 / 1
    • + +
  • 下一页
    • + +
+ +
+ + +
+ + +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + + diff --git a/outputs/preview-explore-light.html b/outputs/preview-explore-light.html new file mode 100644 index 0000000..b7248d2 --- /dev/null +++ b/outputs/preview-explore-light.html @@ -0,0 +1,1643 @@ + + + + + + 预览 10:58 · 投票 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + + + +
+

探索用户标签

+ +
+

此处展示已开启“在首页展示我的标签”的用户。该功能默认关闭，若希望自己的提问箱在这里被发现，请前往 个人设置 手动开启。

+
+ +
+ + +
+ +
+
+
+

随机推荐

+ +
+
+ +
暂无推荐用户
+ +
+
+ + + +
+

热门标签

+
+ + #杂谈 + + #学习 + + #音乐 + +
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+
+ + +
+ + +
+
+
+
+ avatar +
+
+
+ 小狼 +
+
+ 随便问，友善一点，看到都会回。 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ Kitsune +
+
+ 摄影 / 音乐 / 一点点代码 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ 残响 +
+
+ 长期潜水，偶尔冒泡。 +
+
+ + 无标签 + +
+
+
+
+
+ + +
+
+
+
+ avatar +
+
+
+ Mika +
+
+ 想认识更多有趣的人。 +
+
+ + 无标签 + +
+
+
+
+
+ +
+ +
    + +
  • 上一页
    • + +
  • 1 / 1
    • + +
  • 下一页
    • + +
+ +
+ + +
+ + +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + + diff --git a/outputs/preview-home-dark.html b/outputs/preview-home-dark.html new file mode 100644 index 0000000..0205dd5 --- /dev/null +++ b/outputs/preview-home-dark.html @@ -0,0 +1,1572 @@ + + + + + + 预览 10:58 · TamaBox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + +
+
+

人机验证

+

请计算下方的算术题以验证你不是机器人

+
+ 加载中... + +
+
+ +
+ +
+ + +
+
+
+ + + + + + + +
+

狼的提问箱 | 匿名提问箱

+

+ 一个无需注册即可提问的匿名提问箱。不用下载 App，不用绑定社交账号，连邮箱都不必是真的。 +

+
+ 探索 + 社区规则 +
+
+ +
+
+

匿名也能问

+

不需要账号、不需要真实邮箱，打开就能写。想收到回复再留邮箱即可。

+
+
+

不止一问一答

+

问题二维码、私聊、投票、追加提问、Markdown 排版，原版没有的这里都有。

+
+
+

箱子归你

+

头像、背景、二维码配色都能自己调，还能设置审核严格度和收集时段。

+
+
+ +
+

域名迁移

+

+ 本站已切换到 box.shiroko.one，原域名将在 2026 年 12 月 24 日到期， + 期间通过 301 转发指向新域名，到期后旧域名将彻底不再使用。 +

+

+ 审核服务已切换到阿里云，审核速度提升且误伤更少；同时允许用户调整审核严格度，在不碰底线的前提下 + 可以设置不接受辱骂、广告等信息（即「不听坏话模式」）。 +

+
+ +
+

一点提醒

+ +

+ 想先试试功能，可以到站长的提问箱 + 小狼的提问箱 提问或提意见。 +

+
+ +
+ 近期更新 + +
+ +
+

提问箱信息统计

+
+
+ 1284 + 注册用户 +
+
+ 56321 + 累计提问 +
+
+ 31208 + 已获回答 +
+
+

+ 最后提问：2026-10-19 10:12:44
+ 最后回答：2026-10-19 09:58:02
+ 数据更新于：2026-10-19 10:00:00 +

+
+ +
+ +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + diff --git a/outputs/preview-home-light.html b/outputs/preview-home-light.html new file mode 100644 index 0000000..87eb619 --- /dev/null +++ b/outputs/preview-home-light.html @@ -0,0 +1,1572 @@ + + + + + + 预览 10:58 · TamaBox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + +
+
+

人机验证

+

请计算下方的算术题以验证你不是机器人

+
+ 加载中... + +
+
+ +
+ +
+ + +
+
+
+ + + + + + + +
+

狼的提问箱 | 匿名提问箱

+

+ 一个无需注册即可提问的匿名提问箱。不用下载 App，不用绑定社交账号，连邮箱都不必是真的。 +

+
+ 探索 + 社区规则 +
+
+ +
+
+

匿名也能问

+

不需要账号、不需要真实邮箱，打开就能写。想收到回复再留邮箱即可。

+
+
+

不止一问一答

+

问题二维码、私聊、投票、追加提问、Markdown 排版，原版没有的这里都有。

+
+
+

箱子归你

+

头像、背景、二维码配色都能自己调，还能设置审核严格度和收集时段。

+
+
+ +
+

域名迁移

+

+ 本站已切换到 box.shiroko.one，原域名将在 2026 年 12 月 24 日到期， + 期间通过 301 转发指向新域名，到期后旧域名将彻底不再使用。 +

+

+ 审核服务已切换到阿里云，审核速度提升且误伤更少；同时允许用户调整审核严格度，在不碰底线的前提下 + 可以设置不接受辱骂、广告等信息（即「不听坏话模式」）。 +

+
+ +
+

一点提醒

+ +

+ 想先试试功能，可以到站长的提问箱 + 小狼的提问箱 提问或提意见。 +

+
+ +
+ 近期更新 + +
+ +
+

提问箱信息统计

+
+
+ 1284 + 注册用户 +
+
+ 56321 + 累计提问 +
+
+ 31208 + 已获回答 +
+
+

+ 最后提问：2026-10-19 10:12:44
+ 最后回答：2026-10-19 09:58:02
+ 数据更新于：2026-10-19 10:00:00 +

+
+ +
+ +

+
+ 社区规则 | + + 找站长 +
+ 盘 + | 公告板 + | 聊天室 + | 监控板 + | 导航页 +
Powered by NekoBox | +
提问箱已成功存活： +

+ + +
+
+ + + + diff --git a/outputs/shot-box-dark.png b/outputs/shot-box-dark.png new file mode 100644 index 0000000..4fadc28 Binary files /dev/null and b/outputs/shot-box-dark.png differ diff --git a/outputs/shot-box-light.png b/outputs/shot-box-light.png new file mode 100644 index 0000000..6e4dc96 Binary files /dev/null and b/outputs/shot-box-light.png differ diff --git a/outputs/shot-explore-light.png b/outputs/shot-explore-light.png new file mode 100644 index 0000000..3737e12 Binary files /dev/null and b/outputs/shot-explore-light.png differ diff --git a/outputs/shot-home-dark.png b/outputs/shot-home-dark.png new file mode 100644 index 0000000..9feebdf Binary files /dev/null and b/outputs/shot-home-dark.png differ diff --git a/outputs/shot-home-light.png b/outputs/shot-home-light.png new file mode 100644 index 0000000..c2ef606 Binary files /dev/null and b/outputs/shot-home-light.png differ diff --git a/outputs/verify-inline.png b/outputs/verify-inline.png new file mode 100644 index 0000000..2d435cc Binary files /dev/null and b/outputs/verify-inline.png differ diff --git a/templates/base/header.html b/templates/base/header.html index b50b75f..e58b2b5 100644 --- a/templates/base/header.html +++ b/templates/base/header.html @@ -7,6 +7,52 @@ + + + + @@ -185,15 +231,7 @@ + + + + +
+

{{t .LangCode "site.title"}}

+

+ 一个无需注册即可提问的匿名提问箱。不用下载 App，不用绑定社交账号，连邮箱都不必是真的。 +

+
+ {{t .LangCode "nav.explore"}} + {{t .LangCode "site.footer.rules"}} +
+
+ +
+
+

匿名也能问

+

不需要账号、不需要真实邮箱，打开就能写。想收到回复再留邮箱即可。

+
+
+

不止一问一答

+

问题二维码、私聊、投票、追加提问、Markdown 排版，原版没有的这里都有。

+
+
+

箱子归你

+

头像、背景、二维码配色都能自己调，还能设置审核严格度和收集时段。

+
+
+ +
+

域名迁移

+

+ 本站已切换到 box.shiroko.one，原域名将在 2026 年 12 月 24 日到期， + 期间通过 301 转发指向新域名，到期后旧域名将彻底不再使用。 +

+

+ 审核服务已切换到阿里云，审核速度提升且误伤更少；同时允许用户调整审核严格度，在不碰底线的前提下 + 可以设置不接受辱骂、广告等信息（即「不听坏话模式」）。 +

+
+ +
+

一点提醒

+ +

+ 想先试试功能，可以到站长的提问箱 + 小狼的提问箱 提问或提意见。 +

+
+ +
+ 近期更新 + +
+ +
+

{{t .LangCode "site.stats"}}

+
+
+ {{if .SiteStats}}{{.SiteStats.RegisteredUsers}}{{else}}-{{end}} + 注册用户 +
+
+ {{if .SiteStats}}{{.SiteStats.TotalQuestions}}{{else}}-{{end}} + 累计提问 +
+
+ {{if .SiteStats}}{{.SiteStats.AnsweredQuestions}}{{else}}-{{end}} + 已获回答 +
+
+

+ 最后提问：{{if .SiteStats}}{{.SiteStats.LastQuestionAt}}{{else}}-{{end}}
+ 最后回答：{{if .SiteStats}}{{.SiteStats.LastAnswerAt}}{{else}}-{{end}}
+ 数据更新于：{{if .SiteStats}}{{.SiteStats.UpdatedAt}}{{else}}-{{end}} +

-

{{t .LangCode "site.stats"}}:

{{if .SiteStats}}{{.SiteStats.Text}}{{end}}

- -
- - {{template "base/footer" .}} \ No newline at end of file +
+ +{{template "base/footer" .}} \ No newline at end of file diff --git a/templates/question/item.html b/templates/question/item.html index d32729a..fe442a5 100644 --- a/templates/question/item.html +++ b/templates/question/item.html @@ -35,20 +35,8 @@ background-color: #353941; color: #ffffff; } - .tb-img-uploader { - width: 100%; - background-color: #f8f8f8; - display: flex; - padding-top: 5px; - padding-bottom: 5px; - align-items: center; - justify-content: flex-start; - gap: 5px; - } - html[data-theme="dark"] .tb-img-uploader { - background-color: #1b1e23; - } +
@@ -262,7 +250,7 @@
-
+
diff --git a/templates/question/list.html b/templates/question/list.html index 2934952..5fde9b0 100644 --- a/templates/question/list.html +++ b/templates/question/list.html @@ -5,6 +5,8 @@
-
+

{{ .PageUser.Name }}

@@ -133,6 +135,18 @@
diff --git a/templates/question/new-question-template.html b/templates/question/new-question-template.html index ab70a6f..88c74b2 100644 --- a/templates/question/new-question-template.html +++ b/templates/question/new-question-template.html @@ -97,7 +97,7 @@
-
+
diff --git a/templates/user/explore.html b/templates/user/explore.html index f50de58..c5cf5ac 100644 --- a/templates/user/explore.html +++ b/templates/user/explore.html @@ -30,13 +30,13 @@ } .explore-name a { text-decoration: none; - color: #333; + color: var(--tb-text); } .explore-name a:hover { - color: #1e87f0; + color: var(--tb-primary); } .explore-intro { - color: #666; + color: var(--tb-text-secondary); margin-bottom: 10px; font-size: 0.9rem; display: -webkit-box; @@ -60,7 +60,7 @@ display: flex; align-items: center; padding: 10px; - background: #f8f8f8; + background: var(--tb-surface-2); border-radius: 8px; transition: background 0.2s; } @@ -83,7 +83,7 @@ } .recommend-name a { text-decoration: none; - color: #333; + color: var(--tb-text); } .recommend-tags { display: flex; @@ -108,14 +108,14 @@ gap: 16px; min-width: 0; padding: 16px 18px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 8px; - background: #fafafa; + background: var(--tb-surface-2); text-decoration: none; transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease; } .hot-vote-item:hover { - border-color: #1e87f0; + border-color: var(--tb-primary); background: #f5faff; text-decoration: none; transform: translateY(-1px); @@ -126,7 +126,7 @@ .hot-vote-title { display: block; overflow: hidden; - color: #333; + color: var(--tb-text); font-size: 0.98rem; font-weight: 600; line-height: 1.45; @@ -146,7 +146,7 @@ } .hot-vote-action { flex: 0 0 auto; - color: #1e87f0; + color: var(--tb-primary); font-size: 0.82rem; white-space: nowrap; } @@ -176,25 +176,25 @@ padding: 4px; margin: 2px auto 20px; max-width: 320px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 9px; - background: #fafafa; + background: var(--tb-surface-2); } .explore-tab { border: 0; border-radius: 6px; padding: 8px 15px; background: transparent; - color: #666; + color: var(--tb-text-secondary); cursor: pointer; font-size: 0.9rem; transition: background 0.2s ease, color 0.2s ease; } - .explore-tab:hover { color: #1e87f0; } + .explore-tab:hover { color: var(--tb-primary); } .explore-tab.is-active { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); - color: #1e87f0; + color: var(--tb-primary); font-weight: 600; } .explore-panel[hidden] { display: none !important; } @@ -211,12 +211,12 @@ border: 1px solid #dce9ff; border-radius: 7px; padding: 7px 11px; - color: #1e87f0; + color: var(--tb-primary); background: #f5faff; cursor: pointer; font-size: 0.84rem; } - .vote-random-btn:hover { border-color: #1e87f0; background: #edf6ff; } + .vote-random-btn:hover { border-color: var(--tb-primary); background: #edf6ff; } .all-votes-list { display: grid; gap: 10px; } .all-vote-item { display: flex; @@ -224,10 +224,10 @@ justify-content: space-between; gap: 16px; padding: 14px 16px; - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid var(--tb-border); text-decoration: none; } - .all-vote-item:first-child { border-top: 1px solid #e9e9e9; } + .all-vote-item:first-child { border-top: 1px solid var(--tb-border); } .all-vote-item:hover { background: #f8fbff; text-decoration: none; } .all-vote-item .hot-vote-title { max-width: 100%; } html[data-theme="dark"] .explore-tabs { @@ -241,16 +241,16 @@ html[data-theme="dark"] .all-vote-item:hover { background: rgba(78, 168, 245, 0.10); } .explore-notice { background: #f0f7ff; - border-left: 4px solid #1e87f0; + border-left: 4px solid var(--tb-primary); padding: 15px 20px; margin-bottom: 20px; border-radius: 4px; - color: #333; + color: var(--tb-text); font-size: 0.9rem; line-height: 1.6; } .explore-notice strong { - color: #1e87f0; + color: var(--tb-primary); } /* 极简「换一批」按钮：描边胶囊 + 悬停浅蓝底色 + 点击旋转反馈 */ .tb-shuffle-btn { @@ -260,7 +260,7 @@ padding: 5px 14px; font-size: 0.85rem; line-height: 1.4; - color: #1e87f0; + color: var(--tb-primary); background: transparent; border: 1px solid #e3e3e3; border-radius: 999px; @@ -269,7 +269,7 @@ } .tb-shuffle-btn:hover { background: #f0f7ff; - border-color: #1e87f0; + border-color: var(--tb-primary); } .tb-shuffle-btn:active { transform: scale(0.96); diff --git a/templates/user/profile.html b/templates/user/profile.html index 25a0c8e..cafeb04 100644 --- a/templates/user/profile.html +++ b/templates/user/profile.html @@ -35,7 +35,7 @@ .preview-card { background: #fff; padding: 20px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 8px; text-align: center; } @@ -76,9 +76,9 @@ gap: 4px; padding: 4px; margin-bottom: 18px; - border: 1px solid var(--tb-border, #e5e5e5); + border: 1px solid var(--tb-border); border-radius: 9px; - background: var(--tb-surface-2, #fafafa); + background: var(--tb-surface-2); } .profile-tab { flex: 1; @@ -86,17 +86,17 @@ border-radius: 6px; padding: 9px 8px; background: transparent; - color: var(--tb-text-muted, #666); + color: var(--tb-text-muted); cursor: pointer; font-size: 0.9rem; white-space: nowrap; transition: background 0.2s ease, color 0.2s ease; } - .profile-tab:hover { color: var(--tb-primary, #1e87f0); } + .profile-tab:hover { color: var(--tb-primary); } .profile-tab.is-active { - background: var(--tb-surface, #fff); + background: var(--tb-surface); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); - color: var(--tb-primary, #1e87f0); + color: var(--tb-primary); font-weight: 600; } .profile-panel[hidden] { display: none !important; } @@ -113,7 +113,7 @@ flex-direction: column; gap: 12px; padding: 16px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 8px; background: #fff; } @@ -137,7 +137,7 @@ display: block; font-size: 0.78rem; line-height: 1.5; - color: #999; + color: var(--tb-text-muted); } .feat-field { display: block; } .feat-field > label > span { @@ -172,18 +172,18 @@ align-items: center; gap: 3px; padding: 3px 8px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 999px; font-size: 0.78rem; - color: #666; + color: var(--tb-text-secondary); cursor: pointer; user-select: none; } .feat-day input { margin: 0; } .feat-day.is-on { - border-color: #1e87f0; + border-color: var(--tb-primary); background: rgba(30, 135, 240, 0.08); - color: #1e87f0; + color: var(--tb-primary); } .feat-schedule-times { display: flex; @@ -195,12 +195,12 @@ align-items: center; gap: 6px; font-size: 0.82rem; - color: #666; + color: var(--tb-text-secondary); } .feat-schedule-times input[type="time"] { width: 130px; padding: 4px 8px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 4px; } html[data-theme="dark"] .feat-day { @@ -208,9 +208,9 @@ color: var(--tb-text-muted); } html[data-theme="dark"] .feat-day.is-on { - border-color: #1e87f0; + border-color: var(--tb-primary); background: rgba(30, 135, 240, 0.14); - color: #1e87f0; + color: var(--tb-primary); } html[data-theme="dark"] .feat-schedule-times input[type="time"] { border-color: var(--tb-border); @@ -219,7 +219,7 @@ } .feat-quota-line { font-size: 0.82rem; - color: #666; + color: var(--tb-text-secondary); text-align: center; } .feat-actions { @@ -259,19 +259,19 @@ align-items: center; gap: 6px; padding: 6px 8px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 4px; background: #fff; cursor: text; } - .tb-tag-box:focus-within { border-color: #1e87f0; } + .tb-tag-box:focus-within { border-color: var(--tb-primary); } .tb-tag-chip { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 3px; - background: #1e87f0; + background: var(--tb-primary); color: #fff; font-size: 0.875rem; line-height: 1.8; @@ -302,7 +302,7 @@ gap: 8px; margin-top: 4px; font-size: 0.75rem; - color: #999; + color: var(--tb-text-muted); } .tb-tag-error { color: #f0506e; } html[data-theme="dark"] .tb-tag-box { @@ -316,7 +316,7 @@ /* ===== profile account 面板卡片化（复用 UIkit 变量体系，暗色自动跟随） ===== */ .tb-pcard { background: #fff; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 10px; padding: 13px 14px 8px; margin-bottom: 12px; @@ -332,7 +332,7 @@ float: right; font-size: 0.76rem; font-weight: 400; - color: #999; + color: var(--tb-text-muted); line-height: 1.6; } /* 头像与背景预览：两项同行、整体居中；头像框与背景框“显示高度”一致（150px） */ @@ -355,7 +355,7 @@ .tb-media-frame { display: block; flex: none; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); background: #f7f7f7; overflow: hidden; } @@ -382,9 +382,9 @@ margin: 8px 0 0; font-size: 0.72rem; line-height: 1; - color: #666; + color: var(--tb-text-secondary); background: #f4f4f4; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 999px; padding: 4px 9px; } @@ -392,7 +392,7 @@ display: block; font-size: 0.78rem; line-height: 1.5; - color: #999; + color: var(--tb-text-muted); margin-top: 6px; } .tb-media-actions { margin-top: 10px; } @@ -421,7 +421,7 @@ text-align: center; font-size: 0.78rem; line-height: 1.6; - color: #999; + color: var(--tb-text-muted); } .tb-account-note:last-child { margin-bottom: 0; } /* 裁剪弹窗：图片区域限制在视口内，移动端可用 */ diff --git a/templates/user/question-list.html b/templates/user/question-list.html index 10db33c..5102b3e 100644 --- a/templates/user/question-list.html +++ b/templates/user/question-list.html @@ -8,9 +8,9 @@ padding: 4px; margin: 6px auto 20px; max-width: 320px; - border: 1px solid #e5e5e5; + border: 1px solid var(--tb-border); border-radius: 9px; - background: #fafafa; + background: var(--tb-surface-2); } .qlist-tab { flex: 1 1 0; @@ -18,16 +18,16 @@ border-radius: 6px; padding: 8px 15px; background: transparent; - color: #666; + color: var(--tb-text-secondary); cursor: pointer; font-size: 0.9rem; transition: background 0.2s ease, color 0.2s ease; } - .qlist-tab:hover { color: #1e87f0; } + .qlist-tab:hover { color: var(--tb-primary); } .qlist-tab.is-active { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10); - color: #1e87f0; + color: var(--tb-primary); font-weight: 600; } .qlist-panel[hidden] { display: none !important; } @@ -38,23 +38,23 @@ justify-content: space-between; gap: 16px; padding: 14px 16px; - border-bottom: 1px solid #e9e9e9; + border-bottom: 1px solid var(--tb-border); text-decoration: none; } - .all-vote-item:first-child { border-top: 1px solid #e9e9e9; } + .all-vote-item:first-child { border-top: 1px solid var(--tb-border); } .all-vote-item:hover { background: #f8fbff; text-decoration: none; } .all-vote-item .hot-vote-title { max-width: 100%; } .hot-vote-title { display: block; overflow: hidden; - color: #333; + color: var(--tb-text); font-size: 0.98rem; font-weight: 600; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; } - .hot-vote-title:hover { color: #1e87f0; } + .hot-vote-title:hover { color: var(--tb-primary); } .hot-vote-meta { display: flex; flex-wrap: wrap; @@ -63,7 +63,7 @@ margin-top: 8px; } .hot-vote-meta .uk-label { font-size: 0.72rem; line-height: 1.6; } - .hot-vote-action { flex: 0 0 auto; color: #1e87f0; font-size: 0.82rem; white-space: nowrap; } + .hot-vote-action { flex: 0 0 auto; color: var(--tb-primary); font-size: 0.82rem; white-space: nowrap; } /* 提问列表右上角：状态标签与操作按钮统一尺寸（等宽等高、垂直居中、完全对齐）。 每个元素显式带 .qlist-pill 类，选择器挂在 .qlist-pills 容器下提升优先级， 避免浏览器对