Files

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 中集中维护,页面侧不重复定义布局断点。