能点的，都是胶囊
按钮、输入框、页签、筛选标签——凡是你「可以操作」的元素，都是两端圆润的胶囊； 卡片、表格、日历格子这类「用来读」的内容，则是方正的圆角矩形。
为什么：形状是最快的一层提示。扫一眼就知道哪里能点、哪里是内容，误触更少；胶囊在手机上还更好按。
上面是示意——你看到的就是当前主题下的真实样式。
克制：没有毛玻璃和透明叠层
界面里没有毛玻璃、半透明叠层、发光描边这类「炫技」效果——所有面板都是干净的实色。
为什么：这类效果在演示里好看，在真实使用里代价不小——文字会被背景干扰、强光下读不清， 不同浏览器表现还不一致，低端设备也会被拖慢。我们把力气花在排版、留白与层级上：安静，但处处读得清、处处一样快。
一套形状，全站一致
同一个按钮，出现在首页、通知、工作台……样子完全一样；换任意主题、切深浅色，形状也一点都不变。
为什么：一致意味着不用重新学。全站的形状来自同一套规则——像同一个旋钮控制，改一处就处处同步， 不会出现「这个页面圆、那个页面方」的混乱。
先把「读得清、点得准」做实
在手机上，正文不小于 15px、行高不小于 1.5；小标签有字号下限，也不会在极小的标签里塞图标； 可点区域不小于 44px——胶囊只改形状，不缩小按钮，触达面积不会缩水。
为什么：界面可以好看，但首先要读得清、点得准。这些尺寸下限就是为这两件事设的底线。
主题可以换，可读性不打折
全站有 8 套主题（浅色 3 套、深色 5 套），在顶栏随时切换；表单、滚动条这些浏览器原生部件也跟着主题走，不会在深色下闪白。
深色主题不是简单「反色」：每套主题的文字对比度都逐一核算过（正文对比度不低于 13:1）。 如果你的系统开启了「减少动态效果」，全站动画也会自动收敛。
常见问题
- 为什么按钮变圆了？——2026 年 10 月起，全站控件统一成胶囊形状。此前控件的小圆角和内容混在一起，不容易一眼看出「哪里能点」。
- 会加毛玻璃 / 透明效果吗？——目前不会：可读性与性能优先于装饰（原因见上）。
- 能自定义形状或圆角吗？——主题可以换颜色；形状保持全站统一，暂不提供自定义。
- 这些原则会变吗？——界面会持续打磨，但「胶囊＝可操作、方正＝内容、克制材质、全站一致、可读性优先」这五条是底线。
- 有想法或觉得别扭的地方？欢迎 意见反馈 。
参考来源
本站的形状语言参考了 Apple 的设计体系——「胶囊形状留给控件、固定圆角留给内容」的划分，来自 Apple 官方设计资料： 我们借鉴的是其中的形状与层级思路，没有采用毛玻璃等材质效果（原因见上）。想深入了解这些原则的源头，可以从这里读起：
- 《人机界面指南》（Human Interface Guidelines，中文版） ——Apple 官方设计指南的总入口。
- Human Interface Guidelines · Layout（布局） ——「区分控件与内容」等层级原则的出处。
- WWDC25 · Meet Liquid Glass ——胶囊形状与新设计语言的官方讲解。
- WWDC25 · Get to know the new design system ——形状三型（固定圆角 / 胶囊 / 同心圆角）与适配思路。
链接均为 Apple 开发者官网（developer.apple.com），英文页面内可切换语言。