diff --git a/static/hub.css b/static/hub.css
index 59c3e52..0a1ad5a 100644
--- a/static/hub.css
+++ b/static/hub.css
@@ -152,17 +152,17 @@ body.page-login .main {
   height: 12px;
   background: rgba(56, 189, 248, 0.35);
 }
-.overview-bj-weekday {
-  font-weight: 650;
+.overview-bj-weekday,
+.overview-bj-lunar {
+  color: var(--text);
 }
-.overview-bj-weekday.is-weekday {
-  color: var(--ok);
-}
-.overview-bj-weekday.is-weekend {
+.overview-bj-clock.is-weekend .overview-bj-time,
+.overview-bj-clock.is-weekend .overview-bj-weekday,
+.overview-bj-clock.is-weekend .overview-bj-lunar {
   color: var(--bad);
 }
-.overview-bj-lunar {
-  color: var(--muted);
+.overview-bj-clock.is-weekend .overview-bj-meta::before {
+  background: rgba(251, 113, 133, 0.5);
 }
 @media (max-width: 720px) {
   .page-head { flex-wrap: wrap; }
diff --git a/static/hub.js b/static/hub.js
index 6cc7b66..f8230ab 100644
--- a/static/hub.js
+++ b/static/hub.js
@@ -682,14 +682,13 @@
     const parts = beijingParts();
     el.textContent = parts.time;
     el.setAttribute("datetime", parts.time.replace(" ", "T") + "+08:00");
+    const weekend = parts.weekdayIndex === 0 || parts.weekdayIndex === 6;
+    const clock = document.getElementById("overview-bj-clock");
+    if (clock) clock.classList.toggle("is-weekend", weekend);
     const meta = document.getElementById("overview-bj-meta");
     if (meta) {
-      const weekend = parts.weekdayIndex === 0 || parts.weekdayIndex === 6;
-      const wdClass = weekend ? "is-weekend" : "is-weekday";
       meta.innerHTML =
-        (parts.weekday
-          ? '<span class="overview-bj-weekday ' + wdClass + '">' + parts.weekday + "</span>"
-          : "") +
+        (parts.weekday ? '<span class="overview-bj-weekday">' + parts.weekday + "</span>" : "") +
         (parts.lunar ? '<span class="overview-bj-lunar">' + parts.lunar + "</span>" : "");
     }
   }
diff --git a/templates/base.html b/templates/base.html
index 87076bb..5ddf24d 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 %}期权中控{% endblock %}</title>
-  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=3">
+  <link rel="stylesheet" href="{{ url_for('static', filename='hub.css') }}?v=4">
 </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 == '/' %}page-dashboard{% endif %}">
   {% if session.get('logged_in') %}
diff --git a/templates/dashboard.html b/templates/dashboard.html
index 8a25d11..f89e187 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -15,6 +15,6 @@
 <div id="overview-grid"></div>
 {% endblock %}
 {% block scripts %}
-<script src="{{ url_for('static', filename='hub.js') }}?v=15"></script>
+<script src="{{ url_for('static', filename='hub.js') }}?v=16"></script>
 <script>HubOverview.boot();</script>
 {% endblock %}