From 7d1524f75cb24b1a16971b4e7dfefe567af61b25 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Mon, 31 Aug 2026 21:41:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=8B=E7=BC=A9=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E5=90=91=E5=AF=BC=E6=A1=8C=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fe/src/views/Setup/Setup.css | 245 +++++++++++++++++++++++++++++++++++
 1 file changed, 245 insertions(+)

diff --git a/fe/src/views/Setup/Setup.css b/fe/src/views/Setup/Setup.css
index b434094..c2731d0 100644
--- a/fe/src/views/Setup/Setup.css
+++ b/fe/src/views/Setup/Setup.css
@@ -1075,3 +1075,248 @@
     padding-bottom: 7px;
   }
 }
+
+/* 桌面端紧凑模式：减少首屏留白，保证初始化内容完整可见。 */
+@media (min-width: 761px) {
+  #main.setup-page {
+    gap: 8px;
+    padding: 10px 16px;
+  }
+
+  #main.setup-page #status {
+    padding: 7px 12px;
+  }
+
+  #main.setup-page #status :deep(.el-step__title) {
+    font-size: 12px;
+    line-height: 1.25;
+  }
+
+  #main.setup-page #status :deep(.el-step__icon) {
+    width: 26px;
+    height: 26px;
+    font-size: 13px;
+  }
+
+  #main.setup-page:not(.dns-page) .ctn {
+    gap: 12px;
+    padding: 12px 16px;
+  }
+
+  #main.setup-page .desc h2 {
+    font-size: clamp(24px, 2vw, 30px);
+    line-height: 1.15;
+  }
+
+  #main.setup-page .desc > div {
+    margin-top: 6px !important;
+    font-size: 13px;
+    line-height: 1.45;
+  }
+
+  #main.setup-page :deep(.el-form-item) {
+    margin-bottom: 8px;
+  }
+
+  #main.setup-page :deep(.el-form-item__label) {
+    padding-bottom: 3px;
+    font-size: 12px;
+    line-height: 1.35;
+  }
+
+  #main.setup-page :deep(.el-input__wrapper),
+  #main.setup-page :deep(.el-select__wrapper) {
+    min-height: 34px;
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+
+  #main.setup-page :deep(.el-input__inner),
+  #main.setup-page :deep(.el-select__selected-item) {
+    font-size: 13px;
+  }
+
+  .setup-form-panel {
+    gap: 10px;
+  }
+
+  .database-page .database-form {
+    width: min(100%, 760px);
+    max-width: 760px;
+  }
+
+  .database-page .mysql-fields {
+    column-gap: 14px;
+    row-gap: 2px;
+    padding: 10px 12px 0;
+  }
+
+  .database-page .database-hint {
+    margin-bottom: 6px;
+    font-size: 12px;
+    line-height: 1.4;
+  }
+
+  .database-page .database-field-tip,
+  .database-page .password-rule-tip,
+  .database-page .database-retry-tip {
+    font-size: 11px;
+    line-height: 1.35;
+  }
+
+  .database-page .database-retry-tip {
+    margin-bottom: 0;
+  }
+
+  .narrow-form {
+    width: min(100%, 520px) !important;
+  }
+
+  .ssl-page .ssl-form {
+    width: min(100%, 820px);
+    max-width: 820px;
+  }
+
+  .ssl-page .ssl-storage-card {
+    padding: 10px 12px;
+  }
+
+  .ssl-page .ssl-storage-title {
+    font-size: 14px;
+  }
+
+  .ssl-page .ssl-storage-desc,
+  .ssl-page .ssl-manual-desc,
+  .ssl-page .ssl-dns-intro,
+  .ssl-page .ssl-storage-path {
+    font-size: 11px;
+    line-height: 1.4;
+  }
+
+  .ssl-page .ssl-storage-path {
+    margin-top: 4px;
+  }
+
+  .ssl-page .ssl-port-warning {
+    min-height: 34px;
+    padding: 5px 10px;
+  }
+
+  .ssl-page .ssl-port-warning strong,
+  .ssl-page .ssl-port-warning span {
+    font-size: 12px;
+    line-height: 1.35;
+  }
+
+  .setup-actions {
+    gap: 8px;
+    margin-top: 4px;
+  }
+
+  #previous,
+  #next {
+    min-height: 32px;
+    padding: 6px 16px;
+    font-size: 13px;
+  }
+
+  #main.dns-page {
+    gap: 8px;
+    padding: 10px 16px;
+  }
+
+  .dns-page #status {
+    padding: 7px 12px;
+  }
+
+  .dns-page .dns-panel {
+    gap: 10px;
+    padding: 12px 14px;
+  }
+
+  .dns-page .dns-header {
+    gap: 8px;
+  }
+
+  .dns-page .dns-eyebrow {
+    margin-bottom: 3px;
+    font-size: 11px;
+  }
+
+  .dns-page .dns-heading h2 {
+    font-size: clamp(26px, 2.4vw, 34px);
+  }
+
+  .dns-page .dns-description {
+    margin-top: 4px;
+    font-size: 12px;
+    line-height: 1.4;
+  }
+
+  .dns-page .dns-header-notes {
+    gap: 6px;
+  }
+
+  .dns-page .dns-header-note {
+    padding: 7px 10px;
+    font-size: 11px;
+    line-height: 1.35;
+  }
+
+  .dns-page .dns-domain-list {
+    gap: 7px;
+  }
+
+  .dns-page .dns-domain-header {
+    padding: 8px 12px;
+  }
+
+  .dns-page .dns-domain-header h3 {
+    font-size: 16px;
+  }
+
+  .dns-page .dns-domain-header .dns-domain-suffix {
+    margin-top: 2px;
+    font-size: 11px;
+  }
+
+  .dns-page .dns-domain-count {
+    min-height: 28px;
+    font-size: 12px;
+  }
+
+  .dns-page .dns-table :deep(.el-table__cell) {
+    padding: 6px 0;
+  }
+
+  .dns-page .dns-table :deep(.cell),
+  .dns-page .dns-host,
+  .dns-page .dns-value,
+  .dns-page .dns-ttl {
+    font-size: 12px;
+    line-height: 1.35;
+  }
+
+  .dns-page .dns-value-long {
+    padding: 4px 6px;
+  }
+
+  .ssl-dns-challenge {
+    gap: 8px;
+    padding: 10px 12px;
+  }
+
+  .ssl-dns-challenge-header {
+    gap: 10px;
+  }
+
+  .ssl-dns-challenge-header h3 {
+    font-size: 14px;
+  }
+
+  .ssl-dns-challenge-header p,
+  .ssl-dns-record-count {
+    font-size: 11px;
+    line-height: 1.35;
+  }
+}