diff --git a/package.json b/package.json
index 08213ba72b..6b72c377e4 100644
--- a/package.json
+++ b/package.json
@@ -107,8 +107,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.23.9",
-    "@nutui/icons-react": "^3.0.2-beta.5",
-    "@nutui/icons-react-taro": "^3.0.2-beta.3",
+    "@nutui/icons-react": "^3.0.2-beta.6",
+    "@nutui/icons-react-taro": "3.0.2-beta.6",
     "@nutui/jdesign-icons-react-taro": "1.0.6-beta.2",
     "@nutui/lottie-miniprogram": "^1.0.2",
     "@nutui/touch-emulator": "^1.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index adb373abe7..52f4b10f7d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,11 +21,11 @@ importers:
         specifier: ^7.23.9
         version: 7.29.7
       '@nutui/icons-react':
-        specifier: ^3.0.2-beta.5
-        version: 3.0.2-beta.5
+        specifier: ^3.0.2-beta.6
+        version: 3.0.2-beta.6
       '@nutui/icons-react-taro':
-        specifier: ^3.0.2-beta.3
-        version: 3.0.2-cpp.3.beta.9
+        specifier: 3.0.2-beta.6
+        version: 3.0.2-beta.6
       '@nutui/jdesign-icons-react-taro':
         specifier: 1.0.6-beta.2
         version: 1.0.6-beta.2
@@ -116,22 +116,22 @@ importers:
         version: 1.15.40(@swc/helpers@0.5.23)
       '@tarojs/components':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+        version: 4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
       '@tarojs/plugin-platform-alipay':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
+        version: 4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
       '@tarojs/plugin-platform-jd':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
+        version: 4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
       '@tarojs/plugin-platform-weapp':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
+        version: 4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)
       '@tarojs/react':
         specifier: 4.2.0
         version: 4.2.0(react@18.3.1)
       '@tarojs/taro':
         specifier: 4.2.0
-        version: 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+        version: 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
       '@testing-library/jest-dom':
         specifier: ^6.4.2
         version: 6.9.1
@@ -2560,14 +2560,14 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@nutui/icons-react-taro@3.0.2-cpp.3.beta.9':
-    resolution: {integrity: sha512-YuFl5YwfgatCGBTCBmQhi4uv8gDLh8Fs4dCjTyb7TWRaeljRR9Suo9v5OZAPi1mdHfF21hu3WSWczJhvwYJJ6Q==}
+  '@nutui/icons-react-taro@3.0.2-beta.6':
+    resolution: {integrity: sha512-h05EJjjgn8HuEWVAgXUkXfnUWuiRQvmhdmay1walkAKfm1OsJHpxWBaWe9wjxQew/MKVrkU4tw+YlSHs0eaWcQ==}
 
   '@nutui/icons-react@1.0.5':
     resolution: {integrity: sha512-0TYl3Fk+sVz95DKqn/7isYAvaK5YGnaBwMMib4rqYLoqi9GGFwgU9rp2hYXu/X5IYdWgshj0xiuGMK75/vUYbQ==}
 
-  '@nutui/icons-react@3.0.2-beta.5':
-    resolution: {integrity: sha512-V822q4Q2Refx/PvyBA+W8lZWXhwl+ZpNbqtorckqS7FZaKi5yKY94bd8iwO/U+Q60pUdHPzjScrGMpmZPGTeFQ==}
+  '@nutui/icons-react@3.0.2-beta.6':
+    resolution: {integrity: sha512-zSp+qxzXcwrdkGI2ZRCjcGHOrJmiB4y/lTeG8QjI+O4XN6OeRUJ/rz9qz0VsWTFCmwP/bjVckmSjcgR850ak3g==}
 
   '@nutui/jdesign-icons-react-taro@1.0.6-beta.2':
     resolution: {integrity: sha512-2Scz5c9o14gA7Mw5JdiEkc/KEbNlNWMcJMuqVyFVipYeeYN/118N/fvHVpocmJviN0Gc4P+u3ZB3dIQSA2j4Fw==}
@@ -2691,48 +2691,56 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@oxc-parser/binding-linux-arm64-musl@0.125.0':
     resolution: {integrity: sha512-eIXyzpA12/+maKjMSsXdHfpzwQcoRfzokT+/ZhVEo6u/9RcXQrZZmZ70MmmJqwVcLez6U4ScjB/eiYlsEs7p0g==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@oxc-parser/binding-linux-ppc64-gnu@0.125.0':
     resolution: {integrity: sha512-w7ir5OuqSJUKLadmsSAWwTNso/ZGem2bPT/1LSU7l+ecmKPyegIvU+wzY0ADhZ/t/goaedqyp24SDRxyLxO9zg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@oxc-parser/binding-linux-riscv64-gnu@0.125.0':
     resolution: {integrity: sha512-2KPTfWorcW8RNE8aEMHKbPSjHDBjFVYqg8nSLRBp7pe7VBqHsmkO9jpK8YmaYA5d5GcUy+J++5O4EgxkrQBEtw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@oxc-parser/binding-linux-riscv64-musl@0.125.0':
     resolution: {integrity: sha512-Vsl8dmQdKtDsQiDPHP5VFjXOuVGcZQcziYMkU/yPnlaKHMqoX/q+bxt7K+BwResi9Cc8pnZ6oYGTgPcjAtt5QQ==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@oxc-parser/binding-linux-s390x-gnu@0.125.0':
     resolution: {integrity: sha512-HwY5kuM818r/kHdHG2TZqzqxyF7fz90prPg85R/2VmgRWk8cMyGZo+8BNZDQAMJ6aGSTRvn2sdGXv3sZ5bsUWw==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@oxc-parser/binding-linux-x64-gnu@0.125.0':
     resolution: {integrity: sha512-o7k6+xAI2pIkjBsCqM0elI4q+qY/3TexH6cpIlGm+nJze1tvx7QEHCKdiy6wnRacFvUYmySEZ5hWFBc9MbxrIA==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@oxc-parser/binding-linux-x64-musl@0.125.0':
     resolution: {integrity: sha512-vksRynFD6vytE1sDZCaeIk6y6rCsq0a18T4kcXbfGHBq2q/qSyDogWLk3A3S3hl/ikNfse7yrEwAuQ8ldIJeAg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@oxc-parser/binding-openharmony-arm64@0.125.0':
     resolution: {integrity: sha512-AAtg4pnKvrKsay2ldZZRY98ALFBOgbyy3Gyxo658z6aecM0Zr5mI9BOHRCchSVKUHqMqmjhCA4wIdZvz02VrAw==}
@@ -3006,66 +3014,79 @@ packages:
     resolution: {integrity: sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.60.4':
     resolution: {integrity: sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.60.4':
     resolution: {integrity: sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.60.4':
     resolution: {integrity: sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.60.4':
     resolution: {integrity: sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-loong64-musl@4.60.4':
     resolution: {integrity: sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==}
     cpu: [loong64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-ppc64-gnu@4.60.4':
     resolution: {integrity: sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-musl@4.60.4':
     resolution: {integrity: sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==}
     cpu: [ppc64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-riscv64-gnu@4.60.4':
     resolution: {integrity: sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.60.4':
     resolution: {integrity: sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.60.4':
     resolution: {integrity: sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.60.4':
     resolution: {integrity: sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.60.4':
     resolution: {integrity: sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openbsd-x64@4.60.4':
     resolution: {integrity: sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==}
@@ -3254,60 +3275,70 @@ packages:
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-arm64-gnu@1.3.96':
     resolution: {integrity: sha512-c/IiJ0s1y3Ymm2BTpyC/xr6gOvoqAVETrivVXHq68xgNms95luSpbYQ28rqaZC8bQC8M5zdXpSc0T8DJu8RJGw==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-arm64-musl@1.15.40':
     resolution: {integrity: sha512-4z0MgHU+7M0pZDqBN1El7mFXDI1SBwinfcUkAyA4v8QrhOIUOZltySt2aStQLZGrdXVXM4Y4ylfiTC04ED+MoQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-linux-arm64-musl@1.3.96':
     resolution: {integrity: sha512-i5/UTUwmJLri7zhtF6SAo/4QDQJDH2fhYJaBIUhrICmIkRO/ltURmpejqxsM/ye9Jqv5zG7VszMC0v/GYn/7BQ==}
     engines: {node: '>=10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-linux-ppc64-gnu@1.15.40':
     resolution: {integrity: sha512-fLI4iUgeSZu0eRWUXwe6YzPFx9gHbFiPkl8Rp3mJfP8OpNR3nTQCGPvHdDh9xniW7mVvgMY4ni7A4VzqI1KrpA==}
     engines: {node: '>=10'}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-s390x-gnu@1.15.40':
     resolution: {integrity: sha512-YqeKMAb7d4nQSGMJQ454IlaCENpzcDqhvBE9+CPfdnYpnUXxd+BSrB6Xk0YjW8UyoEhUj4p6quATCxbsp6J3jg==}
     engines: {node: '>=10'}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-x64-gnu@1.15.40':
     resolution: {integrity: sha512-7HOuS1iGcme/j/TuL1TfmmLGiMQrjv/GmjyZeydl00FKPtpGXEldwqfI56xgd1YzrzoB2svWjxbGGyQ0TEASxg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-x64-gnu@1.3.96':
     resolution: {integrity: sha512-USdaZu8lTIkm4Yf9cogct/j5eqtdZqTgcTib4I+NloUW0E/hySou3eSyp3V2UAA1qyuC72ld1otXuyKBna0YKQ==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@swc/core-linux-x64-musl@1.15.40':
     resolution: {integrity: sha512-h4kZYHc7dpc9P9u4brRJaS8Pl7tPVHAeiLSzw7T5RfIJgAoSdaCMKzI/2Uay9gFhaw8uyCDl0L5q37r0EpAfIA==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-linux-x64-musl@1.3.96':
     resolution: {integrity: sha512-QYErutd+G2SNaCinUVobfL7jWWjGTI0QEoQ6hqTp7PxCJS/dmKmj3C5ZkvxRYcq7XcZt7ovrYCTwPTHzt6lZBg==}
     engines: {node: '>=10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@swc/core-win32-arm64-msvc@1.15.40':
     resolution: {integrity: sha512-+mQgKZXSj6mV38Zh05QaxSjUDmGP/R2JWlXZTDLSPkDzHU6p3GxN9eeSf5dfyDVU86946fmCvSzyl/ucImx8+A==}
@@ -3437,6 +3468,7 @@ packages:
     engines: {node: ^20 || ^22}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tarojs/binding-win32-x64-msvc@4.1.3':
     resolution: {integrity: sha512-5MO5k+LMP2oEhmvxK1HsDmcNwa33clIO517cpXoev0rj/chGizuJ/lCUVsvIxAW+wRPsigJjyD16hf3F/vt68w==}
@@ -3474,6 +3506,10 @@ packages:
     resolution: {integrity: sha512-ReLy90gUHWS2u2lN2Xl3xO2oD5Q4K190sxiwkOCqTc5+lcfPAgNOOQ/hdVBORjT8ZDdclXSEjqsCDNwMJieAgQ==}
     engines: {node: ^20 || ^22}
 
+  '@tarojs/helper@4.2.0':
+    resolution: {integrity: sha512-F8D5EbwS/d0Kkh4PWFHhXoM1l1Iy2ZxjsWmXEkUratiq+CktogjQDa87pY+lyPLFsArA8oAd01p7rsQmVSDfoA==}
+    engines: {node: '>= 18'}
+
   '@tarojs/parse-css-to-stylesheet-android-arm-eabi@0.0.69':
     resolution: {integrity: sha512-xfn55ehFWjbIzDTu+0QwMkCf8icC7jwAiDm2S7Cv5Og83gSzMUCb76KzEAwgTSTe0wiLrDai2HAhBftpE4V1Qw==}
     engines: {node: '>= 10'}
@@ -3514,24 +3550,28 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@tarojs/parse-css-to-stylesheet-linux-arm64-musl@0.0.69':
     resolution: {integrity: sha512-bYODGCEx1Ni4EMNuZU95IUPqVZAXsY9gIc5CPSfKQ2j167Vbeo/gskQk/uNVjmnYJ69PplgJ9npylINgLIPIrA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@tarojs/parse-css-to-stylesheet-linux-x64-gnu@0.0.69':
     resolution: {integrity: sha512-89f03s+txGJ1c8Zc6Ib4qTAP4YhfFbVFq29XExqbC7eGvpQl5DeOtwonO5DBwMc7lA+LG4b1Q4CMXE3qodn2eA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tarojs/parse-css-to-stylesheet-linux-x64-musl@0.0.69':
     resolution: {integrity: sha512-vyewIf1KysXYNIJdkzc9JSPguTG9zD65Belk3H186mLR18KtsvrqNqlWnP8kKfduF4ixh6qt0F2PkKbeI9PZvg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@tarojs/parse-css-to-stylesheet-win32-x64-msvc@0.0.69':
     resolution: {integrity: sha512-CHKlVjAiSAZTFNV8GkfXV88Jy9yyFSvKBAO3++l2KSQUBUWmPX775FbH+god2BOLf5SfAXRPd0HVAEK9qNeHXQ==}
@@ -3571,24 +3611,28 @@ packages:
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@tarojs/plugin-doctor-linux-arm64-musl@0.0.13':
     resolution: {integrity: sha512-V1HnFITOLgHVyQ+OCa1oPFKOtGFRtP91vlbUGfOwMA4GeOVw9g28W/hfTyucTCkfZWlrssLehgW6L2AGAMXh2w==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@tarojs/plugin-doctor-linux-x64-gnu@0.0.13':
     resolution: {integrity: sha512-oetfzBW60uenPBBF4/NE6Mf0Iwkw1YGqIIBiN++aVQynbWrmMzWBsW8kleZ5vN1npxI9aud9EfRU1uM37DrG2A==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@tarojs/plugin-doctor-linux-x64-musl@0.0.13':
     resolution: {integrity: sha512-OdIF/kFwwM0kQPDnpkanhvfWRaAI6EtDmpM9rQA/Lu2QcJq86w5d7X/WSN0U2xF1nialAUrfl79NyIaEzp4Fcw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@tarojs/plugin-doctor-win32-ia32-msvc@0.0.13':
     resolution: {integrity: sha512-nIbG2SliRhRwACLa1kNMskcfjsihp+3tZQMAxl+LoYUq6JRaWgP3vH2nHkDyZHTCheBTDtAaupqXWrYF3w+U6g==}
@@ -3740,6 +3784,10 @@ packages:
     resolution: {integrity: sha512-GKQ/oMAGuUSXbn79yO48AkYW7mmQJ5YQm/QU2Tsn0cOZbcH9JMR54GnoqQk/LywbrrMzr3ojdGvxxJ3nN16RRw==}
     engines: {node: ^20 || ^22}
 
+  '@tarojs/runner-utils@4.2.0':
+    resolution: {integrity: sha512-M79iDSKjO3FNBBWfNiFlaihLsHGSQaXjSCglH0d9G1a/YWx2hfKtZaT67ca86YkfR/glz6ZBtIY5PTNQlED8AA==}
+    engines: {node: '>= 18'}
+
   '@tarojs/runtime@4.1.3':
     resolution: {integrity: sha512-fJ0Jgi2243HrlFwAczufDgkD5+nCJpoQeCm4+0qnPCU7t+q+CFL7MG2PTfYdBOL3QbQwtB4NBeDcMt5E886ubQ==}
     engines: {node: ^20 || ^22}
@@ -3752,6 +3800,10 @@ packages:
     resolution: {integrity: sha512-MYGj/H9TXh/v+ult/N/oNlXokD/QqNTl1UzTOpt+KyeDsXlmkOfunqE7v85Y2VYJVmraosCjqGrs2qyl8yctyA==}
     engines: {node: ^20 || ^22}
 
+  '@tarojs/service@4.2.0':
+    resolution: {integrity: sha512-shUXAkxUNjrlgucU5yP4S1ZZnKFQmAvlnpDiignCF1dUvsDB+7Q8I+XTwI6JuK39HcCXxs3xIgYeIsBEHrIbZw==}
+    engines: {node: '>= 18'}
+
   '@tarojs/shared@4.1.3':
     resolution: {integrity: sha512-OWLojvDJGX7+Jd6UIllCZMr5ogOFKgWeI7g5QH0Ebv0c6BNoX5q2zY7zNPMbl3mqHlFnsmoHbB5PPTFCWJhnGw==}
     engines: {node: ^20 || ^22}
@@ -4413,51 +4465,61 @@ packages:
     resolution: {integrity: sha512-zJc0H99FEPoFfSrNpa91HYfxzfAJCr502oxNK1cfdC9hlaFI43RT+JFCann9JUgZmLzzntChHyn13Sgn9ljHNg==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-arm64-musl@1.12.2':
     resolution: {integrity: sha512-KQ3Lki6l+Pz1k/eBipN41ES+YUK30beLGb9YqcB1O542cyLCNE6GaxrfcY3T6EezmGGk84wb5XyO9loTM9tkcA==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-linux-loong64-gnu@1.12.2':
     resolution: {integrity: sha512-3SJGEh1DborhG6pyxvhPzCT4bbSIVihsvgJc13P1bHG7KLdNDaF9T3gsTwFc7Jw/5Y5/iWOjkEx7Zy0NvCGX3Q==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-loong64-musl@1.12.2':
     resolution: {integrity: sha512-jiuG/Obbel7uw1PwHNFfrkiKhLAF6mnyZ6aWlOAVN9WqKm8v0OFGnciJIHu8+CMvXLQ8AD51LPzAoUfT21D5Ew==}
     cpu: [loong64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-linux-ppc64-gnu@1.12.2':
     resolution: {integrity: sha512-q7xRvVpmcfeL+LlZg8Pbbo6QaTZwDU5BaGZbwfhkEsXJn3Was8xYfE0RBH266xZt0rM6B7i8xAYIvjthuUIWHg==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-riscv64-gnu@1.12.2':
     resolution: {integrity: sha512-0CVdx6lcnT3Q9inOH8tsMIOJ6ImndllMjqJHg8RLVdB7Vq4SfkEXl9mCSsVNuNA4MCYycRicCUxPCabVHJRr6A==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-riscv64-musl@1.12.2':
     resolution: {integrity: sha512-iOwlRo9vnp6R6ohHQS11n0NnfdXx/omhkocmIfaPRpQhKZ+3BDMkkdRVh53qjkFkpPddf+FETA28NwGN7l5l+w==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-linux-s390x-gnu@1.12.2':
     resolution: {integrity: sha512-HYJtLfXq94q8iZNFT1lknx258wlkkWhZeUXJRqzKBBUJ00CvZ+N33zgbCqimLjsyw5Va6uUxhVa12mI+kaveEw==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-x64-gnu@1.12.2':
     resolution: {integrity: sha512-mPsUhunKKDih5O96Y6enDQyHc1SqBPlY1E/SfMWDM3EdJ95Z9CArPeCVwCCqbP45ljvivdEk8Fxn+SIb1rDAJQ==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@unrs/resolver-binding-linux-x64-musl@1.12.2':
     resolution: {integrity: sha512-azrt6+5ydLd8Vt210AAFis/lZevSfPw93EJRIJG+xPu4WCJ8K0kppCTpMyLPcKT7H15M4Jnt2tMp5bOvCkRC6A==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@unrs/resolver-binding-openharmony-arm64@1.12.2':
     resolution: {integrity: sha512-YZ9hP4O0X9PQb8eO980qmLNGH4zT3I9+SZTdt0Pr0YyuGQhYKoOZkV02VzrzyOZJ5xIJ3UFIenKkUkGg8GjgWQ==}
@@ -8986,24 +9048,28 @@ packages:
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-arm64-musl@1.32.0:
     resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-linux-x64-gnu@1.32.0:
     resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   lightningcss-linux-x64-musl@1.32.0:
     resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   lightningcss-win32-arm64-msvc@1.32.0:
     resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
@@ -15454,11 +15520,11 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
-  '@nutui/icons-react-taro@3.0.2-cpp.3.beta.9': {}
+  '@nutui/icons-react-taro@3.0.2-beta.6': {}
 
   '@nutui/icons-react@1.0.5': {}
 
-  '@nutui/icons-react@3.0.2-beta.5': {}
+  '@nutui/icons-react@3.0.2-beta.6': {}
 
   '@nutui/jdesign-icons-react-taro@1.0.6-beta.2': {}
 
@@ -16321,12 +16387,12 @@ snapshots:
       - webpack-chain
       - webpack-dev-server
 
-  '@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
+  '@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
     dependencies:
       '@stencil/core': 2.22.3
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
-      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
       classnames: 2.5.1
       hammerjs: 2.0.8
       hls.js: 1.6.16
@@ -16344,12 +16410,12 @@ snapshots:
       - webpack-chain
       - webpack-dev-server
 
-  '@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
+  '@tarojs/components@4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
     dependencies:
       '@stencil/core': 2.22.3
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
-      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      '@tarojs/taro': 4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
       classnames: 2.5.1
       hammerjs: 2.0.8
       hls.js: 1.6.16
@@ -16394,6 +16460,33 @@ snapshots:
       - '@swc/helpers'
       - supports-color
 
+  '@tarojs/helper@4.2.0(@swc/helpers@0.5.23)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/generator': 7.29.7
+      '@babel/parser': 7.29.7
+      '@babel/traverse': 7.29.7
+      '@babel/types': 7.29.7
+      '@swc/core': 1.3.96(@swc/helpers@0.5.23)
+      '@swc/register': 0.1.10(@swc/core@1.3.96(@swc/helpers@0.5.23))
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      chokidar: 3.6.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3(supports-color@8.1.1)
+      dotenv: 16.6.1
+      dotenv-expand: 11.0.7
+      esbuild: 0.21.5
+      find-yarn-workspace-root: 2.0.0
+      fs-extra: 11.3.5
+      lodash: 4.18.1
+      require-from-string: 2.0.2
+      resolve: 1.22.12
+      supports-hyperlinks: 3.2.0
+    transitivePeerDependencies:
+      - '@swc/helpers'
+      - supports-color
+
   '@tarojs/parse-css-to-stylesheet-android-arm-eabi@0.0.69':
     optional: true
 
@@ -16516,9 +16609,9 @@ snapshots:
       '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.1.3
 
-  '@tarojs/plugin-platform-alipay@4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
+  '@tarojs/plugin-platform-alipay@4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
     dependencies:
-      '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
+      '@tarojs/service': 4.2.0(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.2.0
 
   '@tarojs/plugin-platform-h5@4.1.3(61616c2ed6adcfead3c5df5cc362031d)':
@@ -16591,9 +16684,9 @@ snapshots:
       '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.1.3
 
-  '@tarojs/plugin-platform-jd@4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
+  '@tarojs/plugin-platform-jd@4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
     dependencies:
-      '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
+      '@tarojs/service': 4.2.0(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.2.0
 
   '@tarojs/plugin-platform-qq@4.1.3(@tarojs/plugin-platform-weapp@4.1.3(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.1.3))(@tarojs/shared@4.1.3)':
@@ -16617,9 +16710,9 @@ snapshots:
       '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.1.3
 
-  '@tarojs/plugin-platform-weapp@4.2.0(@tarojs/service@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
+  '@tarojs/plugin-platform-weapp@4.2.0(@tarojs/service@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)':
     dependencies:
-      '@tarojs/service': 4.1.3(@swc/helpers@0.5.23)
+      '@tarojs/service': 4.2.0(@swc/helpers@0.5.23)
       '@tarojs/shared': 4.2.0
 
   '@tarojs/react@4.1.3(react@18.3.1)':
@@ -16657,6 +16750,15 @@ snapshots:
       - '@swc/helpers'
       - supports-color
 
+  '@tarojs/runner-utils@4.2.0(@swc/helpers@0.5.23)':
+    dependencies:
+      '@tarojs/helper': 4.2.0(@swc/helpers@0.5.23)
+      rollup: 3.30.0
+      scss-bundle: 3.1.2
+    transitivePeerDependencies:
+      - '@swc/helpers'
+      - supports-color
+
   '@tarojs/runtime@4.1.3':
     dependencies:
       '@tarojs/shared': 4.1.3
@@ -16682,6 +16784,21 @@ snapshots:
       - '@swc/helpers'
       - supports-color
 
+  '@tarojs/service@4.2.0(@swc/helpers@0.5.23)':
+    dependencies:
+      '@tarojs/helper': 4.2.0(@swc/helpers@0.5.23)
+      '@tarojs/runner-utils': 4.2.0(@swc/helpers@0.5.23)
+      '@tarojs/shared': 4.2.0
+      joi: 17.13.3
+      lodash: 4.18.1
+      ora: 5.4.1
+      resolve: 1.22.12
+      tapable: 2.3.3
+      webpack-merge: 5.10.0
+    transitivePeerDependencies:
+      - '@swc/helpers'
+      - supports-color
+
   '@tarojs/shared@4.1.3': {}
 
   '@tarojs/shared@4.2.0': {}
@@ -16732,10 +16849,10 @@ snapshots:
       webpack-chain: 6.5.1
       webpack-dev-server: 4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
 
-  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
+  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
     dependencies:
       '@tarojs/api': 4.2.0(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)
-      '@tarojs/components': 4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      '@tarojs/components': 4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
       '@tarojs/helper': 4.1.3(@swc/helpers@0.5.23)
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
@@ -16743,28 +16860,28 @@ snapshots:
       postcss: 8.5.15
     optionalDependencies:
       '@types/react': 18.3.29
-      html-webpack-plugin: 5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
-      rollup: 4.60.4
-      webpack: 5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)
+      html-webpack-plugin: 5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      rollup: 3.30.0
+      webpack: 5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)
       webpack-chain: 6.5.1
-      webpack-dev-server: 4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      webpack-dev-server: 4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
 
-  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
+  '@tarojs/taro@4.2.0(@tarojs/components@4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@tarojs/shared@4.2.0)(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))':
     dependencies:
       '@tarojs/api': 4.2.0(@tarojs/runtime@4.2.0)(@tarojs/shared@4.2.0)
-      '@tarojs/components': 4.2.0(@tarojs/helper@4.1.3(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@3.30.0)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
-      '@tarojs/helper': 4.1.3(@swc/helpers@0.5.23)
+      '@tarojs/components': 4.2.0(@tarojs/helper@4.2.0(@swc/helpers@0.5.23))(@types/react@18.3.29)(html-webpack-plugin@5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(postcss@8.5.15)(rollup@4.60.4)(webpack-chain@6.5.1)(webpack-dev-server@4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)))(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      '@tarojs/helper': 4.2.0(@swc/helpers@0.5.23)
       '@tarojs/runtime': 4.2.0
       '@tarojs/shared': 4.2.0
       '@types/postcss-url': 10.0.4
       postcss: 8.5.15
     optionalDependencies:
       '@types/react': 18.3.29
-      html-webpack-plugin: 5.6.7(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
-      rollup: 3.30.0
-      webpack: 5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)
+      html-webpack-plugin: 5.6.7(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      rollup: 4.60.4
+      webpack: 5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15)
       webpack-chain: 6.5.1
-      webpack-dev-server: 4.15.2(webpack@5.91.0(@swc/core@1.3.96(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
+      webpack-dev-server: 4.15.2(webpack@5.91.0(@swc/core@1.15.40(@swc/helpers@0.5.23))(lightningcss@1.32.0)(postcss@8.5.15))
 
   '@tarojs/vite-runner@4.1.3(@swc/helpers@0.5.23)(@tarojs/runtime@4.1.3)(@types/babel__core@7.20.5)(jiti@2.7.0)(postcss@8.5.15)(rollup@3.30.0)(terser@5.48.0)(tsx@4.22.4)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.19)(less@3.13.1)(lightningcss@1.32.0)(sass@1.77.6)(stylus@0.64.0)(terser@5.48.0))':
     dependencies:
diff --git a/src/config.json b/src/config.json
index 4bc24265de..2ede3e7c71 100644
--- a/src/config.json
+++ b/src/config.json
@@ -1033,7 +1033,7 @@
           "v15": 1,
           "author": "lzz",
           "dd": true,
-          "v16": false
+          "v16": true
         },
         {
           "version": "3.0.0",
diff --git a/src/packages/button/button.taro.tsx b/src/packages/button/button.taro.tsx
index f8bb724138..ec9e6288c9 100644
--- a/src/packages/button/button.taro.tsx
+++ b/src/packages/button/button.taro.tsx
@@ -147,9 +147,7 @@ export const Button = React.forwardRef<
       onClick={(e) => handleClick(e as any)}
     >
       <View className="nut-button-wrap">
-        {loading && (
-          <Loading className="nut-icon-loading" ariaHidden aria-hidden />
-        )}
+        {loading && <Loading className="nut-icon-loading" aria-hidden="true" />}
         {!loading && icon}
         {children && (
           <View
diff --git a/src/packages/configprovider/types.ts b/src/packages/configprovider/types.ts
index 2a48c1a81d..037ba706f4 100644
--- a/src/packages/configprovider/types.ts
+++ b/src/packages/configprovider/types.ts
@@ -648,6 +648,18 @@ export type NutCSSVariables =
   | 'nutuiPopoverTextColor'
   | 'nutuiPopoverDisableColor'
   | 'nutuiPopoverDividerColor'
+  | 'nutuiPopoverPaddingHorizontal'
+  | 'nutuiPopoverPaddingVertical'
+  | 'nutuiPopoverHeight'
+  | 'nutuiPopoverIconSize'
+  | 'nutuiPopoverIconColor'
+  | 'nutuiPopoverStatusMaxWidth'
+  | 'nutuiPopoverDescriptionMaxWidth'
+  | 'nutuiPopoverActionHotspotSize'
+  | 'nutuiPopoverLightContentBackgroundColor'
+  | 'nutuiPopoverLightTextColor'
+  | 'nutuiPopoverLightIconColor'
+  | 'nutuiPopoverLightDividerColor'
   | 'nutuiPopoverPadding'
   | 'nutuiPopoverItemWidth'
   | 'nutuiProgressHeight'
diff --git a/src/packages/popover/__tests__/popover.spec.tsx b/src/packages/popover/__tests__/popover.spec.tsx
index e59417ec2d..3cdab85284 100644
--- a/src/packages/popover/__tests__/popover.spec.tsx
+++ b/src/packages/popover/__tests__/popover.spec.tsx
@@ -67,12 +67,12 @@ test('render popover content', async () => {
 
 test('render popover content dark', async () => {
   const { container } = render(
-    <Popover visible list={itemListOne} theme="dark" location="right">
+    <Popover visible list={itemListOne} location="right">
       <Button type="primary">基础用法</Button>
     </Popover>
   )
   const content = document.querySelectorAll('.nut-popover')[0]
-  expect(content.className).toContain('nut-popover-dark')
+  expect(content.className).toContain('nut-popover--status')
   expect(container).toMatchSnapshot()
 })
 
@@ -95,30 +95,37 @@ test('render popover position with arrowOffset', async () => {
     </Popover>
   )
 
-  const checkArrowStyles = (location: FullPosition, expectedStyles: string) => {
+  const checkArrowStyles = (
+    location: FullPosition,
+    expectedStyles: string | null
+  ) => {
     rerender(
       <Popover visible list={itemList} location={location} arrowOffset={20}>
         <Button type="primary">基础用法</Button>
       </Popover>
     )
     content = document.querySelectorAll('.nut-popover-arrow')[0]
-    expect(content).toHaveAttribute('style', expectedStyles)
+    if (expectedStyles === null) {
+      expect(content.getAttribute('style')).toBeNull()
+    } else {
+      expect(content).toHaveAttribute('style', expectedStyles)
+    }
   }
 
   let content = document.querySelectorAll('.nut-popover-arrow')[0]
-  expect(content).toHaveAttribute('style', 'left: 36px;')
-
-  checkArrowStyles('bottom', 'left: calc(50% + 20px);')
-  checkArrowStyles('bottom-right', 'right: -4px;')
-  checkArrowStyles('left', 'top: calc(50% - 20px);')
-  checkArrowStyles('left-bottom', 'bottom: 36px;')
-  checkArrowStyles('left-top', 'top: -4px;')
-  checkArrowStyles('right', 'top: calc(50% - 20px);')
-  checkArrowStyles('right-bottom', 'bottom: 36px;')
-  checkArrowStyles('right-top', 'top: -4px;')
-  checkArrowStyles('top-right', 'right: -4px;')
-  checkArrowStyles('top-left', 'left: 36px;')
-  checkArrowStyles('top', 'left: calc(50% + 20px);')
+  expect(content).toHaveAttribute('style', 'left: 20px;')
+
+  checkArrowStyles('bottom', null)
+  checkArrowStyles('bottom-right', 'right: 20px;')
+  checkArrowStyles('left', null)
+  checkArrowStyles('left-bottom', null)
+  checkArrowStyles('left-top', null)
+  checkArrowStyles('right', null)
+  checkArrowStyles('right-bottom', null)
+  checkArrowStyles('right-top', null)
+  checkArrowStyles('top-right', 'right: 20px;')
+  checkArrowStyles('top-left', 'left: 20px;')
+  checkArrowStyles('top', null)
 })
 
 test('render position fixed ', async () => {
@@ -187,6 +194,37 @@ test('should not emit select event when the action is disabled', async () => {
   await waitFor(() => expect(choose).not.toBeCalled())
 })
 
+test('should auto show on mount when autoShow is true', () => {
+  const open = vi.fn()
+  render(
+    <Popover autoShow visible={false} list={itemList} onOpen={open}>
+      <Button type="primary">自动弹出</Button>
+    </Popover>
+  )
+  expect(open).toBeCalled()
+})
+
+test('should auto close after duration', () => {
+  vi.useFakeTimers()
+  const close = vi.fn()
+  const click = vi.fn()
+  render(
+    <Popover
+      visible
+      duration={5000}
+      list={itemList}
+      onClose={close}
+      onClick={click}
+    >
+      <Button type="primary">自动关闭</Button>
+    </Popover>
+  )
+  vi.advanceTimersByTime(5000)
+  expect(close).toBeCalled()
+  expect(click).toBeCalled()
+  vi.useRealTimers()
+})
+
 test('click event', async () => {
   const close = vi.fn()
   const close1 = vi.fn()
diff --git a/src/packages/popover/demo.taro.tsx b/src/packages/popover/demo.taro.tsx
index 564759f87d..92fdda694b 100644
--- a/src/packages/popover/demo.taro.tsx
+++ b/src/packages/popover/demo.taro.tsx
@@ -14,7 +14,7 @@ import Demo5 from './demos/taro/demo5'
 const PopoverDemo = () => {
   const [translated] = useTranslate({
     'zh-CN': {
-      title: '基础用法',
+      title: '气泡类型',
       title1: '选项配置',
       title2: '自定义内容+颜色',
       title3: '位置自定义：多条数据',
@@ -22,7 +22,7 @@ const PopoverDemo = () => {
       title4: '自定义目标元素',
     },
     'en-US': {
-      title: 'Basic Usage',
+      title: 'Bubble Types',
       title1: 'Option Configuration',
       title2: 'Custom Content and Color',
       title3: 'Custom Location: multi datas',
@@ -30,7 +30,7 @@ const PopoverDemo = () => {
       title4: 'Custom Target Element',
     },
     'zh-TW': {
-      title: '基礎用法',
+      title: '氣泡類型',
       title1: '選項配置',
       title2: '自定義內容+顏色',
       title3: '位置自定義：多條資料',
diff --git a/src/packages/popover/demo.tsx b/src/packages/popover/demo.tsx
index 45ff39609a..00e58bcf59 100644
--- a/src/packages/popover/demo.tsx
+++ b/src/packages/popover/demo.tsx
@@ -14,7 +14,7 @@ import Demo8 from './demos/h5/demo8'
 const PopoverDemo = () => {
   const [translated] = useTranslate({
     'zh-CN': {
-      title: '基础用法',
+      title: '气泡类型',
       title1: '选项配置',
       title2: '自定义内容+颜色',
       title3: '位置自定义：多条数据',
@@ -24,7 +24,7 @@ const PopoverDemo = () => {
       fixed: '容器设置 position: fixed',
     },
     'en-US': {
-      title: 'Basic Usage',
+      title: 'Bubble Types',
       title1: 'Option Configuration',
       title2: 'Custom Content and Color',
       title3: 'Custom Location: multi datas',
@@ -34,7 +34,7 @@ const PopoverDemo = () => {
       fixed: 'position: fixed',
     },
     'zh-TW': {
-      title: '基礎用法',
+      title: '氣泡類型',
       title1: '選項配置',
       title2: '自定義內容+顏色',
       title3: '位置自定義：多條資料',
diff --git a/src/packages/popover/demos/h5/demo1.tsx b/src/packages/popover/demos/h5/demo1.tsx
index eaaecb6c68..2bfeb5afca 100644
--- a/src/packages/popover/demos/h5/demo1.tsx
+++ b/src/packages/popover/demos/h5/demo1.tsx
@@ -3,10 +3,11 @@ import { Popover, Button, Space } from '@nutui/nutui-react'
 import { Tips, Close } from '@nutui/icons-react'
 
 const Demo = () => {
-  const [basic, setBasic] = useState(false)
-  const [dark, setDark] = useState(false)
-  const [index, setIndex] = useState(0)
-  const itemList = [
+  const [statusVisible, setStatusVisible] = useState(false)
+  const [descriptionVisible, setDescriptionVisible] = useState(false)
+  const [lightVisible, setLightVisible] = useState(false)
+  const [autoVisible, setAutoVisible] = useState(false)
+  const statusList = [
     {
       key: 'key1',
       name: '主要文案内容',
@@ -15,21 +16,26 @@ const Demo = () => {
         icon: <Close />,
         onClick: (e: any) => {
           e.stopPropagation()
-          index === 0 && basic && setBasic(false)
-          index === 1 && dark && setDark(false)
+          setStatusVisible(false)
         },
       },
     },
   ]
+  const descriptionList = [
+    {
+      key: 'key1',
+      name: '主要文案内容',
+    },
+  ]
   return (
     <Space>
       <Popover
-        visible={basic}
-        list={itemList}
+        visible={statusVisible}
+        type="status"
+        list={statusList}
         location="bottom-left"
         onClick={() => {
-          basic ? setBasic(false) : setBasic(true)
-          setIndex(0)
+          statusVisible ? setStatusVisible(false) : setStatusVisible(true)
         }}
         onOpen={() => {
           console.log('打开菜单时触发')
@@ -37,20 +43,48 @@ const Demo = () => {
         onClose={() => {
           console.log('关闭菜单时触发')
         }}
+      >
+        <Button type="primary">状态型</Button>
+      </Popover>
+      <Popover
+        visible={descriptionVisible}
+        type="description"
+        list={descriptionList}
+        location="bottom-left"
+        onClick={() => {
+          descriptionVisible
+            ? setDescriptionVisible(false)
+            : setDescriptionVisible(true)
+        }}
+      >
+        <Button type="primary">说明型</Button>
+      </Popover>
+      <Popover
+        visible={lightVisible}
+        type="status"
+        theme="light"
+        list={statusList}
+        location="bottom-left"
+        onClick={() => {
+          lightVisible ? setLightVisible(false) : setLightVisible(true)
+        }}
       >
         <Button type="primary">明亮风格</Button>
       </Popover>
       <Popover
-        visible={dark}
-        list={itemList}
-        theme="dark"
+        autoShow
+        duration={5000}
+        visible={autoVisible}
+        type="description"
+        list={descriptionList}
         location="bottom-left"
+        onOpen={() => setAutoVisible(true)}
+        onClose={() => setAutoVisible(false)}
         onClick={() => {
-          dark ? setDark(false) : setDark(true)
-          setIndex(1)
+          autoVisible ? setAutoVisible(false) : setAutoVisible(true)
         }}
       >
-        <Button type="primary">暗黑风格</Button>
+        <Button type="primary">自动弹出</Button>
       </Popover>
     </Space>
   )
diff --git a/src/packages/popover/demos/h5/demo2.tsx b/src/packages/popover/demos/h5/demo2.tsx
index 000dc72386..d0f2fb6286 100644
--- a/src/packages/popover/demos/h5/demo2.tsx
+++ b/src/packages/popover/demos/h5/demo2.tsx
@@ -44,7 +44,6 @@ const Demo2 = () => {
     <Space>
       <Popover
         visible={showIcon}
-        theme="dark"
         location="bottom-left"
         onClick={() => {
           showIcon ? setShowIcon(false) : setShowIcon(true)
@@ -55,7 +54,6 @@ const Demo2 = () => {
       </Popover>
       <Popover
         visible={disableAction}
-        theme="dark"
         onClick={() => {
           disableAction ? setDisableAction(false) : setDisableAction(true)
         }}
diff --git a/src/packages/popover/demos/h5/demo3.tsx b/src/packages/popover/demos/h5/demo3.tsx
index 83b6af4f12..ac46718b20 100644
--- a/src/packages/popover/demos/h5/demo3.tsx
+++ b/src/packages/popover/demos/h5/demo3.tsx
@@ -26,7 +26,7 @@ const Demo3 = () => {
     display: 'flex',
   } as any
   const itemStyle = {
-    marginTop: '10px',
+    margin: '10px 0',
     display: 'flex',
     alignItems: 'center',
     flexDirection: 'column',
diff --git a/src/packages/popover/demos/h5/demo4-1.tsx b/src/packages/popover/demos/h5/demo4-1.tsx
index e3e52d1d27..6d499075ee 100644
--- a/src/packages/popover/demos/h5/demo4-1.tsx
+++ b/src/packages/popover/demos/h5/demo4-1.tsx
@@ -85,7 +85,6 @@ const Demo = () => {
         </div>
       </Picker>
       <Popover
-        theme="dark"
         visible={customPositon}
         targetId="pickerTarget2"
         list={positionList}
diff --git a/src/packages/popover/demos/h5/demo4.tsx b/src/packages/popover/demos/h5/demo4.tsx
index 5cd6751e80..5c0c8aeefc 100644
--- a/src/packages/popover/demos/h5/demo4.tsx
+++ b/src/packages/popover/demos/h5/demo4.tsx
@@ -34,6 +34,10 @@ const Demo4 = () => {
       key: 'key1',
       name: '主要文案内容',
     },
+    {
+      key: 'key2',
+      name: '主要文案内容',
+    },
   ]
 
   const handlePicker = () => {
@@ -76,9 +80,9 @@ const Demo4 = () => {
         </div>
       </Picker>
       <Popover
-        theme="dark"
         visible={customPositon}
         targetId="pickerTarget"
+        type="description"
         list={positionList}
         location={curPostion}
       />
diff --git a/src/packages/popover/demos/h5/demo5.tsx b/src/packages/popover/demos/h5/demo5.tsx
index 13e766531b..54c47ef79b 100644
--- a/src/packages/popover/demos/h5/demo5.tsx
+++ b/src/packages/popover/demos/h5/demo5.tsx
@@ -18,7 +18,6 @@ const Demo5 = () => {
   return (
     <>
       <Popover
-        theme="dark"
         visible={customTarget}
         targetId="popid"
         list={iconItemList}
diff --git a/src/packages/popover/demos/h5/demo7.tsx b/src/packages/popover/demos/h5/demo7.tsx
index 07679867c1..d80634f96c 100644
--- a/src/packages/popover/demos/h5/demo7.tsx
+++ b/src/packages/popover/demos/h5/demo7.tsx
@@ -21,7 +21,6 @@ const Demo7 = () => {
         <div style={{ height: 100 }} />
         <Popover
           className="demo-popover"
-          theme="dark"
           visible={visible}
           list={itemList}
           location="top-left"
diff --git a/src/packages/popover/demos/h5/demo8.tsx b/src/packages/popover/demos/h5/demo8.tsx
index 83b45faa6e..25ed80a9f7 100644
--- a/src/packages/popover/demos/h5/demo8.tsx
+++ b/src/packages/popover/demos/h5/demo8.tsx
@@ -23,7 +23,6 @@ const Demo8 = () => {
           className="demo-popover"
           visible={visible}
           list={list}
-          theme="dark"
           location="top-right"
           style={{ marginInlineEnd: '30px' }}
           closeOnOutsideClick={false}
diff --git a/src/packages/popover/demos/taro/demo1.tsx b/src/packages/popover/demos/taro/demo1.tsx
index 5aee27e346..f1c4ba4ac8 100644
--- a/src/packages/popover/demos/taro/demo1.tsx
+++ b/src/packages/popover/demos/taro/demo1.tsx
@@ -3,10 +3,11 @@ import { Popover, Button, Space } from '@nutui/nutui-react-taro'
 import { Tips, Close } from '@nutui/icons-react-taro'
 
 const Demo = () => {
-  const [basic, setBasic] = useState(false)
-  const [dark, setDark] = useState(false)
-  const [index, setIndex] = useState(0)
-  const itemList = [
+  const [statusVisible, setStatusVisible] = useState(false)
+  const [descriptionVisible, setDescriptionVisible] = useState(false)
+  const [lightVisible, setLightVisible] = useState(false)
+  const [autoVisible, setAutoVisible] = useState(false)
+  const statusList = [
     {
       key: 'key1',
       name: '主要文案内容',
@@ -15,21 +16,26 @@ const Demo = () => {
         icon: <Close />,
         onClick: (e: any) => {
           e.stopPropagation()
-          index === 0 && basic && setBasic(false)
-          index === 1 && dark && setDark(false)
+          setStatusVisible(false)
         },
       },
     },
   ]
+  const descriptionList = [
+    {
+      key: 'key1',
+      name: '主要文案内容',
+    },
+  ]
   return (
     <Space>
       <Popover
-        visible={basic}
-        list={itemList}
+        visible={statusVisible}
+        type="status"
+        list={statusList}
         location="bottom-left"
         onClick={() => {
-          basic ? setBasic(false) : setBasic(true)
-          setIndex(0)
+          statusVisible ? setStatusVisible(false) : setStatusVisible(true)
         }}
         onOpen={() => {
           console.log('打开菜单时触发')
@@ -37,20 +43,48 @@ const Demo = () => {
         onClose={() => {
           console.log('关闭菜单时触发')
         }}
+      >
+        <Button type="primary">状态型</Button>
+      </Popover>
+      <Popover
+        visible={descriptionVisible}
+        type="description"
+        list={descriptionList}
+        location="bottom-left"
+        onClick={() => {
+          descriptionVisible
+            ? setDescriptionVisible(false)
+            : setDescriptionVisible(true)
+        }}
+      >
+        <Button type="primary">说明型</Button>
+      </Popover>
+      <Popover
+        visible={lightVisible}
+        type="status"
+        theme="light"
+        list={statusList}
+        location="bottom-left"
+        onClick={() => {
+          lightVisible ? setLightVisible(false) : setLightVisible(true)
+        }}
       >
         <Button type="primary">明亮风格</Button>
       </Popover>
       <Popover
-        visible={dark}
-        list={itemList}
-        theme="dark"
-        location="right"
+        autoShow
+        duration={5000}
+        visible={autoVisible}
+        type="description"
+        list={descriptionList}
+        location="bottom-left"
+        onOpen={() => setAutoVisible(true)}
+        onClose={() => setAutoVisible(false)}
         onClick={() => {
-          dark ? setDark(false) : setDark(true)
-          setIndex(1)
+          autoVisible ? setAutoVisible(false) : setAutoVisible(true)
         }}
       >
-        <Button type="primary">暗黑风格</Button>
+        <Button type="primary">自动弹出</Button>
       </Popover>
     </Space>
   )
diff --git a/src/packages/popover/demos/taro/demo2.tsx b/src/packages/popover/demos/taro/demo2.tsx
index 20875b7229..15a4a72bc7 100644
--- a/src/packages/popover/demos/taro/demo2.tsx
+++ b/src/packages/popover/demos/taro/demo2.tsx
@@ -44,7 +44,6 @@ const Demo2 = () => {
     <Space>
       <Popover
         visible={showIcon}
-        theme="dark"
         location="bottom-left"
         onClick={() => {
           showIcon ? setShowIcon(false) : setShowIcon(true)
@@ -55,7 +54,6 @@ const Demo2 = () => {
       </Popover>
       <Popover
         visible={disableAction}
-        theme="dark"
         onClick={() => {
           disableAction ? setDisableAction(false) : setDisableAction(true)
         }}
diff --git a/src/packages/popover/demos/taro/demo3.tsx b/src/packages/popover/demos/taro/demo3.tsx
index 0142bde214..e37f6acf11 100644
--- a/src/packages/popover/demos/taro/demo3.tsx
+++ b/src/packages/popover/demos/taro/demo3.tsx
@@ -28,7 +28,7 @@ const Demo3 = () => {
     display: 'flex',
   } as any
   const itemStyle = {
-    marginTop: '10px',
+    margin: '10px 0',
     display: 'flex',
     alignItems: 'center',
     flexDirection: 'column',
diff --git a/src/packages/popover/demos/taro/demo4-1.tsx b/src/packages/popover/demos/taro/demo4-1.tsx
index 9c36f465e6..3831681cf4 100644
--- a/src/packages/popover/demos/taro/demo4-1.tsx
+++ b/src/packages/popover/demos/taro/demo4-1.tsx
@@ -88,7 +88,6 @@ const Demo = () => {
       </Picker>
       <Popover
         visible={customPositon}
-        theme="dark"
         targetId="pickerTarget2"
         list={positionList}
         location={curPostion}
diff --git a/src/packages/popover/demos/taro/demo4.tsx b/src/packages/popover/demos/taro/demo4.tsx
index e2f874e234..67c53a5972 100644
--- a/src/packages/popover/demos/taro/demo4.tsx
+++ b/src/packages/popover/demos/taro/demo4.tsx
@@ -35,6 +35,10 @@ const Demo4 = () => {
       key: 'key1',
       name: '主要文案内容',
     },
+    {
+      key: 'key2',
+      name: '主要文案内容',
+    },
   ]
 
   const handlePicker = () => {
@@ -78,8 +82,8 @@ const Demo4 = () => {
       </Picker>
       <Popover
         visible={customPositon}
-        theme="dark"
         targetId="pickerTarget"
+        type="description"
         list={positionList}
         location={curPostion}
       />
diff --git a/src/packages/popover/demos/taro/demo5.tsx b/src/packages/popover/demos/taro/demo5.tsx
index 0c22966b87..622c16cbe7 100644
--- a/src/packages/popover/demos/taro/demo5.tsx
+++ b/src/packages/popover/demos/taro/demo5.tsx
@@ -19,7 +19,6 @@ const Demo5 = () => {
     <>
       <Popover
         visible={customTarget}
-        theme="dark"
         targetId="popid"
         list={iconItemList}
         location="top-left"
diff --git a/src/packages/popover/doc.en-US.md b/src/packages/popover/doc.en-US.md
index 43652ede7d..1d7abfe64e 100644
--- a/src/packages/popover/doc.en-US.md
+++ b/src/packages/popover/doc.en-US.md
@@ -10,7 +10,7 @@ import { Popover } from '@nutui/nutui-react'
 
 ## Demo
 
-### Basic Usage
+### Bubble Types
 
 :::demo
 
@@ -101,14 +101,18 @@ Use the location property to control where the bubble pops up. optional value
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
+| type | Bubble type: `status` (icon + text + close) or `description` (text only) | `status` \| `description` | `status` |
 | list | list of options | `PopoverList[]` | `[]` |
 | visible | whether to show | `boolean` | `false` |
-| location | The pop-up position, the specific parameter values ​​inside can refer to the above position customization example | `string` | `bottom` |
-| offset | the offset of the occurrence position | `string[]` \| `number[]` | `[0, 12]` |
-| arrowOffset | the offset of the arrow | `number` | `0` |
+| theme | Theme style: default `dark` is the design-spec bubble; `light` is the bright style (white bg, dark text) | `light` \| `dark` | `dark` |
+| location | The pop-up position, the specific parameter values ​​inside can refer to the above position customization example | `FullPosition` | `bottom` |
+| offset | the offset of the occurrence position | `string[]` \| `number[]` | `[0, 8]` |
+| arrowOffset | the offset of the arrow | `number` | `20` |
 | showArrow | whether to show small arrows | `boolean` | `true` |
 | closeOnActionClick | Whether to close when clicking action | `boolean` | `true` |
 | closeOnOutsideClick | Whether to close when clicking outside | `boolean` | `true` |
+| autoShow | Whether to show automatically on mount; update `visible` in `onOpen` | `boolean` | `false` |
+| duration | Auto-close duration (ms); `0` disables auto-close | `number` | `0` |
 | targetId | Custom target id | `string` | `-` |
 | onClick | Click to toggle the popover display state | `() => void` | `() => {}` |
 | onSelect | Fired when an option is clicked | `(item: PopoverList, index: number) => void` | `(item, index) => {}` |
@@ -138,13 +142,25 @@ The component provides the following CSS variables, which can be used to customi
 
 | Name | Description | Default |
 | --- | --- | --- |
-| \--nutui-popover-border-radius | The rounded corner value of the border of the popover content area | `8px` |
-| \--nutui-popover-font-size | The font-size value of the popover content area | `12px` |
-| \--nutui-popover-text-color | Text color of options area | `$color-title` |
-| \--nutui-popover-content-background-color | The background color of the options area | `$white` |
-| \--nutui-popover-divider-color | The bottom border color of the options area | `$color-border` |
-| \--nutui-popover-disable-color | Option Disabled Colors | `$color-text-disabled` |
-| \--nutui-popover-padding | The padding value of each item in the option area menu | `8px` |
-| \--nutui-popover-item-width | The width value of each item in the options | `160px` |
+| \--nutui-popover-border-radius | Border radius of popover content | `6px` |
+| \--nutui-popover-font-size | Font size of popover content | `12px` |
+| \--nutui-popover-text-color | Text color | `$color-primary-text` |
+| \--nutui-popover-content-background-color | Background color | `$color-mask` |
+| \--nutui-popover-divider-color | Divider color between items | `rgba(255, 255, 255, 0.12)` |
+| \--nutui-popover-disable-color | Disabled option color | `$color-text-disabled` |
+| \--nutui-popover-padding-horizontal | Horizontal padding | `8px` |
+| \--nutui-popover-padding-vertical | Vertical padding | `6px` |
+| \--nutui-popover-height | Bubble height | `28px` |
+| \--nutui-popover-icon-size | Icon size | `12px` |
+| \--nutui-popover-icon-color | Icon color (80% opacity) | `rgba(255, 255, 255, 0.8)` |
+| \--nutui-popover-status-max-width | Max width for status type | `240px` |
+| \--nutui-popover-description-max-width | Max width for description type | `208px` |
+| \--nutui-popover-action-hotspot-size | Close button touch hotspot size | `36px` |
+| \--nutui-popover-light-content-background-color | Light theme background color | `#ffffff` |
+| \--nutui-popover-light-text-color | Light theme text color | `$color-mask` |
+| \--nutui-popover-light-icon-color | Light theme icon color (80% opacity) | `rgba(17, 20, 26, 0.8)` |
+| \--nutui-popover-light-divider-color | Light theme divider color | `$color-border` |
+| \--nutui-popover-padding | Legacy horizontal padding alias | `8px` |
+| \--nutui-popover-item-width | Legacy item width alias (same as status max width) | `240px` |
 
 <Contribution name="Popover" />
diff --git a/src/packages/popover/doc.md b/src/packages/popover/doc.md
index dc2b55f3b6..b42a2f5a14 100644
--- a/src/packages/popover/doc.md
+++ b/src/packages/popover/doc.md
@@ -10,7 +10,7 @@ import { Popover } from '@nutui/nutui-react'
 
 ## 示例代码
 
-### 基础用法
+### 气泡类型
 
 :::demo
 
@@ -103,14 +103,18 @@ bottom-right  # 底部右侧位置
 
 | 属性 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
+| type | 气泡类型，`status` 状态型（图标+文案+关闭），`description` 说明型（仅文案） | `status` \| `description` | `status` |
 | list | 选项列表 | `PopoverList[]` | `[]` |
 | visible | 是否展示气泡弹出层 | `boolean` | `false` |
+| theme | 主题风格，默认 `dark` 为设计规范深色气泡；`light` 为明亮风格（白底深字） | `light` \| `dark` | `dark` |
 | location | 弹出位置，里面具体的参数值可以参考上面的位置自定义例子 | `FullPosition` | `bottom` |
-| offset | 出现位置的偏移量 | `string[]` \| `number[]` | `[0, 12]` |
-| arrowOffset | 小箭头的偏移量 | `number` | `0` |
+| offset | 出现位置的偏移量 | `string[]` \| `number[]` | `[0, 8]` |
+| arrowOffset | 小箭头的偏移量 | `number` | `20` |
 | showArrow | 是否显示小箭头 | `boolean` | `true` |
 | closeOnActionClick | 是否在点击选项后关闭 | `boolean` | `true` |
 | closeOnOutsideClick | 是否在点击外部元素后关闭菜单 | `boolean` | `true` |
+| autoShow | 是否自动弹出，需配合 `onOpen` 更新 `visible` | `boolean` | `false` |
+| duration | 自动关闭时长（ms），`0` 表示不自动关闭 | `number` | `0` |
 | targetId | 自定义目标元素 id | `string` | `-` |
 | onClick | 点击切换 popover 展示状态 | `() => void` | `() => {}` |
 | onSelect | 点击选项时触发 | `(item: PopoverList, index: number) => void` | `(item, index) => {}` |
@@ -142,13 +146,25 @@ PopoverList 属性是一个由对象构成的数组，数组中的每个对象
 
 | 名称 | 说明 | 默认值 |
 | --- | --- | --- |
-| \--nutui-popover-border-radius | popover 内容区的 border 的圆角值 | `8px` |
-| \--nutui-popover-font-size | popover 内容区的 font-size 值 | `12px` |
-| \--nutui-popover-text-color | 选项区的文字颜色 | `$color-title` |
-| \--nutui-popover-content-background-color | 选项区的背景颜色 | `$white` |
-| \--nutui-popover-divider-color | 选项区的底部 border 颜色 | `$color-border` |
+| \--nutui-popover-border-radius | popover 内容区的圆角 | `6px` |
+| \--nutui-popover-font-size | popover 内容区的字号 | `12px` |
+| \--nutui-popover-text-color | 文案颜色 | `$color-primary-text` |
+| \--nutui-popover-content-background-color | 内容区背景色 | `$color-mask` |
+| \--nutui-popover-divider-color | 多选项之间的分割线颜色 | `rgba(255, 255, 255, 0.12)` |
 | \--nutui-popover-disable-color | 选项禁用的颜色 | `$color-text-disabled` |
-| \--nutui-popover-padding | 选项区菜单每一项的 padding 值 | `8px` |
-| \--nutui-popover-item-width | 选项区菜单每一项宽度值，超过宽度值后，会折行展示，保障信息的完整性 | `160px` |
+| \--nutui-popover-padding-horizontal | 内容区水平内边距 | `8px` |
+| \--nutui-popover-padding-vertical | 内容区垂直内边距 | `6px` |
+| \--nutui-popover-height | 气泡高度 | `28px` |
+| \--nutui-popover-icon-size | 图标尺寸 | `12px` |
+| \--nutui-popover-icon-color | 图标颜色（80% 透明度） | `rgba(255, 255, 255, 0.8)` |
+| \--nutui-popover-status-max-width | 状态型最大宽度 | `240px` |
+| \--nutui-popover-description-max-width | 说明型最大宽度 | `208px` |
+| \--nutui-popover-action-hotspot-size | 关闭按钮触控热区尺寸 | `36px` |
+| \--nutui-popover-light-content-background-color | 明亮风格背景色 | `#ffffff` |
+| \--nutui-popover-light-text-color | 明亮风格文案颜色 | `$color-mask` |
+| \--nutui-popover-light-icon-color | 明亮风格图标颜色（80% 透明度） | `rgba(17, 20, 26, 0.8)` |
+| \--nutui-popover-light-divider-color | 明亮风格分割线颜色 | `$color-border` |
+| \--nutui-popover-padding | 兼容旧版水平内边距变量 | `8px` |
+| \--nutui-popover-item-width | 兼容旧版选项宽度，等同状态型最大宽度 | `240px` |
 
 <Contribution name="Popover" />
diff --git a/src/packages/popover/doc.taro.md b/src/packages/popover/doc.taro.md
index 8830338658..f62c6423d6 100644
--- a/src/packages/popover/doc.taro.md
+++ b/src/packages/popover/doc.taro.md
@@ -10,7 +10,7 @@ import { Popover } from '@nutui/nutui-react-taro'
 
 ## 示例代码
 
-### 基础用法
+### 气泡类型
 
 :::demo
 
@@ -81,27 +81,24 @@ bottom-right  # 底部右侧位置
 
 :::
 
-### 自定义目标元素
-
-:::demo
-
-<CodeBlock src='taro/demo5.tsx'></CodeBlock>
-
-:::
-
 ## Popover
 
 ### Props
 
 | 属性 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
+| type | 气泡类型，`status` 状态型（图标+文案+关闭），`description` 说明型（仅文案） | `status` \| `description` | `status` |
 | list | 选项列表 | `PopoverList[]` | `[]` |
 | visible | 是否展示气泡弹出层 | `boolean` | `false` |
-| location | 弹出位置，里面具体的参数值可以参考上面的位置自定义例子 | `string` | `bottom` |
-| offset | 出现位置的偏移量 | `string[]` \| `number[]` | `[0, 12]` |
+| theme | 主题风格，默认 `dark` 为设计规范深色气泡；`light` 为明亮风格（白底深字） | `light` \| `dark` | `dark` |
+| location | 弹出位置，里面具体的参数值可以参考上面的位置自定义例子 | `FullPosition` | `bottom` |
+| offset | 出现位置的偏移量 | `string[]` \| `number[]` | `[0, 8]` |
+| arrowOffset | 小箭头的偏移量 | `number` | `20` |
 | showArrow | 是否显示小箭头 | `boolean` | `true` |
 | closeOnActionClick | 是否在点击选项后关闭 | `boolean` | `true` |
 | closeOnOutsideClick | 是否在点击外部元素后关闭菜单 | `boolean` | `true` |
+| autoShow | 是否自动弹出，需配合 `onOpen` 更新 `visible` | `boolean` | `false` |
+| duration | 自动关闭时长（ms），`0` 表示不自动关闭 | `number` | `0` |
 | targetId | 自定义目标元素 id | `string` | `-` |
 | onClick | 点击切换 popover 展示状态 | `() => void` | `() => {}` |
 | onSelect | 点击选项时触发 | `(item: PopoverList, index: number) => void` | `(item, index) => {}` |
@@ -133,13 +130,25 @@ PopoverList 属性是一个由对象构成的数组，数组中的每个对象
 
 | 名称 | 说明 | 默认值 |
 | --- | --- | --- |
-| \--nutui-popover-border-radius | popover 内容区的 border 的圆角值 | `8px` |
-| \--nutui-popover-font-size | popover 内容区的 font-size 值 | `12px` |
-| \--nutui-popover-text-color | 选项区的文字颜色 | `$color-title` |
-| \--nutui-popover-content-background-color | 选项区的背景颜色 | `$white` |
-| \--nutui-popover-divider-color | 选项区的底部 border 颜色 | `$color-border` |
+| \--nutui-popover-border-radius | popover 内容区的圆角 | `6px` |
+| \--nutui-popover-font-size | popover 内容区的字号 | `12px` |
+| \--nutui-popover-text-color | 文案颜色 | `$color-primary-text` |
+| \--nutui-popover-content-background-color | 内容区背景色 | `$color-mask` |
+| \--nutui-popover-divider-color | 多选项之间的分割线颜色 | `rgba(255, 255, 255, 0.12)` |
 | \--nutui-popover-disable-color | 选项禁用的颜色 | `$color-text-disabled` |
-| \--nutui-popover-padding | 选项区菜单每一项的 padding 值 | `8px` |
-| \--nutui-popover-item-width | 选项区菜单每一项宽度值，超过宽度值后，会折行展示，保障信息的完整性 | `160px` |
+| \--nutui-popover-padding-horizontal | 内容区水平内边距 | `8px` |
+| \--nutui-popover-padding-vertical | 内容区垂直内边距 | `6px` |
+| \--nutui-popover-height | 气泡高度 | `28px` |
+| \--nutui-popover-icon-size | 图标尺寸 | `12px` |
+| \--nutui-popover-icon-color | 图标颜色（80% 透明度） | `rgba(255, 255, 255, 0.8)` |
+| \--nutui-popover-status-max-width | 状态型最大宽度 | `240px` |
+| \--nutui-popover-description-max-width | 说明型最大宽度 | `208px` |
+| \--nutui-popover-action-hotspot-size | 关闭按钮触控热区尺寸 | `36px` |
+| \--nutui-popover-light-content-background-color | 明亮风格背景色 | `#ffffff` |
+| \--nutui-popover-light-text-color | 明亮风格文案颜色 | `$color-mask` |
+| \--nutui-popover-light-icon-color | 明亮风格图标颜色（80% 透明度） | `rgba(17, 20, 26, 0.8)` |
+| \--nutui-popover-light-divider-color | 明亮风格分割线颜色 | `$color-border` |
+| \--nutui-popover-padding | 兼容旧版水平内边距变量 | `8px` |
+| \--nutui-popover-item-width | 兼容旧版选项宽度，等同状态型最大宽度 | `240px` |
 
 <Contribution name="Popover" />
diff --git a/src/packages/popover/doc.zh-TW.md b/src/packages/popover/doc.zh-TW.md
index ce90611f8c..103613dca3 100644
--- a/src/packages/popover/doc.zh-TW.md
+++ b/src/packages/popover/doc.zh-TW.md
@@ -10,7 +10,7 @@ import { Popover } from '@nutui/nutui-react'
 
 ## 示例代碼
 
-### 基礎用法
+### 氣泡類型
 
 :::demo
 
@@ -103,14 +103,18 @@ bottom-right  # 底部右側位置
 
 | 屬性 | 說明 | 類型 | 默認值 |
 | --- | --- | --- | --- |
+| type | 氣泡類型，`status` 狀態型（圖標+文案+關閉），`description` 說明型（僅文案） | `status` \| `description` | `status` |
 | list | 選項列表 | `PopoverList[]` | `[]` |
 | visible | 是否展示氣泡彈出層 | `boolean` | `false` |
-| location | 彈出位置，裏面具體的參數值可以參考上面的位置自定義例子 | `string` | `bottom` |
-| offset | 出現位置的偏移量 | `string[]` \| `number[]` | `[0, 12]` |
-| arrowOffset | 小箭頭的偏移量 | `number` | `0` |
+| theme | 主題風格，默認 `dark` 為設計規範深色氣泡；`light` 為明亮風格（白底深字） | `light` \| `dark` | `dark` |
+| location | 彈出位置，裏面具體的參數值可以參考上面的位置自定義例子 | `FullPosition` | `bottom` |
+| offset | 出現位置的偏移量 | `string[]` \| `number[]` | `[0, 8]` |
+| arrowOffset | 小箭頭的偏移量 | `number` | `20` |
 | showArrow | 是否顯示小箭頭 | `boolean` | `true` |
 | closeOnActionClick | 是否在點擊選項後關閉 | `boolean` | `true` |
 | closeOnOutsideClick | 是否在點擊外部元素後關閉菜單 | `boolean` | `true` |
+| autoShow | 是否自動彈出，需配合 `onOpen` 更新 `visible` | `boolean` | `false` |
+| duration | 自動關閉時長（ms），`0` 表示不自動關閉 | `number` | `0` |
 | targetId | 自定義目標元素 id | `string` | `-` |
 | onClick | 點擊切換 popover 展示狀態 | `() => void` | `() => {}` |
 | onSelect | 點擊選項時觸發 | `(item: PopoverList, index: number) => void` | `(item, index) => {}` |
@@ -142,13 +146,25 @@ PopoverList 屬性是一個由對象構成的數組，數組中的每個對象
 
 | 名稱 | 說明 | 默認值 |
 | --- | --- | --- |
-| \--nutui-popover-border-radius | popover 內容區的 border 的圓角值 | `8px` |
-| \--nutui-popover-font-size | popover 內容區的 font-size 值 | `12px` |
-| \--nutui-popover-text-color | 選項區的文字顏色 | `$color-title` |
-| \--nutui-popover-content-background-color | 選項區的背景顏色 | `$white` |
-| \--nutui-popover-divider-color | 選項區的底部 border 顏色 | `$color-border` |
+| \--nutui-popover-border-radius | popover 內容區的圓角 | `6px` |
+| \--nutui-popover-font-size | popover 內容區的字號 | `12px` |
+| \--nutui-popover-text-color | 文案顏色 | `$color-primary-text` |
+| \--nutui-popover-content-background-color | 內容區背景色 | `$color-mask` |
+| \--nutui-popover-divider-color | 多選項之間的分割線顏色 | `rgba(255, 255, 255, 0.12)` |
 | \--nutui-popover-disable-color | 選項禁用的顏色 | `$color-text-disabled` |
-| \--nutui-popover-padding | 選項區菜單每一項的 padding 值 | `8px` |
-| \--nutui-popover-item-width | 選項區菜單每一項寬度值，超過寬度值後，會折行展示，保障信息的完整性 | `160px` |
+| \--nutui-popover-padding-horizontal | 內容區水平內邊距 | `8px` |
+| \--nutui-popover-padding-vertical | 內容區垂直內邊距 | `6px` |
+| \--nutui-popover-height | 氣泡高度 | `28px` |
+| \--nutui-popover-icon-size | 圖標尺寸 | `12px` |
+| \--nutui-popover-icon-color | 圖標顏色（80% 透明度） | `rgba(255, 255, 255, 0.8)` |
+| \--nutui-popover-status-max-width | 狀態型最大寬度 | `240px` |
+| \--nutui-popover-description-max-width | 說明型最大寬度 | `208px` |
+| \--nutui-popover-action-hotspot-size | 關閉按鈕觸控熱區尺寸 | `36px` |
+| \--nutui-popover-light-content-background-color | 明亮風格背景色 | `#ffffff` |
+| \--nutui-popover-light-text-color | 明亮風格文案顏色 | `$color-mask` |
+| \--nutui-popover-light-icon-color | 明亮風格圖標顏色（80% 透明度） | `rgba(17, 20, 26, 0.8)` |
+| \--nutui-popover-light-divider-color | 明亮風格分割線顏色 | `$color-border` |
+| \--nutui-popover-padding | 兼容舊版水平內邊距變量 | `8px` |
+| \--nutui-popover-item-width | 兼容舊版選項寬度，等同狀態型最大寬度 | `240px` |
 
 <Contribution name="Popover" />
diff --git a/src/packages/popover/popover.scss b/src/packages/popover/popover.scss
index 20081f9612..e3635cd149 100644
--- a/src/packages/popover/popover.scss
+++ b/src/packages/popover/popover.scss
@@ -7,25 +7,25 @@
   &-arrow {
     position: absolute;
     width: 8px;
-    height: 4px;
+    height: 8px;
 
     .nut-icon-ArrowRadius {
       position: absolute;
       color: $popover-content-background-color;
       width: 8px;
-      height: 4px;
+      height: 8px;
     }
 
     &-top {
-      bottom: -4px;
+      bottom: -8px;
     }
 
     &-bottom {
-      top: -4px;
+      top: -8px;
     }
 
     &-left {
-      right: -6px;
+      right: -8px;
       transform-origin: center top;
 
       &.nut-popover-arrow-left {
@@ -34,15 +34,12 @@
       }
 
       &.nut-popover-arrow-left-top {
-        top: 16px;
-        right: -8px;
+        right: -12px;
         transform: rotate(90deg) translateY(0%);
       }
 
       &.nut-popover-arrow-left-bottom {
-        top: auto;
-        bottom: 16px;
-        right: -8px;
+        right: -12px;
         transform: rotate(90deg) translateY(0%);
       }
     }
@@ -51,19 +48,17 @@
       transform-origin: center top;
       &.nut-popover-arrow-right {
         top: 50%;
-        left: -6px;
+        left: -8px;
         transform: rotate(-90deg) translateY(-50%);
       }
 
       &.nut-popover-arrow-right-top {
-        top: 16px;
-        left: -8px;
+        left: -12px;
         transform: rotate(-90deg) translateY(0%);
       }
 
       &.nut-popover-arrow-right-bottom {
-        bottom: 16px;
-        left: -8px;
+        left: -12px;
         transform: rotate(-90deg) translateY(0%);
       }
     }
@@ -75,41 +70,57 @@
     border-radius: $popover-border-radius;
     font-size: $popover-font-size;
     color: $popover-text-color;
-    line-height: 28px;
     /* #ifndef dynamic*/
     max-height: initial;
     overflow-y: initial;
     /* #endif */
 
     &-group {
-      padding: 0 $popover-padding;
+      padding: 0 $popover-padding-horizontal;
+      overflow: visible;
     }
 
     .nut-popover-item {
+      box-sizing: border-box;
       display: flex;
       align-items: center;
       justify-content: center;
+      min-height: $popover-height;
+      padding: $popover-padding-vertical 0;
       border-bottom: 1px solid $popover-divider-color;
-      max-width: $popover-item-width;
       word-wrap: break-word;
 
       &:last-child {
-        margin-bottom: 0px;
+        margin-bottom: 0;
         border-bottom: none;
       }
 
       &-icon,
       &-action-icon {
+        position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
-        width: $font-size-s;
-        height: $font-size-s;
-        font-size: $font-size-s;
+        flex-shrink: 0;
+        align-self: stretch;
+        width: $popover-icon-size;
+        color: $popover-icon-color;
+
+        &::before {
+          content: '';
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          left: 50%;
+          width: $popover-action-hotspot-size;
+          transform: translateX(-50%);
+        }
+
         .nut-icon {
-          width: $font-size-s;
-          height: $font-size-s;
-          font-size: $font-size-s;
+          position: relative;
+          z-index: 1;
+          width: $popover-icon-size;
+          height: $popover-icon-size;
         }
       }
 
@@ -118,14 +129,17 @@
       }
 
       &-name {
-        width: calc(100% - 34px);
         word-break: keep-all;
         flex: 1;
+        min-width: 0;
+        text-align: center;
+        line-height: calc(
+          #{$popover-height} - #{$popover-padding-vertical} * 2
+        );
       }
 
       &-action-icon {
-        color: $color-text;
-        margin-left: $spacing-base;
+        margin-left: $spacing-xxs;
       }
 
       &.nut-popover-item-disabled {
@@ -149,18 +163,16 @@
     &-top-right {
       right: 0;
       .nut-popover-arrow-top-right {
-        right: 16px;
-        bottom: -3.5px;
-        transform: rotate(180deg) translateX(0%);
+        transform-origin: center right;
+        transform: rotate(180deg) translateX(50%);
       }
     }
 
     &-top-left {
       left: 0;
       .nut-popover-arrow-top-left {
-        left: 16px;
-        bottom: -3.5px;
-        transform: rotate(180deg) translateX(0%);
+        transform-origin: center left;
+        transform: rotate(180deg) translateX(-50%);
       }
     }
 
@@ -174,16 +186,14 @@
     &-bottom-right {
       right: 0;
       .nut-popover-arrow-bottom-right {
-        right: 16px;
-        transform: translateX(0%);
+        transform: translateX(50%);
       }
     }
 
     &-bottom-left {
       left: 0;
       .nut-popover-arrow-bottom-left {
-        left: 16px;
-        transform: translateX(0%);
+        transform: translateX(-50%);
       }
     }
 
@@ -203,24 +213,42 @@
       top: 0;
     }
   }
-}
 
-.nut-popover-dark {
-  background: $popover-text-color;
-  color: $popover-content-background-color;
+  &--status {
+    .nut-popover-content .nut-popover-item {
+      max-width: $popover-status-max-width;
+    }
+  }
 
+  &--description {
+    .nut-popover-content .nut-popover-item {
+      max-width: $popover-description-max-width;
+    }
+  }
+}
+
+.nut-popover-light {
   .nut-popover-arrow {
-    .nut-icon-ArrowRadius {
-      color: $popover-text-color;
+    .nut-icon-ArrowRadius,
+    .nut-popover-arrow-svg {
+      color: $popover-light-content-background-color;
     }
   }
 
   .nut-popover-content {
-    background: $popover-text-color !important;
-    color: $popover-content-background-color !important;
+    background: $popover-light-content-background-color !important;
+    color: $popover-light-text-color !important;
+
     .nut-popover-item {
+      border-bottom-color: $popover-light-divider-color;
+
+      &-icon,
       &-action-icon {
-        color: rgba(255, 255, 255, 0.8);
+        color: $popover-light-icon-color;
+
+        .nut-icon {
+          color: $popover-light-icon-color;
+        }
       }
     }
   }
@@ -230,13 +258,14 @@
 .nut-rtl .nut-popover {
   .nut-popover-content {
     .nut-popover-item {
-      &-name {
-        margin-left: 0;
-        margin-right: 4px;
+      &-icon {
+        margin-right: 0;
+        margin-left: $spacing-xxs;
       }
 
       &-action-icon {
-        right: auto;
+        margin-left: 0;
+        margin-right: $spacing-xxs;
       }
     }
     &-top {
@@ -252,7 +281,6 @@
 
       .nut-popover-arrow-top-right {
         right: auto;
-        left: 16px;
       }
     }
 
@@ -262,7 +290,6 @@
 
       .nut-popover-arrow-top-left {
         left: auto;
-        right: 16px;
       }
     }
 
@@ -280,7 +307,6 @@
 
       .nut-popover-arrow-bottom-right {
         right: auto;
-        left: 16px;
       }
     }
 
@@ -290,7 +316,6 @@
 
       .nut-popover-arrow-bottom-left {
         left: auto;
-        right: 16px;
       }
     }
   }
diff --git a/src/packages/popover/popover.taro.tsx b/src/packages/popover/popover.taro.tsx
index 0a26fdb272..5615c500fb 100644
--- a/src/packages/popover/popover.taro.tsx
+++ b/src/packages/popover/popover.taro.tsx
@@ -20,15 +20,18 @@ import { useUuid } from '@/hooks/use-uuid'
 const defaultProps = {
   ...ComponentDefaults,
   list: [],
-  theme: 'light',
+  type: 'status',
+  theme: 'dark',
   location: 'bottom',
   visible: false,
   offset: [0, 8],
-  arrowOffset: 0,
+  arrowOffset: 20,
   targetId: '',
   showArrow: true,
   closeOnOutsideClick: true,
   closeOnActionClick: true,
+  autoShow: false,
+  duration: 0,
   overlay: false,
   onClick: () => {},
   onOpen: () => {},
@@ -44,6 +47,7 @@ export const Popover: FunctionComponent<
   const {
     children,
     list,
+    type,
     theme,
     location,
     visible,
@@ -53,6 +57,8 @@ export const Popover: FunctionComponent<
     overlay,
     closeOnOutsideClick,
     closeOnActionClick,
+    autoShow,
+    duration,
     className,
     showArrow,
     style,
@@ -79,6 +85,22 @@ export const Popover: FunctionComponent<
     }
   }, [visible])
 
+  useEffect(() => {
+    if (autoShow) {
+      onOpen?.()
+    }
+  }, [])
+
+  useEffect(() => {
+    if (visible && duration > 0) {
+      const timer = setTimeout(() => {
+        onClick?.()
+        onClose?.()
+      }, duration)
+      return () => clearTimeout(timer)
+    }
+  }, [visible, duration, onClick, onClose])
+
   const uid = useUuid()
   const popoverId = `popover-${uid}`
 
@@ -121,8 +143,9 @@ export const Popover: FunctionComponent<
 
   const classes = classNames(
     classPrefix,
+    `${classPrefix}--${type}`,
     {
-      [`${classPrefix}-${theme}`]: theme === 'dark',
+      [`${classPrefix}-light`]: theme === 'light',
     },
     className
   )
@@ -151,6 +174,7 @@ export const Popover: FunctionComponent<
     }
     if (width) {
       const dir = rtl ? 'right' : 'left'
+      const edgeOffset = arrowOffset
       if (['bottom', 'top'].includes(direction)) {
         const h = direction === 'bottom' ? height + cross : -(popHeight + cross)
         styles.top = pxTransform(top + h)
@@ -161,10 +185,10 @@ export const Popover: FunctionComponent<
           )
         }
         if (skew === 'left') {
-          styles.left = pxTransform(left + parallel)
+          styles.left = pxTransform(left + width / 2 - edgeOffset + parallel)
         }
         if (skew === 'right') {
-          styles.left = pxTransform(right + parallel)
+          styles.left = pxTransform(left + width / 2 + edgeOffset + parallel)
         }
       }
       if (['left', 'right'].includes(direction)) {
@@ -172,9 +196,7 @@ export const Popover: FunctionComponent<
           direction === 'left' ? -(popWidth + cross) : width + cross
         styles.left = pxTransform(left + contentW)
         if (!skew) {
-          styles.top = pxTransform(
-            top - popHeight / 2 + height / 2 - 4 + parallel
-          )
+          styles.top = pxTransform(top - popHeight / 2 + height / 2 + parallel)
         }
         if (skew === 'top') {
           styles.top = pxTransform(top + parallel)
@@ -193,35 +215,19 @@ export const Popover: FunctionComponent<
     const styles: CSSProperties = {}
     const direction = location.split('-')[0]
     const skew = location.split('-')[1]
-    const base = 16
+    const dir = rtl ? 'right' : 'left'
+    const dir2 = rtl ? 'left' : 'right'
+    const edgeOffset = arrowOffset
 
-    if (arrowOffset !== 0) {
-      const dir = rtl ? 'right' : 'left'
-      const dir2 = rtl ? 'left' : 'right'
-      if (['bottom', 'top'].includes(direction)) {
-        if (!skew) {
-          styles[dir] = `calc(50% + ${arrowOffset}px)`
-        }
-        if (skew === 'left') {
-          styles[dir] = `${base + arrowOffset}px`
-        }
-        if (skew === 'right') {
-          styles[dir2] = `${base - arrowOffset}px`
-        }
+    if (['bottom', 'top'].includes(direction)) {
+      if (skew === 'left') {
+        styles[dir] = `${edgeOffset}px`
       }
-
-      if (['left', 'right'].includes(direction)) {
-        if (!skew) {
-          styles.top = `calc(50% - ${arrowOffset}px)`
-        }
-        if (skew === 'top') {
-          styles.top = `${base - arrowOffset}px`
-        }
-        if (skew === 'bottom') {
-          styles.bottom = `${base + arrowOffset}px`
-        }
+      if (skew === 'right') {
+        styles[dir2] = `${edgeOffset}px`
       }
     }
+
     return styles
   }
 
diff --git a/src/packages/popover/popover.tsx b/src/packages/popover/popover.tsx
index e95789ec6c..aff43a7afc 100644
--- a/src/packages/popover/popover.tsx
+++ b/src/packages/popover/popover.tsx
@@ -22,15 +22,18 @@ import { WebPopoverProps, PopoverList, WrapperPosition } from '@/types'
 const defaultProps = {
   ...ComponentDefaults,
   list: [],
-  theme: 'light',
+  type: 'status',
+  theme: 'dark',
   location: 'bottom',
   visible: false,
   offset: [0, 8],
-  arrowOffset: 0,
+  arrowOffset: 20,
   targetId: '',
   showArrow: true,
   closeOnOutsideClick: true,
   closeOnActionClick: true,
+  autoShow: false,
+  duration: 0,
   overlay: false,
   onClick: () => {},
   onOpen: () => {},
@@ -46,6 +49,7 @@ export const Popover: FunctionComponent<
   const {
     children,
     list,
+    type,
     theme,
     location,
     visible,
@@ -55,6 +59,8 @@ export const Popover: FunctionComponent<
     overlay,
     closeOnOutsideClick,
     closeOnActionClick,
+    autoShow,
+    duration,
     className,
     showArrow,
     style,
@@ -81,6 +87,22 @@ export const Popover: FunctionComponent<
     }
   }, [visible, location])
 
+  useEffect(() => {
+    if (autoShow) {
+      onOpen?.()
+    }
+  }, [])
+
+  useEffect(() => {
+    if (visible && duration > 0) {
+      const timer = setTimeout(() => {
+        onClick?.()
+        onClose?.()
+      }, duration)
+      return () => clearTimeout(timer)
+    }
+  }, [visible, duration, onClick, onClose])
+
   const update = useRef((e: any) => {
     getWrapperPosition()
   })
@@ -141,8 +163,9 @@ export const Popover: FunctionComponent<
 
   const classes = classNames(
     classPrefix,
+    `${classPrefix}--${type}`,
     {
-      [`${classPrefix}-${theme}`]: theme === 'dark',
+      [`${classPrefix}-light`]: theme === 'light',
     },
     className
   )
@@ -175,6 +198,7 @@ export const Popover: FunctionComponent<
     }
     if (width) {
       const dir = rtl ? 'right' : 'left'
+      const edgeOffset = arrowOffset
       if (['bottom', 'top'].includes(direction)) {
         const h = direction === 'bottom' ? height + cross : -(popHeight + cross)
         styles.top = `${top + h}px`
@@ -184,10 +208,10 @@ export const Popover: FunctionComponent<
             `${-(popWidth - width) / 2 + wrapperPosition[dir] + parallel}px`
         }
         if (skew === 'left') {
-          styles.left = `${left + parallel}px`
+          styles.left = `${left + width / 2 - edgeOffset + parallel}px`
         }
         if (skew === 'right') {
-          styles.left = `${right + parallel}px`
+          styles.left = `${left + width / 2 + edgeOffset + parallel}px`
         }
       }
       if (['left', 'right'].includes(direction)) {
@@ -195,7 +219,7 @@ export const Popover: FunctionComponent<
           direction === 'left' ? -(popWidth + cross) : width + cross
         styles.left = `${left + contentW}px`
         if (!skew) {
-          styles.top = `${top - popHeight / 2 + height / 2 - 4 + parallel}px`
+          styles.top = `${top - popHeight / 2 + height / 2 + parallel}px`
         }
         if (skew === 'top') {
           styles.top = `${top + parallel}px`
@@ -213,35 +237,19 @@ export const Popover: FunctionComponent<
     const styles: CSSProperties = {}
     const direction = location.split('-')[0]
     const skew = location.split('-')[1]
-    const base = 16
+    const dir = rtl ? 'right' : 'left'
+    const dir2 = rtl ? 'left' : 'right'
+    const edgeOffset = arrowOffset
 
-    if (arrowOffset !== 0) {
-      const dir = rtl ? 'right' : 'left'
-      const dir2 = rtl ? 'left' : 'right'
-      if (['bottom', 'top'].includes(direction)) {
-        if (!skew) {
-          styles[dir] = `calc(50% + ${arrowOffset}px)`
-        }
-        if (skew === 'left') {
-          styles[dir] = `${base + arrowOffset}px`
-        }
-        if (skew === 'right') {
-          styles[dir2] = `${base - arrowOffset}px`
-        }
+    if (['bottom', 'top'].includes(direction)) {
+      if (skew === 'left') {
+        styles[dir] = `${edgeOffset}px`
       }
-
-      if (['left', 'right'].includes(direction)) {
-        if (!skew) {
-          styles.top = `calc(50% - ${arrowOffset}px)`
-        }
-        if (skew === 'top') {
-          styles.top = `${base - arrowOffset}px`
-        }
-        if (skew === 'bottom') {
-          styles.bottom = `${base + arrowOffset}px`
-        }
+      if (skew === 'right') {
+        styles[dir2] = `${edgeOffset}px`
       }
     }
+
     return styles
   }
 
diff --git a/src/packages/tour/__test__/tour.spec.tsx b/src/packages/tour/__test__/tour.spec.tsx
index d1f767f4c6..e0aafcd76d 100644
--- a/src/packages/tour/__test__/tour.spec.tsx
+++ b/src/packages/tour/__test__/tour.spec.tsx
@@ -103,7 +103,7 @@ test('custom offset', () => {
     />
   )
   const tourArrow = document.querySelectorAll('.nut-popover-arrow')[0]
-  expect(tourArrow).toHaveStyle({ right: '52px' })
+  expect(tourArrow).toHaveStyle({ right: '-36px' })
 })
 
 test('slot render', () => {
diff --git a/src/packages/tour/demos/h5/demo3.tsx b/src/packages/tour/demos/h5/demo3.tsx
index 3c992fad8d..f9a267889a 100644
--- a/src/packages/tour/demos/h5/demo3.tsx
+++ b/src/packages/tour/demos/h5/demo3.tsx
@@ -12,8 +12,7 @@ const Demo3 = () => {
     {
       content: '支持一套代码同时开发多端小程序+H5',
       target: 'target3',
-      popoverOffset: [40, 12],
-      arrowOffset: -36,
+      popoverOffset: [0, 12],
     },
   ]
 
diff --git a/src/packages/tour/demos/taro/demo3.tsx b/src/packages/tour/demos/taro/demo3.tsx
index 6422eef8bb..4a4cd6953c 100644
--- a/src/packages/tour/demos/taro/demo3.tsx
+++ b/src/packages/tour/demos/taro/demo3.tsx
@@ -13,8 +13,7 @@ const Demo3 = () => {
     {
       content: '支持一套代码同时开发多端小程序+H5',
       target: 'target3',
-      popoverOffset: [40, 12],
-      arrowOffset: -36,
+      popoverOffset: [0, 12],
     },
   ]
 
diff --git a/src/packages/tour/tour.taro.tsx b/src/packages/tour/tour.taro.tsx
index 26a2f464f0..c3bc588da2 100644
--- a/src/packages/tour/tour.taro.tsx
+++ b/src/packages/tour/tour.taro.tsx
@@ -170,7 +170,7 @@ export const Tour: FunctionComponent<
                   targetId={`nut-tour-popid${index === active ? index : ''}`}
                   closeOnOutsideClick={false}
                   offset={item.popoverOffset || [0, 8]}
-                  arrowOffset={item.arrowOffset || 0}
+                  arrowOffset={item.arrowOffset || 20}
                 >
                   {/* placeholder don't delete <></> */}
                   <></>
diff --git a/src/packages/tour/tour.tsx b/src/packages/tour/tour.tsx
index d36147dfbf..a3f81906db 100644
--- a/src/packages/tour/tour.tsx
+++ b/src/packages/tour/tour.tsx
@@ -158,7 +158,7 @@ export const Tour: FunctionComponent<
                   targetId="nut-tour-popid"
                   closeOnOutsideClick={false}
                   offset={item.popoverOffset || [0, 12]}
-                  arrowOffset={item.arrowOffset || 0}
+                  arrowOffset={item.arrowOffset || 20}
                 >
                   {/* placeholder don't delete <></> */}
                   <></>
diff --git a/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md b/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
index 47e8cd2b8e..2cbf1ed8f7 100644
--- a/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
+++ b/src/sites/sites-react/doc/docs/react/migrate-from-v3.en-US.md
@@ -78,3 +78,29 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"` (generic empty) or another enum above
     - `status="error"` → `status="network"` or a custom `image`
   - Images load from CDN URLs at runtime; see `src/types/spec/empty/base.ts` for the mapping.
+
+### Popover
+
+> **No v3 compatibility in v4**: no prop aliases and no `.nut-popover-dark` class fallback. Migrate manually using the table below.
+
+- **New `type` bubble variant (breaking default behavior)**:
+  - Added `type`: `status` (icon + text + close) or `description` (text only).
+  - Default `status`; max width 240px for status, 208px for description.
+- **`theme` default changed (breaking)**:
+  - Default changed from `light` to `dark` (design-spec dark bubble).
+  - **Light style is preserved**: set `theme="light"` for the bright white-background style.
+  - Recommended migration:
+    - v3 default bright style → set `theme="light"` explicitly
+    - v3 `theme="dark"` → can remove the prop in v4 (already the default look)
+- **Visual spec updates**:
+  - **Common**: height 28px, font 12px, background `$color-mask`, text `$color-primary-text`, padding 6px vertical / 8px horizontal.
+  - **Status**: icon/close 12×12 at 80% opacity; close button touch hotspot at least 36×36px.
+  - **Description**: text only, 8px horizontal padding.
+- **CSS class name breaking changes**:
+  - Removed `.nut-popover-dark`; default styles match the design-spec dark bubble.
+  - Bright style uses `.nut-popover-light` (`theme="light"`).
+  - Added `.nut-popover--status` / `.nut-popover--description`.
+- **Theme variable updates**:
+  - Added `--nutui-popover-padding-horizontal`, `--nutui-popover-padding-vertical`, `--nutui-popover-height`, `--nutui-popover-icon-size`, `--nutui-popover-icon-color`, `--nutui-popover-status-max-width`, `--nutui-popover-description-max-width`, `--nutui-popover-action-hotspot-size`.
+  - `--nutui-popover-content-background-color` default changed from `#ffffff` to `$color-mask`; `--nutui-popover-text-color` from `$color-mask` to `$color-primary-text`.
+  - `--nutui-popover-item-width` default changed from `160px` to `240px` (same as status max width).
diff --git a/src/sites/sites-react/doc/docs/react/migrate-from-v3.md b/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
index c942fe3ad1..3c8d132482 100644
--- a/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
+++ b/src/sites/sites-react/doc/docs/react/migrate-from-v3.md
@@ -78,3 +78,29 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"`（通用空态）或按场景选用上表枚举
     - `status="error"` → `status="network"` 或通过 `image` 传入自定义插图
   - 插图通过 CDN URL 运行时加载，映射表见 `src/types/spec/empty/base.ts`。
+
+### Popover (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名、无 `.nut-popover-dark` 类名回退。请按下表手动迁移。
+
+- **新增 `type` 气泡类型（不兼容默认值行为）**：
+  - 新增 `type` 属性，枚举 `status`（状态型：图标 + 文案 + 关闭）/ `description`（说明型：仅文案）。
+  - 默认值 `status`；说明型最大宽度 208px，状态型最大宽度 240px。
+- **`theme` 默认值变更（不兼容）**：
+  - 默认值由 `light` 调整为 `dark`（对齐设计规范深色气泡）。
+  - **明亮风格保留**：设置 `theme="light"` 即可使用白底深字的明亮风格。
+  - 推荐迁移映射：
+    - v3 默认明亮风格 → 显式设置 `theme="light"`
+    - v3 `theme="dark"` → v4 可移除该属性（已是默认外观）
+- **视觉规格对齐设计稿**：
+  - **通用**：高度 28px，字号 12px，背景 `$color-mask`，文案 `$color-primary-text`，垂直内边距 6px、水平内边距 8px。
+  - **状态型**：图标/关闭 12×12、80% 透明度，关闭按钮触控热区不低于 36×36px。
+  - **说明型**：仅文案，左右内边距各 8px。
+- **CSS 类名变更（不兼容）**：
+  - 移除 `.nut-popover-dark`；默认样式即为设计规范深色气泡。
+  - 明亮风格改用 `.nut-popover-light`（`theme="light"`）。
+  - 新增类型修饰类：`.nut-popover--status` / `.nut-popover--description`。
+- **主题变量调整**：
+  - 新增 `--nutui-popover-padding-horizontal`、`--nutui-popover-padding-vertical`、`--nutui-popover-height`、`--nutui-popover-icon-size`、`--nutui-popover-icon-color`、`--nutui-popover-status-max-width`、`--nutui-popover-description-max-width`、`--nutui-popover-action-hotspot-size`。
+  - `--nutui-popover-content-background-color` 默认值由 `#ffffff` 改为 `$color-mask`；`--nutui-popover-text-color` 由 `$color-mask` 改为 `$color-primary-text`。
+  - `--nutui-popover-item-width` 默认值由 `160px` 改为 `240px`（等同状态型最大宽度）。
diff --git a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
index 47e8cd2b8e..2cbf1ed8f7 100644
--- a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
+++ b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.en-US.md
@@ -78,3 +78,29 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"` (generic empty) or another enum above
     - `status="error"` → `status="network"` or a custom `image`
   - Images load from CDN URLs at runtime; see `src/types/spec/empty/base.ts` for the mapping.
+
+### Popover
+
+> **No v3 compatibility in v4**: no prop aliases and no `.nut-popover-dark` class fallback. Migrate manually using the table below.
+
+- **New `type` bubble variant (breaking default behavior)**:
+  - Added `type`: `status` (icon + text + close) or `description` (text only).
+  - Default `status`; max width 240px for status, 208px for description.
+- **`theme` default changed (breaking)**:
+  - Default changed from `light` to `dark` (design-spec dark bubble).
+  - **Light style is preserved**: set `theme="light"` for the bright white-background style.
+  - Recommended migration:
+    - v3 default bright style → set `theme="light"` explicitly
+    - v3 `theme="dark"` → can remove the prop in v4 (already the default look)
+- **Visual spec updates**:
+  - **Common**: height 28px, font 12px, background `$color-mask`, text `$color-primary-text`, padding 6px vertical / 8px horizontal.
+  - **Status**: icon/close 12×12 at 80% opacity; close button touch hotspot at least 36×36px.
+  - **Description**: text only, 8px horizontal padding.
+- **CSS class name breaking changes**:
+  - Removed `.nut-popover-dark`; default styles match the design-spec dark bubble.
+  - Bright style uses `.nut-popover-light` (`theme="light"`).
+  - Added `.nut-popover--status` / `.nut-popover--description`.
+- **Theme variable updates**:
+  - Added `--nutui-popover-padding-horizontal`, `--nutui-popover-padding-vertical`, `--nutui-popover-height`, `--nutui-popover-icon-size`, `--nutui-popover-icon-color`, `--nutui-popover-status-max-width`, `--nutui-popover-description-max-width`, `--nutui-popover-action-hotspot-size`.
+  - `--nutui-popover-content-background-color` default changed from `#ffffff` to `$color-mask`; `--nutui-popover-text-color` from `$color-mask` to `$color-primary-text`.
+  - `--nutui-popover-item-width` default changed from `160px` to `240px` (same as status max width).
diff --git a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
index c942fe3ad1..3c8d132482 100644
--- a/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
+++ b/src/sites/sites-react/doc/docs/taro/migrate-from-v3.md
@@ -78,3 +78,29 @@ npm install @nutui/nutui-react-taro
     - `status="empty"` → `status="search"`（通用空态）或按场景选用上表枚举
     - `status="error"` → `status="network"` 或通过 `image` 传入自定义插图
   - 插图通过 CDN URL 运行时加载，映射表见 `src/types/spec/empty/base.ts`。
+
+### Popover (反馈类)
+
+> **v4 不提供 v3 兼容**：无 Props 别名、无 `.nut-popover-dark` 类名回退。请按下表手动迁移。
+
+- **新增 `type` 气泡类型（不兼容默认值行为）**：
+  - 新增 `type` 属性，枚举 `status`（状态型：图标 + 文案 + 关闭）/ `description`（说明型：仅文案）。
+  - 默认值 `status`；说明型最大宽度 208px，状态型最大宽度 240px。
+- **`theme` 默认值变更（不兼容）**：
+  - 默认值由 `light` 调整为 `dark`（对齐设计规范深色气泡）。
+  - **明亮风格保留**：设置 `theme="light"` 即可使用白底深字的明亮风格。
+  - 推荐迁移映射：
+    - v3 默认明亮风格 → 显式设置 `theme="light"`
+    - v3 `theme="dark"` → v4 可移除该属性（已是默认外观）
+- **视觉规格对齐设计稿**：
+  - **通用**：高度 28px，字号 12px，背景 `$color-mask`，文案 `$color-primary-text`，垂直内边距 6px、水平内边距 8px。
+  - **状态型**：图标/关闭 12×12、80% 透明度，关闭按钮触控热区不低于 36×36px。
+  - **说明型**：仅文案，左右内边距各 8px。
+- **CSS 类名变更（不兼容）**：
+  - 移除 `.nut-popover-dark`；默认样式即为设计规范深色气泡。
+  - 明亮风格改用 `.nut-popover-light`（`theme="light"`）。
+  - 新增类型修饰类：`.nut-popover--status` / `.nut-popover--description`。
+- **主题变量调整**：
+  - 新增 `--nutui-popover-padding-horizontal`、`--nutui-popover-padding-vertical`、`--nutui-popover-height`、`--nutui-popover-icon-size`、`--nutui-popover-icon-color`、`--nutui-popover-status-max-width`、`--nutui-popover-description-max-width`、`--nutui-popover-action-hotspot-size`。
+  - `--nutui-popover-content-background-color` 默认值由 `#ffffff` 改为 `$color-mask`；`--nutui-popover-text-color` 由 `$color-mask` 改为 `$color-primary-text`。
+  - `--nutui-popover-item-width` 默认值由 `160px` 改为 `240px`（等同状态型最大宽度）。
diff --git a/src/sites/theme/components/header/header.scss b/src/sites/theme/components/header/header.scss
index b1ae250808..9b51f26776 100644
--- a/src/sites/theme/components/header/header.scss
+++ b/src/sites/theme/components/header/header.scss
@@ -411,7 +411,7 @@
   width: 150px;
   cursor: pointer;
 
-  .nut-popover--dark {
+  .nut-popover {
     width: 100%;
     margin-right: 0;
     background: transparent;
diff --git a/src/styles/variables-daojia.scss b/src/styles/variables-daojia.scss
index 3603c7d984..b1cf591e42 100644
--- a/src/styles/variables-daojia.scss
+++ b/src/styles/variables-daojia.scss
@@ -1167,15 +1167,45 @@ $badge-outline-border: var(--nutui-badge-outline-border,
 //popover（✅）
 $popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
 $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
-$popover-content-background-color: var(--nutui-popover-content-background-color,
-    #ffffff) !default;
-$popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
-$popover-disable-color: var(--nutui-popover-disable-color,
-    $color-text-disabled) !default;
-$popover-divider-color: var(--nutui-popover-divider-color,
-    $color-border) !default;
-$popover-padding: var(--nutui-popover-padding, 8px) !default;
-$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
+$popover-content-background-color: var(
+  --nutui-popover-content-background-color,
+  $color-mask
+) !default;
+$popover-text-color: var(--nutui-popover-text-color, $color-primary-text) !default;
+$popover-disable-color: var(
+  --nutui-popover-disable-color,
+  $color-text-disabled
+) !default;
+$popover-divider-color: var(
+  --nutui-popover-divider-color,
+  rgba(255, 255, 255, 0.12)
+) !default;
+$popover-padding-horizontal: var(--nutui-popover-padding-horizontal, 8px) !default;
+$popover-padding-vertical: var(--nutui-popover-padding-vertical, 6px) !default;
+$popover-height: var(--nutui-popover-height, 28px) !default;
+$popover-icon-size: var(--nutui-popover-icon-size, 12px) !default;
+$popover-icon-color: var(--nutui-popover-icon-color, rgba(255, 255, 255, 0.8)) !default;
+$popover-status-max-width: var(--nutui-popover-status-max-width, 240px) !default;
+$popover-description-max-width: var(
+  --nutui-popover-description-max-width,
+  208px
+) !default;
+$popover-action-hotspot-size: var(--nutui-popover-action-hotspot-size, 36px) !default;
+$popover-light-content-background-color: var(
+  --nutui-popover-light-content-background-color,
+  #ffffff
+) !default;
+$popover-light-text-color: var(--nutui-popover-light-text-color, $color-mask) !default;
+$popover-light-icon-color: var(
+  --nutui-popover-light-icon-color,
+  rgba(17, 20, 26, 0.8)
+) !default;
+$popover-light-divider-color: var(
+  --nutui-popover-light-divider-color,
+  $color-border
+) !default;
+$popover-padding: var(--nutui-popover-padding, $popover-padding-horizontal) !default;
+$popover-item-width: var(--nutui-popover-item-width, $popover-status-max-width) !default;
 
 //progress（✅）
 $progress-height: var(--nutui-progress-height, 10px) !default;
diff --git a/src/styles/variables-jmapp.scss b/src/styles/variables-jmapp.scss
index 9f50ac70a0..fead6d27ce 100644
--- a/src/styles/variables-jmapp.scss
+++ b/src/styles/variables-jmapp.scss
@@ -1972,19 +1972,46 @@ $badge-outline-border: var(
 
 //popover（✅）
 $popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
-$popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
+$popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
 $popover-content-background-color: var(
   --nutui-popover-content-background-color,
-  #ffffff
+  $color-mask
 ) !default;
-$popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
+$popover-text-color: var(--nutui-popover-text-color, $color-primary-text) !default;
 $popover-disable-color: var(
   --nutui-popover-disable-color,
   $color-text-disabled
 ) !default;
-$popover-divider-color: var(--nutui-popover-divider-color, none) !default;
-$popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
-$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
+$popover-divider-color: var(
+  --nutui-popover-divider-color,
+  rgba(255, 255, 255, 0.12)
+) !default;
+$popover-padding-horizontal: var(--nutui-popover-padding-horizontal, 8px) !default;
+$popover-padding-vertical: var(--nutui-popover-padding-vertical, 6px) !default;
+$popover-height: var(--nutui-popover-height, 28px) !default;
+$popover-icon-size: var(--nutui-popover-icon-size, 12px) !default;
+$popover-icon-color: var(--nutui-popover-icon-color, rgba(255, 255, 255, 0.8)) !default;
+$popover-status-max-width: var(--nutui-popover-status-max-width, 240px) !default;
+$popover-description-max-width: var(
+  --nutui-popover-description-max-width,
+  208px
+) !default;
+$popover-action-hotspot-size: var(--nutui-popover-action-hotspot-size, 36px) !default;
+$popover-light-content-background-color: var(
+  --nutui-popover-light-content-background-color,
+  #ffffff
+) !default;
+$popover-light-text-color: var(--nutui-popover-light-text-color, $color-mask) !default;
+$popover-light-icon-color: var(
+  --nutui-popover-light-icon-color,
+  rgba(17, 20, 26, 0.8)
+) !default;
+$popover-light-divider-color: var(
+  --nutui-popover-light-divider-color,
+  $color-border
+) !default;
+$popover-padding: var(--nutui-popover-padding, $popover-padding-horizontal) !default;
+$popover-item-width: var(--nutui-popover-item-width, $popover-status-max-width) !default;
 
 //progress（✅）
 $progress-height: var(--nutui-progress-height, 10px) !default;
diff --git a/src/styles/variables-jrkf.scss b/src/styles/variables-jrkf.scss
index 088fb4ef61..e3a21e8def 100644
--- a/src/styles/variables-jrkf.scss
+++ b/src/styles/variables-jrkf.scss
@@ -2079,19 +2079,46 @@ $badge-outline-border: var(
 
 //popover（✅）
 $popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
-$popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
+$popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
 $popover-content-background-color: var(
   --nutui-popover-content-background-color,
-  #ffffff
+  $color-mask
 ) !default;
-$popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
+$popover-text-color: var(--nutui-popover-text-color, $color-primary-text) !default;
 $popover-disable-color: var(
   --nutui-popover-disable-color,
   $color-text-disabled
 ) !default;
-$popover-divider-color: var(--nutui-popover-divider-color, none) !default;
-$popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
-$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
+$popover-divider-color: var(
+  --nutui-popover-divider-color,
+  rgba(255, 255, 255, 0.12)
+) !default;
+$popover-padding-horizontal: var(--nutui-popover-padding-horizontal, 8px) !default;
+$popover-padding-vertical: var(--nutui-popover-padding-vertical, 6px) !default;
+$popover-height: var(--nutui-popover-height, 28px) !default;
+$popover-icon-size: var(--nutui-popover-icon-size, 12px) !default;
+$popover-icon-color: var(--nutui-popover-icon-color, rgba(255, 255, 255, 0.8)) !default;
+$popover-status-max-width: var(--nutui-popover-status-max-width, 240px) !default;
+$popover-description-max-width: var(
+  --nutui-popover-description-max-width,
+  208px
+) !default;
+$popover-action-hotspot-size: var(--nutui-popover-action-hotspot-size, 36px) !default;
+$popover-light-content-background-color: var(
+  --nutui-popover-light-content-background-color,
+  #ffffff
+) !default;
+$popover-light-text-color: var(--nutui-popover-light-text-color, $color-mask) !default;
+$popover-light-icon-color: var(
+  --nutui-popover-light-icon-color,
+  rgba(17, 20, 26, 0.8)
+) !default;
+$popover-light-divider-color: var(
+  --nutui-popover-light-divider-color,
+  $color-border
+) !default;
+$popover-padding: var(--nutui-popover-padding, $popover-padding-horizontal) !default;
+$popover-item-width: var(--nutui-popover-item-width, $popover-status-max-width) !default;
 
 //progress（✅）
 $progress-height: var(--nutui-progress-height, 10px) !default;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 1ad90e86f2..b5f06ea6d0 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1883,23 +1883,71 @@ $badge-outline-border: var(
 );
 
 //popover（✅）
-$popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
+$popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
 $popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
 $popover-content-background-color: var(
   --nutui-popover-content-background-color,
-  #ffffff
+  $color-mask
 ) !default;
-$popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
+$popover-text-color: var(--nutui-popover-text-color, $color-primary-text) !default;
 $popover-disable-color: var(
   --nutui-popover-disable-color,
   $color-text-disabled
 ) !default;
 $popover-divider-color: var(
   --nutui-popover-divider-color,
+  rgba(255, 255, 255, 0.12)
+) !default;
+$popover-padding-horizontal: var(
+  --nutui-popover-padding-horizontal,
+  scale-px(8px)
+) !default;
+$popover-padding-vertical: var(
+  --nutui-popover-padding-vertical,
+  scale-px(6px)
+) !default;
+$popover-height: var(--nutui-popover-height, scale-px(28px)) !default;
+$popover-icon-size: var(--nutui-popover-icon-size, scale-px(12px)) !default;
+$popover-icon-color: var(
+  --nutui-popover-icon-color,
+  rgba(255, 255, 255, 0.8)
+) !default;
+$popover-status-max-width: var(
+  --nutui-popover-status-max-width,
+  scale-px(240px)
+) !default;
+$popover-description-max-width: var(
+  --nutui-popover-description-max-width,
+  scale-px(208px)
+) !default;
+$popover-action-hotspot-size: var(
+  --nutui-popover-action-hotspot-size,
+  scale-px(36px)
+) !default;
+$popover-light-content-background-color: var(
+  --nutui-popover-light-content-background-color,
+  #ffffff
+) !default;
+$popover-light-text-color: var(
+  --nutui-popover-light-text-color,
+  $color-mask
+) !default;
+$popover-light-icon-color: var(
+  --nutui-popover-light-icon-color,
+  rgba(17, 20, 26, 0.8)
+) !default;
+$popover-light-divider-color: var(
+  --nutui-popover-light-divider-color,
   $color-border
 ) !default;
-$popover-padding: var(--nutui-popover-padding, scale-px(8px)) !default;
-$popover-item-width: var(--nutui-popover-item-width, scale-px(160px)) !default;
+$popover-padding: var(
+  --nutui-popover-padding,
+  $popover-padding-horizontal
+) !default;
+$popover-item-width: var(
+  --nutui-popover-item-width,
+  $popover-status-max-width
+) !default;
 
 //progress（✅）
 $progress-height: var(--nutui-progress-height, scale-px(10px)) !default;
diff --git a/src/types/spec/popover/base.ts b/src/types/spec/popover/base.ts
index 816ceab984..77e5e6ec2a 100644
--- a/src/types/spec/popover/base.ts
+++ b/src/types/spec/popover/base.ts
@@ -2,6 +2,8 @@ import { ReactNode } from 'react'
 import { BaseProps } from '../../base/props'
 import { FullPosition, SimpleValues, UITheme } from '../../base/atoms'
 
+export type PopoverType = 'status' | 'description'
+
 export interface PopoverList {
   key?: string
   name: string
@@ -21,6 +23,7 @@ export interface WrapperPosition {
 
 export type BasePopover<POPUP_PROPS> = POPUP_PROPS &
   BaseProps & {
+    type: PopoverType
     theme: UITheme
     location: FullPosition
     list: PopoverList[]
@@ -31,6 +34,8 @@ export type BasePopover<POPUP_PROPS> = POPUP_PROPS &
     showArrow: boolean
     closeOnOutsideClick: boolean
     closeOnActionClick: boolean
+    autoShow: boolean
+    duration: number
     children?: ReactNode
     onClick: () => void
     onOpen: () => void