细节调整

src/assets/scss/main.scss

@@ -11,6 +11,7 @@ html, body {
 
 :root {
   --color-primary: #bc5f29;
+  --color-primary2: #ff6a13;
   --color-secondary: #9d613d;
   --color-light-bg: #f8efe1;
   --color-border: #000;
@@ -34,6 +35,10 @@ main {
     border: 1px solid var(--color-border);
     outline: 8px solid var(--color-light-bg);
     color: var(--color-secondary);
+
+    &:focus {
+      outline: 8px solid var(--color-primary2);
+    }
   }
   .carousel__next, .carousel__prev, .carousel__pagination-button {
     outline: none;

src/components/small/HoriontalLargeList.vue

@@ -107,6 +107,10 @@ onMounted(() => {
   overflow: visible;
   cursor: pointer;
 
+  
+  &:focus {
+    outline: 3px solid #837146;
+  }
   &.active {
     width: 20vw;
     height: 20vw;