ci(deps): bump docker/login-action from 3 to 4

.github/workflows/release.yml

@@ -49,7 +49,7 @@ jobs:
       uses: docker/setup-buildx-action@v4
 
     - name: Login to Docker Hub
-      uses: docker/login-action@v3
+      uses: docker/login-action@v4
       with:
         username: ${{ secrets.DOCKERHUB_USERNAME }}
         password: ${{ secrets.DOCKERHUB_TOKEN }}

docs/.vitepress/theme/components/PipelineOverview.vue

@@ -41,25 +41,29 @@ const stages = [
   {
     eyebrow: 'STAGE 01',
     title: 'QC',
-    description: 'FastQC, KneadData, trimming, host depletion.',
+    desc1: 'FastQC, KneadData,',
+    desc2: 'trimming, host depletion.',
     output: 'clean reads',
   },
   {
     eyebrow: 'STAGE 02',
     title: 'Taxonomy',
-    description: 'Kraken2, kraken-biom, Krona summaries.',
+    desc1: 'Kraken2, kraken-biom,',
+    desc2: 'Krona summaries.',
     output: 'reports, biom, krona',
   },
   {
     eyebrow: 'STAGE 03',
     title: 'Diversity',
-    description: 'QIIME2 metrics, alpha and beta views, metadata joins.',
+    desc1: 'QIIME2 metrics, alpha',
+    desc2: 'and beta views.',
     output: 'ordination and tables',
   },
   {
     eyebrow: 'STAGE 04',
     title: 'Report',
-    description: 'Functional outputs and final summary views.',
+    desc1: 'Functional outputs and',
+    desc2: 'final summary views.',
     output: '',
   },
 ]
@@ -112,11 +116,18 @@ const stages = [
       >{{ stage.title }}</text>
       <text
         :x="84 + index * 220"
-        y="222"
+        y="220"
         font-family="Inter, Arial, sans-serif"
-        font-size="14"
+        font-size="13"
+        :fill="colors.bodyText"
+      >{{ stage.desc1 }}</text>
+      <text
+        :x="84 + index * 220"
+        y="237"
+        font-family="Inter, Arial, sans-serif"
+        font-size="13"
         :fill="colors.bodyText"
-      >{{ stage.description }}</text>
+      >{{ stage.desc2 }}</text>
       <text
         v-if="stage.output"
         :x="84 + index * 220"

docs/.vitepress/theme/components/RuntimeTopology.vue

@@ -38,37 +38,49 @@ const nodes = [
     x: 56, y: 118, width: 232, height: 120,
     eyebrow: 'ENTRY LAYER',
     title: 'micos CLI',
-    description: 'Click-based commands, validation, dry-run, and module entrypoints.',
+    desc1: 'Click-based commands,',
+    desc2: 'validation and dry-run.',
   },
   {
     x: 344, y: 118, width: 232, height: 120,
     eyebrow: 'ORCHESTRATION',
     title: 'Python modules',
-    description: 'Full pipeline, quality control, taxonomy, diversity, functional analysis, reporting.',
+    desc1: 'Full pipeline, quality control,',
+    desc2: 'taxonomy, diversity, reporting.',
   },
   {
     x: 632, y: 118, width: 232, height: 120,
     eyebrow: 'WORKFLOW ASSETS',
     title: 'steps/ + containers/',
-    description: 'WDL stages, Singularity definitions, Docker Compose example services.',
+    desc1: 'WDL stages, Singularity defs,',
+    desc2: 'Docker Compose services.',
   },
   {
     x: 140, y: 298, width: 232, height: 116,
     eyebrow: 'CONFIG SURFACE',
     title: 'config/*.template',
-    description: 'Project, database, and sample metadata templates.',
+    desc1: 'Project, database, and sample',
+    desc2: 'metadata templates.',
   },
   {
     x: 548, y: 298, width: 232, height: 116,
     eyebrow: 'POWER USER SURFACE',
     title: 'scripts/',
-    description: 'Thin wrappers plus experimental analyses outside the stable CLI core.',
+    desc1: 'Thin wrappers plus experimental',
+    desc2: 'analyses outside the CLI core.',
   },
 ]
 </script>
 
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 920 480" class="runtime-topology-svg">
+    <!-- 裁剪路径：每个卡片内容区 -->
+    <defs>
+      <clipPath v-for="(node, index) in nodes" :key="'clip-' + index" :id="'topo-clip-' + index">
+        <rect :x="node.x + 12" :y="node.y + 12" :width="node.width - 24" :height="node.height - 16" rx="0"/>
+      </clipPath>
+    </defs>
+
     <!-- 背景 -->
     <rect width="920" height="480" rx="28" :fill="colors.bg"/>
 
@@ -90,29 +102,38 @@ const nodes = [
         :stroke="colors.cardBorder"
         class="topology-node"
       />
-      <text
-        :x="node.x + 28"
-        :y="node.y + 36"
-        font-family="Inter, Arial, sans-serif"
-        font-size="13"
-        letter-spacing=".12em"
-        :fill="colors.accentLabel"
-      >{{ node.eyebrow }}</text>
-      <text
-        :x="node.x + 28"
-        :y="node.y + 68"
-        font-family="Inter, Arial, sans-serif"
-        font-size="24"
-        font-weight="700"
-        :fill="colors.titleText"
-      >{{ node.title }}</text>
-      <text
-        :x="node.x + 28"
-        :y="node.y + 98"
-        font-family="Inter, Arial, sans-serif"
-        font-size="14"
-        :fill="colors.bodyText"
-      >{{ node.description }}</text>
+      <g :clip-path="`url(#topo-clip-${index})`">
+        <text
+          :x="node.x + 28"
+          :y="node.y + 36"
+          font-family="Inter, Arial, sans-serif"
+          font-size="13"
+          letter-spacing=".12em"
+          :fill="colors.accentLabel"
+        >{{ node.eyebrow }}</text>
+        <text
+          :x="node.x + 28"
+          :y="node.y + 68"
+          font-family="Inter, Arial, sans-serif"
+          font-size="24"
+          font-weight="700"
+          :fill="colors.titleText"
+        >{{ node.title }}</text>
+        <text
+          :x="node.x + 28"
+          :y="node.y + 96"
+          font-family="Inter, Arial, sans-serif"
+          font-size="13"
+          :fill="colors.bodyText"
+        >{{ node.desc1 }}</text>
+        <text
+          :x="node.x + 28"
+          :y="node.y + 113"
+          font-family="Inter, Arial, sans-serif"
+          font-size="13"
+          :fill="colors.bodyText"
+        >{{ node.desc2 }}</text>
+      </g>
     </g>
 
     <!-- 连接线 -->

docs/en/index.md

@@ -140,7 +140,7 @@ const references = [
       </div>
     </div>
 
-    <FlowStageGrid :stages="stages" />
+  <FlowStageGrid :stages="stages" />
   </SiteSection>
 
   <SiteSection

docs/zh/index.md

@@ -140,7 +140,7 @@ const references = [
       </div>
     </div>
 
-    <FlowStageGrid :stages="stages" />
+  <FlowStageGrid :stages="stages" />
   </SiteSection>
 
   <SiteSection