diff --git a/src/styles/site.css b/src/styles/site.css
index b26cf26..21e1da3 100644
--- a/src/styles/site.css
+++ b/src/styles/site.css
@@ -21,12 +21,12 @@
   color-scheme: dark;
   --bg: #0b1014;
   --surface: #141b21;
-  --text: #e7edf0;
-  --muted: #9ba9b1;
-  --line: rgba(166, 184, 194, 0.2);
-  --accent: #7dd3c7;
+  --text: #eef4f6;
+  --muted: #b6c3c9;
+  --line: rgba(181, 198, 207, 0.28);
+  --accent: #8be0d5;
   --accent-strong: #b7e7d4;
-  --shadow: 0 18px 52px rgba(0, 0, 0, 0.36);
+  --shadow: 0 18px 52px rgba(0, 0, 0, 0.44);
 }
 
 * {
@@ -632,7 +632,7 @@ a {
 
 :root[data-theme='dark'] .custom-context-menu {
   border-color: rgba(166, 184, 194, 0.2);
-  color: #d8e5e2;
+  color: #e2ecef;
   background:
     linear-gradient(145deg, rgba(27, 39, 47, 0.9), rgba(10, 17, 22, 0.82)),
     rgba(14, 22, 28, 0.84);
@@ -643,8 +643,8 @@ a {
 
 :root[data-theme='dark'] .context-menu-nav :where(a, button) {
   border-color: rgba(166, 184, 194, 0.16);
-  color: #b7c3c8;
-  background: rgba(255, 255, 255, 0.06);
+  color: #c7d4d9;
+  background: rgba(255, 255, 255, 0.08);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }
 
@@ -659,7 +659,7 @@ a {
 }
 
 :root[data-theme='dark'] .custom-context-menu i {
-  color: #a8b5ba;
+  color: #c1cdd2;
 }
 
 .hero {
@@ -843,6 +843,8 @@ a {
 }
 
 .page-header-eyebrow {
+  position: relative;
+  z-index: 1;
   margin: 0 0 8px;
   color: var(--accent);
   font-size: 0.86rem;
@@ -851,6 +853,8 @@ a {
 
 .page-header-card h1,
 .content-wrap .page-header-card h1 {
+  position: relative;
+  z-index: 1;
   margin: 0;
   color: #20242a;
   font-size: clamp(2rem, 5vw, 3.6rem);
@@ -858,6 +862,8 @@ a {
 }
 
 .page-header-subtitle {
+  position: relative;
+  z-index: 1;
   max-width: 620px;
   margin: 12px 0 0;
   color: var(--muted);
@@ -3434,48 +3440,50 @@ meting-js {
 
 :root[data-theme='dark'] #talk:empty::before,
 :root[data-theme='dark'] #talk .talk_item {
-  border-color: rgba(174, 205, 197, 0.18);
+  border-color: rgba(181, 198, 207, 0.24);
   background:
-    radial-gradient(circle at 14% 0%, rgba(114, 222, 210, 0.1), transparent 34%),
-    linear-gradient(145deg, rgba(28, 43, 47, 0.82), rgba(12, 22, 25, 0.72)),
-    rgba(17, 28, 31, 0.74);
+    radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
+    linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
+    rgba(12, 19, 25, 0.88);
   box-shadow: var(--shadow);
 }
 
 :root[data-theme='dark'] #talk .talk_item .talk_content {
-  color: #dce9e6;
+  color: var(--text);
 }
 
 :root[data-theme='dark'] #talk .talk_item .talk_bottom span.talk_tag,
 :root[data-theme='dark'] #talk .talk_item .talk_bottom span.location_tag,
 :root[data-theme='dark'] #talk .talk_item .talk_content .shuoshuo-external-link {
-  border-color: rgba(114, 222, 210, 0.2);
-  background: rgba(114, 222, 210, 0.1);
+  border-color: rgba(139, 224, 213, 0.28);
+  color: #e6f4f6;
+  background: rgba(139, 224, 213, 0.13);
 }
 
 :root[data-theme='dark'] #talk .talk_meta,
 :root[data-theme='dark'] #talk .talk_item .talk_bottom {
-  border-color: rgba(174, 205, 197, 0.2);
+  border-color: rgba(181, 198, 207, 0.26);
+  color: var(--muted);
 }
 
 :root[data-theme='dark'] .hero-talk {
-  border-color: rgba(174, 205, 197, 0.18);
+  border-color: rgba(181, 198, 207, 0.24);
   background:
-    linear-gradient(135deg, rgba(28, 43, 47, 0.58), rgba(12, 22, 25, 0.38)),
-    rgba(17, 28, 31, 0.34);
+    linear-gradient(135deg, rgba(22, 32, 39, 0.78), rgba(8, 14, 19, 0.72)),
+    rgba(12, 19, 25, 0.74);
   box-shadow:
     inset 0 1px 0 rgba(255, 255, 255, 0.1),
-    0 18px 46px rgba(0, 0, 0, 0.2);
+    0 18px 46px rgba(0, 0, 0, 0.34);
 }
 
 :root[data-theme='dark'] .hero-talk .item {
-  border-top-color: rgba(174, 205, 197, 0.16);
-  color: #dce9e6;
+  border-top-color: rgba(181, 198, 207, 0.22);
+  color: var(--text);
 }
 
 :root[data-theme='dark'] .hero-talk-head a {
-  border-color: rgba(114, 222, 210, 0.2);
-  background: rgba(114, 222, 210, 0.1);
+  border-color: rgba(139, 224, 213, 0.28);
+  background: rgba(139, 224, 213, 0.13);
 }
 
 .external-redirect {
@@ -3732,11 +3740,11 @@ meting-js {
 }
 
 :root[data-theme='dark'] .external-redirect-panel {
-  border-color: rgba(174, 205, 197, 0.18);
+  border-color: rgba(181, 198, 207, 0.24);
   background:
-    radial-gradient(circle at 14% 0%, rgba(114, 222, 210, 0.1), transparent 34%),
-    linear-gradient(145deg, rgba(28, 43, 47, 0.82), rgba(12, 22, 25, 0.72)),
-    rgba(17, 28, 31, 0.74);
+    radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
+    linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
+    rgba(12, 19, 25, 0.88);
   box-shadow: var(--shadow);
 }
 
@@ -3747,18 +3755,18 @@ meting-js {
 
 :root[data-theme='dark'] .external-redirect-target,
 :root[data-theme='dark'] .external-redirect-button {
-  border-color: rgba(114, 222, 210, 0.22);
-  background: rgba(114, 222, 210, 0.1);
+  border-color: rgba(139, 224, 213, 0.28);
+  background: rgba(139, 224, 213, 0.13);
 }
 
 :root[data-theme='dark'] .external-redirect-target code {
-  color: #dce9e6;
+  color: var(--text);
 }
 
 :root[data-theme='dark'] .native-feature-grid section,
 :root[data-theme='dark'] .friend-link-card {
-  border-color: rgba(114, 222, 210, 0.2);
-  background: rgba(114, 222, 210, 0.1);
+  border-color: rgba(139, 224, 213, 0.26);
+  background: rgba(139, 224, 213, 0.12);
 }
 
 :root[data-theme='dark'] .friend-link-card strong {
@@ -3929,11 +3937,11 @@ meting-js {
   .pagination-link,
   .pagination-number
 ) {
-  border-color: rgba(166, 184, 194, 0.18);
+  border-color: rgba(181, 198, 207, 0.24);
   background:
-    radial-gradient(circle at 14% 0%, rgba(125, 211, 199, 0.08), transparent 34%),
-    linear-gradient(145deg, rgba(24, 34, 42, 0.84), rgba(10, 17, 22, 0.76)),
-    rgba(14, 22, 28, 0.78);
+    radial-gradient(circle at 14% 0%, rgba(139, 224, 213, 0.1), transparent 34%),
+    linear-gradient(145deg, rgba(22, 32, 39, 0.92), rgba(8, 14, 19, 0.86)),
+    rgba(12, 19, 25, 0.88);
   box-shadow: var(--shadow);
 }
 
@@ -3964,6 +3972,24 @@ meting-js {
   color: #edf7f5;
 }
 
+:root[data-theme='dark'] .page-header-eyebrow {
+  color: #a8f1e8;
+  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.38);
+}
+
+:root[data-theme='dark'] .page-header-card h1,
+:root[data-theme='dark'] .content-wrap .page-header-card h1 {
+  color: #f5fbfc;
+  text-shadow:
+    0 2px 16px rgba(0, 0, 0, 0.72),
+    0 0 1px rgba(245, 251, 252, 0.92);
+}
+
+:root[data-theme='dark'] .page-header-subtitle {
+  color: #d3e0e5;
+  text-shadow: 0 1px 12px rgba(0, 0, 0, 0.48);
+}
+
 :root[data-theme='dark'] :where(
   .notice-card p,
   #welcome-info,
@@ -3974,16 +4000,20 @@ meting-js {
   .profile-links,
   .footer-contact p
 ) {
-  color: var(--muted);
+  color: #c4d0d5;
 }
 
 :root[data-theme='dark'] .chart-legend-item {
-  border-color: rgba(166, 184, 194, 0.16);
-  background: rgba(255, 255, 255, 0.05);
+  border-color: rgba(181, 198, 207, 0.22);
+  background: rgba(255, 255, 255, 0.08);
+}
+
+:root[data-theme='dark'] .calendar-grid {
+  color: #c2d2dc;
 }
 
 :root[data-theme='dark'] .pie-chart-track {
-  stroke: rgba(166, 184, 194, 0.16);
+  stroke: rgba(181, 198, 207, 0.22);
 }
 
 :root[data-theme='dark'] .line-chart-dot {
@@ -3991,7 +4021,7 @@ meting-js {
 }
 
 :root[data-theme='dark'] .site-info-list div {
-  border-top-color: rgba(174, 205, 197, 0.16);
+  border-top-color: rgba(181, 198, 207, 0.22);
 }
 
 :root[data-theme='dark'] :where(
@@ -4001,9 +4031,9 @@ meting-js {
   .post-copyright-action,
   .post-copyright-icon
 ) {
-  border-color: rgba(125, 211, 199, 0.22);
+  border-color: rgba(139, 224, 213, 0.28);
   color: var(--accent);
-  background: rgba(125, 211, 199, 0.1);
+  background: rgba(139, 224, 213, 0.13);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }
 
@@ -4022,6 +4052,11 @@ meting-js {
   background: var(--accent);
 }
 
+:root[data-theme='dark'] .pagination-link.is-disabled {
+  color: rgba(198, 211, 218, 0.72);
+  background: rgba(255, 255, 255, 0.08);
+}
+
 :root[data-theme='dark'] .article-header {
   border-bottom-color: var(--line);
 }
@@ -4037,20 +4072,20 @@ meting-js {
 }
 
 :root[data-theme='dark'] .prose .code-block {
-  border-color: rgba(125, 211, 199, 0.18);
+  border-color: rgba(139, 224, 213, 0.24);
   background: rgba(5, 8, 12, 0.96);
   box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32);
 }
 
 :root[data-theme='dark'] .prose :not(pre) > code {
-  border-color: rgba(125, 211, 199, 0.22);
+  border-color: rgba(139, 224, 213, 0.3);
   color: var(--accent);
-  background: rgba(125, 211, 199, 0.1);
+  background: rgba(139, 224, 213, 0.13);
 }
 
 :root[data-theme='dark'] .butterfly-note {
-  color: #dce9e6;
-  background: rgba(125, 211, 199, 0.08);
+  color: #e5eff1;
+  background: rgba(139, 224, 213, 0.11);
 }
 
 :root[data-theme='dark'] .butterfly-note--disabled {
@@ -4058,15 +4093,15 @@ meting-js {
 }
 
 :root[data-theme='dark'] .butterfly-hide-content {
-  color: #dce9e6;
+  color: #e5eff1;
 }
 
 :root[data-theme='dark'] .butterfly-hide-block__content {
-  border-left-color: rgba(125, 211, 199, 0.22);
+  border-left-color: rgba(139, 224, 213, 0.28);
 }
 
 :root[data-theme='dark'] .prose table {
-  color: #dce9e6;
+  color: #e5eff1;
 }
 
 :root[data-theme='dark'] .prose thead th {
@@ -4077,28 +4112,28 @@ meting-js {
 }
 
 :root[data-theme='dark'] .prose tbody tr:nth-child(even) td {
-  background: rgba(125, 211, 199, 0.06);
+  background: rgba(139, 224, 213, 0.09);
 }
 
 :root[data-theme='dark'] .prose tbody tr:hover td {
-  background: rgba(125, 211, 199, 0.1);
+  background: rgba(139, 224, 213, 0.14);
 }
 
 :root[data-theme='dark'] .prose :where(th, td) {
-  border-color: rgba(125, 211, 199, 0.12);
+  border-color: rgba(139, 224, 213, 0.18);
 }
 
 :root[data-theme='dark'] .site-footer {
-  color: rgba(199, 211, 216, 0.76);
+  color: rgba(218, 228, 232, 0.86);
   background:
-    linear-gradient(180deg, rgba(10, 16, 21, 0.7), rgba(6, 10, 14, 0.9)),
-    rgba(7, 11, 15, 0.86);
+    linear-gradient(180deg, rgba(10, 16, 21, 0.82), rgba(6, 10, 14, 0.94)),
+    rgba(7, 11, 15, 0.92);
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
 }
 
 :root[data-theme='dark'] .footer-socials a {
-  border-color: rgba(166, 184, 194, 0.18);
-  color: rgba(218, 234, 231, 0.82);
+  border-color: rgba(181, 198, 207, 0.24);
+  color: rgba(231, 240, 243, 0.9);
   background:
     linear-gradient(145deg, rgba(28, 40, 48, 0.8), rgba(10, 17, 22, 0.74)),
     rgba(14, 22, 28, 0.74);
@@ -4108,7 +4143,7 @@ meting-js {
 }
 
 :root[data-theme='dark'] .footer-bottom {
-  border-top-color: rgba(166, 184, 194, 0.16);
+  border-top-color: rgba(181, 198, 207, 0.22);
 }
 
 @media (min-width: 960px) {