fix

app/static/style.css

@@ -21,9 +21,36 @@ body {
   font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
 }
 
+.topbar {
+  max-width: 1280px;
+  margin: 20px auto 0;
+  padding: 0 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.brand h1 {
+  margin: 0;
+}
+
+.brand .muted {
+  margin: 6px 0 0;
+}
+
+.badge {
+  font-size: 12px;
+  font-weight: 700;
+  color: #0f5f3d;
+  background: #eaf7f0;
+  border: 1px solid #cde6d7;
+  padding: 5px 10px;
+  border-radius: 999px;
+}
+
 .layout {
   max-width: 1280px;
-  margin: 24px auto;
+  margin: 14px auto 24px;
   padding: 0 16px;
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -56,6 +83,17 @@ label {
   font-weight: 600;
 }
 
+.field-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+}
+
+.meta {
+  color: var(--muted);
+  font-size: 12px;
+}
+
 input,
 textarea,
 button {
@@ -64,6 +102,7 @@ button {
   border: 1px solid var(--line);
   padding: 10px 12px;
   font-size: 14px;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
 }
 
 textarea {
@@ -71,6 +110,13 @@ textarea {
   line-height: 1.5;
 }
 
+input:focus,
+textarea:focus {
+  outline: none;
+  border-color: #8ec6aa;
+  box-shadow: 0 0 0 3px rgba(24, 121, 78, 0.12);
+}
+
 button {
   cursor: pointer;
   margin-top: 12px;
@@ -91,6 +137,11 @@ button.primary:hover {
   background: var(--accent-2);
 }
 
+button:disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+
 .actions {
   display: grid;
   grid-template-columns: 1fr 1fr;
@@ -114,4 +165,10 @@ button.primary:hover {
   .layout {
     grid-template-columns: 1fr;
   }
+
+  .topbar {
+    align-items: flex-start;
+    gap: 8px;
+    flex-direction: column;
+  }
 }