NeuroKB 能力展示台
25 个能力,每个都能真点。看中哪个就记它的编号告诉我。
怎么用:每张卡上面是编号和名字,中间那块灰底的是能动的样品(可以在里面滚动、点、勾选), 下面三行是它的出处、代价、和我的判断。你回我一句「装 互-03 词-01,不要 观-08」我就照做。 字体这里用系统栈,装到站上会换成我们裁过的 Noto Sans SC,所以字重与字距的观感会更紧一点。

外观 · 颜色、排版、图标

观-01 分组底色 建议装

页面底色比卡片深一档,卡片自己不带边框——iOS 设置页就是这么分层,不靠阴影。

急性期
溶栓时间窗4.5 h
取栓时间窗24 h
二级预防
抗血小板阿司匹林
LDL 目标<1.8

出处 iOS secondarySystemGroupedBackground;档案 参考源码档案/ios/原文/官方色板值.md。代价 约 6 行 CSS,0 脚本。判断 装:我们现在的"白灰交替"和它同源,但分组底色能顺带把"这是一组"说清楚。

观-02 缩进发丝线 建议装

标题下面一条 1px 线,不通栏——左边缩进、右边也缩进,像苹果文章页。

临床表现

突发一侧肢体无力、口角歪斜、言语不清,数秒至数分钟内达高峰。

出处 苹果 Newsroom 文章页实测;档案 报告/苹果-文字页规格.md。代价 2 行 CSS。判断 装(v3 已装,但由 V21 抓出过一次"选择器从不命中",说明它得配判据)。

观-03 上松下紧 建议装

标题属于它下面的内容:上方留 24、下方只留 8。上下等距会把标题推给上一节。

紧(对)

这一段和标题是一组。

松(错)

标题被推离了自己的正文。

出处 苹果文字页实测 h2 上 24 / 下 8。代价 2 行 CSS。判断 装(v3 已装)。

观-04 中文零字距 建议装

拉丁字母靠负字距显紧凑,汉字本来就填满方框,收紧只会互相挤。苹果中文站把负字距全部归零。

癫痫持续状态
上:负字距 −0.022em(挤)
癫痫持续状态
下:normal(对)

出处 苹果 :lang(zh){letter-spacing:0em} 共 434 处;EN→CN 同一篇只撤字距不撤行高。代价 1 条规则。判断 装(v3 已装)。

观-05 系统蓝 建议装

链接与强调色用 iOS 系统蓝,但要压暗到对比度过 4.5:1——原色对白底只有 4.02。

这蓝 4.02:1
iOS 原色,不及格
这蓝 5.58:1
压暗后,及格

出处 UIKit systemBlue;HIG 发布值与它不同(ios/原文/官方色板矩阵.md)。代价 0 行(改令牌)。判断 装,且必须配对比度判据(v3 的 V23 就是为这个补的)。

观-06 填充图标 看你

同一组图标的两种画法:iOS 的 tab bar 用填充形,工具栏用描边形。

填充
描边
四宫格
房子

出处 HIG icons 页(原文已存);SF Symbols 的字形我们不能用,只借它的规格。代价 每枚图标 1 行 SVG,0 字形。判断 看你——填充更"像 iOS",描边更轻。两种我都能做。

观-07 整屏面板 看你

一屏一块、整幅换底色、不留右边距——v3 现在的形状,来自苹果产品页。

第一块

整幅白底,通到屏幕两边。

第二块

整幅灰底。两块之间没有任何线。

出处 苹果首页 9 个 tile 同一模板。代价 已装。判断 待定:这是你说"还是老样子"最可能指的东西——它对图片叙事有效,对长条文效率不高(每块都要重新起一段视觉呼吸)。备选是观-01 的分组底色。

观-08 黑底重点块 建议装

最重要的那一块整幅翻黑,不靠边框不靠图标——夜班时它比一条橙边可靠。

红旗

意识水平下降 + 瞳孔不等大 → 先按脑疝处理,再查病因。

出处 苹果 tile 语言(深色块=这一屏最重要)。代价 已装。判断 装,且只给红旗与今晚医嘱用,多了就不醒目。

交互 · 滚动、浮层、控件

互-01 双层吸顶 建议装

第一层是"我在哪条词条",第二层是节目录。往下滚时两层都钉住。

‹ 疾病偏头痛
速查诊断治疗预后

在下面滚动,看两层怎么各自钉住。

↓

↓

↓

出处 苹果 globalnav+localnav(48+48)、百度 topbar+topCatalog(41+41)。代价 已装。判断 装——这是长词条最值的一件。

互-02 节条吸附 建议装

节目录横向滑时,松手会把最近的项"吸"到位,不会停在两个词中间。

‹ 疾病偏头痛
速查诊断治疗预后用药随访陷阱

在灰条里左右拖一下试试。

出处 苹果卡片流用原生 scroll-snap,零 JS。代价 2 行 CSS。判断 装。

互-03 底栏收放 建议装

往下读时底栏整条滑出屏幕,多出 50px 给正文;往上一抬就回来。

在这块里往下滚——底栏会收起来。

↓

↓

↑ 往回滚它就出来

疾病症状药物方法首页

出处 百度词条页实测:阈值 12px、到位 291–306ms、computed transform .3s ease;实现是滚动差分累计 + rAF,状态写 class。代价 约 20 行 JS + 4 行 CSS。判断 装(v3 已装)。

互-04 抽屉目录 建议装

从下面升起一张面板:竖虚线时间轴 + 两级目录(子节做成两列胶囊)。这是你说"就是这个"的那个。

点右下角开抽屉,点灰幕或某一项关。

目录关闭
  1. 02 · 诊断
  2. 诊断要点
  3. 鉴别顺序
  • 03 · 治疗
  • 急性期
  • 预防
  • 04 · 陷阱
  • 出处 百度抽屉实测(96 项、每项 47px、两级胶囊)。代价 原生 <dialog>,约 8 行 JS。判断 装。

    互-05 手风琴选项 建议装

    算量表时选"这一项几分":点题目就地展开,选完自动收起并把答案回显在题目行,同时打开下一题。安卓原生抽屉完全不参与。

    出处 苹果页脚手风琴,实测它不折叠高度——position:absolute↔static 脱流交换 + 只过渡 transform。代价 约 30 行 JS + 25 行 CSS。判断 装(v3 已装)。

    互-06 点遮罩关闭 建议装

    抽屉打开时点上面那片灰就关。苹果全屏抽屉不这么设计,百度和我们的直觉都是点灰即关。

    配合「互-04」一起看:那块灰幕就是它的关闭热区。

    代价 1 行 JS。判断 装。

    互-07 整行按压 建议装

    手指按住一行时整行变灰(iOS 的选中反馈),不是整页透明度打折。

    按我试试›
    按住整行变灰›

    代价 2 行 CSS。判断 装。

    互-08 大标题收进栏 看你

    iOS 的招牌:大标题往上滚,滚到顶栏时标题"缩"进顶栏变成小字。长词条里它让"我在读哪条"始终可见。

    ‹ 疾病偏头痛

    偏头痛

    往下滚,看右边那行小字怎么浮进顶栏。

    ↓

    ↓

    出处 iOS navigation bar 的 large title(官方未发布具体数值,见 ios/iOS设计语言.md 第 5 节)。代价 约 10 行 JS + 4 行 CSS,且要处理与节条的叠放。判断 待定:好看,但我们顶栏已经常驻病名了,收益可能只是动画。倾向不装。

    互-09 次要节折叠 建议装

    长卷的解法:把"流行病学/病因机制/预后"这类次要节默认折成一行,要看再就地展开。卒中那张现在 35.4 屏。

    05 · 病因与发病机制
    06 · 预后

    出处 苹果页脚/商店的折叠组 + 我们自己的实测(一屏只装 27 行正文)。代价 用 <details> 几乎零 JS;关脚本时全展开。判断 装——这是我认为 v4 最该做的一件,它直接回答"35 屏怎么办"。

    词条管理 · 一条词条应该有的东西

    词-01 信息框 建议装

    词条右上角那张键值卡(窄屏就贴在标题下面)。百度疾病类固定 6 个专有字段,我们目前一个都没有。

    偏头痛
    就诊科室神经内科
    起病反复发作,单侧,4–72 h
    常见诱因月经、睡眠不足、含酪胺食物
    红旗雷击样头痛、发热伴颈僵
    复核2026-09-28

    出处 百度 22 条跨专科普查(疾病专有 6 字段)+ UpToDate/DynaMed 同形。代价 要先有字段数据(内容活,可交外部 AI 填)+ 一条"缺字段就红"的判据。判断 装,这是"像一台词条站"最关键的一件。

    词-02 题头读法 看你

    病名后面跟方括号拼音:癫痫[diān xián]。百度每条都这样,解决"这个字到底怎么念"。

    癫痫 [diān xián] 疾病

    代价 条目位要加一栏"读法"并逐条填(28 条起步,含生僻字要重裁字体子集)。判断 待定:查药名/罕见病名时很实用,但要重裁字体(+若干 KB)。

    词-03 同名义项 建议不装

    一个名字指好几个东西时,顶部给一条"其他 12 个同名词条"切换。

    其他 3 个同名词条
    疾病药物检查人物

    判断 不装:我们的条目位重名实测为 0,且四栏本身就是命名空间;真撞名了有 V3 别名唯一性拦。装它是为不存在的问题做界面。

    词-04 版本脚注 建议装

    每条末尾印"本条修订 N 次 · 复核于某日 · 下次到期"。权威感来自可核对的日期,不来自措辞。

    本条修订记录 4 次 · 最近 2026-09-28 · 下次复核 2029-09-28
    正文由 AI 起草、人工逐条校对,以正式指南与说明书为准。

    出处 百度 versionId/versionCreateTime/updateTime 三时间戳 + 审核时延中位 10 分钟。代价 已装(git 现取,零手抄)。判断 装。

    词-05 出处角标 看你

    句末挂 [1] 能跳到参考资料。百度医学词条基本不做逐句引用(实测 246 段只有 1 段带角标)。

    前驱期症状与皮质扩散性抑制相关[3],头痛期源于三叉神经血管系统激活[3]。

    代价 正文要写角标(markdown 语法)+ 锚点判据;但会撑大子集风险为零(数字与方括号已在)。判断 待定:我们已经有"节末统一列出处",逐句角标更硬但写作成本高,可能只给数字句用。

    词-06 检索台首页 建议装

    首页第一屏就是搜索框,不写主张句。两站的首页都是这个形状。

    命中 3 条:偏头痛、癫痫持续状态、重症肌无力

    代价 删掉现有 hero 的介绍文案(文案不消失,挪到"关于"一行)。判断 装:你现在每次进来都是要搜东西的。

    内容治理 · 看不见的部分,但决定可信

    治-01 缺字段就红 建议装

    信息框字段表由骨架规定,哪张卡缺哪个字段,构建时就报,不留到"以后补"。

    Wilson 病 缺:起病方式监测项目复核人

    代价 一条判据(约 15 行)+ 先把字段表定下来。判断 装,且必须和「词-01」同批做。

    治-02 死控件扫描 建议装

    凡是"看着能点、点了什么都不发生"的东西,构建期就拦。苹果关掉 JS 后顶栏 11 个链接全丢、百度底栏全是 div,都栽在这。

    已拦:404 页的搜索框没有脚本抽屉把手不可点底栏空格子

    代价 一条行为判据(约 12 行)。判断 装——这一条今晚已经替我抓出三次。

    你勾了 0 项:勾完把这张截图发我,或者直接说编号。