Move Beijing clock onto nav row with larger type.

Co-authored-by: Cursor <cursoragent@cursor.com>

control/frontend/src/App.tsx

@@ -57,7 +57,6 @@ function Shell({ children }: { children: ReactNode }) {
             <div className="header-title">对冲舰队指挥中心</div>
             <div className="header-subtitle">—— 比特骆驼定制开发</div>
           </div>
-          <BeijingClock />
         </div>
         <div className="header-bar">
           <nav className="nav">
@@ -71,21 +70,24 @@ function Shell({ children }: { children: ReactNode }) {
               系统设置
             </NavLink>
           </nav>
-          {!lanClient ? (
+          <div className="header-right">
-            <div className="header-right">
+            <BeijingClock />
-              <span className="meta">{user}</span>
+            {!lanClient ? (
-              <button
+              <>
-                type="button"
+                <span className="meta">{user}</span>
-                className="btn ghost"
+                <button
-                onClick={() => {
+                  type="button"
-                  clearSession();
+                  className="btn ghost"
-                  window.location.href = "/login";
+                  onClick={() => {
-                }}
+                    clearSession();
-              >
+                    window.location.href = "/login";
-                退出
+                  }}
-              </button>
+                >
-            </div>
+                  退出
-          ) : null}
+                </button>
+              </>
+            ) : null}
+          </div>
         </div>
       </header>
       <main className="main">{children}</main>

control/frontend/src/styles.css

@@ -58,12 +58,10 @@ body {
 }
 
 .header-top {
-  position: relative;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   padding: 4px 0 2px;
-  min-height: 3.2rem;
 }
 
 .header-title-wrap {
@@ -102,45 +100,26 @@ body {
 }
 
 .header-beijing-time {
-  position: absolute;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
-  align-items: flex-end;
+  align-items: baseline;
-  gap: 2px;
+  gap: 8px;
-  z-index: 1;
+  flex-shrink: 0;
-  pointer-events: none;
 }
 
 .header-beijing-label {
-  font-size: 0.72rem;
-  letter-spacing: 0.12em;
-  color: var(--muted);
-}
-
-.header-beijing-value {
   font-size: 0.95rem;
-  color: var(--accent);
+  letter-spacing: 0.1em;
-  text-shadow: var(--glow);
+  color: var(--muted);
   white-space: nowrap;
 }
 
-@media (max-width: 1100px) {
+.header-beijing-value {
-  .header-top {
+  font-size: 1.15rem;
-    flex-direction: column;
+  font-weight: 650;
-    align-items: center;
+  color: var(--accent);
-    gap: 10px;
+  text-shadow: var(--glow);
-    min-height: 0;
+  white-space: nowrap;
-  }
-
-  .header-beijing-time {
-    position: static;
-    transform: none;
-    align-items: center;
-    pointer-events: auto;
-  }
 }
 
 .header-bar {