style(display): refine overview line layout [CI]

web/display/src/display.css

@@ -70,6 +70,12 @@
   padding: 40px 24px 80px;
 }
 
+/* 总览线路多，宽屏时使用可用横向空间，避免卡片挤在左侧。 */
+.overview-page {
+  width: min(100%, 1640px);
+  max-width: 1640px;
+}
+
 /* 线路页是数据工作区：宽屏充分利用空间，图表和辅助文字保持清晰对比。 */
 .line-page {
   --line-secondary: color-mix(in srgb, var(--app-ink) 58%, var(--app-ink-muted));
@@ -1983,8 +1989,8 @@ input {
 
 .line-grid {
   display: grid;
-  gap: 10px;
-  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
+  gap: 12px;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
 }
 
 .line-card {
@@ -1992,14 +1998,33 @@ input {
 }
 
 .line-card .line-name {
-  flex-wrap: wrap;
-  row-gap: 2px;
+  min-width: 0;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.line-card .line-name .name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.line-card .line-name .arrow {
+  flex: none;
 }
 
 .line-card .line-name .arrow {
   color: var(--app-ink-faint);
 }
 
+.line-no-data {
+  padding: 8px 2px 2px;
+  color: var(--app-ink-faint);
+  font-size: 12px;
+}
+
 /* 线路面板：按三网分组 */
 .carrier-group + .carrier-group {
   margin-top: 18px;