@model-go/docs-core 0.1.0

package/styles/docs-responsive.css

@@ -0,0 +1,113 @@
+@media (max-width: 1180px) {
+  .docs-toc {
+    display: none;
+  }
+}
+
+@media (max-width: 900px) {
+  .docs-hero {
+    grid-template-columns: 1fr;
+  }
+
+  .hero-visual {
+    min-height: 220px;
+  }
+
+  .quick-links {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 768px) {
+  .header-link {
+    display: none;
+  }
+
+  .logo-wordmark {
+    display: none;
+  }
+
+  .docs-sidebar {
+    position: fixed;
+    top: var(--docs-header-height);
+    bottom: 0;
+    left: 0;
+    z-index: 200;
+    width: min(300px, 86vw);
+    height: auto;
+    overflow-y: auto;
+    background: var(--docs-bg);
+    transform: translateX(-100%);
+    transition: transform 0.2s ease;
+  }
+
+  .docs-sidebar.sidebar-open {
+    transform: translateX(0);
+    box-shadow: 12px 0 30px rgba(10, 25, 40, 0.08);
+  }
+
+  .dark .docs-sidebar.sidebar-open {
+    box-shadow: 12px 0 30px rgba(0, 0, 0, 0.45);
+  }
+
+  .sidebar-overlay {
+    position: fixed;
+    inset: 0;
+    z-index: 150;
+    background: rgba(10, 25, 40, 0.2);
+    backdrop-filter: blur(2px);
+    -webkit-backdrop-filter: blur(2px);
+  }
+
+  .dark .sidebar-overlay {
+    background: rgba(4, 12, 24, 0.55);
+  }
+
+  .docs-main {
+    padding: 1.2rem 1rem 3rem;
+  }
+
+  .mobile-nav-btn {
+    display: flex;
+  }
+
+  .docs-hero,
+  .docs-article,
+  .docs-error,
+  .docs-skeleton {
+    border-radius: 16px;
+  }
+
+  .docs-hero {
+    padding: 1.5rem;
+  }
+
+  .hero-visual {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.75rem;
+    min-height: 0;
+    margin-top: 1.3rem;
+    place-items: stretch;
+  }
+
+  .hero-logo {
+    display: none;
+  }
+
+  .hero-signal-card {
+    position: static;
+    min-width: 0;
+    animation: none;
+  }
+
+  .hero-signal-card strong {
+    overflow-wrap: anywhere;
+  }
+}
+
+@media (max-width: 480px) {
+  .hero-visual {
+    grid-template-columns: 1fr;
+  }
+}

package/styles/docs-tokens.css

@@ -0,0 +1,52 @@
+/**
+ * 文档组件语义别名（--docs-*）→ 四端统一设计 token（--mg-*）。
+ *
+ * 这一层不带任何站点全局重置（html/body/#app），只做变量映射，因此官网把它叠在
+ * 自己的 token 之上即可拿到与文档站一致的观感。消费方需先加载 modelgo-design-tokens。
+ * 从 modelgo-doc-web 的 .vitepress/theme/style.css 抽出，两边保持一致。
+ */
+:root {
+  /* 颜色、字体、圆角、阴影统一从 modelgo-design-tokens 注入，docs-* 仅是组件语义别名。 */
+  --docs-bg: var(--mg-bg);
+  --docs-header-bg: var(--mg-header-bg);
+  --docs-surface: var(--mg-surface);
+  --docs-surface-soft: var(--mg-surface-2);
+  --docs-surface-hover: var(--mg-fill-1);
+  --docs-article-bg: var(--mg-surface-3);
+  --docs-border: var(--mg-border);
+  --docs-border-strong: color-mix(in oklab, var(--mg-brand-base) 18%, var(--mg-divider));
+  --docs-border-subtle: var(--mg-divider);
+  --docs-text: var(--mg-text-1);
+  --docs-text-muted: var(--mg-text-2);
+  --docs-text-faint: var(--mg-text-3);
+  --docs-brand: var(--mg-brand-base);
+  --docs-brand-hover: var(--mg-brand-mid);
+  --docs-brand-active: var(--mg-brand-deep);
+  --docs-brand-gradient: var(--mg-brand-gradient);
+  --docs-accent: var(--mg-brand-mid);
+  --docs-accent-strong: var(--mg-brand-deep);
+  --docs-brand-subtle: var(--mg-brand-subtle);
+  --docs-accent-subtle: color-mix(in oklab, var(--mg-brand-mid) 10%, transparent);
+  --docs-brand-shadow: var(--mg-brand-glow);
+  --docs-accent-shadow: var(--mg-brand-glow);
+  --docs-card-shadow: var(--mg-shadow-card);
+  --docs-code-bg: var(--mg-gray-950);
+  --docs-code-border: var(--mg-divider);
+  --docs-code-text: var(--mg-gray-100);
+  --docs-code-shadow: var(--mg-shadow-elevated);
+  --docs-code-inline-bg: var(--mg-brand-subtle);
+  --docs-code-keyword: var(--mg-brand-mid);
+  --docs-code-string: var(--mg-success);
+  --docs-code-number: var(--mg-warning);
+  --docs-code-literal: var(--mg-info);
+  --docs-code-punctuation: var(--mg-gray-400);
+  --docs-skeleton-bg: var(--mg-fill-0);
+  --docs-skeleton-shine: var(--mg-fill-2);
+  --docs-warning-bg: color-mix(in oklab, var(--mg-warning) 8%, transparent);
+  --docs-warning-border: color-mix(in oklab, var(--mg-warning) 24%, transparent);
+  --docs-header-height: 72px;
+  --docs-sidebar-width: 220px;
+  --docs-max-width: 1440px;
+  --docs-font: var(--mg-font-sans);
+  --docs-font-mono: var(--mg-font-mono);
+}