925 B
925 B
- 每个页面 HTML 统一在 head 内引入空 favicon (
data:,) 以避免浏览器请求导致本地静态服务 404。 - 页面间通过相对路径
../css/...引用共享样式,并通过版本号 query 参数(如?v=857f83a5)强制缓存失效。 - 状态指示使用
.pill+.indicator元素组合,通过添加online/offline/processing/live/idle类切换状态颜色与呼吸灯效果。 - 卡片采用
.card.card--<子系统>修饰类注入顶部色带与图标底色,子系统色来自--esp32 / --gd32 / --ble / --can / --motor / --mem等语义 token。 - 动画关键帧仅操作 transform/opacity 以保证合成器直通;box-shadow/background-position 等重绘型动画仅限短暂临时态(如 dragover、OTA 阶段)。
- 响应式行为通过
@media (max-width: 1100px)与640px两档断点在responsive.css中集中维护,页面侧不重复定义布局断点。