diff --git a/static/hub.css b/static/hub.css
index 6ce25c1..afa8f86 100644
--- a/static/hub.css
+++ b/static/hub.css
@@ -21,6 +21,8 @@
   --hub-title-size: 1.75rem;
   --hub-title-lh: 1.25;
   --hub-title-h: calc(var(--hub-title-size) * var(--hub-title-lh));
+  --hub-title-pad-top: calc(var(--hub-title-h) * 1.5);
+  --hub-title-nav-gap: calc(var(--hub-title-h) * 0.8);
   --hub-title-gap: calc(var(--hub-title-h) * 1.1);
 }
 * { box-sizing: border-box; }
@@ -54,8 +56,8 @@ a:hover { color: #7dd3fc; }
 
 .topbar-brand {
   display: block;
-  margin: 0 auto var(--hub-title-gap);
-  padding-top: var(--hub-title-gap);
+  margin: 0 auto var(--hub-title-nav-gap);
+  padding-top: var(--hub-title-pad-top);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: var(--hub-title-size);
   font-weight: 700;
diff --git a/templates/base.html b/templates/base.html
index 9ae4b2e..2571b81 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}加密货币｜OKX 期权中控{% endblock %}</title>
-  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=29">
+  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=30">
 </head>
 <body class="{% if request.path.startswith('/login') %}page-login{% elif request.path.startswith('/desk') %}page-desk{% elif request.path.startswith('/stats') %}page-stats{% elif request.path.startswith('/instances') %}page-instances{% elif request.path == '/' %}page-dashboard{% endif %}">
   {% if session.get('logged_in') %}