报价回到导航同一行右侧并对齐总览卡片，拉开标题与导航间距。

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

static/hub.css

@@ -54,15 +54,16 @@ a:hover { color: #7dd3fc; }
   flex-direction: column;
   align-items: stretch;
   justify-content: flex-start;
-  gap: 12px;
+  gap: 0;
   min-height: 0;
-  padding: 40px 28px 16px;
+  padding: 40px 0 18px;
   border-bottom: 1px solid var(--line);
   background: rgba(8, 14, 26, 0.75);
   backdrop-filter: blur(12px);
 }
 .topbar-brand {
   align-self: center;
+  margin-bottom: 32px;
   font-family: var(--font);
   font-size: 1.75rem;
   font-weight: 600;
@@ -75,7 +76,20 @@ a:hover { color: #7dd3fc; }
 .topbar-brand:hover {
   color: #ffffff;
 }
+.topbar-inner {
+  width: 100%;
+  max-width: 1800px;
+  margin: 0 auto;
+  padding: 0 clamp(16px, 3vw, 48px);
+}
+.topbar-row {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: 10px 12px;
+}
 .topbar-nav {
+  grid-column: 2;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
@@ -101,6 +115,8 @@ a:hover { color: #7dd3fc; }
   text-shadow: none;
 }
 .top-nav-spot-tickers {
+  grid-column: 3;
+  justify-self: end;
   display: flex;
   flex-direction: column;
   gap: 3px;
@@ -174,15 +190,29 @@ a:hover { color: #7dd3fc; }
 .topbar-logout:hover {
   color: #e8f1ff;
 }
+@media (max-width: 1100px) {
+  .topbar-row {
+    grid-template-columns: 1fr;
+    justify-items: center;
+  }
+  .topbar-nav,
+  .top-nav-spot-tickers {
+    grid-column: 1;
+    justify-self: center;
+  }
+}
 @media (max-width: 720px) {
   .topbar {
     min-height: 0;
-    padding: 28px 16px 12px;
-    gap: 10px;
+    padding: 28px 0 12px;
   }
   .topbar-brand {
+    margin-bottom: 18px;
     font-size: 1.35rem;
   }
+  .topbar-inner {
+    padding: 0 16px;
+  }
   .topbar-logout {
     top: 12px;
     right: 14px;
@@ -236,23 +266,8 @@ body.page-login .main {
   font-weight: 600;
   letter-spacing: 0.04em;
 }
-.overview-head {
-  align-items: flex-start;
-}
-.overview-head-right {
-  margin-left: auto;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 8px;
-}
-.overview-head-clock-row {
-  display: inline-flex;
-  align-items: center;
-  gap: 12px;
-}
 .overview-bj-clock {
-  margin-left: 0;
+  margin-left: auto;
   display: inline-flex;
   align-items: center;
   flex-wrap: wrap;
@@ -319,13 +334,12 @@ body.page-login .main {
 }
 @media (max-width: 720px) {
   .page-head { flex-wrap: wrap; }
-  .overview-head-right {
+  .overview-bj-clock {
     margin-left: 0;
+    order: 3;
     width: 100%;
-    align-items: flex-start;
-  }
-  .overview-head-clock-row {
-    flex-wrap: wrap;
+    justify-content: flex-start;
+    padding-top: 2px;
   }
 }
 .muted { color: var(--muted); font-size: 0.9rem; }