diff --git a/.workbuddy/memory/2026-10-19.md b/.workbuddy/memory/2026-10-19.md index fdce26f..f3083d6 100644 --- a/.workbuddy/memory/2026-10-19.md +++ b/.workbuddy/memory/2026-10-19.md @@ -227,3 +227,42 @@ P2 = 图标统一（UIkit icons 取代 emoji/位图 png）、标签减量、view **验证方式**：改动前后各截一次同样尺寸的截图做像素比对。 home-light / home-dark / explore-light 三页差异均 **0.024%**，bbox 只有 (11,56)-(29,74) 一个 18×18 方块 = 导航栏随机动物 emoji（每次加载都变），不是样式回归。go build + 模板/i18n 测试全绿。 + +## 测试环境复测（P1 CSS 抽离 + 防护面板白底，已上线） + +- `GET /static/css/base.css?v=20261019a` → 200 / `text/css` / **23088 字节，与本地 `static/css/base.css` 逐字节一致** / + `Cache-Control: public, max-age=86400` / gzip 后 7109 字节。 +- 首页 32747 字节（改动前 52747），gzip 10534（改动前 13642）；页面内联 ` +
+
+

导航图标：emoji → 内联单色 SVG（跟随文字色/主题）

+
+ + +
+
+
+

标签：实心彩色 uk-label → 轻量胶囊

+
+ 单选多选评分 + 排序表单 + #杂谈#音乐#日常 +
+
+
+

占比条：div.uk-progressbar → 原生 <progress>

+
66% +
+
33% +
+
0% +
+
+
+ \ No newline at end of file diff --git a/outputs/p2-sheet.png b/outputs/p2-sheet.png new file mode 100644 index 0000000..56f2636 Binary files /dev/null and b/outputs/p2-sheet.png differ diff --git a/outputs/preview-assets/base.css b/outputs/preview-assets/base.css new file mode 100644 index 0000000..0f7c3a1 --- /dev/null +++ b/outputs/preview-assets/base.css @@ -0,0 +1,661 @@ +/* TamaBox 全站基础样式：设计令牌 / 主题覆盖 / 组件质感 / 响应式。 + 由 base/header.html 内联块抽出，集中一份便于缓存与维护。 + ⚠️ 改完务必把 header 里的 ?v= 版本号 +1，否则老访客仍用缓存。 */ + +/* 设计令牌：亮色为默认（:root），深色在 html[data-theme="dark"] 覆盖。 + 页面与组件样式一律引用 var(--tb-*)，不再写死色值/圆角/阴影； + var() 的第二个参数仅作兜底（旧缓存页、邮件模板等不引入本文件的场景）。 + 改配色只动这一块，亮暗两套自动保持一致。 */ + :root { + --tb-bg: #f7f8fa; + --tb-surface: #ffffff; + --tb-surface-2: #f4f6f8; + --tb-surface-hover: #f3f7ff; + --tb-border: #e8eaee; + --tb-text: #1f2329; + --tb-text-secondary: #5c6370; + --tb-text-muted: #8a919c; + --tb-primary: #1e87f0; + --tb-primary-weak: rgba(30, 135, 240, 0.10); + --tb-radius: 12px; + --tb-radius-sm: 8px; + --tb-radius-xs: 6px; + --tb-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 12px 28px -18px rgba(16, 24, 40, 0.20); + --tb-shadow-hover: 0 1px 2px rgba(16, 24, 40, 0.05), 0 18px 40px -20px rgba(16, 24, 40, 0.28); + --tb-font: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif; + } + html[data-theme="dark"] { + --tb-bg: #1a1d23; + --tb-surface: #242830; + --tb-surface-2: #2d323c; + --tb-surface-hover: rgba(92, 141, 255, 0.12); + --tb-border: #3a404c; + --tb-text: #d8dce4; + --tb-text-secondary: #a8b0bd; + --tb-text-muted: #8b93a1; + --tb-primary: #5c8dff; + --tb-primary-weak: rgba(92, 141, 255, 0.14); + --tb-shadow: 0 1px 2px rgba(0, 0, 0, 0.30), 0 12px 28px -18px rgba(0, 0, 0, 0.55); + --tb-shadow-hover: 0 1px 2px rgba(0, 0, 0, 0.35), 0 18px 40px -20px rgba(0, 0, 0, 0.65); + } + +/* UIkit 补丁：复刻原自建版 "modify-black-font"（官方版与自建版仅 3 处颜色差异——把有色容器内默认白字/白标题改为黑字）。 + 模板当前只用到 .uk-light 容器（用户背景封面，question/list.html、question-not-found.html； + 其中 h3/p 已由 #usernamecolor/#introcolor 内联 style 覆盖），故只需补该容器的 3 处投影即可保持渲染一致。 + 若日后新增 .uk-card-primary/.uk-card-secondary/.uk-section-primary/.uk-tile-*/.uk-overlay-primary 等容器且需黑字，须同步扩展。 */ + .uk-light { color: rgba(0,0,0,.7); } + .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, + .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, + .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6 { color: #000; } + .uk-light .uk-table th { color: rgba(0,0,0,.7); } + + .grecaptcha-badge {visibility: hidden;} + .icon-container { + display: flex; + justify-content: center; + width: 100%; + } + .icon { + margin-left: 10px; + width: 20px; /* 设置图标的宽度 */ + height: auto; /* 保持图标的高度自动调整 */ + } + .emoji-placeholder { + display: inline-block; + animation: jump 0.5s ease-in-out; + } + + @keyframes jump { + 0%, 100% { transform: translateY(0); } + 50% { transform: translateY(-5px); } + } + /* 防止 UIkit Dropbar 初始闪烁 */ + .uk-dropbar { + opacity: 0; + visibility: hidden; + transition: opacity 0.2s ease, visibility 0.2s ease; + } + + .uk-dropbar.uk-open { + opacity: 1; + visibility: visible; + } + + a.uk-button.uk-button-link { + text-transform: none; + } + + /* 移动端优化：缩小字体和间距，避免右侧空白 */ + @media (max-width: 640px) { + .uk-logo { + font-size: 1rem; + } + .uk-navbar-nav a { + font-size: 0.78rem; + padding: 0 4px; + } + .emoji-placeholder { + font-size: 1rem; + } + /* 移动端用户名限宽省略，避免长英文用户名撑爆顶栏 */ + .tb-nav-username { + max-width: 64px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + vertical-align: middle; + } + } + +/* 深色模式：html[data-theme="dark"] 时覆盖 UIkit 3.3.3 编译主题的关键颜色 */ + /* 变量（--tb-*）已上移到 head 顶部的令牌块，亮暗两套同名常量在那里定义。 */ + /* 根元素与 body 一起覆盖，确保整个视口（含内容不足一屏时的空白区）都是深色背景 */ + html[data-theme="dark"], + html[data-theme="dark"] body { + background-color: var(--tb-bg) !important; + color: var(--tb-text) !important; + } + /* 通用表面容器 */ + html[data-theme="dark"] .uk-card, + html[data-theme="dark"] .uk-card-default, + html[data-theme="dark"] .uk-card-secondary, + html[data-theme="dark"] .uk-dropbar, + html[data-theme="dark"] .uk-navbar-dropdown, + html[data-theme="dark"] .uk-modal-dialog, + html[data-theme="dark"] .uk-dropdown, + html[data-theme="dark"] .uk-offcanvas-bar, + html[data-theme="dark"] .uk-section, + html[data-theme="dark"] .uk-tile, + html[data-theme="dark"] .uk-panel, + html[data-theme="dark"] .uk-background-default, + html[data-theme="dark"] .uk-search-default .uk-search-input { + background-color: var(--tb-surface) !important; + color: var(--tb-text) !important; + } + html[data-theme="dark"] .uk-navbar-container { + background-color: var(--tb-surface) !important; + color: var(--tb-text) !important; + } + html[data-theme="dark"] .uk-navbar-nav > li > a, + html[data-theme="dark"] .uk-card a, + html[data-theme="dark"] .uk-link, + html[data-theme="dark"] a.uk-button-link, + html[data-theme="dark"] .uk-navbar-dropdown-nav > li > a, + html[data-theme="dark"] .uk-dropdown-nav > li > a, + html[data-theme="dark"] .uk-list a { + color: var(--tb-text) !important; + } + html[data-theme="dark"] .uk-navbar-nav > li > a:hover, + html[data-theme="dark"] .uk-card a:hover, + html[data-theme="dark"] .uk-navbar-dropdown-nav > li > a:hover, + html[data-theme="dark"] .uk-dropdown-nav > li > a:hover { + color: var(--tb-primary) !important; + } + html[data-theme="dark"] .uk-input, + html[data-theme="dark"] .uk-textarea, + html[data-theme="dark"] .uk-select { + background-color: var(--tb-surface-2) !important; + color: var(--tb-text) !important; + border-color: var(--tb-border) !important; + } + html[data-theme="dark"] .uk-input:focus, + html[data-theme="dark"] .uk-textarea:focus, + html[data-theme="dark"] .uk-select:focus { + border-color: var(--tb-primary) !important; + } + html[data-theme="dark"] .uk-text-muted, + html[data-theme="dark"] .uk-text-meta, + html[data-theme="dark"] .uk-text-secondary, + html[data-theme="dark"] .uk-text-muted a, + html[data-theme="dark"] .uk-text-small.uk-text-muted { + color: var(--tb-text-muted) !important; + } + html[data-theme="dark"] .uk-divider-icon::after, + html[data-theme="dark"] hr, + html[data-theme="dark"] .uk-table th, + html[data-theme="dark"] .uk-table td, + html[data-theme="dark"] .uk-list-divider > li:nth-child(n+2) { + border-color: var(--tb-border) !important; + } + html[data-theme="dark"] .uk-button-default { + background-color: var(--tb-surface-2) !important; + color: var(--tb-text) !important; + border-color: var(--tb-border) !important; + } + html[data-theme="dark"] .uk-modal-title, + html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, + html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, + html[data-theme="dark"] .uk-card-title { + color: var(--tb-text) !important; + } + html[data-theme="dark"] .uk-alert-warning, + html[data-theme="dark"] .uk-alert-danger, + html[data-theme="dark"] .uk-alert-success, + html[data-theme="dark"] .uk-alert-primary { + background-color: var(--tb-surface-2) !important; + color: var(--tb-text) !important; + } + html[data-theme="dark"] #math-captcha-modal .uk-modal-dialog { + background-color: var(--tb-surface) !important; + color: var(--tb-text) !important; + } + html[data-theme="dark"] #math-captcha-modal .captcha-equation-box { + background-color: var(--tb-surface-2) !important; + border-color: var(--tb-border) !important; + } + html[data-theme="dark"] #math-captcha-modal .math-captcha-modal-question { + color: var(--tb-text) !important; + } + html[data-theme="dark"] #math-captcha-modal #captcha-modal-answer { + background-color: var(--tb-surface) !important; + color: var(--tb-text) !important; + border-color: var(--tb-border) !important; + } + html[data-theme="dark"] #math-captcha-modal #captcha-modal-answer::placeholder { + color: var(--tb-text-muted) !important; + } + html[data-theme="dark"] #math-captcha-modal .uk-text-meta, + html[data-theme="dark"] #math-captcha-modal #captcha-modal-refresh { + color: var(--tb-text-muted) !important; + } + html[data-theme="dark"] #math-captcha-modal #captcha-modal-refresh:hover { + color: var(--tb-primary) !important; + } + html[data-theme="dark"] .uk-label { + color: #fff !important; + } + /* 自定义组件（探索页推荐卡片等）深色覆盖 */ + html[data-theme="dark"] .recommend-card, + html[data-theme="dark"] .recommend-card:hover { + background-color: var(--tb-surface-2) !important; + } + html[data-theme="dark"] .explore-name a { + color: var(--tb-text) !important; + } + html[data-theme="dark"] .explore-name a:hover { + color: var(--tb-primary) !important; + } + html[data-theme="dark"] .explore-intro { + color: var(--tb-text-muted) !important; + } + /* 切换按钮图标切换 */ + #theme-toggle .tb-icon-dark, #theme-toggle-mobile .tb-icon-dark { display: none; } + html[data-theme="dark"] #theme-toggle .tb-icon-light, + html[data-theme="dark"] #theme-toggle-mobile .tb-icon-light { display: none; } + html[data-theme="dark"] #theme-toggle .tb-icon-dark, + html[data-theme="dark"] #theme-toggle-mobile .tb-icon-dark { display: inline; } + +/* 基础质感层：只调整外观（圆角/投影/字体/数字对齐），不改任何结构与布局。 + 颜色一律取自头部令牌，亮暗两套自动生效，因此这里不需要再写 html[data-theme="dark"] 分支。 */ + /* 根元素与 body 同时上色：内容不足一屏时，body 之外的视口区域也要是同一底色 */ + html, + body { + font-family: var(--tb-font); + background-color: var(--tb-bg); + color: var(--tb-text); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + /* 卡片：12px 圆角 + 一层极淡接触影 + 一层大扩散影（UIkit 默认的 0 5px 15px 偏硬） */ + .uk-card { + border-radius: var(--tb-radius); + } + .uk-card-default { + background-color: var(--tb-surface); + box-shadow: var(--tb-shadow); + } + .uk-card-default.uk-card-hover:hover { + box-shadow: var(--tb-shadow-hover); + } + .uk-card-header { + border-radius: var(--tb-radius) var(--tb-radius) 0 0; + } + .uk-card-footer { + border-radius: 0 0 var(--tb-radius) var(--tb-radius); + } + .uk-card, + .uk-button, + .uk-alert, + .uk-label { + transition: box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease; + } + /* 交互元素：统一 8px 圆角，标签 6px */ + .uk-button { + border-radius: var(--tb-radius-sm); + } + .uk-input, + .uk-select, + .uk-textarea, + .uk-form-small, + .uk-search-input { + border-radius: var(--tb-radius-sm); + } + .uk-label { + border-radius: var(--tb-radius-xs); + } + .uk-alert { + border-radius: 10px; + } + .uk-modal-dialog { + border-radius: 14px; + } + .uk-dropdown, + .uk-navbar-dropdown { + border-radius: 10px; + box-shadow: var(--tb-shadow); + } + .uk-navbar-container:not(.uk-navbar-transparent) { + background-color: var(--tb-surface); + } + /* 键盘可达性：仅在键盘聚焦时出现描边，鼠标点击不出现 */ + .uk-button:focus-visible, + .uk-navbar-nav > li > a:focus-visible { + outline: 2px solid var(--tb-primary); + outline-offset: 2px; + } + /* 次要文字统一走令牌，避免 #999 / #8a919c 混用 */ + .uk-text-muted, + .uk-text-meta { + color: var(--tb-text-muted); + } + +/* 轻量胶囊：用于投票类型、热门标签等「只是分类信息」的位置。 + 实心 uk-label 一屏多个会变成一排色块，这里统一降级为浅底 + 次要色文字。 */ +.tb-chip { + display: inline-block; + padding: 1px 8px; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); + color: var(--tb-text-secondary); + font-size: 0.72rem; + line-height: 1.7; + white-space: nowrap; +} +a.tb-chip:hover { + background-color: var(--tb-primary-weak); + color: var(--tb-primary); + text-decoration: none; +} + +/* 统计/日期等数字列等宽对齐，避免刷新时左右跳动 */ + .uk-table, + .tb-num { + font-variant-numeric: tabular-nums; + } + /* 图片上传条：原为 item/new-question 两处各写一份内联 style（写死 #f8f8f8，深色下露白）， + 收敛到一处并走令牌，亮暗自动适配 */ + .tb-img-uploader { + width: 100%; + background-color: var(--tb-surface-2); + display: flex; + padding-top: 5px; + padding-bottom: 5px; + align-items: center; + justify-content: flex-start; + gap: 5px; + } + /* 背景图封面（提问箱主页）：渐变遮罩，保证用户自选文字色叠加后仍可读。 + 默认浅色遮罩（页面 .uk-light 补丁把文字兜底成深色）；若箱主选了浅色文字， + question/list.html 会按亮度加上 .tb-cover-dark 换成深色遮罩。 */ + .tb-cover { + position: relative; + border-radius: var(--tb-radius) var(--tb-radius) 0 0; + overflow: hidden; + } + /* ⚠️ 必须带 .uk-flex 复合选择器：UIkit 3.3.3 里有 + .uk-flex::after,.uk-flex::before{display:none}（优先级 0,2,0）， + 会把这个遮罩伪元素整个干掉——不报错、只是什么都不显示（踩过一次）。 + 单写 .tb-cover::after 优先级不够，会被它压回 display:none。 */ + .tb-cover::after, + .tb-cover.uk-flex::after { + content: ""; + display: block; + position: absolute; + inset: 0; + z-index: 0; + background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.58) 55%, rgba(255, 255, 255, 0.84) 100%); + pointer-events: none; + } + .tb-cover.tb-cover-dark::after { + background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 45%, rgba(0, 0, 0, 0.46) 100%); + } + .tb-cover > * { + position: relative; + z-index: 1; + } + .tb-cover h3, + .tb-cover p { + text-shadow: 0 1px 10px rgba(255, 255, 255, 0.65); + } + .tb-cover.tb-cover-dark h3, + .tb-cover.tb-cover-dark p { + text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45); + } + /* 尊重系统的减少动效设置 */ + @media (prefers-reduced-motion: reduce) { + .uk-card, + .uk-button, + .emoji-placeholder { + transition: none; + animation: none; + } + } + +/* 顶栏自适应：导航全部直接显示，窄屏时分级缩小字号/间距，保证英文/日文等长文字不溢出 */ + .uk-navbar-nav a { + font-size: 0.95rem; + padding: 0 10px; + } + /* 未登录移动端占位：桌面端隐藏，仅 ≤640px 显示（见下方 media 查询）。 + 桌面端布局与改动前完全一致，不受影响。 */ + .tb-mobile-balancer { display: none; } + /* 桌面端保持 UIkit 原生居中三列布局（无需额外 CSS） */ + .tb-navbar .uk-logo { + white-space: nowrap; + } + @media (max-width: 1200px) { + .uk-navbar-nav a { + font-size: 0.88rem; + padding: 0 8px; + } + } + @media (max-width: 1000px) { + .uk-navbar-nav a { + font-size: 0.82rem; + padding: 0 6px; + } + .uk-logo { + font-size: 1.1rem; + } + /* 登录用户名限宽，过长省略号截断 */ + .tb-nav-username { + max-width: 110px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + vertical-align: middle; + } + } + @media (max-width: 800px) { + .uk-navbar-nav a { + font-size: 0.78rem; + padding: 0 4px; + } + .uk-logo { + font-size: 1rem; + } + .tb-nav-username { + max-width: 80px; + } + } + /* 手机端（≤640px）：沿用 UIkit 桌面端 navbar 的原生三列定位。 + 不再重写 .uk-navbar-center / center-left / center-right 的定位， + 避免 logo 被挤到下一行；底部语言与深色模式按钮仍由下方独立栏承载。 */ + @media (max-width: 640px) { + .tb-navbar { + position: relative; + min-height: 56px; + overflow: visible; + } + .tb-navbar > .uk-navbar-center { + position: relative !important; + top: auto !important; + left: auto !important; + right: auto !important; + bottom: auto !important; + transform: none !important; + display: flex !important; + align-items: center; + justify-content: center; + width: 100%; + min-height: 56px; + white-space: nowrap; + flex-wrap: nowrap; + } + .tb-navbar .uk-navbar-center-left, + .tb-navbar .uk-navbar-center-right { + position: static !important; + top: auto !important; + left: auto !important; + right: auto !important; + bottom: auto !important; + transform: none !important; + display: flex !important; + align-items: center; + flex: 0 0 auto; + white-space: nowrap; + } + .tb-navbar .uk-navbar-center-left > div, + .tb-navbar .uk-navbar-center-right > div { + display: flex; + align-items: center; + white-space: nowrap; + } + .tb-navbar .uk-navbar-nav { + display: flex; + flex-wrap: nowrap; + flex: 0 0 auto; + } + .tb-navbar .uk-navbar-nav > li > a, + .tb-navbar .uk-logo { + white-space: nowrap; + } + /* 未登录：移动端显示与「我的」等宽的隐藏占位，使左栏「探索+占位」与 + 右栏「注册/登录」两项等宽，logo 真正居中，左右视觉平衡 */ + .tb-mobile-balancer { display: block; } + } + +/* 标签样式的按钮（管理页置顶等）： + 尺寸完全继承 .uk-label（font-size/padding/line-height/text-transform 等）， + 仅覆盖 button 元素特有的默认样式（边框/字体族/光标等），保证与相邻 span 标签完全一致。 */ + .tb-label-btn { + border: none !important; + cursor: pointer; + font-family: inherit; + margin: 0; + vertical-align: middle; + outline: none; + background-image: none; + box-sizing: border-box; + -webkit-appearance: none; + appearance: none; + } + .tb-label-btn:hover { + opacity: 0.85; + } + /* 公开页置顶小图标：仅一个图钉，不占行高、不影响原布局 */ + .tb-pin-flag { + font-size: 0.9em; + margin-right: 4px; + vertical-align: -1px; + cursor: default; + } + +/* Markdown 渲染排版（问题/回答/追问正文，左对齐以保留排版格式） */ + /* 纯文本列表：保留换行与连续空格（pre-wrap），不渲染 Markdown 大字号/彩色 */ + .tb-preline { + white-space: pre-wrap; + } + /* 纯文本列表：超过 5 行截断并显示省略号（不足 5 行则完整显示） */ + .tb-clamp-5 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 5; + overflow: hidden; + } + .md-body { + line-height: 1.7; + text-align: left; + word-break: break-word; + } + .md-body p { margin: 0.5em 0; } + .md-body h1, .md-body h2, .md-body h3, + .md-body h4, .md-body h5, .md-body h6 { + margin: 0.8em 0 0.4em; + font-weight: 600; + line-height: 1.4; + } + .md-body ul, .md-body ol { padding-left: 1.6em; margin: 0.5em 0; } + .md-body li { margin: 0.2em 0; } + .md-body blockquote { + border-left: 3px solid #d3d1c7; + margin: 0.6em 0; + padding: 0.2em 1em; + color: #5f5e5a; + } + .md-body pre { + background: #f5f5f5; + padding: 0.8em 1em; + border-radius: 6px; + overflow-x: auto; + margin: 0.6em 0; + } + .md-body code { + background: #f0f0f0; + padding: 0.1em 0.35em; + border-radius: 4px; + font-size: 0.9em; + } + .md-body pre code { background: none; padding: 0; } + .md-body img { max-width: 100%; height: auto; } + .md-body table { border-collapse: collapse; margin: 0.6em 0; } + .md-body th, .md-body td { + border: 1px solid #ddd; + padding: 0.4em 0.8em; + } + .md-body hr { margin: 1em 0; } + html[data-theme="dark"] .md-body blockquote { + border-color: #3a404c; + color: #8b93a1; + } + html[data-theme="dark"] .md-body pre, + html[data-theme="dark"] .md-body code { background: #2d323c; } + html[data-theme="dark"] .md-body th, + html[data-theme="dark"] .md-body td { border-color: #3a404c; } + +/* 投票结果占比条：模板已改用 UIkit 3 原生 ， + 这里只把默认的 15px 高 / 500px 圆角 / 20px 外边距收紧到与页面一致的规格。 + （原先为 UIkit 2 的 .uk-progressbar 结构打的补丁已删除） */ +.uk-progress { + height: 10px; + margin: 0; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); +} +.uk-progress::-webkit-progress-bar { + background-color: var(--tb-surface-2); + border-radius: var(--tb-radius-xs); +} +.uk-progress::-webkit-progress-value { + background-color: var(--tb-primary); + border-radius: var(--tb-radius-xs) 0 0 var(--tb-radius-xs); +} +.uk-progress::-moz-progress-bar { + background-color: var(--tb-primary); +} + +/* 移动端底部操作栏：固定底栏承载语言切换与深色模式，桌面端隐藏 */ + #tb-mobile-utils { + display: none; + } + @media (max-width: 640px) { + /* 顶栏不再容纳语言/深色按钮，恢复原有导航空间 */ + .tb-nav-utils { + display: none !important; + } + /* 手机端隐藏登录用户名（左边仅保留"探索"），保证 logo 居中、 + 两侧各不超过 2 个短按钮，避免用户名宽度挤压布局 */ + .tb-nav-username { + display: none !important; + } + /* 固定底部操作栏 */ + #tb-mobile-utils { + display: flex; + position: fixed; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; + justify-content: center; + align-items: center; + gap: 10px; + padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); + background: rgba(255, 255, 255, 0.92); + -webkit-backdrop-filter: blur(8px); + backdrop-filter: blur(8px); + box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08); + } + #tb-mobile-utils .uk-select { + width: 110px; + } + html[data-theme="dark"] #tb-mobile-utils { + background: rgba(36, 40, 48, 0.92); + box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.4); + } + /* 给页面底部预留空间，避免页脚内容被固定底栏遮挡 */ + body { + padding-bottom: 56px; + } + } diff --git a/outputs/preview-box-dark.html b/outputs/preview-box-dark.html index b279c50..69472fa 100644 --- a/outputs/preview-box-dark.html +++ b/outputs/preview-box-dark.html @@ -2,8 +2,8 @@ - - 预览 11:39 · + + 预览 12:01 · @@ -261,12 +261,19 @@ html[data-theme="dark"] .explore-intro { color: var(--tb-text-muted) !important; } - /* 切换按钮图标切换 */ + /* 切换按钮图标切换（内联 SVG，不依赖 UIkit 图标库） */ + #theme-toggle .tb-icon-light, #theme-toggle-mobile .tb-icon-light, + #theme-toggle .tb-icon-dark, #theme-toggle-mobile .tb-icon-dark { + display: inline-flex; + align-items: center; + } + #theme-toggle .tb-icon-light svg, #theme-toggle-mobile .tb-icon-light svg, + #theme-toggle .tb-icon-dark svg, #theme-toggle-mobile .tb-icon-dark svg { display: block; } #theme-toggle .tb-icon-dark, #theme-toggle-mobile .tb-icon-dark { display: none; } html[data-theme="dark"] #theme-toggle .tb-icon-light, html[data-theme="dark"] #theme-toggle-mobile .tb-icon-light { display: none; } html[data-theme="dark"] #theme-toggle .tb-icon-dark, - html[data-theme="dark"] #theme-toggle-mobile .tb-icon-dark { display: inline; } + html[data-theme="dark"] #theme-toggle-mobile .tb-icon-dark { display: inline-flex; } /* 基础质感层：只调整外观（圆角/投影/字体/数字对齐），不改任何结构与布局。 颜色一律取自头部令牌，亮暗两套自动生效，因此这里不需要再写 html[data-theme="dark"] 分支。 */ @@ -341,7 +348,26 @@ .uk-text-meta { color: var(--tb-text-muted); } - /* 统计/日期等数字列等宽对齐，避免刷新时左右跳动 */ + +/* 轻量胶囊：用于投票类型、热门标签等「只是分类信息」的位置。 + 实心 uk-label 一屏多个会变成一排色块，这里统一降级为浅底 + 次要色文字。 */ +.tb-chip { + display: inline-block; + padding: 1px 8px; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); + color: var(--tb-text-secondary); + font-size: 0.72rem; + line-height: 1.7; + white-space: nowrap; +} +a.tb-chip:hover { + background-color: var(--tb-primary-weak); + color: var(--tb-primary); + text-decoration: none; +} + +/* 统计/日期等数字列等宽对齐，避免刷新时左右跳动 */ .uk-table, .tb-num { font-variant-numeric: tabular-nums; @@ -598,34 +624,26 @@ html[data-theme="dark"] .md-body th, html[data-theme="dark"] .md-body td { border-color: #3a404c; } -/* 投票结果占比条：UIkit 3 已无 .uk-progressbar 类（那是 UIkit 2 的）， - 模板用
结构，需补一套填充样式， - 否则内层填充无高度/背景，所有占比条都只剩外层灰色轨道，看起来一模一样。 */ - .uk-progress { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 10px; - margin: 0; - border: none; - border-radius: 6px; - background-color: #e5e5e5; - overflow: hidden; - box-shadow: none; - } - .uk-progressbar { - display: block; - height: 100%; - background-color: #1e87f0; - border-radius: 6px 0 0 6px; - transition: width 0.3s ease; - } - html[data-theme="dark"] .uk-progress { - background-color: var(--tb-border); - } - html[data-theme="dark"] .uk-progressbar { - background-color: var(--tb-primary); - } +/* 投票结果占比条：模板已改用 UIkit 3 原生 ， + 这里只把默认的 15px 高 / 500px 圆角 / 20px 外边距收紧到与页面一致的规格。 + （原先为 UIkit 2 的 .uk-progressbar 结构打的补丁已删除） */ +.uk-progress { + height: 10px; + margin: 0; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); +} +.uk-progress::-webkit-progress-bar { + background-color: var(--tb-surface-2); + border-radius: var(--tb-radius-xs); +} +.uk-progress::-webkit-progress-value { + background-color: var(--tb-primary); + border-radius: var(--tb-radius-xs) 0 0 var(--tb-radius-xs); +} +.uk-progress::-moz-progress-bar { + background-color: var(--tb-primary); +} /* 移动端底部操作栏：固定底栏承载语言切换与深色模式，桌面端隐藏 */ #tb-mobile-utils { @@ -708,7 +726,6 @@ - -
+
-
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + +
+
+

人机验证

+

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

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

admin6

+

问你想问的

+
+ + + + + + + bloglink + + +
+
+
+
+ +
+
+ + + + +
+ + +

扫码向@admin6提问
谁都可以以匿名的形式提问

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

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

+ + +
+
+ + + +
+ + + diff --git a/outputs/verify/box6.html b/outputs/verify/box6.html new file mode 100644 index 0000000..84c4ab7 --- /dev/null +++ b/outputs/verify/box6.html @@ -0,0 +1,1063 @@ + + + + + + admin6 - 狼的提问箱 | 匿名提问箱 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + +
+
+

人机验证

+

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

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

admin6

+

问你想问的

+
+ + + + + + + bloglink + + +
+
+
+
+ +
+
+ + + + +
+ + +

扫码向@admin6提问
谁都可以以匿名的形式提问

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

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

+ + +
+
+ + + + diff --git a/outputs/verify/cap.json b/outputs/verify/cap.json new file mode 100644 index 0000000..656fdc1 --- /dev/null +++ b/outputs/verify/cap.json @@ -0,0 +1 @@ +{"code":0,"data":{"id":"da49922027925285","question":"6 × 2 ="}} diff --git a/outputs/verify/cj.txt b/outputs/verify/cj.txt new file mode 100644 index 0000000..2317ec0 --- /dev/null +++ b/outputs/verify/cj.txt @@ -0,0 +1,5 @@ +# Netscape HTTP Cookie File +# https://curl.se/docs/http-cookies.html +# This file was generated by libcurl! Edit at your own risk. + +#HttpOnly_box-dev-api.337845818.best FALSE / TRUE 0 flamego_session 19alv4sneiwlykv6 diff --git a/outputs/verify/explore-probe.html b/outputs/verify/explore-probe.html new file mode 100644 index 0000000..2198da0 --- /dev/null +++ b/outputs/verify/explore-probe.html @@ -0,0 +1,1663 @@ + + + + + + 预览 11:39 · 投票 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + + + +
+

探索用户标签

+ +
+

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

+
+ +
+ + +
+ +
+
+
+

随机推荐

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

热门标签

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

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

+ + +
+
+ + + +
+ + + + diff --git a/outputs/verify/headers.txt b/outputs/verify/headers.txt new file mode 100644 index 0000000..6da1e05 --- /dev/null +++ b/outputs/verify/headers.txt @@ -0,0 +1,21 @@ +HTTP/1.1 200 Connection Established + +HTTP/1.1 302 Found +Date: Mon, 19 Oct 2026 03:48:09 GMT +Content-Length: 0 +Connection: keep-alive +location: / +referrer-policy: strict-origin-when-cross-origin +Set-Cookie: flamego_session=19alv4sneiwlykv6; Path=/; HttpOnly; Secure; SameSite=Lax +strict-transport-security: max-age=31536000; includeSubDomains +trace-id: 00000000000000000000000000000000 +x-content-type-options: nosniff +x-frame-options: DENY +x-xss-protection: 1; mode=block +cf-cache-status: DYNAMIC +Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800} +Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=mt51BDC553zfd84HQmzmbFBIUCtm8uyVduSXv3wGYmT60XhJFCI6frcvrMawEhFX6f3tbKwf9rdM%2BEbHnmt%2Bn2BL6jm3gzXD5L7QqxUFzwOovEMimGkltJAjd689eDDVeacR0cmLD%2FZLWisIGQ%3D%3D"}]} +Server: cloudflare +CF-RAY: a4ccce358f121c0a-AMS +alt-svc: h3=":443"; ma=86400 + diff --git a/outputs/verify/home2.html b/outputs/verify/home2.html new file mode 100644 index 0000000..761ee8f --- /dev/null +++ b/outputs/verify/home2.html @@ -0,0 +1,938 @@ + + + + + + 狼の質問箱 | 匿名質問箱 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + +
+
+

人機認証

+

以下の計算問題を解いて、ロボットでないことを証明してください

+
+ 読み込み中... + +
+
+ +
+ +
+ + +
+
+
+ + + + + + + +
+

狼の質問箱 | 匿名質問箱

+

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

+
+ 探索 + ルール +
+
+ +
+
+

匿名也能问

+

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

+
+
+

不止一问一答

+

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

+
+
+

箱子归你

+

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

+
+
+ +
+

域名迁移

+

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

+

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

+
+ +
+

一点提醒

+
    +
  • 本站唯一指定认证站长：小狼，注意不要被骗。
    • +
  • 本站提倡友好、友善的发言，请遵守社区规则。无论匿名与否，都要为自己的发言负责。
    • +
  • 不允许垃圾信息、广告、辱骂、涉政、暴恐、色情、违禁、无意义、灌水提问，涉政或不良言论将直接删除。
    • +
+

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

+
+ +
+ 近期更新 +
    +
  • 2026.9 新增审核严格度选项，增加提问、投票、私聊的总开关，可设置定时收集、定量收集或关闭功能，前后端显示也更易用了。
    • +
  • 2026.8 新增投票功能、追加提问、多语言、Markdown 显示、置顶显示等，详情见这里。
    • +
  • 2026.8 放弃使用 recaptcha 等对国内用户不友好的验证方式，更新密码加密方式，修复图片上传等一系列问题。
    • +
  • 2026.5 增加私聊功能，可连续对话，详见介绍；另有提问箱卡片分享。
    • +
  • 2026.2 新增用户展示和标签功能，可给自己贴 5 个标签并选择是否在探索页展示，详情见狼的公告板。
    • +
+
+ +
+

質問箱の統計

+
+
+ 28 + 注册用户 +
+
+ 94 + 累计提问 +
+
+ 21 + 已获回答 +
+
+

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

+
+ +
+ +

+
+ ルール | + + 管理者へ +
+ ドライブ + | お知らせ + | チャット + | ステータス + | リンク +
Powered by NekoBox | 狼ICP备 20230101 +
質問箱は稼働中： +

+ + +
+
+ + + + diff --git a/outputs/verify/icon-probe.html b/outputs/verify/icon-probe.html new file mode 100644 index 0000000..9da6172 --- /dev/null +++ b/outputs/verify/icon-probe.html @@ -0,0 +1,1613 @@ + + + + + + 预览 12:01 · TamaBox + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + +
+
+

人机验证

+

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

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

狼的提问箱 | 匿名提问箱

+

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

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

匿名也能问

+

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

+
+
+

不止一问一答

+

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

+
+
+

箱子归你

+

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

+
+
+ +
+

域名迁移

+

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

+

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

+
+ +
+

一点提醒

+
    +
  • 本站唯一指定认证站长：小狼，注意不要被骗。
    • +
  • 本站提倡友好、友善的发言，请遵守社区规则。无论匿名与否，都要为自己的发言负责。
    • +
  • 不允许垃圾信息、广告、辱骂、涉政、暴恐、色情、违禁、无意义、灌水提问，涉政或不良言论将直接删除。
    • +
+

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

+
+ +
+ 近期更新 +
    +
  • 2026.9 新增审核严格度选项，增加提问、投票、私聊的总开关，可设置定时收集、定量收集或关闭功能，前后端显示也更易用了。
    • +
  • 2026.8 新增投票功能、追加提问、多语言、Markdown 显示、置顶显示等，详情见这里。
    • +
  • 2026.8 放弃使用 recaptcha 等对国内用户不友好的验证方式，更新密码加密方式，修复图片上传等一系列问题。
    • +
  • 2026.5 增加私聊功能，可连续对话，详见介绍；另有提问箱卡片分享。
    • +
  • 2026.2 新增用户展示和标签功能，可给自己贴 5 个标签并选择是否在探索页展示，详情见狼的公告板。
    • +
+
+ +
+

提问箱信息统计

+
+
+ 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/verify/login.html b/outputs/verify/login.html new file mode 100644 index 0000000..3c7d3f4 --- /dev/null +++ b/outputs/verify/login.html @@ -0,0 +1,639 @@ + + + + + + 狼の質問箱 | 匿名質問箱 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + +
+
+

人機認証

+

以下の計算問題を解いて、ロボットでないことを証明してください

+
+ 読み込み中... + +
+
+ +
+ +
+ + +
+
+
+ + + + + +
+
+ + ログイン + + + + + + + + + +
+ + +
+
+ + +
+
+ + + + + パスワードを忘れた + +
+
+
+

+
+ ルール | + + 管理者へ +
+ ドライブ + | お知らせ + | チャット + | ステータス + | リンク +
Powered by NekoBox | 狼ICP备 20230101 +
質問箱は稼働中： +

+ + +
+
+ + + + + diff --git a/outputs/verify/login_post.html b/outputs/verify/login_post.html new file mode 100644 index 0000000..e69de29 diff --git a/outputs/verify/p2-http.html b/outputs/verify/p2-http.html new file mode 100644 index 0000000..428c5fb --- /dev/null +++ b/outputs/verify/p2-http.html @@ -0,0 +1,44 @@ + + + + + + + +
+
+

导航图标（原 emoji 🌐🌙☀️）

+
+ + + + +
+
+
+

标签（原实心彩色 uk-label）

+
+ 单选多选 + 评分排序 + 表单 + #杂谈#音乐 +
+
+
+

占比条（原生 progress）

+ + + +
+
+
+ + \ No newline at end of file diff --git a/outputs/verify/p2-probe.html b/outputs/verify/p2-probe.html new file mode 100644 index 0000000..da59563 --- /dev/null +++ b/outputs/verify/p2-probe.html @@ -0,0 +1,720 @@ + + + + + +
+
+

导航图标（原 emoji）

+
+ + + + +
+
+
+

标签（原实心彩色 uk-label）

+
+ 单选多选 + 评分排序 + 表单 + #杂谈#音乐 +
+
+
+

占比条（原生 progress）

+ + + +
+
+
+ + +
+ + \ No newline at end of file diff --git a/outputs/verify/p2-probe3.html b/outputs/verify/p2-probe3.html new file mode 100644 index 0000000..0f5532a --- /dev/null +++ b/outputs/verify/p2-probe3.html @@ -0,0 +1,714 @@ + + + + + +
+
+

导航图标（原 emoji）

+
+ + + + +
+
+
+

标签（原实心彩色 uk-label）

+
+ 单选多选 + 评分排序 + 表单 + #杂谈#音乐 +
+
+
+

占比条（原生 progress）

+ + + +
+
+
+ + +
+ + \ No newline at end of file diff --git a/outputs/verify/p2-sheet.html b/outputs/verify/p2-sheet.html new file mode 100644 index 0000000..de1af51 --- /dev/null +++ b/outputs/verify/p2-sheet.html @@ -0,0 +1,709 @@ + + + + + +
+
+

导航图标（原 emoji）

+
+ + + + +
+
+
+

标签（原实心彩色 uk-label）

+
+ 单选多选 + 评分排序 + 表单 + #杂谈#音乐 +
+
+
+

占比条（原生 progress）

+ + + +
+
+
+ + \ No newline at end of file diff --git a/outputs/verify/profile-preview.html b/outputs/verify/profile-preview.html new file mode 100644 index 0000000..3ef7f54 --- /dev/null +++ b/outputs/verify/profile-preview.html @@ -0,0 +1,3299 @@ + + + + + + 狼的提问箱 | 匿名提问箱 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + +
+
+

人机验证

+

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

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

裁剪图片

+
+
+
+ +
+

+
+
+ + +
+
+
+ + +
+ + + + + +
+ + + + + + + + + + + + + + + +
+
+
+
+ + 防骚扰设置 +
+
+ +
+
+ +
+
+
+ +
+ + + +
+
+ + 全局屏蔽词 +
+

屏蔽词对提问、私聊（对方发给你的消息）与投票提交内容生效；三个设置页同步显示同一份设置，任意一处修改即时生效。

+ + +
+
+ +
+
+
+ + + + + +
+
+ + 审核严格度 + +

对提问、投票、私聊三类内容同时生效。这里调节的是「审核命中之后是否拦截」，不影响屏蔽词——屏蔽词始终直接拒绝。

+

底线拦截（所有档位强制生效，不可关闭）：涉政、暴恐、色情，以及审核服务自定义词库的命中。

+ + + + + + + + + + + + + + + + + + + + + + + + +
档位拦截范围
畅所欲言仅拦截底线内容，其余一律放行（误伤最少）。
正常水平底线内容，以及置信度不低于 90% 的辱骂、违禁内容。
不听坏话底线内容，以及辱骂、违禁、垃圾信息、广告、灌水、无意义、不良场景内容（不限置信度）；同时采信审核服务给出的整体拦截建议。最严格档，拦截面不小于升级前。
+ +
+ + + +
+ +
+
+ 未设置时跟随站点默认档位。 +
+
+ +
+ +
+
+
+ + +
+
+
+ + 页面访问密码 +
+ + +
+
+ +
+
+
+ +
+
+
+ + 提问密码 +
+ + +
+
+ +
+
+
+
+
+ + + + + + + + + +

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

+ + +
+
+ + + +
+ + + + diff --git a/outputs/verify/profile.html b/outputs/verify/profile.html new file mode 100644 index 0000000..434f677 --- /dev/null +++ b/outputs/verify/profile.html @@ -0,0 +1,2632 @@ + + + + + + 狼的提问箱 | 匿名提问箱 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + +
+ + + +
+
+

人机验证

+

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

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

裁剪图片

+
+
+
+ +
+

+
+
+ + +
+
+
+ + +
+ + + + + +
+ + + + + + + + + + + + + + + +
+
+
+
+ + 防骚扰设置 +
+
+ +
+
+ +
+
+
+ +
+ + + +
+
+ + 全局屏蔽词 +
+

屏蔽词对提问、私聊（对方发给你的消息）与投票提交内容生效；三个设置页同步显示同一份设置，任意一处修改即时生效。

+ + +
+
+ +
+
+
+ + + + + +
+
+ + 审核严格度 + +

对提问、投票、私聊三类内容同时生效。这里调节的是「审核命中之后是否拦截」，不影响屏蔽词——屏蔽词始终直接拒绝。

+

底线拦截（所有档位强制生效，不可关闭）：涉政、暴恐、色情，以及审核服务自定义词库的命中。

+ + + + + + + + + + + + + + + + + + + + + + + + +
档位拦截范围
畅所欲言仅拦截底线内容，其余一律放行（误伤最少）。
正常水平底线内容，以及置信度不低于 90% 的辱骂、违禁内容。
不听坏话底线内容，以及辱骂、违禁、垃圾信息、广告、灌水、无意义、不良场景内容（不限置信度）；同时采信审核服务给出的整体拦截建议。最严格档，拦截面不小于升级前。
+ +
+ + + +
+ +
+
+ 未设置时跟随站点默认档位。 +
+
+ +
+ +
+
+
+ + +
+
+
+ + 页面访问密码 +
+ + +
+
+ +
+
+
+ +
+
+
+ + 提问密码 +
+ + +
+
+ +
+
+
+
+
+ + + + + + + + + +

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

+ + +
+
+ + + + + diff --git a/outputs/verify/ver.json b/outputs/verify/ver.json new file mode 100644 index 0000000..f1acdca --- /dev/null +++ b/outputs/verify/ver.json @@ -0,0 +1 @@ +{"code":0,"correct":true} diff --git a/static/css/base.css b/static/css/base.css index 955d41b..45a1b3a 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -239,12 +239,19 @@ html[data-theme="dark"] .explore-intro { color: var(--tb-text-muted) !important; } - /* 切换按钮图标切换 */ + /* 切换按钮图标切换（内联 SVG，不依赖 UIkit 图标库） */ + #theme-toggle .tb-icon-light, #theme-toggle-mobile .tb-icon-light, + #theme-toggle .tb-icon-dark, #theme-toggle-mobile .tb-icon-dark { + display: inline-flex; + align-items: center; + } + #theme-toggle .tb-icon-light svg, #theme-toggle-mobile .tb-icon-light svg, + #theme-toggle .tb-icon-dark svg, #theme-toggle-mobile .tb-icon-dark svg { display: block; } #theme-toggle .tb-icon-dark, #theme-toggle-mobile .tb-icon-dark { display: none; } html[data-theme="dark"] #theme-toggle .tb-icon-light, html[data-theme="dark"] #theme-toggle-mobile .tb-icon-light { display: none; } html[data-theme="dark"] #theme-toggle .tb-icon-dark, - html[data-theme="dark"] #theme-toggle-mobile .tb-icon-dark { display: inline; } + html[data-theme="dark"] #theme-toggle-mobile .tb-icon-dark { display: inline-flex; } /* 基础质感层：只调整外观（圆角/投影/字体/数字对齐），不改任何结构与布局。 颜色一律取自头部令牌，亮暗两套自动生效，因此这里不需要再写 html[data-theme="dark"] 分支。 */ @@ -319,7 +326,26 @@ .uk-text-meta { color: var(--tb-text-muted); } - /* 统计/日期等数字列等宽对齐，避免刷新时左右跳动 */ + +/* 轻量胶囊：用于投票类型、热门标签等「只是分类信息」的位置。 + 实心 uk-label 一屏多个会变成一排色块，这里统一降级为浅底 + 次要色文字。 */ +.tb-chip { + display: inline-block; + padding: 1px 8px; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); + color: var(--tb-text-secondary); + font-size: 0.72rem; + line-height: 1.7; + white-space: nowrap; +} +a.tb-chip:hover { + background-color: var(--tb-primary-weak); + color: var(--tb-primary); + text-decoration: none; +} + +/* 统计/日期等数字列等宽对齐，避免刷新时左右跳动 */ .uk-table, .tb-num { font-variant-numeric: tabular-nums; @@ -576,34 +602,26 @@ html[data-theme="dark"] .md-body th, html[data-theme="dark"] .md-body td { border-color: #3a404c; } -/* 投票结果占比条：UIkit 3 已无 .uk-progressbar 类（那是 UIkit 2 的）， - 模板用
结构，需补一套填充样式， - 否则内层填充无高度/背景，所有占比条都只剩外层灰色轨道，看起来一模一样。 */ - .uk-progress { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 10px; - margin: 0; - border: none; - border-radius: 6px; - background-color: #e5e5e5; - overflow: hidden; - box-shadow: none; - } - .uk-progressbar { - display: block; - height: 100%; - background-color: #1e87f0; - border-radius: 6px 0 0 6px; - transition: width 0.3s ease; - } - html[data-theme="dark"] .uk-progress { - background-color: var(--tb-border); - } - html[data-theme="dark"] .uk-progressbar { - background-color: var(--tb-primary); - } +/* 投票结果占比条：模板已改用 UIkit 3 原生 ， + 这里只把默认的 15px 高 / 500px 圆角 / 20px 外边距收紧到与页面一致的规格。 + （原先为 UIkit 2 的 .uk-progressbar 结构打的补丁已删除） */ +.uk-progress { + height: 10px; + margin: 0; + border-radius: var(--tb-radius-xs); + background-color: var(--tb-surface-2); +} +.uk-progress::-webkit-progress-bar { + background-color: var(--tb-surface-2); + border-radius: var(--tb-radius-xs); +} +.uk-progress::-webkit-progress-value { + background-color: var(--tb-primary); + border-radius: var(--tb-radius-xs) 0 0 var(--tb-radius-xs); +} +.uk-progress::-moz-progress-bar { + background-color: var(--tb-primary); +} /* 移动端底部操作栏：固定底栏承载语言切换与深色模式，桌面端隐藏 */ #tb-mobile-utils { diff --git a/templates/base/header.html b/templates/base/header.html index bb69a11..7691039 100644 --- a/templates/base/header.html +++ b/templates/base/header.html @@ -2,7 +2,7 @@ - + {{ .Title }} @@ -21,7 +21,7 @@ - + @@ -150,9 +150,8 @@ + msvalidate.01 只在 head 顶部保留一份，这里不再重复。 --> - -
+
-
+