feat(implementation): 移除SPARE框架UI设计方案的可视化展示，补充缺失的CSS工具类以增强样式支持

Author: phodal

docs/ai-friendly/context-navigator.mdx

@@ -16,10 +16,6 @@ export const ContextNavigator = () => {
 	{() => <ContextNavigator/>}
 </BrowserOnly>
 
-## SPARE 度量框架的 UI 设计方案：可视化战略性 AI 驱动的研发卓越
-
-以下是“战略性AI驱动研发卓越 (SPARE)”框架的可视化展示：
-
 <BrowserOnly>
 	{() => <SPAREFramework/>}
 </BrowserOnly>

src/css/custom.css

@@ -1686,3 +1686,44 @@ button {
 .shadow-sm {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
+
+/* 补充缺失的 CSS 工具类 */
+
+/* Sizing Utilities */
+.h-64 {
+  height: 16rem; /* 256px */
+}
+
+.w-1 {
+  width: 0.25rem; /* 4px */
+}
+
+/* Flexbox Utilities */
+.flex-grow {
+  flex-grow: 1;
+}
+
+/* Background Color Utilities */
+.bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity)); /* blue-500 */
+}
+
+.bg-slate-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 232 240 / var(--tw-bg-opacity)); /* slate-200 */
+}
+
+.bg-slate-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(203 213 225 / var(--tw-bg-opacity)); /* slate-300 */
+}
+
+/* Grid Template Columns Utilities */
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}