蓝图 / 线框 UI 设计系统，用于构建具备技术蓝图美感的网页：深色背景、锐利直角、共享边框连接的区块、虚线轮廓、测量标注和等宽字体标签。
用途：制作落地页与各类 Web UI，适合产品官网、开发者工具展示页等需要工程感、结构感的界面。
核心原则：不使用圆角（禁用 rounded-* 类）；区块之间共享边框并相互衔接，而非带间隙的悬浮卡片；内容边界、插图占位和测量引导使用虚线轮廓；区块标签为小号等宽大写文字，覆盖在区块边框上；测量标注为带尺寸文字的细虚线；页面 body 使用点阵背景；卡片与列表项带 01、02、03 等等宽编号。
配色：背景 #0a0a0a、表面 #111111、边框 #1e1e1e、亮边框 #333333、主文字 #e8e8e8、弱化文字 #666666、暗淡文字 #525252、强调色 #f59e0b（琥珀，用于 CTA、高亮）、辅助强调 #ea580c（橙色，用于悬停）。
字体：正文 Inter；代码、标签、标注 JetBrains Mono；区块标题为双色（首行白色，次行弱化）。
组件模式包括区块容器、共享边框的特征卡片网格、终端块（方形带边框的红黄绿指示点）、锐利描边按钮（主/次两种变体）、测量标注、虚线插图占位、横向滚动轮播、固定模糊导航和极简页脚。
必需 CSS：通过 @import "tailwindcss" 与 @theme 定义上述颜色与字体变量，并定义 html 背景/文字、.dot-grid、.section-label、.measure 及 .carousel 隐藏滚动条样式。
技术栈：Astro（静态输出）配合 @tailwindcss/vite 插件；Tailwind CSS v4，主题在 CSS @theme 中定义，无 tailwind.config.js；使用 Google Fonts 的 Inter 与 JetBrains Mono；不使用 JS 框架，纯 Astro 组件，仅轮播等交互用原生 JS；包管理器为 bun。
构建页面时的要点：整体包在 .dot-grid 容器中；使用单个居中的 max-w-6xl main，每个区块加 border-x border-border；每个区块添加 .section-label；卡片使用共享边框无间隙的连接网格；每页添加 1–2 处测量标注；所有角保持直角；区块标题用双色模式；终端块用方形指示点；小标签与计数器用等宽字体。
限制：资料未提供授权、收费、兼容浏览器范围或性能数据等信息。