From e678e7716b8f3a05a40fc5830f18b9890c64c26f Mon Sep 17 00:00:00 2001
From: im0o <0ojixueseno0@gmail.com>
Date: Mon, 10 Aug 2026 12:13:02 +0800
Subject: [PATCH] =?UTF-8?q?=E9=99=90=E5=88=B6=E6=8E=A5=E7=BA=BF=E7=9A=84?=
 =?UTF-8?q?=E5=AE=BD=E5=BA=A6=EF=BC=8C=E5=88=AB=E8=AE=A9=E5=AE=83=E7=9C=8B?=
 =?UTF-8?q?=E8=B5=B7=E6=9D=A5=E5=83=8F=E6=8A=98=E7=BA=BF=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

那根线原本占满整个弹性列，被误认成流量曲线。它纯粹是装饰，不承载任何数据，
而一个看起来像信息却什么都不表示的东西就是缺陷。收窄到 72px，明确读作一段线。
---
 web/views/RouterPage.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/views/RouterPage.vue b/web/views/RouterPage.vue
index f9fe30a..e8b84da 100644
--- a/web/views/RouterPage.vue
+++ b/web/views/RouterPage.vue
@@ -297,8 +297,16 @@ async function pickOutbound(mode: OutboundMode) {
   line-height: 1.6;
 }
 
+/*
+ * 一段接线的意象，纯装饰，不承载任何数据。
+ * 它原本占满整个弹性列，结果被误认成折线图——一个看起来像信息的东西如果什么都不表示，
+ * 那就是缺陷。所以限制宽度，让它明确读作「一段线」而不是「一条曲线」。
+ */
 .wire {
   height: 1px;
+  width: 100%;
+  max-width: 72px;
+  margin: 0 auto;
   background: linear-gradient(
     to right,
     var(--c-border-strong),