diff --git a/.vitepress/theme/style/code-focus.css b/.vitepress/theme/style/code-focus.css
new file mode 100644
index 00000000..73dd0410
--- /dev/null
+++ b/.vitepress/theme/style/code-focus.css
@@ -0,0 +1,23 @@
+/* .vitepress/theme/style/code-focus.css */
+
+:root {
+  --vp-code-focus-blur: 0rem;
+  --vp-code-focus-dim-opacity: 0.382;
+  --vp-code-focus-transition-duration: 0.35s;
+}
+
+.vp-doc [class*="language-"] .has-focused-lines .line:not(.has-focus) {
+  filter: blur(var(--vp-code-focus-blur));
+  opacity: var(--vp-code-focus-dim-opacity);
+  transition:
+    filter var(--vp-code-focus-transition-duration),
+    opacity var(--vp-code-focus-transition-duration);
+}
+
+.vp-doc
+  [class*="language-"]:hover
+  .has-focused-lines
+  .line:not(.has-focus) {
+  filter: blur(0);
+  opacity: 1;
+}
diff --git a/.vitepress/theme/style/index.css b/.vitepress/theme/style/index.css
index 5f2d822f..f9a7db64 100644
--- a/.vitepress/theme/style/index.css
+++ b/.vitepress/theme/style/index.css
@@ -1,4 +1,5 @@
 @import "./var.css";
 @import "./custom-block.css";
 @import "./blockquote.css";
+@import "./code-focus.css";
 @import "./vitepress-plugin-mermaid.css";