From 4adf62b6bc90400744d974721f98f647f3b0fdaf Mon Sep 17 00:00:00 2001
From: wuyang6 <wuyang6@xiaomi.com>
Date: Mon, 9 Nov 2026 10:58:14 +0800
Subject: [PATCH] Keep architecture direction explicit on narrow screens

---
 styles.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/styles.css b/styles.css
index 0fc8e7f..4eb0fcb 100644
--- a/styles.css
+++ b/styles.css
@@ -1390,22 +1390,25 @@ main .source-line {
     font-size: 11px;
   }
   .architecture-flow {
-    flex-wrap: wrap;
+    flex-direction: column;
     justify-content: center;
-    gap: 5px 4px;
+    gap: 7px;
   }
   .flow-node {
-    flex: 0 0 26%;
-    padding: 9px 3px;
+    flex: none;
+    width: 100%;
+    padding: 8px 10px;
   }
   .flow-node strong {
-    font-size: 10px;
+    font-size: 12px;
   }
   .flow-node small {
-    font-size: 8px;
+    font-size: 10px;
   }
   .architecture-flow .flow-arrow {
-    font-size: 12px;
+    font-size: 15px;
+    line-height: 1;
+    transform: rotate(90deg);
   }
   .architecture-detail {
     margin-top: 20px;