From a886639874bc9a9012bcac6733bdac16c01786f2 Mon Sep 17 00:00:00 2001
From: sendevia <me@sendevia.top>
Date: Mon, 27 Oct 2025 16:49:32 +0800
Subject: [PATCH] feat(theme): update button border radius and transition
 timing

---
 .vitepress/theme/layouts/Article.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/.vitepress/theme/layouts/Article.vue b/.vitepress/theme/layouts/Article.vue
index debafba..a1b131d 100644
--- a/.vitepress/theme/layouts/Article.vue
+++ b/.vitepress/theme/layouts/Article.vue
@@ -126,13 +126,13 @@ margin-block-end: 12px;
         padding: 0px;
 
         border: none;
-        border-radius: var(--md-sys-shape-corner-large);
+        border-radius: var(--md-sys-shape-corner-extra-large);
 
         background-color: transparent;
 
         cursor: pointer;
         opacity: 0;
-        transition: border-radius var(--md-sys-motion-spring-default-spatial-duration) var(--md-sys-motion-spring-default-spatial),
+        transition: border-radius var(--md-sys-motion-spring-fast-spatial-duration) var(--md-sys-motion-spring-fast-spatial),
           opacity var(--md-sys-motion-spring-default-effect-duration) var(--md-sys-motion-spring-default-effect);
         visibility: hidden;
         z-index: 2;
@@ -144,7 +144,13 @@ margin-block-end: 12px;
         }
 
           &:active {
-          border-radius: var(--md-sys-shape-corner-extra-large);
+          border-radius: var(--md-sys-shape-corner-large);
+}
+
+        &:focus-visible {
+          @include mixin.focus-ring($size: 2, $z-index: 3);
+
+          outline-color: var(--md-ref-palette-neutral90) !important;
         }
       }