update: style

frontend/app/app.css

@@ -3,9 +3,18 @@
 @theme {
   --font-sans: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
 
+  /* STYLE_GUIDE §3.2 字号补充 token */
+  --text-2xs: 0.625rem; /* 10px */
+  --text-3xs: 0.5625rem; /* 9px */
+  --text-4xs: 0.5rem; /* 8px */
+
+  /* STYLE_GUIDE §3.3 字重补充 token */
+  --font-weight-medium-plus: 650;
+
   --color-brand: #1978d4;
   --color-brand-strong: #0e5fb9;
   --color-brand-soft: #edf6ff;
+  --color-brand-deep: #0e5bad;
 
   --color-success: #18b979;
   --color-success-strong: #0f7d55;
@@ -21,6 +30,7 @@
   --color-ink: #27394d;
   --color-ink-muted: #5d7186;
   --color-ink-subtle: #8b99a8;
+  --color-ink-caption: #748598;
 
   --color-line: #dce4ec;
   --color-line-soft: #edf1f5;
@@ -29,6 +39,13 @@
   --color-bg-panel: #ffffff;
   --color-bg-canvas: #f9fbfd;
   --color-bg-log: #17212b;
+
+  /* STYLE_GUIDE §4.2 间距补充 token */
+  --spacing-page-x: 22px;
+  --spacing-button-x: 15px;
+  --spacing-gap-icon: 7px;
+  --spacing-gap-sm: 5px;
+  --spacing-gap-md: 9px;
 }
 @theme inline {
   --color-sidebar: var(--sidebar-background);
@@ -256,19 +273,13 @@
   }
 }
 
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 /* Shared UI classes still used by admin / schedules pages */
 .icon-button {
   display: grid;
   width: 34px;
   height: 34px;
   place-items: center;
-  border: 1px solid #dfe6ed;
+  border: 1px solid var(--color-line);
   border-radius: 7px;
   background: #fff;
   cursor: pointer;
@@ -289,58 +300,4 @@
   background: linear-gradient(145deg, #3b92ed, #1869c9);
   font-size: 14px;
   font-weight: 700;
-}
-
-.primary-button,
-.secondary-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 7px;
-  border-radius: 6px;
-  cursor: pointer;
-  font-weight: 650;
-}
-
-.primary-button {
-  min-height: 37px;
-  padding: 0 15px;
-  border: 1px solid #126ac3;
-  color: #fff;
-  background: linear-gradient(135deg, #1881e7, #1268c9);
-  box-shadow: 0 6px 15px rgb(20 111 202 / 18%);
-  font-size: 12px;
-}
-
-.primary-button:hover:not(:disabled) {
-  background: linear-gradient(135deg, #1175d8, #0e5bad);
-}
-
-.primary-button:disabled {
-  cursor: not-allowed;
-  opacity: 0.58;
-}
-
-.secondary-button {
-  min-height: 37px;
-  padding: 0 15px;
-  border: 1px solid #d8e1e9;
-  color: #56687c;
-  background: #fff;
-  font-size: 12px;
-}
-
-.button-spinner {
-  width: 13px;
-  height: 13px;
-  border: 2px solid rgb(255 255 255 / 45%);
-  border-top-color: #fff;
-  border-radius: 50%;
-  animation: spin 0.7s linear infinite;
-}
-
-.button-spinner.button-spinner--blue,
-.button-spinner--blue {
-  border-color: rgb(34 121 199 / 22%);
-  border-top-color: #2279c7;
 }