diff --git a/src/App.vue b/src/App.vue
index f495a09..5f114bc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,6 +4,8 @@
     :inline-theme-disabled="configProviderProps.inlineThemeDisabled"
     :locale="configProviderProps.locale"
     :style="{
+      '--border-radius': themeCommon.borderRadius,
+      '--border-radius-small': themeCommon.borderRadiusSmall,
       '--box-shadow-1': themeVars.boxShadow1,
       '--box-shadow-2': themeVars.boxShadow2,
       '--box-shadow-3': themeVars.boxShadow3,
@@ -164,6 +166,10 @@ html {
     height: 0;
     background-color: #FFF;
 
+    &.is-transparent {
+      background-color: transparent;
+    }
+
     &.with-margin {
       margin: 20px;
       width: calc(100% - 40px);
diff --git a/src/assets/js/naive-ui.js b/src/assets/js/naive-ui.js
index 8524bd9..2a53aba 100644
--- a/src/assets/js/naive-ui.js
+++ b/src/assets/js/naive-ui.js
@@ -15,6 +15,8 @@ export const configProviderProps = {
   // 调整主题变量
   themeOverrides: {
     common: {
+      borderRadius: '4px',
+      borderRadiusSmall: '2px',
       errorColor: '#E34D59',
       errorColorHover: '#F36D78',
       errorColorPressed: '#C9353F',