diff --git a/packages/opendesign/src/components/cascader/style/var.scss b/packages/opendesign/src/components/cascader/style/var.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/packages/opendesign/src/components/checkbox/style/index.scss b/packages/opendesign/src/components/checkbox/style/index.scss
index 396b9535ee54af8055e44b4878576d12ef10b179..44af42a15748b2184540af51b24703ec42f89961 100644
--- a/packages/opendesign/src/components/checkbox/style/index.scss
+++ b/packages/opendesign/src/components/checkbox/style/index.scss
@@ -16,6 +16,12 @@
     bottom: 0;
     opacity: 0;
   }
+
+  &:not(.o-checkbox-checked):not(.o-checkbox-disabled):hover {
+    .o-checkbox-input {
+      border-color: var(--checkbox-input-bd-color-hover);
+    }
+  }
 }
 
 .o-checkbox-wrap {
@@ -36,6 +42,7 @@
   color: var(--checkbox-input-color);
   border: 1px solid var(--checkbox-input-bd-color);
   border-radius: var(--checkbox-radius);
+  transition: border-color var(--o-duration-s) var(--o-easing-standard), border-color var(--o-duration-s) var(--o-easing-standard);
 }
 
 .o-checkbox-label {
diff --git a/packages/opendesign/src/components/checkbox/style/var.scss b/packages/opendesign/src/components/checkbox/style/var.scss
index 145ca80163df64987585c68cecac43e5c2b40ffd..36eb835583de46d48725b48031fe4c2fdcb72dff 100644
--- a/packages/opendesign/src/components/checkbox/style/var.scss
+++ b/packages/opendesign/src/components/checkbox/style/var.scss
@@ -12,6 +12,7 @@
   --checkbox-input-color: rgb(var(--o-color-white));
 
   --checkbox-input-bg-color: var(--o-color-control-light);
+  --checkbox-input-bd-color-hover: var(--o-color-primary1);
   --checkbox-input-bg-color-checked: var(--o-color-primary1);
   --checkbox-input-bg-color-disabled: var(--o-color-control4-light);
   --checkbox-input-bg-color-checked-disabled: var(--o-color-primary4);
diff --git a/packages/opendesign/src/components/menu/style/index.scss b/packages/opendesign/src/components/menu/style/index.scss
index 9182453b8ab54780f6e685075f3d29f4e68b4267..adf566186bc959317cf1cf04c4d9acf252f4e2bf 100644
--- a/packages/opendesign/src/components/menu/style/index.scss
+++ b/packages/opendesign/src/components/menu/style/index.scss
@@ -36,7 +36,7 @@
   padding: 12px 48px 12px 24px;
   border-radius: var(--sub-menu-radius);
   cursor: pointer;
-  transition: background-color var(--o-duration-m2) var(--o-easing-standard);
+  transition: background-color var(--o-duration-s) var(--o-easing-standard);
 
   &:hover {
     background-color: var(--sub-menu-bg-color-hover);
diff --git a/packages/opendesign/src/components/radio/style/index.scss b/packages/opendesign/src/components/radio/style/index.scss
index fbc58de62c6d0ce92aebffdd1070599e97efb99b..5a00a4c9de7e5560895bd4f0bb78f99db53c7502 100644
--- a/packages/opendesign/src/components/radio/style/index.scss
+++ b/packages/opendesign/src/components/radio/style/index.scss
@@ -16,6 +16,12 @@
     bottom: 0;
     opacity: 0;
   }
+
+  &:not(.o-radio-checked):not(.o-radio-disabled):hover {
+    .o-radio-input {
+      border-color: var(--radio-input-bd-color-hover);
+    }
+  }
 }
 
 .o-radio-wrap {
@@ -33,6 +39,7 @@
   background-color: var(--radio-input-bg-color);
   border: 1px solid var(--radio-input-bd-color);
   border-radius: 50%;
+  transition: border-color var(--o-duration-s) var(--o-easing-standard);
 
   &::after {
     content: '';
diff --git a/packages/opendesign/src/components/radio/style/var.scss b/packages/opendesign/src/components/radio/style/var.scss
index 0296f5bbf1fea0664b8ce03fdab4c238381d57ea..914ec4b550d1ac149f1b4b8c3c98dc45f4753215 100644
--- a/packages/opendesign/src/components/radio/style/var.scss
+++ b/packages/opendesign/src/components/radio/style/var.scss
@@ -14,6 +14,7 @@
   --radio-input-bg-color-checked-disabled: var(--o-color-primary4);
 
   --radio-input-bd-color: var(--o-color-control1);
+  --radio-input-bd-color-hover: var(--o-color-primary1);
   --radio-input-bd-color-checked: var(--o-color-primary1);
   --radio-input-bd-color-disabled: var(--o-color-control4);
   --radio-input-bd-color-checked-disabled: var(--o-color-primary4);
diff --git a/packages/opendesign/src/components/rate/style/index.scss b/packages/opendesign/src/components/rate/style/index.scss
index b051ea264b86f6cefb62827c5b9cc0ca1f820fff..7b2d06e3dcdc69778d8976bfc71e81702ad03949 100644
--- a/packages/opendesign/src/components/rate/style/index.scss
+++ b/packages/opendesign/src/components/rate/style/index.scss
@@ -5,7 +5,7 @@
   align-items: center;
   gap: var(--rate-gap);
   user-select: none;
-  font-size: var(--rate-height);
+  font-size: var(--rate-size);
   cursor: pointer;
 }
 
diff --git a/packages/opendesign/src/components/rate/style/var.scss b/packages/opendesign/src/components/rate/style/var.scss
index a3019b1ee33f60c1896686615e257c8188ad9f7d..e520f5d99d5054d392d638e76f53d69d145f1f5a 100644
--- a/packages/opendesign/src/components/rate/style/var.scss
+++ b/packages/opendesign/src/components/rate/style/var.scss
@@ -1,20 +1,19 @@
 .o-rate {
   --rate-color: var(--o-color-control1-light);
   --rate-color-active: var(--o-color-warning1);
-
-  --rate-gap: var(--o-gap-2);
+  --rate-gap: 0;
 }
 
 .o-rate-medium {
-  --rate-height: var(--o-font_size-h1);
+  --rate-size: var(--o-icon_size-xs);
 }
 
 .o-rate-large {
-  --rate-height: var(--o-font_size-display3);
+  --rate-size: var(--o-icon_size-s);
 }
 
 .o-rate-size-small {
-  --rate-height: var(--o-font_size-text2);
+  --rate-size: var(--o-icon_size-xxs);
 }
 
 .o-rate-primary {
diff --git a/packages/opendesign/src/components/tag/__demo__/TagSize.vue b/packages/opendesign/src/components/tag/__demo__/TagSize.vue
index ea6b8552652603a3f7c828fa2bd95eaf2d2b3774..524a99bffab98bf50ce026cf4f56fd21fbf8fcf5 100644
--- a/packages/opendesign/src/components/tag/__demo__/TagSize.vue
+++ b/packages/opendesign/src/components/tag/__demo__/TagSize.vue
@@ -6,7 +6,7 @@ import { OTag } from '../index';
   <h4>Size</h4>
   <section>
     <OTag size="large">Large Tag</OTag>
-    <OTag>Normal Tag</OTag>
+    <OTag>Medium Tag</OTag>
     <OTag size="small">Small Tag</OTag>
   </section>
 </template>
diff --git a/packages/opendesign/src/components/tag/style/var.scss b/packages/opendesign/src/components/tag/style/var.scss
index 58789c56096e9217bb78ebda5c81318ec5ab8259..05fa8a47b78447be50fd646a7682c4eb1c78c10f 100644
--- a/packages/opendesign/src/components/tag/style/var.scss
+++ b/packages/opendesign/src/components/tag/style/var.scss
@@ -29,22 +29,27 @@
 }
 
 .o-tag-small {
-  --tag-padding: 0 7px;
+  --tag-padding: 0 6px;
   --tag-radius: var(--o-radius-control-s);
-  --tag-text-size: var(--o-font_size-tip1);
-  --tag-text-height: var(--o-line_height-tip1);
+  --tag-text-size: 10px;
+  --tag-text-height: 16px;
+  --tag-height: var(--o-size-xxs);
 }
 
 .o-tag-medium {
-  --tag-padding: 0 15px;
-  --tag-radius: var(--o-radius-control-m);
-  --tag-text-size: var(--o-font_size-text);
-  --tag-text-height: var(--o-line_height-text);
+  --tag-padding: 0 12px;
+  --tag-radius: var(--o-radius-control-s);
+  --tag-text-size: var(--o-font_size-tip2);
+  --tag-text-height: var(--o-line_height-tip2);
+  --tag-height: var(--o-size-xs);
 }
 
 .o-tag-large {
-  --tag-padding: 4px 19px;
-  --tag-radius: var(--o-radius-control-l);
+  --tag-padding: 0 14px;
+  --tag-radius: var(--o-radius-control-s);
+  --tag-text-size: var(--o-font_size-tip1);
+  --tag-text-height: var(--o-line_height-tip1);
+  --tag-height: var(--o-size-s);
 }
 
 .o-tag-round-pill {