diff --git a/package.json b/package.json
index ce8ee85748..ce4794cd3f 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "dev:taro:jdharmony": "pnpm run clone:jdharmony  && pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev:jdharmony",
     "dev:taro:jdharmonycpp": "pnpm run clone:jdharmony cpp && pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev:jdharmonycpp",
     "dev:taro:jdhybrid": "pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev:jdhybrid",
-    "dev:taro:jdrn": "pnpm run clone:rn && pnpm --dir ./packages/nutui-taro-demo dev:jdrn & pnpm run gulp:watch",
+    "dev:taro:jdrn": "pnpm run clone:rn && pnpm --dir ./packages/nutui-taro-demo dev:jdrn",
     "dev:taro:rn:dark": "THEME=dark pnpm dev:taro:rn",
     "dev:taro:weapp:jmapp": "pnpm --dir ./packages/nutui-taro-demo && npm run dev:weapp:jmapp",
     "build": "npm run checked && node scripts/build.mjs",
@@ -83,7 +83,6 @@
     "generate:themes-dev": "node scripts/generate-themes-dev.js",
     "generate:file:taro": "node scripts/taro/generate-nutui-taro.js",
     "generate:file:taro:pages": "node scripts/taro/generate-taro-pages.js",
-    "gulp:watch": "gulp watch --environment",
     "lint": "eslint ./src/packages/*/",
     "lint:fix": "eslint --fix ./src/packages",
     "postpublish": "node scripts/postpublish.js",
diff --git a/scripts/build-taro.mjs b/scripts/build-taro.mjs
index ff72b601fe..0d7de9d4b4 100644
--- a/scripts/build-taro.mjs
+++ b/scripts/build-taro.mjs
@@ -290,12 +290,6 @@ async function buildCSS(p) {
       `import './style.css'`,
     )
 
-    // copy harmonycss
-    if (file.indexOf('countup') === -1) {
-      await copy(join(__dirname, '../', file.replace('scss', 'harmony.css')), join('dist/cjs', cssPath, 'style/style.harmony.css'))
-      await copy(join(__dirname, '../', file.replace('scss', 'harmony.css')), join('dist/es', cssPath, 'style/style.harmony.css'))
-    }
-
     // 删除 import
     // 写入 style.scss
     const atRules = []
diff --git a/scripts/replace-css-var.js b/scripts/replace-css-var.js
deleted file mode 100644
index 72764cc44a..0000000000
--- a/scripts/replace-css-var.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * 通过 dist 目录下的 style/index.js 构建每个组件的 css 文件
- * */
-const path = require('path')
-const fs = require('fs')
-const postcss = require('postcss')
-const sass = require('sass')
-const cssvariables = require('postcss-css-variables')
-const config = require('../src/config.json')
-
-const components = config.nav.reduce(
-  (prev, nav) => [...prev, ...nav.packages],
-  [],
-)
-
-const mixin = fs
-  .readFileSync(path.join(__dirname, '../src/styles/mixins/text-ellipsis.scss'))
-  .toString()
-const variables = fs.readFileSync(
-  path.join(__dirname, '../src/styles/variables.scss'),
-).toString()
-
-const theme = fs.readFileSync(
-  path.join(__dirname, '../src/styles/theme-default.scss'),
-).toString()
-
-const exclude = ['icon', 'toast']
-components.forEach((component) => {
-  const componentName = component.name.toLowerCase()
-  if (exclude.includes(componentName)) return
-
-  let content = fs
-    .readFileSync(
-      path.join(
-        __dirname,
-        `../src/packages/${componentName}/${componentName}.scss`,
-      ),
-    )
-    .toString()
-  let to = path.join(
-    __dirname,
-    `../src/packages/${componentName}/${componentName}.harmony.css`,
-  )
-  const matched = content.match(/@import.*?[;][\n\r]?/gi)
-  if (matched) {
-    matched.forEach((m) => {
-      if (m.indexOf('styles') > -1) {
-        content = content.replace(m, mixin)
-      } else {
-        content = content.replace(m, '')
-      }
-    })
-  }
-
-  const res = sass.compileString(theme + variables + content)
-  postcss([
-    cssvariables(/*options*/),
-  ])
-    .process(res.css, { to })
-    .then((result) => {
-      fs.writeFile(to, result.css, () => {
-      })
-    })
-})
diff --git a/src/packages/actionsheet/actionsheet.harmony.css b/src/packages/actionsheet/actionsheet.harmony.css
deleted file mode 100644
index 9cca4bd2ea..0000000000
--- a/src/packages/actionsheet/actionsheet.harmony.css
+++ /dev/null
@@ -1,70 +0,0 @@
-.nut-actionsheet {
-  display: block;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-  text-align: center;
-}
-.nut-actionsheet.nut-popup {
-  min-height: 10%;
-  background-color: #ffffff;
-  padding: 0 4px;
-}
-.nut-actionsheet .nut-popup-title {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-actionsheet-list {
-  display: block;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-}
-.nut-actionsheet-cancel {
-  display: block;
-  padding: 10px;
-  text-align: center;
-  line-height: 24px;
-  font-size: 14px;
-  color: #1A1A1A;
-  background-color: #ffffff;
-  cursor: pointer;
-}
-.nut-actionsheet-item {
-  display: block;
-  padding: 10px;
-  text-align: center;
-  line-height: 24px;
-  font-size: 14px;
-  color: #1A1A1A;
-  background-color: #ffffff;
-  cursor: pointer;
-}
-.nut-actionsheet-cancel-description {
-  display: block;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-actionsheet-item-description {
-  display: block;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-actionsheet-cancel.danger {
-  color: #FF0F23;
-}
-.nut-actionsheet-item.danger {
-  color: #FF0F23;
-}
-.nut-actionsheet-cancel.disabled {
-  color: #C2C4CC !important;
-  cursor: not-allowed;
-}
-.nut-actionsheet-item.disabled {
-  color: #C2C4CC !important;
-  cursor: not-allowed;
-}
-.nut-actionsheet-cancel {
-  margin-top: 5px;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 0;
-}
\ No newline at end of file
diff --git a/src/packages/address/address.harmony.css b/src/packages/address/address.harmony.css
deleted file mode 100644
index 14eaf2c946..0000000000
--- a/src/packages/address/address.harmony.css
+++ /dev/null
@@ -1,48 +0,0 @@
-.nut-address-elevator {
-  display: flex;
-  margin-top: 20px;
-}
-.nut-address-exist {
-  display: block;
-  padding: 15px 20px 0;
-  height: 279px;
-  overflow-y: auto;
-  box-sizing: border-box;
-}
-.nut-address-exist-item {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-  font-size: 12px;
-  line-height: 14px;
-  color: #1A1A1A;
-}
-.nut-address-exist-item.active {
-  font-weight: 500;
-}
-.nut-address-exist-item-info {
-  margin-left: 9px;
-}
-.nut-address-footer {
-  width: 100%;
-  height: 54px;
-  padding: 6px 0px 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-address-footer-btn {
-  width: 90%;
-  height: 42px;
-  line-height: 42px;
-  margin: auto;
-  text-align: center;
-  background: linear-gradient(135deg, #FF0F23 0%, #FF0F23 100%);
-  border-radius: 21px;
-  font-size: 15px;
-  color: #ffffff;
-}
-
-[dir=rtl] .nut-address-exist-item-info,
-.nut-rtl .nut-address-exist-item-info {
-  margin-left: 0;
-  margin-right: 9px;
-}
\ No newline at end of file
diff --git a/src/packages/animate/animate.harmony.css b/src/packages/animate/animate.harmony.css
deleted file mode 100644
index 05bfb8d679..0000000000
--- a/src/packages/animate/animate.harmony.css
+++ /dev/null
@@ -1,234 +0,0 @@
-.nut-animate {
-  /* Animation css */
-}
-.nut-animate .nut-ani-container {
-  display: inline-block;
-}
-.nut-animate [class*=nut-animate-] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
-}
-.nut-animate .nut-animate-slide-right {
-  animation-name: slide-right;
-}
-@keyframes slide-right {
-  0% {
-    opacity: 0;
-    transform: translateX(100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-.nut-animate .nut-animate-slide-left {
-  animation-name: slide-left;
-}
-@keyframes slide-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-.nut-animate .nut-animate-slide-top {
-  animation-name: slide-top;
-}
-@keyframes slide-top {
-  0% {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.nut-animate .nut-animate-slide-bottom {
-  animation-name: slide-bottom;
-}
-@keyframes slide-bottom {
-  0% {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-.nut-animate .nut-animate-shake {
-  animation-name: shake;
-}
-@keyframes shake {
-  0%, 100% {
-    transform: translateX(0);
-  }
-  10% {
-    transform: translateX(-9px);
-  }
-  20% {
-    transform: translateX(8px);
-  }
-  30% {
-    transform: translateX(-7px);
-  }
-  40% {
-    transform: translateX(6px);
-  }
-  50% {
-    transform: translateX(-5px);
-  }
-  60% {
-    transform: translateX(4px);
-  }
-  70% {
-    transform: translateX(-3px);
-  }
-  80% {
-    transform: translateX(2px);
-  }
-  90% {
-    transform: translateX(-1px);
-  }
-}
-.nut-animate .nut-animate-ripple {
-  animation-name: ripple;
-}
-@keyframes ripple {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.1);
-  }
-}
-.nut-animate .nut-animate-breath {
-  animation-name: breath;
-  animation-duration: 2700ms;
-  animation-timing-function: ease-in-out;
-  animation-direction: alternate;
-}
-@keyframes breath {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.1);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-.nut-animate .nut-animate-twinkle {
-  position: relative;
-}
-.nut-animate .nut-animate-twinkle::after, .nut-animate .nut-animate-twinkle::before {
-  width: 60px;
-  height: 60px;
-  content: "";
-  box-sizing: border-box;
-  border: 4px solid rgba(255, 255, 255, 0.6);
-  position: absolute;
-  border-radius: 30px;
-  right: 50%;
-  margin-top: -15px;
-  margin-right: -30px;
-  z-index: 1;
-  transform: scale(0);
-  animation: twinkle 2s ease-out infinite;
-}
-.nut-animate .nut-animate-twinkle::after {
-  animation-delay: 0.4s;
-}
-@keyframes twinkle {
-  0% {
-    transform: scale(0);
-  }
-  20% {
-    opacity: 1;
-  }
-  50%, 100% {
-    transform: scale(1.4);
-    opacity: 0;
-  }
-}
-.nut-animate .nut-animate-flicker {
-  position: relative;
-  overflow: hidden;
-}
-.nut-animate .nut-animate-flicker::after {
-  width: 100px;
-  height: 60px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  opacity: 0.73;
-  content: "";
-  background-image: linear-gradient(106deg, rgba(232, 224, 255, 0) 24%, #e8e0ff 91%);
-  animation: flicker 1.5s linear infinite;
-  transform: skewX(-20deg);
-  filter: blur(3px);
-}
-@keyframes flicker {
-  0% {
-    transform: translateX(-100px) skewX(-20deg);
-  }
-  40%, 100% {
-    transform: translateX(150px) skewX(-20deg);
-  }
-}
-.nut-animate .nut-animate-jump {
-  transform-origin: center center;
-  animation: jump 0.7s linear;
-}
-@keyframes jump {
-  0% {
-    animation-timing-function: ease-in;
-    transform: rotate(0deg) translateY(0);
-  }
-  25% {
-    animation-timing-function: ease-out;
-    transform: rotate(10deg) translateY(20px);
-  }
-  50% {
-    animation-timing-function: ease-in;
-    transform: rotate(0deg) translateY(-10px);
-  }
-  75% {
-    animation-timing-function: ease-out;
-    transform: rotate(-10deg) translateY(20px);
-  }
-  100% {
-    animation-timing-function: ease-in;
-    transform: rotate(0deg) translateY(0);
-  }
-}
-.nut-animate .nut-animate-float {
-  position: relative;
-  animation-name: float-pop;
-}
-@keyframes float-pop {
-  0% {
-    top: 0px;
-  }
-  25% {
-    top: 1px;
-  }
-  50% {
-    top: 4px;
-  }
-  75% {
-    top: 1px;
-  }
-  100% {
-    top: 0px;
-  }
-}
-.nut-animate .loop {
-  animation-iteration-count: infinite;
-}
\ No newline at end of file
diff --git a/src/packages/animatingnumbers/animatingnumbers.harmony.css b/src/packages/animatingnumbers/animatingnumbers.harmony.css
deleted file mode 100644
index 070dada059..0000000000
--- a/src/packages/animatingnumbers/animatingnumbers.harmony.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.nut-countup-list {
-  display: inline-flex;
-  height: 32px;
-  overflow: hidden;
-  direction: ltr;
-}
-.nut-countup-listitem {
-  height: 32px;
-  overflow: hidden;
-  user-select: none;
-  -webkit-tap-highlight-color: transparent;
-}
-.nut-countup-listitem-number {
-  margin: 0 0;
-  border-radius: 4px;
-  color: #1a1a1a;
-  background-color: inherit;
-}
-.nut-countup-separator {
-  display: flex;
-  height: 80%;
-  align-items: flex-end;
-  color: inherit;
-  font-size: 18px;
-  font-weight: 600;
-}
-.nut-countup-number {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: auto;
-  transition: transform 1s ease-in-out;
-  transform: translate(0, 0);
-}
-.nut-countup-number-text {
-  height: 32px;
-  line-height: 32px;
-  color: #1a1a1a;
-  font-size: 18px;
-  font-weight: 600;
-}
\ No newline at end of file
diff --git a/src/packages/audio/audio.harmony.css b/src/packages/audio/audio.harmony.css
deleted file mode 100644
index 521fd80f43..0000000000
--- a/src/packages/audio/audio.harmony.css
+++ /dev/null
@@ -1,71 +0,0 @@
-.nut-audio-icon {
-  position: relative;
-  display: inline-block;
-}
-.nut-audio-icon-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  background: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 0 8px #C2C4CC;
-}
-.nut-audio-icon .nut-audio-icon-stop {
-  position: relative;
-}
-.nut-audio-icon .nut-audio-icon-stop::after {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%);
-  content: "";
-  height: 2px;
-  width: 30px;
-  background: #C2C4CC;
-  transform: rotate(45deg);
-  transform-origin: 8px -18px;
-}
-.nut-audio-progress {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin: 0px auto;
-  padding: 10px 0;
-}
-.nut-audio-progress-bar-wrapper {
-  flex: 1;
-  margin: 0 10px;
-}
-.nut-audio-progress .time {
-  min-width: 50px;
-  font-size: 12px;
-  text-align: center;
-}
-.nut-audio-progress .nut-range-button {
-  width: 8px;
-  height: 8px;
-}
-.nut-audio .custom-button-group .nut-button-primary {
-  margin: 0 5px;
-}
-.nut-audio .custom-button-group-disable .nut-button-primary {
-  margin: 0 5px;
-  pointer-events: none;
-}
-.nut-audio .disable {
-  color: blue;
-}
-.nut-audio .nut-audio-none-container .nut-voice {
-  border: 1px solid #1A1A1A;
-  align-items: center;
-}
-
-[dir=rtl] .nut-audio-icon .nut-audio-icon-stop::after,
-.nut-rtl .nut-audio-icon .nut-audio-icon-stop::after {
-  left: auto;
-  right: 50%;
-  transform: rotate(-45deg);
-  transform-origin: 20px -18px;
-}
\ No newline at end of file
diff --git a/src/packages/avatar/avatar.harmony.css b/src/packages/avatar/avatar.harmony.css
deleted file mode 100644
index 887a5d4a1d..0000000000
--- a/src/packages/avatar/avatar.harmony.css
+++ /dev/null
@@ -1,132 +0,0 @@
-.nut-image {
-  display: block;
-  position: relative;
-}
-.nut-image-default {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.nut-image.nut-image-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-image-loading {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-.nut-image-error {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-
-[dir=rtl] .nut-image .nut-img-loading,
-.nut-rtl .nut-image .nut-img-loading {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-image .nut-img-error,
-.nut-rtl .nut-image .nut-img-error {
-  left: auto;
-  right: 0;
-}
-
-.nut-avatar-group {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
-}
-.nut-avatar-group-avatar,
-.nut-avatar-group .nut-avatar {
-  border: 1px solid #fff;
-  margin-left: -8px;
-}
-.nut-avatar-group-avatar:not(:first-of-type),
-.nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: -8px;
-}
-
-[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),
-.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: 0;
-  margin-right: -8px;
-}
-
-.nut-avatar {
-  position: relative;
-  flex: 0 0 auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-}
-.nut-avatar-round {
-  border-radius: 999px;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: 5px;
-}
-.nut-avatar-first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-.nut-avatar-img {
-  width: 100%;
-  height: 100%;
-  flex-shrink: 0;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.nut-avatar-icon {
-  background-size: 100% 100%;
-}
-.nut-avatar-text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-avatar-large {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-img {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-icon {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-text {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-small {
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-small-text {
-  width: 32px;
-  height: 32px;
-}
\ No newline at end of file
diff --git a/src/packages/avatarcropper/avatarcropper.harmony.css b/src/packages/avatarcropper/avatarcropper.harmony.css
deleted file mode 100644
index c9378b4baf..0000000000
--- a/src/packages/avatarcropper/avatarcropper.harmony.css
+++ /dev/null
@@ -1,131 +0,0 @@
-.nut-avatar-cropper {
-  position: relative;
-  display: flex;
-}
-.nut-avatar-cropper-edit-text {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.3);
-  z-index: 1;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-avatar-cropper-input {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  cursor: pointer;
-  z-index: 2;
-}
-.nut-avatar-cropper-popup {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  z-index: 1000;
-}
-.nut-avatar-cropper-popup-canvas, .nut-avatar-cropper-popup-cut-canvas {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-}
-.nut-avatar-cropper-popup-cut-canvas {
-  z-index: 0;
-}
-.nut-avatar-cropper-popup-toolbar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  z-index: 2;
-}
-.nut-avatar-cropper-popup-toolbar.top {
-  top: 0;
-  bottom: inherit;
-}
-.nut-avatar-cropper-popup-toolbar-flex {
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-}
-.nut-avatar-cropper-popup-toolbar-item {
-  color: #fff;
-  padding: 15px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-}
-.nut-avatar-cropper-popup-toolbar-item .nut-button {
-  color: #fff;
-}
-.nut-avatar-cropper-popup-highlight {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  background-color: transparent;
-}
-.nut-avatar-cropper-popup-highlight .highlight {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: transparent;
-  box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.6);
-}
-.nut-avatar-cropper.round .nut-avatar-cropper-edit-text {
-  border-radius: 50%;
-}
-
-[dir=rtl] .nut-avatar-cropper-edit-text,
-.nut-rtl .nut-avatar-cropper-edit-text {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-input,
-.nut-rtl .nut-avatar-cropper-input {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-popup,
-.nut-rtl .nut-avatar-cropper-popup {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-popup-canvas, [dir=rtl] .nut-avatar-cropper-popup-cut-canvas,
-.nut-rtl .nut-avatar-cropper-popup-canvas,
-.nut-rtl .nut-avatar-cropper-popup-cut-canvas {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-popup-toolbar,
-.nut-rtl .nut-avatar-cropper-popup-toolbar {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-popup-highlight,
-.nut-rtl .nut-avatar-cropper-popup-highlight {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-avatar-cropper-popup-highlight .highlight,
-.nut-rtl .nut-avatar-cropper-popup-highlight .highlight {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
\ No newline at end of file
diff --git a/src/packages/avatargroup/avatargroup.harmony.css b/src/packages/avatargroup/avatargroup.harmony.css
deleted file mode 100644
index 237d8b78f7..0000000000
--- a/src/packages/avatargroup/avatargroup.harmony.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.nut-avatar-group {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
-}
-.nut-avatar-group-avatar,
-.nut-avatar-group .nut-avatar {
-  border: 1px solid #fff;
-  margin-left: -8px;
-}
-.nut-avatar-group-avatar:not(:first-of-type),
-.nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: -8px;
-}
-
-[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),
-.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: 0;
-  margin-right: -8px;
-}
\ No newline at end of file
diff --git a/src/packages/backtop/backtop.harmony.css b/src/packages/backtop/backtop.harmony.css
deleted file mode 100644
index df3c247c7e..0000000000
--- a/src/packages/backtop/backtop.harmony.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.nut-backtop {
-  display: none;
-  position: fixed;
-}
-.nut-backtop-rn {
-  position: absolute;
-}
-.nut-backtop-show {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #ffffff;
-  color: #1a1a1a;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 21px;
-  z-index: 100;
-}
-.nut-backtop-show:active {
-  background: #f5f6fa;
-}
-.nut-backtop-show-active {
-  background: #f5f6fa;
-}
-.nut-backtop-main {
-  transition: all 0.2s ease-in-out;
-  color: #1a1a1a;
-}
\ No newline at end of file
diff --git a/src/packages/badge/badge.harmony.css b/src/packages/badge/badge.harmony.css
deleted file mode 100644
index 2b46f1053b..0000000000
--- a/src/packages/badge/badge.harmony.css
+++ /dev/null
@@ -1,73 +0,0 @@
-.nut-badge {
-  position: relative;
-  display: inline-flex;
-  width: auto;
-  /* #ifdef harmony */
-  min-width: 1px;
-  /* #endif */
-  /* #ifndef harmony */
-  min-width: auto;
-  /* #endif */
-}
-.nut-badge-icon {
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: linear-gradient(135deg, #ff475d 0%, #ff0f23 100%);
-  padding: 3px;
-  text-align: center;
-  border: 0px solid #ffffff;
-  border-radius: 14px;
-  z-index: 1;
-}
-.nut-badge-icon .nut-icon {
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-.nut-badge-sup {
-  height: 14px;
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  /* #ifdef harmony */
-  background: #ff0f23;
-  /* #endif */
-  /* #ifndef harmony */
-  background: linear-gradient(135deg, #ff475d 0%, #ff0f23 100%);
-  /* #endif */
-  color: #fff;
-  padding: 0 4px;
-  font-size: 10px;
-  font-weight: normal;
-  text-align: center;
-  border: 0px solid #ffffff;
-  border-radius: 14px;
-  min-width: 5px;
-  white-space: nowrap;
-  z-index: 1;
-}
-.nut-badge-one {
-  height: 14px;
-  width: 14px;
-  padding: 0;
-}
-.nut-badge-content {
-  /* #ifndef rn */
-  transform: translateX(100%);
-  /* #endif */
-}
-.nut-badge-dot {
-  width: 7px;
-  height: 7px;
-  border: 0px solid #ffffff;
-  border-radius: 7px;
-  padding: 0;
-}
-.nut-badge-outline {
-  background: #ffffff;
-  border: 1px solid #ff0f23;
-  color: #ff0f23;
-}
\ No newline at end of file
diff --git a/src/packages/barrage/barrage.harmony.css b/src/packages/barrage/barrage.harmony.css
deleted file mode 100644
index c05489ae2c..0000000000
--- a/src/packages/barrage/barrage.harmony.css
+++ /dev/null
@@ -1,80 +0,0 @@
-.nut-barrage {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  background-color: #F7F8FC;
-  color: #1A1A1A;
-}
-.nut-barrage .barrage-item {
-  display: block;
-  position: absolute;
-  right: 0;
-  padding: 4px 16px;
-  border-radius: 16px;
-  font-size: 12px;
-  text-align: center;
-  white-space: pre;
-  transform: translateX(100%);
-  background: undefined;
-  box-sizing: border-box;
-}
-.nut-barrage .barrage-item.move {
-  will-change: transform;
-  animation-name: moving;
-  animation-timing-function: linear;
-  animation-play-state: running;
-}
-@keyframes moving {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: undefined;
-  }
-}
-@-webkit-keyframes moving {
-  from {
-    -webkit-transform: translateX(100%);
-  }
-  to {
-    -webkit-transform: undefined;
-  }
-}
-
-[dir=rtl] .nut-barrage,
-.nut-rtl .nut-barrage {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-barrage .barrage-item {
-  transform: translateX(-100%);
-  background: undefined;
-}
-.nut-rtl .nut-barrage .barrage-item {
-  transform: translateX(-100%);
-  background: undefined;
-}
-[dir=rtl] .nut-barrage .barrage-item.move,
-.nut-rtl .nut-barrage .barrage-item.move {
-  animation-name: moving-rtl;
-}
-@keyframes moving-rtl {
-  from {
-    transform: undefined;
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-@-webkit-keyframes moving-rtl {
-  from {
-    transform: undefined;
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
\ No newline at end of file
diff --git a/src/packages/button/button.harmony.css b/src/packages/button/button.harmony.css
deleted file mode 100644
index a1044c6b7a..0000000000
--- a/src/packages/button/button.harmony.css
+++ /dev/null
@@ -1,427 +0,0 @@
-.nut-button {
-  position: relative;
-  display: flex;
-  display: inline-block;
-  /* #ifdef rn harmony*/
-  width: 80px;
-  /* #endif */
-  /* #ifndef rn harmony*/
-  width: auto;
-  /* #endif */
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  height: 32px;
-  font-size: 14px;
-  font-weight: 400;
-  text-align: center;
-  cursor: pointer;
-  transition: opacity 0.2s;
-  -webkit-appearance: none;
-  user-select: none;
-  touch-action: manipulation;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  color: #1a1a1a;
-  background: transparent;
-  border-width: 1px;
-}
-.nut-button-text {
-  margin-left: 4px;
-}
-.nut-button-text-right {
-  margin-right: 4px;
-}
-.nut-button-children {
-  display: flex;
-  flex-direction: row;
-  background: transparent;
-}
-.nut-button::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border: inherit;
-  border-color: rgba(0, 0, 0, 0.7);
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-button::after {
-  border: none;
-}
-.nut-button:active::before {
-  opacity: 0.1;
-}
-.nut-button-wrap {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  /* #ifndef rn harmony */
-  background: initial;
-  /* #endif */
-}
-.nut-button-wrap .nut-icon {
-  font-size: 14px;
-  width: 14px;
-  height: 14px;
-}
-.nut-button-loading::before, .nut-button-disabled::before {
-  display: none;
-}
-.nut-button-disabled {
-  cursor: not-allowed;
-  color: #ffffff;
-}
-.nut-button.nut-button-icononly {
-  width: 32px;
-  padding: 0;
-}
-.nut-button-default {
-  padding: 0px 12px;
-  border-style: solid;
-  border-color: #505259;
-}
-.nut-button-default-disabled {
-  color: #ffffff;
-  background: #c2c4cc;
-  border-color: #c2c4cc;
-}
-.nut-button-default-solid-disabled {
-  color: #ffffff;
-  background: #c2c4cc;
-  border-color: #c2c4cc;
-}
-.nut-button-default-none-disabled {
-  color: #888b94;
-}
-.nut-button-default-outline-disabled {
-  background: transparent;
-  color: #c2c4cc;
-  border-color: #c2c4cc;
-}
-.nut-button-default-dashed-disabled {
-  background: transparent;
-  color: #c2c4cc;
-  border-color: #c2c4cc;
-}
-.nut-button-normal {
-  padding: 0px 12px;
-}
-.nut-button-xlarge {
-  height: 48px;
-  padding: 0px 24px;
-  font-size: 24px;
-  font-weight: 600;
-}
-.nut-button-xlarge .nut-icon {
-  font-size: 24px;
-  width: 24px;
-  height: 24px;
-}
-.nut-button-xlarge-children {
-  font-size: 24px;
-  font-weight: 600;
-}
-.nut-button-large {
-  height: 40px;
-  padding: 0px 16px;
-  font-size: 16px;
-  font-weight: 600;
-}
-.nut-button-large .nut-icon {
-  font-size: 16px;
-  width: 16px;
-  height: 16px;
-}
-.nut-button-large-children {
-  font-size: 16px;
-  font-weight: 600;
-}
-.nut-button-small {
-  height: 28px;
-  padding: 0px 8px;
-  font-size: 12px;
-}
-.nut-button-small .nut-icon {
-  font-size: 12px;
-  width: 12px;
-  height: 12px;
-}
-.nut-button-small-children {
-  font-size: 12px;
-}
-.nut-button-mini {
-  height: 24px;
-  padding: 0px 8px;
-  font-size: 12px;
-}
-.nut-button-mini .nut-icon {
-  font-size: 12px;
-  width: 12px;
-  height: 12px;
-}
-.nut-button-mini-children {
-  font-size: 12px;
-}
-.nut-button-primary {
-  color: #ffffff;
-  background-origin: border-box;
-  border-color: transparent;
-}
-.nut-button-primary-children {
-  color: #ffffff;
-}
-.nut-button-primary-solid {
-  background: #ff0f23;
-  color: #ffffff;
-  border-color: transparent;
-}
-.nut-button-primary-disabled {
-  color: #ffffff;
-  background: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-primary-solid-disabled {
-  color: #ffffff;
-  background: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-primary-none {
-  color: #ff0f23;
-}
-.nut-button-primary-none-disabled {
-  color: #ffadbe;
-}
-.nut-button-primary-outline {
-  color: #ff0f23;
-  border-color: #ff0f23;
-}
-.nut-button-primary-outline-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-primary-dashed {
-  color: #ff0f23;
-  border-color: #ff0f23;
-}
-.nut-button-primary-dashed-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-success {
-  color: #ffffff;
-  background: #2aa32a;
-  background-origin: border-box;
-  border-color: transparent;
-}
-.nut-button-success-children {
-  color: #ffffff;
-}
-.nut-button-success-solid-disabled {
-  background: #b2f0ae;
-  border-color: #b2f0ae;
-}
-.nut-button-success-outline {
-  color: #2aa32a;
-  border-color: #2aa32a;
-}
-.nut-button-success-dashed {
-  color: #2aa32a;
-  border-color: #2aa32a;
-}
-.nut-button-success-outline-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-success-dashed-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-success-none {
-  color: #2aa32a;
-}
-.nut-button-success-none-disabled {
-  color: #b2f0ae;
-}
-.nut-button-info {
-  color: #ffffff;
-  background: #0073ff;
-  background-origin: border-box;
-  border-color: transparent;
-}
-.nut-button-info-children {
-  color: #ffffff;
-}
-.nut-button-info-solid-disabled {
-  background: #89a6f8;
-  border-color: #89a6f8;
-}
-.nut-button-info-outline {
-  color: #1988fa;
-  border-color: #1988fa;
-}
-.nut-button-info-dashed {
-  color: #1988fa;
-  border-color: #1988fa;
-}
-.nut-button-info-outline-disabled {
-  color: #89a6f8;
-  border-color: #89a6f8;
-}
-.nut-button-info-dashed-disabled {
-  color: #89a6f8;
-  border-color: #89a6f8;
-}
-.nut-button-info-none {
-  color: #1988fa;
-}
-.nut-button-info-none-disabled {
-  color: #89a6f8;
-}
-.nut-button-danger {
-  color: #ffffff;
-  background: #ff0f23;
-  background-origin: border-box;
-  border-color: transparent;
-}
-.nut-button-danger-children {
-  color: #ffffff;
-}
-.nut-button-danger-solid-disabled {
-  background: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-danger-outline {
-  color: #ff0f23;
-  border-color: #ff0f23;
-}
-.nut-button-danger-dashed {
-  color: #ff0f23;
-  border-color: #ff0f23;
-}
-.nut-button-danger-outline-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-danger-dashed-disabled {
-  color: #ffadbe;
-  border-color: #ffadbe;
-}
-.nut-button-danger-none {
-  color: #ff0f23;
-}
-.nut-button-danger-none-disabled {
-  color: #ffadbe;
-}
-.nut-button-warning {
-  color: #ffffff;
-  background: #c47600;
-  background-origin: border-box;
-  border-color: transparent;
-}
-.nut-button-warning-children {
-  color: #ffffff;
-}
-.nut-button-warning-disabled {
-  color: #ffffff;
-  background: #fdd3b9;
-  border-color: #fdd3b9;
-}
-.nut-button-warning-solid-disabled {
-  color: #ffffff;
-  background: #fdd3b9;
-  border-color: #fdd3b9;
-}
-.nut-button-warning-outline {
-  color: #c47600;
-  border-color: #c47600;
-}
-.nut-button-warning-dashed {
-  color: #c47600;
-  border-color: #c47600;
-}
-.nut-button-warning-outline-disabled {
-  color: #fdd3b9;
-  border-color: #fdd3b9;
-}
-.nut-button-warning-dashed-disabled {
-  color: #fdd3b9;
-  border-color: #fdd3b9;
-}
-.nut-button-warning-none {
-  color: #c47600;
-}
-.nut-button-warning-none-disabled {
-  color: #fdd3b9;
-}
-.nut-button-block {
-  display: block;
-  width: 100%;
-}
-.nut-button-outline {
-  background: transparent;
-  border-style: solid;
-}
-.nut-button-dashed {
-  background: transparent;
-  border-style: dashed;
-}
-.nut-button-none {
-  background: transparent;
-  border-color: transparent;
-}
-.nut-button-loading {
-  cursor: default;
-  opacity: 0.9;
-}
-.nut-button-round {
-  border-radius: 8px;
-}
-.nut-button-round-xlarge {
-  border-radius: 12px;
-}
-.nut-button-round-large {
-  border-radius: 12px;
-}
-.nut-button-round-small {
-  border-radius: 8px;
-}
-.nut-button-round-mini {
-  border-radius: 6px;
-}
-.nut-button-square {
-  border-radius: 0;
-}
-
-[dir=rtl] .nut-button-text {
-  margin-left: 0;
-  margin-right: 4px;
-}
-
-.nut-rtl .nut-button-text {
-  margin-left: 0;
-  margin-right: 4px;
-}
-[dir=rtl] .nut-button-text.right {
-  margin-left: 4px;
-}
-.nut-rtl .nut-button-text.right {
-  margin-left: 4px;
-}
-[dir=rtl] .nut-button::before,
-.nut-rtl .nut-button::before {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
\ No newline at end of file
diff --git a/src/packages/calendar/calendar.harmony.css b/src/packages/calendar/calendar.harmony.css
deleted file mode 100644
index c733544538..0000000000
--- a/src/packages/calendar/calendar.harmony.css
+++ /dev/null
@@ -1,218 +0,0 @@
-.nut-calendar {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  font-size: 16px;
-  background-color: #ffffff;
-  color: #1A1A1A;
-  overflow: hidden;
-  height: 100%;
-}
-.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
-  font-size: 16px;
-}
-.nut-calendar .nut-calendar-taro {
-  height: 60vh;
-}
-.nut-calendar .popup-box {
-  height: 100%;
-}
-.nut-calendar ::-webkit-scrollbar {
-  display: none;
-}
-.nut-calendar-header {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-}
-.nut-calendar-title {
-  color: #1A1A1A;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 50px;
-}
-.nut-calendar-sub-title {
-  padding: 7px 0;
-  line-height: 22px;
-  font-size: 14px;
-}
-.nut-calendar-header-buttons {
-  height: 24px;
-}
-.nut-calendar-weeks {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  height: 36px;
-  border-radius: 0px 0px 12px 12px;
-  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
-}
-.nut-calendar-week-item:first-of-type {
-  color: #FF0F23;
-}
-.nut-calendar-week-item:last-of-type {
-  color: #FF0F23;
-}
-.nut-calendar-content {
-  flex: 1;
-  width: 100%;
-  display: block;
-  overflow-y: auto;
-}
-.nut-calendar-pannel {
-  position: relative;
-  width: 100%;
-  height: auto;
-  display: block;
-  box-sizing: border-box;
-}
-.nut-calendar-pannel .calendar-loading-tip {
-  height: 50px;
-  line-height: 50px;
-  text-align: center;
-  position: absolute;
-  top: -50px;
-  left: 0;
-  right: 0;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-calendar-month {
-  display: flex;
-  flex-direction: column;
-  text-align: center;
-}
-.nut-calendar-month-title {
-  height: 23px;
-  line-height: 23px;
-  margin: 8px 0;
-}
-.nut-calendar-days {
-  overflow: hidden;
-}
-.nut-calendar-day {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  position: relative;
-  float: left;
-  width: 14.28%;
-  height: 60px;
-  font-weight: 500;
-  margin-bottom: 4px;
-}
-.nut-calendar-day:nth-child(7n+0) {
-  color: #FF0F23;
-}
-.nut-calendar-day:nth-child(7n+1) {
-  color: #FF0F23;
-}
-.nut-calendar-day-info-curr {
-  position: absolute;
-  bottom: 5px;
-  width: 100%;
-  font-size: 12px;
-  line-height: 14px;
-}
-.nut-calendar-day-info {
-  position: absolute;
-  bottom: 5px;
-  width: 100%;
-  font-size: 12px;
-  line-height: 14px;
-}
-.nut-calendar-day-info-top {
-  position: absolute;
-  width: 100%;
-  top: 5px;
-}
-.nut-calendar-day-info-bottom {
-  position: absolute;
-  width: 100%;
-  bottom: 5px;
-}
-.nut-calendar-day-active {
-  background-color: #FF0F23;
-  color: #ffffff !important;
-  border-radius: 4px;
-}
-.nut-calendar-day-active.active-start {
-  border-radius: 0px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.nut-calendar-day-active.active-end {
-  border-radius: 0px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.nut-calendar-day-active .nut-calendar-day-info {
-  color: #ffffff;
-}
-.nut-calendar-day-disabled {
-  color: #C2C4CC !important;
-}
-.nut-calendar-day-disabled .nut-calendar-day-info-curr {
-  display: none;
-}
-.nut-calendar-day-choose-disabled {
-  background-color: rgba(191, 191, 191, 0.09);
-  color: #C2C4CC !important;
-}
-.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
-  display: none;
-}
-.nut-calendar-day-choose {
-  background-color: #FFEBF1;
-  color: #FF0F23;
-}
-.nut-calendar-footer {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  background-color: #ffffff;
-}
-.nut-calendar-footer .calendar-confirm-btn {
-  height: 44px;
-  margin: 10px 18px;
-  border-radius: 22px;
-  background: linear-gradient(135deg, #FF0F23 0%, #FF0F23 100%);
-  color: #ffffff;
-  text-align: center;
-  line-height: 44px;
-}
-
-.nut-calendar-popup .nut-popup-title-right {
-  top: 7px !important;
-}
-
-[dir=rtl] .nut-calendar-day,
-.nut-rtl .nut-calendar-day {
-  float: right;
-}
-[dir=rtl] .nut-calendar-day-active.active-start {
-  border-top-left-radius: 0;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
-}
-.nut-rtl .nut-calendar-day-active.active-start {
-  border-top-left-radius: 0;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
-}
-[dir=rtl] .nut-calendar-day-active.active-end {
-  border-top-right-radius: 0;
-  border-top-left-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 4px;
-}
-.nut-rtl .nut-calendar-day-active.active-end {
-  border-top-right-radius: 0;
-  border-top-left-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/calendarcard/calendarcard.harmony.css b/src/packages/calendarcard/calendarcard.harmony.css
deleted file mode 100644
index d9e915883b..0000000000
--- a/src/packages/calendarcard/calendarcard.harmony.css
+++ /dev/null
@@ -1,151 +0,0 @@
-.nut-calendarcard {
-  background: #ffffff;
-  border-radius: 12px;
-  overflow: hidden;
-  font-size: 16px;
-  color: #1A1A1A;
-}
-.nut-calendarcard-header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  font-weight: normal;
-}
-.nut-calendarcard-header-left, .nut-calendarcard-header-right {
-  display: flex;
-  flex-direction: row;
-  cursor: pointer;
-  margin: 16px;
-  line-height: 1;
-}
-.nut-calendarcard-header-left .left, .nut-calendarcard-header-right .left {
-  margin-left: 8px;
-}
-.nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
-  margin-right: 8px;
-}
-.nut-calendarcard-days {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.nut-calendarcard-day {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  position: relative;
-  width: 14.28%;
-  height: 48px;
-  cursor: pointer;
-  margin-bottom: 4px;
-  text-align: center;
-}
-.nut-calendarcard-day.header {
-  cursor: auto;
-}
-.nut-calendarcard-day-top, .nut-calendarcard-day-bottom {
-  width: 100%;
-  height: 12px;
-  font-size: 12px;
-  line-height: 12px;
-}
-.nut-calendarcard-day.active {
-  background-color: #FF0F23;
-  color: #ffffff !important;
-  border-radius: 4px;
-}
-.nut-calendarcard-day.start {
-  background-color: #FF0F23;
-  color: #ffffff !important;
-  border-radius: 4px;
-}
-.nut-calendarcard-day.end {
-  background-color: #FF0F23;
-  color: #ffffff !important;
-  border-radius: 4px;
-}
-.nut-calendarcard-day.start {
-  border-radius: 0px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.nut-calendarcard-day.end {
-  border-radius: 0px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-.nut-calendarcard-day.mid {
-  background-color: #FFEBF1;
-  color: #FF0F23;
-}
-.nut-calendarcard-day.weekend {
-  color: #FF0F23;
-}
-.nut-calendarcard-day .nut-calendar-day-info {
-  color: #ffffff;
-}
-.nut-calendarcard-day.prev {
-  color: #C2C4CC;
-  cursor: not-allowed;
-}
-.nut-calendarcard-day.next {
-  color: #C2C4CC;
-  cursor: not-allowed;
-}
-.nut-calendarcard-day.disabled {
-  color: #C2C4CC;
-  cursor: not-allowed;
-}
-
-[dir=rtl] .nut-calendarcard-header-left .left, [dir=rtl] .nut-calendarcard-header-right .left,
-.nut-rtl .nut-calendarcard-header-left .left,
-.nut-rtl .nut-calendarcard-header-right .left {
-  margin-left: 0;
-  margin-right: 8px;
-}
-[dir=rtl] .nut-calendarcard-header-left .right, [dir=rtl] .nut-calendarcard-header-right .right,
-.nut-rtl .nut-calendarcard-header-left .right,
-.nut-rtl .nut-calendarcard-header-right .right {
-  margin-right: 0;
-  margin-left: 8px;
-}
-[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowLeft,
-[dir=rtl] .nut-calendarcard-header-left .nut-icon-ArrowRight,
-[dir=rtl] .nut-calendarcard-header-left svg, [dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowLeft,
-[dir=rtl] .nut-calendarcard-header-right .nut-icon-ArrowRight,
-[dir=rtl] .nut-calendarcard-header-right svg,
-.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft,
-.nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight,
-.nut-rtl .nut-calendarcard-header-left svg,
-.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft,
-.nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight,
-.nut-rtl .nut-calendarcard-header-right svg {
-  transform: rotate(180deg);
-}
-[dir=rtl] .nut-calendarcard-day.start {
-  border-top-left-radius: 0;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
-}
-.nut-rtl .nut-calendarcard-day.start {
-  border-top-left-radius: 0;
-  border-top-right-radius: 4px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 4px;
-}
-[dir=rtl] .nut-calendarcard-day.end {
-  border-top-right-radius: 0;
-  border-top-left-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 4px;
-}
-.nut-rtl .nut-calendarcard-day.end {
-  border-top-right-radius: 0;
-  border-top-left-radius: 4px;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/calendaritem/calendaritem.harmony.css b/src/packages/calendaritem/calendaritem.harmony.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/packages/card/card.harmony.css b/src/packages/card/card.harmony.css
deleted file mode 100644
index 8a62c4e916..0000000000
--- a/src/packages/card/card.harmony.css
+++ /dev/null
@@ -1,88 +0,0 @@
-.nut-card {
-  width: 100%;
-  display: flex;
-  background-color: inherit;
-  border-radius: 4px;
-}
-.nut-card-left {
-  width: 120px;
-  height: 120px;
-  flex-shrink: 0;
-}
-.nut-card-left > img {
-  display: block;
-  width: 100%;
-  height: 100%;
-  border-radius: 4px;
-}
-.nut-card-right {
-  flex: 1;
-  padding: 0 10px 8px;
-}
-.nut-card-right-title {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-  line-height: 1.5;
-  font-size: 14px;
-  color: #1A1A1A;
-}
-.nut-card-right-price {
-  display: flex;
-  align-items: center;
-  height: 18px;
-  line-height: 18px;
-  margin-top: 9px;
-}
-.nut-card-right-price .nut-price .nut-price-big {
-  font-size: 18px;
-}
-.nut-card-right-price .nut-price .nut-price-symbol,
-.nut-card-right-price .nut-price .nut-price-point,
-.nut-card-right-price .nut-price .nut-price-small {
-  font-size: 12px;
-}
-.nut-card-right-price-origin.nut-price {
-  margin-left: 2px;
-  color: #d2a448;
-}
-.nut-card-right-price-origin.nut-price .nut-price-big,
-.nut-card-right-price-origin.nut-price .nut-price-symbol,
-.nut-card-right-price-origin.nut-price .nut-price-point,
-.nut-card-right-price-origin.nut-price .nut-price-small {
-  font-size: 12px;
-}
-.nut-card-right-other {
-  display: flex;
-  align-items: center;
-  padding: 5px 0 2px;
-}
-.nut-card-right-other .nut-tag {
-  padding: 0 2px;
-  margin-right: 5px;
-  font-size: 10px;
-}
-.nut-card-right-shop {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.nut-card-right-shop-name {
-  line-height: 1.5;
-  color: #505259;
-  font-size: 12px;
-  padding-top: 4px;
-}
-
-[dir=rtl] .nut-card-right-price-origin.nut-price,
-.nut-rtl .nut-card-right-price-origin.nut-price {
-  margin-left: 0;
-  margin-right: 2px;
-}
-[dir=rtl] .nut-card-right-other .nut-tag,
-.nut-rtl .nut-card-right-other .nut-tag {
-  margin-right: 0;
-  margin-left: 5px;
-}
\ No newline at end of file
diff --git a/src/packages/cascader/cascader.harmony.css b/src/packages/cascader/cascader.harmony.css
deleted file mode 100644
index 94401c3fc5..0000000000
--- a/src/packages/cascader/cascader.harmony.css
+++ /dev/null
@@ -1,66 +0,0 @@
-.nut-cascader {
-  width: 100%;
-  font-size: 14px;
-}
-.nut-cascader .nut-tabs-titles {
-  padding: 0 10px;
-  background: #ffffff;
-}
-.nut-cascader .nut-tabs-titles-item {
-  flex: initial;
-  min-width: auto;
-  width: auto;
-  padding: 0 10px;
-  white-space: nowrap;
-}
-.nut-cascader .nut-tabpane {
-  padding: 0;
-  background: #ffffff;
-}
-.nut-cascader-pane {
-  display: block;
-  width: 100%;
-  padding-top: 10px;
-  height: 342px;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.nut-cascader-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 10px 20px;
-  margin: 0px;
-  border-bottom: 0px solid rgba(0, 0, 0, 0.06);
-  font-size: 14px;
-  color: #1A1A1A;
-  cursor: pointer;
-}
-.nut-cascader-item.disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.nut-cascader-item.active:not(.disabled) {
-  color: #FF0F23;
-}
-.nut-cascader-item.active .nut-cascader-item-icon-check {
-  visibility: visible;
-  color: inherit;
-}
-.nut-cascader-item-title {
-  flex: 1;
-}
-.nut-cascader .nut-icon-checklist {
-  margin-left: 10px;
-  visibility: hidden;
-}
-
-[dir=rtl] .nut-cascader .nut-icon-checklist {
-  margin-left: 0;
-  margin-right: 10px;
-}
-
-.nut-rtl .nut-cascader .nut-icon-checklist {
-  margin-left: 0;
-  margin-right: 10px;
-}
\ No newline at end of file
diff --git a/src/packages/cell/cell.harmony.css b/src/packages/cell/cell.harmony.css
deleted file mode 100644
index 2c65ab7b3d..0000000000
--- a/src/packages/cell/cell.harmony.css
+++ /dev/null
@@ -1,115 +0,0 @@
-.nut-cell-group {
-  display: block;
-}
-.nut-cell-group-title {
-  display: inherit;
-  padding: 0 10px;
-  color: #1a1a1a;
-  font-size: 14px;
-  line-height: 20px;
-  margin-top: 30px;
-  margin-bottom: 10px;
-}
-.nut-cell-group-description {
-  display: inherit;
-  padding: 0 10px;
-  color: #505259;
-  font-size: 12px;
-  line-height: 16px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-.nut-cell-group-wrap {
-  border-radius: 6px;
-  overflow: hidden;
-  background-color: #ffffff;
-  margin-bottom: 10px;
-}
-
-.nut-cell {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  line-height: 20px;
-  padding: 13px 16px;
-  background-color: #ffffff;
-  border-radius: 6px;
-  box-shadow: 0px 1px 7px 0px rgb(237, 238, 241);
-  font-size: 14px;
-  color: #1a1a1a;
-  margin-bottom: 10px;
-  box-sizing: border-box;
-}
-.nut-cell-group-item {
-  border-radius: 0;
-  box-shadow: 0 0 transparent;
-  margin: 0;
-}
-.nut-cell-left {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  flex: 1;
-}
-.nut-cell-title {
-  line-height: 20px;
-}
-.nut-cell-description {
-  line-height: 20px;
-}
-.nut-cell-extra {
-  line-height: 20px;
-}
-.nut-cell-description {
-  font-size: 12px;
-  color: #505259;
-}
-.nut-cell-extra {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-end;
-  align-items: center;
-  flex: 1;
-  flex-shrink: 0;
-  min-width: 0;
-  word-break: break-all;
-  font-size: 14px;
-  color: #505259;
-}
-.nut-cell:active {
-  opacity: 0.7;
-}
-.nut-cell-clickable {
-  cursor: pointer;
-}
-.nut-cell-clickable::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: #1a1a1a;
-  border: inherit;
-  border-color: #1a1a1a;
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-cell-divider {
-  display: flex;
-  min-height: 1px;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-.nut-cell-divider-inner {
-  display: flex;
-  height: 1px;
-  width: 100%;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-cell-divider-rtl {
-  padding-left: 16px;
-  padding-right: 16px;
-}
\ No newline at end of file
diff --git a/src/packages/cellgroup/cellgroup.harmony.css b/src/packages/cellgroup/cellgroup.harmony.css
deleted file mode 100644
index 1ce3d47b35..0000000000
--- a/src/packages/cellgroup/cellgroup.harmony.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.nut-cell-group {
-  display: block;
-}
-.nut-cell-group-title {
-  display: inherit;
-  padding: 0 10px;
-  color: #1a1a1a;
-  font-size: 14px;
-  line-height: 20px;
-  margin-top: 30px;
-  margin-bottom: 10px;
-}
-.nut-cell-group-description {
-  display: inherit;
-  padding: 0 10px;
-  color: #505259;
-  font-size: 12px;
-  line-height: 16px;
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-.nut-cell-group-wrap {
-  border-radius: 6px;
-  overflow: hidden;
-  background-color: #ffffff;
-  margin-bottom: 10px;
-}
\ No newline at end of file
diff --git a/src/packages/checkbox/checkbox.harmony.css b/src/packages/checkbox/checkbox.harmony.css
deleted file mode 100644
index cb7f27f1e9..0000000000
--- a/src/packages/checkbox/checkbox.harmony.css
+++ /dev/null
@@ -1,156 +0,0 @@
-.nut-checkbox {
-  display: flex;
-  align-items: center;
-}
-.nut-checkbox-icon {
-  color: #C2C4CC;
-  font-size: 16px;
-}
-.nut-checkbox-icon-checked {
-  color: #FF0F23;
-  transition-duration: 0.3s;
-  transition-property: color, border-color, background-color;
-}
-.nut-checkbox-icon-checked.nut-checkbox-icon-disabled {
-  color: #FFADBE;
-}
-.nut-checkbox-label {
-  margin-left: 4px;
-  font-size: 12px;
-  color: #1A1A1A;
-}
-.nut-checkbox-label-disabled {
-  color: #C2C4CC;
-}
-.nut-checkbox-icon-indeterminate {
-  color: #FF0F23;
-}
-.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled {
-  color: #FFADBE;
-}
-.nut-checkbox-icon-disabled {
-  color: #C2C4CC;
-}
-.nut-checkbox-reverse {
-  flex-direction: row-reverse;
-}
-.nut-checkbox-reverse .nut-checkbox-label {
-  margin-right: 4px;
-  margin-left: 0;
-}
-.nut-checkbox-button {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: 5px 18px;
-  font-size: 12px;
-  background: #F7F8FC;
-  border-radius: 15px;
-  color: #1A1A1A;
-  box-sizing: border-box;
-  border: 1px solid #F7F8FC;
-  overflow: hidden;
-}
-.nut-checkbox-button-active {
-  background: #FFEBF1;
-  color: #FF0F23;
-  border: 1px solid #FF0F23;
-}
-.nut-checkbox-button-disabled {
-  color: #C2C4CC;
-  border: 1px solid #F7F8FC;
-}
-.nut-checkbox-button-icon {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  width: 0;
-  height: 0;
-  border-top: 10px solid transparent;
-  border-left: 10px solid transparent;
-  border-bottom: 10px solid #FF0F23;
-  border-right: 10px solid #FF0F23;
-  display: flex;
-  align-items: flex-end;
-  justify-content: flex-end;
-}
-.nut-checkbox-button-icon-checked {
-  width: 12px;
-  height: 12px;
-  position: absolute;
-  color: #ffffff;
-  top: 50%;
-  left: 50%;
-  transform: translate(-3px, -3px);
-}
-.nut-checkbox-button-icon .nut-icon {
-  position: absolute;
-  font-size: 12px;
-  width: 12px;
-  height: 12px;
-}
-.nut-checkbox-button-icon .nut-icon:before {
-  top: auto;
-  bottom: -22px;
-  margin-left: 6px;
-}
-.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled {
-  background: #C2C4CC;
-  color: #ffffff;
-  border: 1px solid #C2C4CC;
-}
-.nut-checkbox-list-item {
-  width: 100%;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 12px 12px 12px 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-checkbox-list-item .nut-checkbox-label {
-  flex: auto;
-}
-.nut-checkbox-list-item .nut-icon {
-  flex: none;
-}
-
-[dir=rtl] .nut-checkbox-label {
-  margin-left: 0;
-  margin-right: 4px;
-}
-
-.nut-rtl .nut-checkbox-label {
-  margin-left: 0;
-  margin-right: 4px;
-}
-[dir=rtl] .nut-checkbox-reverse .nut-checkbox-label {
-  margin-left: 4px;
-  margin-right: 0;
-}
-.nut-rtl .nut-checkbox-reverse .nut-checkbox-label {
-  margin-left: 4px;
-  margin-right: 0;
-}
-[dir=rtl] .nut-checkbox-button-icon {
-  right: auto;
-  left: 0;
-  border-right: 10px solid transparent;
-  border-left: 10px solid #FF0F23;
-}
-.nut-rtl .nut-checkbox-button-icon {
-  right: auto;
-  left: 0;
-  border-right: 10px solid transparent;
-  border-left: 10px solid #FF0F23;
-}
-[dir=rtl] .nut-checkbox-button-icon-checked,
-.nut-rtl .nut-checkbox-button-icon-checked {
-  left: auto;
-  right: 50%;
-  transform: translate(3px, -3px);
-}
-[dir=rtl] .nut-checkbox-button-icon .nut-icon:before,
-.nut-rtl .nut-checkbox-button-icon .nut-icon:before {
-  margin-left: 0;
-  margin-right: 6px;
-}
\ No newline at end of file
diff --git a/src/packages/checkboxgroup/checkboxgroup.harmony.css b/src/packages/checkboxgroup/checkboxgroup.harmony.css
deleted file mode 100644
index 220107f471..0000000000
--- a/src/packages/checkboxgroup/checkboxgroup.harmony.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.nut-checkboxgroup .nut-checkbox-button {
-  background-color: #F7F8FC;
-}
-.nut-checkboxgroup-vertical .nut-checkbox {
-  margin-bottom: 5px;
-}
-.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse {
-  width: 100%;
-  justify-content: space-between;
-}
-.nut-checkboxgroup-vertical .nut-checkbox-button-active {
-  border: 1px solid #FF0F23;
-  background-color: #FFEBF1;
-}
-.nut-checkboxgroup-horizontal .nut-checkbox {
-  display: inline-flex;
-  margin-right: 20px;
-}
-.nut-checkboxgroup-horizontal .nut-checkbox-button-active {
-  border: 1px solid #FF0F23;
-  background-color: #FFEBF1;
-}
-.nut-checkboxgroup-list {
-  width: 100%;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  border-top: 1px solid rgba(0, 0, 0, 0.06);
-  padding: 0 0 0 12px;
-  background: #ffffff;
-}
-.nut-checkboxgroup-list .nut-checkbox {
-  margin-bottom: 5px;
-}
-.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item {
-  border-top: none;
-}
-.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse {
-  width: 100%;
-  justify-content: space-between;
-}
-
-[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,
-.nut-rtl .nut-checkboxgroup .nut-checkbox-label {
-  margin-right: 5px;
-}
-[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,
-.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label {
-  margin-right: 5px;
-}
-[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,
-.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox {
-  margin-right: 0;
-  margin-left: 20px;
-}
\ No newline at end of file
diff --git a/src/packages/circleprogress/circleprogress.harmony.css b/src/packages/circleprogress/circleprogress.harmony.css
deleted file mode 100644
index 9a54832aab..0000000000
--- a/src/packages/circleprogress/circleprogress.harmony.css
+++ /dev/null
@@ -1,27 +0,0 @@
-.nut-circleprogress {
-  position: relative;
-}
-.nut-circleprogress-hover {
-  stroke: #FF0F23;
-  transition: stroke-dasharray 0.2s ease-in-out 0s, stroke 0.2s ease 0s;
-}
-.nut-circleprogress-path {
-  stroke: #F7F8FC;
-}
-.nut-circleprogress-text {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  box-sizing: border-box;
-  width: 100%;
-  transform: translateY(-50%);
-  text-align: center;
-  color: #1A1A1A;
-  font-size: 16px;
-}
-
-[dir=rtl] .nut-circleprogress-text,
-.nut-rtl .nut-circleprogress-text {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/col/col.harmony.css b/src/packages/col/col.harmony.css
deleted file mode 100644
index 299b23745d..0000000000
--- a/src/packages/col/col.harmony.css
+++ /dev/null
@@ -1,356 +0,0 @@
-.nut-col {
-  box-sizing: border-box;
-  word-break: break-all;
-  margin-bottom: 15px;
-}
-
-[dir=rtl] .nut-col,
-.nut-rtl .nut-col {
-  float: right;
-}
-[dir=rtl] .nut-col.nut-col-gutter:last-child,
-.nut-rtl .nut-col.nut-col-gutter:last-child {
-  padding-right: 0 !important;
-  padding-left: 0 !important;
-}
-[dir=rtl] .nut-col.nut-col-gutter:first-child,
-.nut-rtl .nut-col.nut-col-gutter:first-child {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-}
-
-.nut-col-offset-1 {
-  margin-left: 4.1666667%;
-}
-
-[dir=rtl] .nut-col-offset-1,
-.nut-rtl .nut-col-offset-1 {
-  margin-left: 0;
-  margin-right: 4.1666667%;
-}
-
-.nut-col-1 {
-  width: 4.1666667%;
-}
-
-.nut-col-offset-2 {
-  margin-left: 8.3333333%;
-}
-
-[dir=rtl] .nut-col-offset-2,
-.nut-rtl .nut-col-offset-2 {
-  margin-left: 0;
-  margin-right: 8.3333333%;
-}
-
-.nut-col-2 {
-  width: 8.3333333%;
-}
-
-.nut-col-offset-3 {
-  margin-left: 12.5%;
-}
-
-[dir=rtl] .nut-col-offset-3,
-.nut-rtl .nut-col-offset-3 {
-  margin-left: 0;
-  margin-right: 12.5%;
-}
-
-.nut-col-3 {
-  width: 12.5%;
-}
-
-.nut-col-offset-4 {
-  margin-left: 16.6666667%;
-}
-
-[dir=rtl] .nut-col-offset-4,
-.nut-rtl .nut-col-offset-4 {
-  margin-left: 0;
-  margin-right: 16.6666667%;
-}
-
-.nut-col-4 {
-  width: 16.6666667%;
-}
-
-.nut-col-offset-5 {
-  margin-left: 20.8333333%;
-}
-
-[dir=rtl] .nut-col-offset-5,
-.nut-rtl .nut-col-offset-5 {
-  margin-left: 0;
-  margin-right: 20.8333333%;
-}
-
-.nut-col-5 {
-  width: 20.8333333%;
-}
-
-.nut-col-offset-6 {
-  margin-left: 25%;
-}
-
-[dir=rtl] .nut-col-offset-6,
-.nut-rtl .nut-col-offset-6 {
-  margin-left: 0;
-  margin-right: 25%;
-}
-
-.nut-col-6 {
-  width: 25%;
-}
-
-.nut-col-offset-7 {
-  margin-left: 29.1666667%;
-}
-
-[dir=rtl] .nut-col-offset-7,
-.nut-rtl .nut-col-offset-7 {
-  margin-left: 0;
-  margin-right: 29.1666667%;
-}
-
-.nut-col-7 {
-  width: 29.1666667%;
-}
-
-.nut-col-offset-8 {
-  margin-left: 33.3333333%;
-}
-
-[dir=rtl] .nut-col-offset-8,
-.nut-rtl .nut-col-offset-8 {
-  margin-left: 0;
-  margin-right: 33.3333333%;
-}
-
-.nut-col-8 {
-  width: 33.3333333%;
-}
-
-.nut-col-offset-9 {
-  margin-left: 37.5%;
-}
-
-[dir=rtl] .nut-col-offset-9,
-.nut-rtl .nut-col-offset-9 {
-  margin-left: 0;
-  margin-right: 37.5%;
-}
-
-.nut-col-9 {
-  width: 37.5%;
-}
-
-.nut-col-offset-10 {
-  margin-left: 41.6666667%;
-}
-
-[dir=rtl] .nut-col-offset-10,
-.nut-rtl .nut-col-offset-10 {
-  margin-left: 0;
-  margin-right: 41.6666667%;
-}
-
-.nut-col-10 {
-  width: 41.6666667%;
-}
-
-.nut-col-offset-11 {
-  margin-left: 45.8333333%;
-}
-
-[dir=rtl] .nut-col-offset-11,
-.nut-rtl .nut-col-offset-11 {
-  margin-left: 0;
-  margin-right: 45.8333333%;
-}
-
-.nut-col-11 {
-  width: 45.8333333%;
-}
-
-.nut-col-offset-12 {
-  margin-left: 50%;
-}
-
-[dir=rtl] .nut-col-offset-12,
-.nut-rtl .nut-col-offset-12 {
-  margin-left: 0;
-  margin-right: 50%;
-}
-
-.nut-col-12 {
-  width: 50%;
-}
-
-.nut-col-offset-13 {
-  margin-left: 54.1666667%;
-}
-
-[dir=rtl] .nut-col-offset-13,
-.nut-rtl .nut-col-offset-13 {
-  margin-left: 0;
-  margin-right: 54.1666667%;
-}
-
-.nut-col-13 {
-  width: 54.1666667%;
-}
-
-.nut-col-offset-14 {
-  margin-left: 58.3333333%;
-}
-
-[dir=rtl] .nut-col-offset-14,
-.nut-rtl .nut-col-offset-14 {
-  margin-left: 0;
-  margin-right: 58.3333333%;
-}
-
-.nut-col-14 {
-  width: 58.3333333%;
-}
-
-.nut-col-offset-15 {
-  margin-left: 62.5%;
-}
-
-[dir=rtl] .nut-col-offset-15,
-.nut-rtl .nut-col-offset-15 {
-  margin-left: 0;
-  margin-right: 62.5%;
-}
-
-.nut-col-15 {
-  width: 62.5%;
-}
-
-.nut-col-offset-16 {
-  margin-left: 66.6666667%;
-}
-
-[dir=rtl] .nut-col-offset-16,
-.nut-rtl .nut-col-offset-16 {
-  margin-left: 0;
-  margin-right: 66.6666667%;
-}
-
-.nut-col-16 {
-  width: 66.6666667%;
-}
-
-.nut-col-offset-17 {
-  margin-left: 70.8333333%;
-}
-
-[dir=rtl] .nut-col-offset-17,
-.nut-rtl .nut-col-offset-17 {
-  margin-left: 0;
-  margin-right: 70.8333333%;
-}
-
-.nut-col-17 {
-  width: 70.8333333%;
-}
-
-.nut-col-offset-18 {
-  margin-left: 75%;
-}
-
-[dir=rtl] .nut-col-offset-18,
-.nut-rtl .nut-col-offset-18 {
-  margin-left: 0;
-  margin-right: 75%;
-}
-
-.nut-col-18 {
-  width: 75%;
-}
-
-.nut-col-offset-19 {
-  margin-left: 79.1666667%;
-}
-
-[dir=rtl] .nut-col-offset-19,
-.nut-rtl .nut-col-offset-19 {
-  margin-left: 0;
-  margin-right: 79.1666667%;
-}
-
-.nut-col-19 {
-  width: 79.1666667%;
-}
-
-.nut-col-offset-20 {
-  margin-left: 83.3333333%;
-}
-
-[dir=rtl] .nut-col-offset-20,
-.nut-rtl .nut-col-offset-20 {
-  margin-left: 0;
-  margin-right: 83.3333333%;
-}
-
-.nut-col-20 {
-  width: 83.3333333%;
-}
-
-.nut-col-offset-21 {
-  margin-left: 87.5%;
-}
-
-[dir=rtl] .nut-col-offset-21,
-.nut-rtl .nut-col-offset-21 {
-  margin-left: 0;
-  margin-right: 87.5%;
-}
-
-.nut-col-21 {
-  width: 87.5%;
-}
-
-.nut-col-offset-22 {
-  margin-left: 91.6666667%;
-}
-
-[dir=rtl] .nut-col-offset-22,
-.nut-rtl .nut-col-offset-22 {
-  margin-left: 0;
-  margin-right: 91.6666667%;
-}
-
-.nut-col-22 {
-  width: 91.6666667%;
-}
-
-.nut-col-offset-23 {
-  margin-left: 95.8333333%;
-}
-
-[dir=rtl] .nut-col-offset-23,
-.nut-rtl .nut-col-offset-23 {
-  margin-left: 0;
-  margin-right: 95.8333333%;
-}
-
-.nut-col-23 {
-  width: 95.8333333%;
-}
-
-.nut-col-offset-24 {
-  margin-left: 100%;
-}
-
-[dir=rtl] .nut-col-offset-24,
-.nut-rtl .nut-col-offset-24 {
-  margin-left: 0;
-  margin-right: 100%;
-}
-
-.nut-col-24 {
-  width: 100%;
-}
\ No newline at end of file
diff --git a/src/packages/collapse/collapse.harmony.css b/src/packages/collapse/collapse.harmony.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/packages/collapseitem/collapseitem.harmony.css b/src/packages/collapseitem/collapseitem.harmony.css
deleted file mode 100644
index 72bbd3db7e..0000000000
--- a/src/packages/collapseitem/collapseitem.harmony.css
+++ /dev/null
@@ -1,100 +0,0 @@
-.nut-collapse-item {
-  position: relative;
-}
-.nut-collapse-item::after {
-  position: absolute;
-  box-sizing: border-box;
-  content: " ";
-  pointer-events: none;
-  right: 16px;
-  left: 16px;
-  bottom: 0;
-  border-bottom: none;
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-}
-.nut-collapse-item:last-child::after {
-  display: none;
-}
-.nut-collapse-item-header {
-  position: relative;
-  display: flex;
-  width: 100%;
-  overflow: hidden;
-  padding: 13px 26px;
-  font-size: 14px;
-  line-height: 24px;
-  background-color: #ffffff;
-  box-sizing: border-box;
-}
-.nut-collapse-item-header::after {
-  position: absolute;
-  box-sizing: border-box;
-  content: " ";
-  pointer-events: none;
-  right: 16px;
-  left: 16px;
-  bottom: 0;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  -webkit-transform: scaleY(0.5);
-  transform: scaleY(0.5);
-}
-.nut-collapse-item-title {
-  color: #1A1A1A;
-  display: flex;
-  align-items: center;
-}
-.nut-collapse-item-extra {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  padding: 0px 20px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #505259;
-}
-.nut-collapse-item-icon-box {
-  display: flex;
-  width: 24px;
-  position: relative;
-  color: #505259;
-}
-.nut-collapse-item-icon {
-  display: flex;
-  align-items: center;
-  position: absolute;
-  top: 50%;
-  left: 5px;
-  transform: translateY(-50%);
-  transform-origin: center;
-  transition: transform 0.3s;
-}
-.nut-collapse-item-header.disabled {
-  color: #C2C4CC;
-}
-.nut-collapse-item-header.disabled .nut-collapse-item-title {
-  color: #C2C4CC;
-}
-.nut-collapse-item-header.disabled .nut-collapse-item-icon {
-  color: #C2C4CC;
-}
-.nut-collapse-item-content {
-  overflow: hidden;
-  display: block;
-  color: #505259;
-  font-size: 14px;
-  line-height: 1.5;
-  background-color: #ffffff;
-  transition: all 0.3s linear;
-}
-.nut-collapse-item-content-text {
-  color: #505259;
-  padding: 12px 26px;
-}
-
-[dir=rtl] .nut-collapse-item-icon,
-.nut-rtl .nut-collapse-item-icon {
-  left: auto;
-  right: 5px;
-}
\ No newline at end of file
diff --git a/src/packages/configprovider/configprovider.harmony.css b/src/packages/configprovider/configprovider.harmony.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/packages/countdown/countdown.harmony.css b/src/packages/countdown/countdown.harmony.css
deleted file mode 100644
index 57b77bbe79..0000000000
--- a/src/packages/countdown/countdown.harmony.css
+++ /dev/null
@@ -1,57 +0,0 @@
-.nut-countdown {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: #ff0f23;
-  font-size: 10px;
-}
-.nut-countdown-number-primary {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 14px;
-  font-weight: 400;
-  font-size: 10px;
-}
-.nut-countdown-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 14px;
-  font-weight: 400;
-  font-size: 10px;
-}
-.nut-countdown-unit {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 14px;
-  font-weight: 400;
-  font-size: 10px;
-}
-.nut-countdown-number {
-  min-width: 20px;
-  padding: 0 1px;
-  border-radius: 2px;
-  margin: 0 2px;
-}
-.nut-countdown-number-primary {
-  min-width: 20px;
-  padding: 0 1px;
-  border-radius: 2px;
-  margin: 0 2px;
-}
-.nut-countdown-number {
-  border: 1px solid #ffebf1;
-  background-color: transparent;
-  color: #ff0f23;
-  text-align: center;
-}
-.nut-countdown-number-primary {
-  border: 1px solid #ff0f23;
-  background-color: #ff0f23;
-  color: #ffffff;
-}
-.nut-countdown-unit {
-  color: #ff0f23;
-}
\ No newline at end of file
diff --git a/src/packages/datepicker/datepicker.harmony.css b/src/packages/datepicker/datepicker.harmony.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/packages/dialog/dialog.harmony.css b/src/packages/dialog/dialog.harmony.css
deleted file mode 100644
index dab385a9da..0000000000
--- a/src/packages/dialog/dialog.harmony.css
+++ /dev/null
@@ -1,146 +0,0 @@
-.nut-dialog {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 295px;
-  max-height: 67%;
-  min-height: 124px;
-  padding: 24px;
-  box-sizing: border-box;
-}
-.nut-dialog-outer {
-  position: fixed;
-  max-height: 100%;
-  background-color: #ffffff;
-  transition: transform 0.2s, -webkit-transform 0.2s;
-  -webkit-overflow-scrolling: touch;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-  border-radius: 16px;
-  z-index: 1200;
-  animation-duration: 0.3s;
-}
-.nut-dialog-close {
-  position: absolute !important;
-  z-index: 1;
-  cursor: pointer;
-  width: 18px;
-  height: 18px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  top: 16px;
-  color: #888B94;
-}
-.nut-dialog-close-top-right {
-  right: 16px;
-}
-.nut-dialog-close-top-left {
-  left: 16px;
-}
-.nut-dialog-close-bottom {
-  top: initial;
-  bottom: -56px;
-  left: 50%;
-  transform: translate(-50%);
-}
-.nut-dialog-close:active {
-  opacity: 0.7;
-}
-.nut-dialog-header {
-  display: block;
-  text-align: center;
-  font-size: 16px;
-  font-weight: normal;
-  color: #1A1A1A;
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.nut-dialog-content {
-  width: 100%;
-  margin: 5px 0 24px 0;
-  max-height: 268px;
-  line-height: 20px;
-  font-size: 14px;
-  color: #505259;
-  word-wrap: break-word;
-  word-break: break-all;
-  white-space: pre-wrap;
-  text-align: left;
-  overflow-y: auto;
-}
-.nut-dialog-footer {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  justify-content: space-around;
-}
-.nut-dialog-footer.vertical {
-  flex-direction: column;
-}
-.nut-dialog-footer.vertical .nut-button {
-  min-width: 100%;
-  margin: 0;
-}
-.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-ok {
-  order: 1;
-}
-.nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel {
-  border: 0;
-  color: #505259;
-  order: 2;
-  display: flex;
-  align-items: flex-end;
-  margin-top: 5px;
-}
-.nut-dialog-footer .nut-button {
-  min-width: 117px;
-}
-.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
-  margin-right: 12px;
-}
-.nut-dialog-footer-ok {
-  max-width: 128px;
-}
-
-[dir=rtl] .nut-dialog-outer,
-.nut-rtl .nut-dialog-outer {
-  left: auto;
-  right: 50%;
-  -webkit-transform: translate(50%, -50%);
-  transform: translate(50%, -50%);
-}
-[dir=rtl] .nut-dialog-close-top-right {
-  right: auto;
-  left: 16px;
-}
-.nut-rtl .nut-dialog-close-top-right {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-dialog-close-top-left {
-  left: auto;
-  right: 16px;
-}
-.nut-rtl .nut-dialog-close-top-left {
-  left: auto;
-  right: 16px;
-}
-[dir=rtl] .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
-  margin-right: 0;
-  margin-left: 12px;
-}
-.nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
-  margin-right: 0;
-  margin-left: 12px;
-}
-[dir=rtl] .nut-dialog-content {
-  text-align: right;
-}
-.nut-rtl .nut-dialog-content {
-  text-align: right;
-}
\ No newline at end of file
diff --git a/src/packages/divider/divider.harmony.css b/src/packages/divider/divider.harmony.css
deleted file mode 100644
index da3cbc0986..0000000000
--- a/src/packages/divider/divider.harmony.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.nut-divider {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  font-size: 14px;
-  color: #505259;
-  margin: 16px 0;
-  width: 100%;
-  border: 0 solid rgba(0, 0, 0, 0.06);
-}
-.nut-divider-before {
-  display: flex;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-width: 1px 0 0;
-  height: 1px;
-  flex: 1;
-}
-.nut-divider-after {
-  display: flex;
-  border-style: solid;
-  border-color: rgba(0, 0, 0, 0.06);
-  border-width: 1px 0 0;
-  height: 1px;
-  flex: 1;
-}
-.nut-divider-center-before {
-  margin-right: 8px;
-}
-.nut-divider-left-before {
-  margin-right: 8px;
-}
-.nut-divider-right-before {
-  margin-right: 8px;
-}
-.nut-divider-center-after {
-  margin-left: 8px;
-}
-.nut-divider-left-after {
-  margin-left: 8px;
-}
-.nut-divider-right-after {
-  margin-left: 8px;
-}
-.nut-divider-left-before {
-  width: 10%;
-  flex: none;
-}
-.nut-divider-right-after {
-  width: 10%;
-  flex: none;
-}
-.nut-divider-vertical {
-  display: inline-flex;
-  width: 0px;
-  height: 12px;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-  margin: 0 8px;
-}
-.nut-divider-rtl-before {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.nut-divider-rtl-after {
-  margin-left: 0;
-  margin-right: 8px;
-}
\ No newline at end of file
diff --git a/src/packages/drag/drag.harmony.css b/src/packages/drag/drag.harmony.css
deleted file mode 100644
index 30fefcfc38..0000000000
--- a/src/packages/drag/drag.harmony.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.nut-drag {
-  position: fixed;
-  display: inline-flex;
-  z-index: 9997 !important;
-  width: fit-content;
-  height: fit-content;
-  touch-action: none;
-  user-select: none;
-  font-size: 0;
-}
\ No newline at end of file
diff --git a/src/packages/elevator/elevator.harmony.css b/src/packages/elevator/elevator.harmony.css
deleted file mode 100644
index d0d9bb1f85..0000000000
--- a/src/packages/elevator/elevator.harmony.css
+++ /dev/null
@@ -1,120 +0,0 @@
-.nut-elevator {
-  width: 100%;
-  display: block;
-  position: relative;
-  overflow: hidden;
-}
-.nut-elevator-list {
-  display: block;
-  position: relative;
-  top: 0;
-  overflow: hidden;
-  font-size: 12px;
-  color: #1A1A1A;
-}
-.nut-elevator-list-inner {
-  height: 100%;
-  width: 100%;
-  display: block;
-  background-color: #ffffff;
-  overflow: auto;
-}
-.nut-elevator-list-item {
-  display: block;
-}
-.nut-elevator-list-item-code {
-  display: flex;
-  position: relative;
-  height: 35px;
-  line-height: 35px;
-  font-size: 14px;
-  color: #1A1A1A;
-  padding: 0 20px;
-  font-weight: 500;
-  box-sizing: border-box;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  background-color: inherit;
-}
-.nut-elevator-list-item-name {
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-  height: 30px;
-  line-height: 30px;
-}
-.nut-elevator-list-item-name-highcolor {
-  color: #FF0F23;
-}
-.nut-elevator-list-fixed {
-  width: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  padding: 0 20px;
-  height: 35px;
-  line-height: 35px;
-  font-size: 14px;
-  color: #FF0F23;
-  font-weight: 500;
-  background-color: #ffffff;
-  box-sizing: border-box;
-  box-shadow: 0 0 10px #eee;
-}
-.nut-elevator-code-current {
-  position: absolute;
-  right: 60px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 45px;
-  height: 45px;
-  line-height: 45px;
-  border-radius: 50%;
-  background: #fff;
-  box-shadow: 0 3px 3px 1px rgb(240, 240, 240);
-  text-align: center;
-}
-.nut-elevator-bars {
-  position: absolute;
-  right: 10px;
-  top: 50%;
-  color: #888B94;
-  font-size: 12px;
-  transform: translateY(-50%);
-  padding: 15px 0;
-  background-color: #F7F8FC;
-  border-radius: 6px;
-  text-align: center;
-  z-index: 1;
-}
-.nut-elevator-bars-inner-item {
-  display: block;
-  padding: 3px;
-  cursor: pointer;
-}
-.nut-elevator-bars-inner-item-active {
-  font-weight: 500;
-  color: #FF0F23;
-}
-
-[dir=rtl] .nut-elevator-list-fixed,
-.nut-rtl .nut-elevator-list-fixed {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-elevator-code-current {
-  right: auto;
-  left: 60px;
-}
-.nut-rtl .nut-elevator-code-current {
-  right: auto;
-  left: 60px;
-}
-[dir=rtl] .nut-elevator-bars {
-  right: auto;
-  left: 10px;
-}
-.nut-rtl .nut-elevator-bars {
-  right: auto;
-  left: 10px;
-}
\ No newline at end of file
diff --git a/src/packages/ellipsis/ellipsis.harmony.css b/src/packages/ellipsis/ellipsis.harmony.css
deleted file mode 100644
index b7326c65d0..0000000000
--- a/src/packages/ellipsis/ellipsis.harmony.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.nut-ellipsis {
-  display: flex;
-}
-.nut-ellipsis .nut-ellipsis-text {
-  cursor: pointer;
-  color: #1988fa;
-  display: inline;
-}
-.nut-ellipsis .nut-ellipsis-wordbreak {
-  word-break: break-all;
-}
-
-.nut-ellipsis-copy {
-  position: absolute;
-  top: -999999px;
-}
-
-.nut-ellipsis-width {
-  width: fit-content;
-}
\ No newline at end of file
diff --git a/src/packages/empty/empty.harmony.css b/src/packages/empty/empty.harmony.css
deleted file mode 100644
index 36acc0f5b9..0000000000
--- a/src/packages/empty/empty.harmony.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.nut-empty {
-  box-sizing: border-box;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  padding: 32px 40px;
-  background-color: #ffffff;
-}
-.nut-empty-base {
-  width: 160px;
-  height: 160px;
-}
-.nut-empty-base img,
-.nut-empty-base image {
-  width: 100%;
-  height: 100%;
-}
-.nut-empty-small {
-  width: 120px;
-  height: 120px;
-}
-.nut-empty-small img,
-.nut-empty-small image {
-  width: 100%;
-  height: 100%;
-}
-.nut-empty-title {
-  margin-top: 0px;
-  margin-bottom: 8px;
-  color: #1a1a1a;
-  font-size: 14px;
-  line-height: 14px;
-}
-.nut-empty-description {
-  margin-top: 0px;
-  color: #888b94;
-  font-size: 12px;
-  line-height: 1.2;
-}
-.nut-empty-actions {
-  display: flex;
-  flex-direction: row;
-  margin-top: 16px;
-}
-.nut-empty-action {
-  margin-left: 6px;
-  margin-right: 6px;
-}
\ No newline at end of file
diff --git a/src/packages/fixednav/fixednav.harmony.css b/src/packages/fixednav/fixednav.harmony.css
deleted file mode 100644
index 4382f55ea5..0000000000
--- a/src/packages/fixednav/fixednav.harmony.css
+++ /dev/null
@@ -1,183 +0,0 @@
-.nut-fixednav {
-  position: fixed;
-  z-index: 900;
-  display: inline-block;
-  height: 50px;
-  right: 0;
-}
-.nut-fixednav.active .nut-icon {
-  transform: rotate(180deg);
-}
-.nut-fixednav.active .nut-fixednav-list {
-  transform: translateX(0%) !important;
-}
-.nut-fixednav.active.left .nut-icon {
-  transform: rotate(0deg) !important;
-}
-.nut-fixednav-btn {
-  box-sizing: border-box;
-  position: absolute;
-  right: 0;
-  z-index: 900;
-  width: 70px;
-  height: 100%;
-  background: #FF0F23;
-  border-radius: 45px 0px 0px 45px;
-  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.nut-fixednav-btn .text {
-  width: 24px;
-  line-height: 13px;
-  font-size: 12px;
-  color: #fff;
-  flex-shrink: 0;
-}
-.nut-fixednav-btn .nut-icon {
-  margin-right: 5px;
-  transition: all 0.3s;
-  transform: rotate(0deg);
-  transition: all 0.3s;
-}
-.nut-fixednav-list {
-  position: absolute;
-  right: 0;
-  transform: translateX(100%);
-  transition: all 0.5s;
-  z-index: 900;
-  flex-shrink: 0;
-  height: 100%;
-  background: #ffffff;
-  display: flex;
-  justify-content: space-between;
-  border-radius: 25px 0px 0px 25px;
-  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
-  padding-left: 20px;
-  padding-right: 80px;
-}
-.nut-fixednav-list-item {
-  position: relative;
-  flex: 1;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  min-width: 50px;
-  flex-shrink: 0;
-  color: #1A1A1A;
-}
-.nut-fixednav-list-item img {
-  width: 20px;
-  height: 20px;
-  margin-bottom: 2px;
-}
-.nut-fixednav-list-item .nut-fixednav-list-text {
-  font-size: 10px;
-}
-.nut-fixednav-list-item .b {
-  position: absolute;
-  right: 0;
-  top: 1px;
-  height: 14px;
-  line-height: 14px;
-  font-size: 10px;
-  padding: 0 3px;
-  color: white;
-  background: #FF0F23;
-  border-radius: 7px;
-  text-align: center;
-  min-width: 12px;
-}
-.nut-fixednav.left {
-  right: auto;
-  left: 0;
-}
-.nut-fixednav.left .nut-fixednav-btn {
-  flex-direction: row-reverse;
-  right: auto;
-  left: 0;
-  border-radius: 0 45px 45px 0;
-}
-.nut-fixednav.left .nut-fixednav-btn .nut-icon {
-  transform: rotate(180deg);
-  margin-right: 0px;
-  margin-left: 5px;
-}
-.nut-fixednav.left .nut-fixednav-list {
-  transform: translateX(-100%);
-  right: auto;
-  border-radius: 0px 25px 25px 0px;
-  padding-left: 80px;
-  padding-right: 20px;
-  margin: 0;
-}
-
-[dir=rtl] .nut-fixednav,
-.nut-rtl .nut-fixednav {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-fixednav.active .nut-icon,
-.nut-rtl .nut-fixednav.active .nut-icon {
-  transform: rotate(-180deg);
-}
-[dir=rtl] .nut-fixednav-btn,
-.nut-rtl .nut-fixednav-btn {
-  right: auto;
-  left: 0;
-  border-radius: 0px 45px 45px 0px;
-}
-[dir=rtl] .nut-fixednav-btn .nut-icon,
-.nut-rtl .nut-fixednav-btn .nut-icon {
-  margin-right: 0px;
-  margin-left: 5px;
-  transform: rotate(180deg);
-}
-[dir=rtl] .nut-fixednav-list,
-.nut-rtl .nut-fixednav-list {
-  right: auto;
-  left: 0;
-  transform: translateX(-100%);
-  border-radius: 0px 25px 25px 0px;
-  box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.2);
-  padding-right: 20px;
-  padding-left: 80px;
-}
-[dir=rtl] .nut-fixednav-list-item .b,
-.nut-rtl .nut-fixednav-list-item .b {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-fixednav.left,
-.nut-rtl .nut-fixednav.left {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-fixednav.left .nut-fixednav-btn,
-.nut-rtl .nut-fixednav.left .nut-fixednav-btn {
-  left: auto;
-  right: 0;
-  border-radius: 45px 0 0 45px;
-}
-[dir=rtl] .nut-fixednav.left .nut-fixednav-btn .nut-icon,
-.nut-rtl .nut-fixednav.left .nut-fixednav-btn .nut-icon {
-  transform: rotate(0deg);
-  margin-right: 5px;
-  margin-left: 0px;
-}
-[dir=rtl] .nut-fixednav.left .nut-fixednav-list,
-.nut-rtl .nut-fixednav.left .nut-fixednav-list {
-  transform: translateX(100%);
-  right: auto;
-  left: auto;
-  border-radius: 25px 0px 0px 25px;
-  padding-right: 80px;
-  padding-left: 20px;
-}
-
-.nut-drag .nut-fixednav {
-  position: inherit;
-}
\ No newline at end of file
diff --git a/src/packages/form/form.harmony.css b/src/packages/form/form.harmony.css
deleted file mode 100644
index 85633e1176..0000000000
--- a/src/packages/form/form.harmony.css
+++ /dev/null
@@ -1,67 +0,0 @@
-.form-layout-right .nut-form-item-label {
-  text-align: end;
-  font-size: 14px;
-  padding-right: 24px;
-  white-space: nowrap;
-}
-
-.form-layout-left .nut-form-item-label {
-  position: relative;
-  text-align: start;
-  font-size: 14px;
-  padding-left: 12px;
-  white-space: nowrap;
-}
-.form-layout-left .nut-form-item-label .required {
-  display: block;
-  line-height: 1.5;
-  position: absolute;
-  left: 0.1em;
-}
-
-.form-layout-top .nut-form-item {
-  flex-direction: column;
-  align-items: flex-start;
-  white-space: nowrap;
-}
-
-.form-layout-top .nut-form-item-label {
-  padding-bottom: 4px;
-  display: block;
-  font-size: 14px;
-  padding-right: 24px;
-}
-
-.form-layout-top .nut-form-item-body {
-  margin-left: 0;
-  width: 100%;
-}
-
-[dir=rtl] .form-layout-right .nut-form-item-label,
-.nut-rtl .form-layout-right .nut-form-item-label {
-  padding-right: 0;
-  padding-left: 24px;
-}
-
-[dir=rtl] .form-layout-left .nut-form-item-label,
-.nut-rtl .form-layout-left .nut-form-item-label {
-  padding-left: 0;
-  padding-right: 12px;
-}
-[dir=rtl] .form-layout-left .nut-form-item-label .required,
-.nut-rtl .form-layout-left .nut-form-item-label .required {
-  left: auto;
-  right: 0.1em;
-}
-
-[dir=rtl] .form-layout-top .nut-form-item-label,
-.nut-rtl .form-layout-top .nut-form-item-label {
-  padding-right: 0;
-  padding-left: 24px;
-}
-
-[dir=rtl] .form-layout-top .nut-form-item-body,
-.nut-rtl .form-layout-top .nut-form-item-body {
-  margin-left: 0;
-  margin-right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/formitem/formitem.harmony.css b/src/packages/formitem/formitem.harmony.css
deleted file mode 100644
index f9272f7c62..0000000000
--- a/src/packages/formitem/formitem.harmony.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.nut-form-item {
-  display: flex;
-}
-.nut-form-item.error.line::before {
-  border-bottom: 1px solid #FF0F23;
-  transform: scaleX(1);
-  transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
-}
-.nut-form-item-label {
-  font-size: 14px;
-  font-weight: normal;
-  width: 90px;
-  margin-right: 10px;
-  flex: none !important;
-  display: inline-block !important;
-  word-wrap: break-word;
-  text-align: start;
-}
-.nut-form-item-label .required::before {
-  content: "*";
-  color: #FF0F23;
-  margin-right: 4px;
-}
-.nut-form-item-body {
-  flex: 1;
-  display: flex !important;
-  flex-direction: column;
-}
-.nut-form-item-body-slots {
-  text-align: start;
-}
-.nut-form-item-body-slots .nut-input {
-  padding: 0;
-  border: 0;
-}
-.nut-form-item-body-slots .nut-input-text {
-  font-size: 14px;
-  text-align: start;
-  color: #1A1A1A;
-  width: 100%;
-  outline: 0 none;
-  border: 0;
-  text-decoration: none;
-  background: transparent;
-}
-.nut-form-item-body-slots .nut-range-container {
-  min-height: 24px;
-}
-.nut-form-item-body-slots .nut-textarea {
-  padding: 0 !important;
-}
-.nut-form-item-body-slots .nut-textarea .nut-textarea-textarea {
-  font: inherit;
-  text-align: start;
-}
-.nut-form-item-body-tips {
-  text-align: start;
-  font-size: 10px;
-  color: #FF0F23;
-}
-
-[dir=rtl] .nut-form-item-label {
-  margin-right: 0;
-  margin-left: 10px;
-}
-
-.nut-rtl .nut-form-item-label {
-  margin-right: 0;
-  margin-left: 10px;
-}
-[dir=rtl] .nut-form-item-label .required::before {
-  margin-right: 0;
-  margin-left: 4px;
-}
-.nut-rtl .nut-form-item-label .required::before {
-  margin-right: 0;
-  margin-left: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/grid/grid.harmony.css b/src/packages/grid/grid.harmony.css
deleted file mode 100644
index e4df8e80b5..0000000000
--- a/src/packages/grid/grid.harmony.css
+++ /dev/null
@@ -1,122 +0,0 @@
-.nut-grid-item {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  box-sizing: border-box;
-  color: #1a1a1a;
-}
-.nut-grid-item-text {
-  color: #1a1a1a;
-  font-size: 12px;
-  word-break: break-all;
-  margin: 8px 0 0 0;
-}
-.nut-grid-item-text-reverse {
-  margin: 0 0 8px 0;
-}
-.nut-grid-item-text-horizontal {
-  margin: 0 0 0 8px;
-}
-.nut-grid-item-text-horizontal-reverse {
-  margin: 0 8px 0 0;
-}
-.nut-grid-item-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  width: 100%;
-  padding: 16px 8px;
-  background: #ffffff;
-  border: 0 solid rgba(0, 0, 0, 0.06);
-}
-.nut-grid-item-content-border {
-  border-right-width: 1px;
-  border-bottom-width: 1px;
-}
-.nut-grid-item-content-surround {
-  border-top-width: 1px;
-  border-left-width: 1px;
-}
-.nut-grid-item-content-center {
-  align-items: center;
-  justify-content: center;
-}
-.nut-grid-item-content-square {
-  margin-top: -100%;
-}
-.nut-grid-item-content-reverse {
-  flex-direction: column-reverse;
-}
-.nut-grid-item-content-horizontal {
-  flex-direction: row;
-}
-.nut-grid-item-content-horizontal-reverse {
-  flex-direction: row-reverse;
-}
-.nut-grid-item-content-clickable {
-  cursor: pointer;
-}
-.nut-grid-item-content-clickable::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border: inherit;
-  border-color: rgba(0, 0, 0, 0.7);
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-grid-item-content-clickable:active::before {
-  opacity: 0.1;
-}
-
-[dir=rtl] .nut-grid-item-content-border,
-.nut-rtl .nut-grid-item-content-border {
-  border-right-width: 0;
-  border-left-width: 1px;
-}
-[dir=rtl] .nut-grid-item-content-surround,
-.nut-rtl .nut-grid-item-content-surround {
-  border-left-width: 0;
-  border-right-width: 1px;
-}
-[dir=rtl] .nut-grid-item-content-horizontal .nut-grid-item-text {
-  margin: 0 8px 0 0;
-}
-.nut-rtl .nut-grid-item-content-horizontal .nut-grid-item-text {
-  margin: 0 8px 0 0;
-}
-[dir=rtl] .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text {
-  margin: 0 0 0 8px;
-}
-.nut-rtl .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text {
-  margin: 0 0 0 8px;
-}
-[dir=rtl] .nut-grid-item-content-clickable::before,
-.nut-rtl .nut-grid-item-content-clickable::before {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
-
-.nut-grid {
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  flex-wrap: wrap;
-  border: 0 solid rgba(0, 0, 0, 0.06);
-}
-.nut-grid-border {
-  border-top-width: 1px;
-  border-left-width: 1px;
-}
-
-[dir=rtl] .nut-grid-border,
-.nut-rtl .nut-grid-border {
-  border-left-width: 0;
-  border-right-width: 1px;
-}
\ No newline at end of file
diff --git a/src/packages/griditem/griditem.harmony.css b/src/packages/griditem/griditem.harmony.css
deleted file mode 100644
index b0410709a9..0000000000
--- a/src/packages/griditem/griditem.harmony.css
+++ /dev/null
@@ -1,105 +0,0 @@
-.nut-grid-item {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  box-sizing: border-box;
-  color: #1a1a1a;
-}
-.nut-grid-item-text {
-  color: #1a1a1a;
-  font-size: 12px;
-  word-break: break-all;
-  margin: 8px 0 0 0;
-}
-.nut-grid-item-text-reverse {
-  margin: 0 0 8px 0;
-}
-.nut-grid-item-text-horizontal {
-  margin: 0 0 0 8px;
-}
-.nut-grid-item-text-horizontal-reverse {
-  margin: 0 8px 0 0;
-}
-.nut-grid-item-content {
-  display: flex;
-  box-sizing: border-box;
-  flex: 1;
-  flex-direction: column;
-  width: 100%;
-  padding: 16px 8px;
-  background: #ffffff;
-  border: 0 solid rgba(0, 0, 0, 0.06);
-}
-.nut-grid-item-content-border {
-  border-right-width: 1px;
-  border-bottom-width: 1px;
-}
-.nut-grid-item-content-surround {
-  border-top-width: 1px;
-  border-left-width: 1px;
-}
-.nut-grid-item-content-center {
-  align-items: center;
-  justify-content: center;
-}
-.nut-grid-item-content-square {
-  margin-top: -100%;
-}
-.nut-grid-item-content-reverse {
-  flex-direction: column-reverse;
-}
-.nut-grid-item-content-horizontal {
-  flex-direction: row;
-}
-.nut-grid-item-content-horizontal-reverse {
-  flex-direction: row-reverse;
-}
-.nut-grid-item-content-clickable {
-  cursor: pointer;
-}
-.nut-grid-item-content-clickable::before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  border: inherit;
-  border-color: rgba(0, 0, 0, 0.7);
-  border-radius: inherit;
-  transform: translate(-50%, -50%);
-  opacity: 0;
-  content: " ";
-}
-.nut-grid-item-content-clickable:active::before {
-  opacity: 0.1;
-}
-
-[dir=rtl] .nut-grid-item-content-border,
-.nut-rtl .nut-grid-item-content-border {
-  border-right-width: 0;
-  border-left-width: 1px;
-}
-[dir=rtl] .nut-grid-item-content-surround,
-.nut-rtl .nut-grid-item-content-surround {
-  border-left-width: 0;
-  border-right-width: 1px;
-}
-[dir=rtl] .nut-grid-item-content-horizontal .nut-grid-item-text {
-  margin: 0 8px 0 0;
-}
-.nut-rtl .nut-grid-item-content-horizontal .nut-grid-item-text {
-  margin: 0 8px 0 0;
-}
-[dir=rtl] .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text {
-  margin: 0 0 0 8px;
-}
-.nut-rtl .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text {
-  margin: 0 0 0 8px;
-}
-[dir=rtl] .nut-grid-item-content-clickable::before,
-.nut-rtl .nut-grid-item-content-clickable::before {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, -50%);
-}
\ No newline at end of file
diff --git a/src/packages/hoverbutton/hoverbutton.harmony.css b/src/packages/hoverbutton/hoverbutton.harmony.css
deleted file mode 100644
index bd4baa04ca..0000000000
--- a/src/packages/hoverbutton/hoverbutton.harmony.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.nut-hoverbutton {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-.nut-hoverbutton-container {
-  position: fixed;
-  right: 16px;
-  bottom: 48px;
-  z-index: 10;
-}
-.nut-hoverbutton-container-rn {
-  position: absolute;
-}
-
-[dir=rtl] .nut-hoverbutton-container {
-  right: auto;
-  left: 16px;
-}
-
-.nut-hoverbutton-container-rtl {
-  right: auto;
-  left: 16px;
-}
\ No newline at end of file
diff --git a/src/packages/hoverbuttonitem/hoverbuttonitem.harmony.css b/src/packages/hoverbuttonitem/hoverbuttonitem.harmony.css
deleted file mode 100644
index 44bd9c6a8a..0000000000
--- a/src/packages/hoverbuttonitem/hoverbuttonitem.harmony.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.nut-hoverbutton-item-container {
-  width: 40px;
-  height: 40px;
-  border-radius: 20px;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  background-color: #ffffff;
-}
-.nut-hoverbutton-item-container:active {
-  background-color: #f6f6f6;
-}
-.nut-hoverbutton-item-container-active {
-  background-color: #f6f6f6;
-}
-.nut-hoverbutton-item-container-harmony {
-  margin-bottom: 16px;
-}
-.nut-hoverbutton-item-container-harmony:last-child {
-  margin-bottom: 0;
-}
-.nut-hoverbutton-item-icon {
-  width: 20px;
-  height: 20px;
-  margin: 9px;
-  color: #1a1a1a;
-  fill: #1a1a1a;
-}
-.nut-hoverbutton-item-icon .nut-icon {
-  display: block;
-  width: 20px;
-  height: 20px;
-}
-.nut-hoverbutton-item-container:active .nut-hoverbutton-item-icon {
-  color: #595959;
-  fill: #595959;
-}
\ No newline at end of file
diff --git a/src/packages/image/image.harmony.css b/src/packages/image/image.harmony.css
deleted file mode 100644
index 86c0301bec..0000000000
--- a/src/packages/image/image.harmony.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.nut-image {
-  display: block;
-  position: relative;
-}
-.nut-image .nut-img {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.nut-image.nut-image-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-image .nut-img-loading {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-.nut-image .nut-img-error {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-
-[dir=rtl] .nut-image .nut-img-loading,
-.nut-rtl .nut-image .nut-img-loading {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-image .nut-img-error,
-.nut-rtl .nut-image .nut-img-error {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/imagepreview/imagepreview.harmony.css b/src/packages/imagepreview/imagepreview.harmony.css
deleted file mode 100644
index 7586dc857b..0000000000
--- a/src/packages/imagepreview/imagepreview.harmony.css
+++ /dev/null
@@ -1,86 +0,0 @@
-.nut-imagepreview {
-  width: 100%;
-  height: 100%;
-}
-.nut-imagepreview-swiper {
-  height: 100%;
-  width: 100vw;
-  background-color: transparent;
-}
-.nut-imagepreview-index {
-  position: fixed;
-  z-index: 2002;
-  top: 50px;
-  text-align: center;
-  left: 0;
-  right: 0;
-  background: transparent;
-  color: #ffffff;
-}
-.nut-imagepreview-index .arrow {
-  position: absolute;
-  left: 15px;
-  transform: rotateZ(180deg);
-}
-.nut-imagepreview-close {
-  position: fixed;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2002;
-  background: transparent;
-  color: #ffffff;
-}
-.nut-imagepreview-close.top-right {
-  top: 50px;
-  right: 20px;
-}
-.nut-imagepreview-close.top-left {
-  top: 50px;
-  left: 20px;
-}
-.nut-imagepreview-close.bottom {
-  bottom: 50px;
-  left: 0;
-  right: 0;
-  text-align: center;
-}
-.nut-imagepreview-pop {
-  height: 100%;
-  background: transparent !important;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-.nut-imagepreview-swiper .nut-imagepreview-swiper-item,
-.nut-imagepreview-swiper .nut-swiper-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,
-.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box {
-  width: 100%;
-}
-.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,
-.nut-imagepreview-swiper .nut-swiper-item .nut-video video {
-  object-fit: contain;
-}
-
-[dir=rtl] .nut-imagepreview-index .arrow,
-.nut-rtl .nut-imagepreview-index .arrow {
-  left: auto;
-  right: 15px;
-  transform: rotateZ(-180deg);
-}
-[dir=rtl] .nut-imagepreview-close.top-right,
-.nut-rtl .nut-imagepreview-close.top-right {
-  right: auto;
-  left: 20px;
-}
-[dir=rtl] .nut-imagepreview-close.top-left,
-.nut-rtl .nut-imagepreview-close.top-left {
-  left: auto;
-  right: 20px;
-}
\ No newline at end of file
diff --git a/src/packages/indicator/indicator.harmony.css b/src/packages/indicator/indicator.harmony.css
deleted file mode 100644
index 98a92609ac..0000000000
--- a/src/packages/indicator/indicator.harmony.css
+++ /dev/null
@@ -1,65 +0,0 @@
-.nut-indicator {
-  display: flex;
-  flex-direction: row;
-  width: auto;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: center;
-}
-.nut-indicator-dot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.06);
-  margin: 0 2px;
-}
-.nut-indicator-dot:first-child {
-  margin-left: 0px;
-}
-.nut-indicator-dot:last-child {
-  margin-right: 0px;
-}
-.nut-indicator-active {
-  width: 8px;
-  border-radius: 2px;
-  background: #ff0f23;
-}
-.nut-indicator-vertical {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.nut-indicator-vertical-dot {
-  margin: 2px 0;
-}
-.nut-indicator-vertical-dot:first-child {
-  margin-top: 0px;
-}
-.nut-indicator-vertical-dot:last-child {
-  margin-bottom: 0px;
-}
-.nut-indicator-vertical-active {
-  width: 4px;
-  height: 8px;
-}
-
-[dir=rtl] .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-
-.nut-rtl .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-[dir=rtl] .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
-.nut-rtl .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
\ No newline at end of file
diff --git a/src/packages/infiniteloading/infiniteloading.harmony.css b/src/packages/infiniteloading/infiniteloading.harmony.css
deleted file mode 100644
index 9ba8a29f4d..0000000000
--- a/src/packages/infiniteloading/infiniteloading.harmony.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.nut-infiniteloading {
-  display: block;
-  width: 100%;
-}
-.nut-infiniteloading .nut-infinite-top {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  overflow: hidden;
-  font-size: 12px;
-  color: #888B94;
-}
-.nut-infiniteloading .nut-infinite-top-tips {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.nut-infiniteloading .nut-infinite-top-tips-icons {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 4px;
-}
-.nut-infiniteloading .nut-infinite-bottom {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  padding-top: 6px;
-  font-size: 12px;
-  color: #888B94;
-  text-align: center;
-}
-.nut-infiniteloading .nut-infinite-bottom-tips {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-infiniteloading .nut-infinite-bottom-tips-icons {
-  margin-right: 8px;
-}
-
-[dir=rtl] .nut-infiniteloading .nut-infinite-bottom-tips-icons,
-.nut-rtl .nut-infiniteloading .nut-infinite-bottom-tips-icons {
-  margin-right: 0;
-  margin-left: 8px;
-}
\ No newline at end of file
diff --git a/src/packages/input/input.harmony.css b/src/packages/input/input.harmony.css
deleted file mode 100644
index 47289dbf35..0000000000
--- a/src/packages/input/input.harmony.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.nut-input {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  flex: 1;
-  align-items: center;
-  padding: 10px 25px;
-  line-height: 24px;
-  font-size: 14px;
-  box-sizing: border-box;
-  border-radius: 0;
-  background-color: #ffffff;
-  border-bottom: 0px solid rgba(0, 0, 0, 0.06);
-}
-.nut-input .nut-icon {
-  color: #c8c9cc;
-}
-
-.nut-input-native {
-  flex: 1;
-  color: #1a1a1a;
-  font-size: 14px;
-  padding: 0;
-  border: 0;
-  outline: 0 none;
-  text-decoration: none;
-  background-color: transparent;
-}
-
-/* #ifndef rn */
-.nut-input-native::placeholder {
-  color: #757575;
-}
-
-/* #endif */
-.nut-input-disabled {
-  color: #c2c4cc !important;
-}
-.nut-input-disabled input:disabled {
-  color: #c2c4cc;
-  cursor: not-allowed;
-  background: none;
-  opacity: 1;
-  -webkit-text-fill-color: #c2c4cc;
-}
-
-.nut-input-clear {
-  flex: 0;
-}
\ No newline at end of file
diff --git a/src/packages/inputnumber/inputnumber.harmony.css b/src/packages/inputnumber/inputnumber.harmony.css
deleted file mode 100644
index 79800288af..0000000000
--- a/src/packages/inputnumber/inputnumber.harmony.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.nut-inputnumber {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.nut-inputnumber-minus {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 14px;
-  height: 24px;
-  background-color: transparent;
-  border-radius: 16px;
-}
-.nut-inputnumber-add {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 14px;
-  height: 24px;
-  background-color: transparent;
-  border-radius: 16px;
-}
-.nut-inputnumber-icon {
-  color: #505259;
-  /*  #ifdef rn harmony  */
-  font-size: 14px;
-  /*  #endif  */
-  /*  #ifndef  rn harmony  */
-  font-size: 8px;
-  /*  #endif */
-  cursor: pointer;
-}
-.nut-inputnumber-icon-disabled {
-  color: #c2c4cc;
-  cursor: not-allowed;
-}
-.nut-inputnumber-input {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 60px;
-  height: 24px;
-  text-align: center;
-  outline: none;
-  border: 0;
-  border-radius: 6px;
-  margin: 0;
-  color: #1a1a1a;
-  background-color: #f5f6fa;
-}
-.nut-inputnumber-input-disabled {
-  color: #c2c4cc;
-}
-.nut-inputnumber-input::-webkit-outer-spin-button, .nut-inputnumber-input::-webkit-inner-spin-button {
-  appearance: none;
-}
-.nut-inputnumber-input-disabled {
-  color: #c2c4cc;
-}
\ No newline at end of file
diff --git a/src/packages/layout/layout.harmony.css b/src/packages/layout/layout.harmony.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/src/packages/loading/loading.harmony.css b/src/packages/loading/loading.harmony.css
deleted file mode 100644
index df035b2e90..0000000000
--- a/src/packages/loading/loading.harmony.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.nut-loading {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-.nut-loading.nut-loading-vertical {
-  flex-direction: column;
-}
-.nut-loading .nut-loading-icon-box {
-  display: inline-block;
-  font-size: 0;
-  line-height: 0;
-  animation: nut-loading-rotation 1s infinite linear;
-}
-.nut-loading .nut-loading-icon-box .nut-loading-icon {
-  color: #888B94;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-.nut-loading .nut-loading-text {
-  padding: 8px;
-  color: #888B94;
-  font-size: 12px;
-}
-
-@keyframes nut-loading-rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
\ No newline at end of file
diff --git a/src/packages/menu/menu.harmony.css b/src/packages/menu/menu.harmony.css
deleted file mode 100644
index 77076ad8b4..0000000000
--- a/src/packages/menu/menu.harmony.css
+++ /dev/null
@@ -1,51 +0,0 @@
-.nut-menu {
-  position: relative;
-}
-.nut-menu.scroll-fixed {
-  position: fixed;
-  top: 0;
-  z-index: 1000;
-  width: 100%;
-}
-
-.nut-menu-bar {
-  position: relative;
-  display: flex;
-  line-height: 48px;
-  background-color: #ffffff;
-  box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12);
-}
-.nut-menu-bar.opened {
-  z-index: 1000;
-}
-
-.nut-menu-title {
-  flex: 1;
-  text-align: center;
-  font-size: 14px;
-  color: #1A1A1A;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  max-width: 100%;
-}
-.nut-menu-title-text {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: block;
-  padding: 0 8px;
-}
-.nut-menu-title-icon {
-  transition: all 0.2s linear;
-}
-.nut-menu-title.active {
-  color: #FF0F23;
-}
-.nut-menu-title.disabled {
-  color: #C2C4CC;
-}
-.nut-menu-title.active .nut-menu-title-icon {
-  transform: rotate(180deg);
-}
\ No newline at end of file
diff --git a/src/packages/menuitem/menuitem.harmony.css b/src/packages/menuitem/menuitem.harmony.css
deleted file mode 100644
index 118d99ebf9..0000000000
--- a/src/packages/menuitem/menuitem.harmony.css
+++ /dev/null
@@ -1,117 +0,0 @@
-.nut-menu-container-content {
-  padding: 12px 24px;
-  max-height: 214px;
-  overflow-y: auto;
-  display: flex;
-  flex-wrap: wrap;
-  background: #ffffff;
-}
-.nut-menu-container-content_fixed {
-  width: 100%;
-  opacity: 0;
-  position: fixed;
-}
-.nut-menu-container-item {
-  display: flex;
-  align-items: center;
-  color: #1A1A1A;
-  font-size: 14px;
-  padding: 12px 0;
-}
-.nut-menu-container-item.active {
-  font-weight: 500;
-  color: #FF0F23;
-}
-.nut-menu-container-item .nut-icon {
-  display: inline-flex;
-  align-items: center;
-  margin-right: 8px;
-}
-.nut-menu-container-wrap {
-  position: absolute;
-  width: 100%;
-  z-index: 1000;
-  overflow: hidden;
-}
-.nut-menu-container-wrap-up {
-  position: absolute;
-  width: 100%;
-  z-index: 1000;
-  overflow: hidden;
-}
-.nut-menu-container-wrap-up {
-  bottom: 48px;
-}
-
-.overlay-fade-enter-active.nut-menu-container-overlay {
-  top: auto;
-  z-index: 1000;
-}
-
-.nut-menu-placeholder-element {
-  position: fixed;
-  top: -var(--nutui-menu-bar-line-height, 48px);
-  left: 0;
-  right: 0;
-  z-index: 1000;
-  background-color: transparent;
-}
-.nut-menu-placeholder-element.up {
-  bottom: -var(--nutui-menu-bar-line-height, 48px);
-}
-
-.nut-menu-container-down-enter {
-  opacity: 0;
-  transform: translate(0, -30px);
-}
-
-.nut-menu-container-down-enter-done {
-  opacity: 1;
-  transform: translate(0, 0);
-  transition: all 100ms;
-}
-
-.nut-menu-container-down-exit {
-  opacity: 1;
-  transition: all 100ms;
-}
-
-.nut-menu-container-down-exit-done {
-  opacity: 0;
-  transition: all 100ms;
-}
-
-.nut-menu-container-up-enter {
-  opacity: 0;
-  transform: translate(0, 30px);
-}
-
-.nut-menu-container-up-enter-done {
-  opacity: 1;
-  transform: translate(0, 0);
-  transition: all 100ms;
-}
-
-.nut-menu-container-up-exit {
-  opacity: 1;
-  transition: all 100ms;
-}
-
-.nut-menu-container-up-exit-done {
-  opacity: 0;
-  transition: all 100ms;
-}
-
-[dir=rtl] .nut-menu-container-item .nut-icon {
-  margin-right: 0;
-  margin-left: 8px;
-}
-
-.nut-rtl .nut-menu-container-item .nut-icon {
-  margin-right: 0;
-  margin-left: 8px;
-}
-[dir=rtl] .nut-menu-container .nut-icon,
-.nut-rtl .nut-menu-container .nut-icon {
-  transform: rotateY(180deg);
-}
\ No newline at end of file
diff --git a/src/packages/navbar/navbar.harmony.css b/src/packages/navbar/navbar.harmony.css
deleted file mode 100644
index 35be5d8ef7..0000000000
--- a/src/packages/navbar/navbar.harmony.css
+++ /dev/null
@@ -1,116 +0,0 @@
-.nut-navbar {
-  width: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  height: 44px;
-  box-sizing: border-box;
-  background: #f5f6fa;
-  box-shadow: 0 0 transparent;
-  font-size: 14px;
-  color: #1a1a1a;
-  margin-bottom: 20px;
-  overflow: hidden;
-}
-.nut-navbar-fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-}
-.nut-navbar-placeholder {
-  display: inline-block;
-  width: 100%;
-}
-.nut-navbar-safe-area-inset-top {
-  padding-top: constant(safe-area-inset-top);
-  padding-top: env(safe-area-inset-top);
-}
-.nut-navbar-align-left {
-  padding-left: 14px;
-}
-.nut-navbar-title {
-  width: 50%;
-  height: 100%;
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-  font-weight: 600;
-  color: #1a1a1a;
-}
-.nut-navbar-title-align-left {
-  min-width: 0;
-  flex: 1;
-  justify-content: flex-start;
-  padding: 0 8px;
-  text-align: left;
-}
-.nut-navbar-title ::-webkit-scrollbar {
-  display: none;
-}
-.nut-navbar-left, .nut-navbar-right {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  height: 100%;
-  cursor: pointer;
-  padding: 0 14px;
-  /* #ifndef rn harmony jd h5 weapp*/
-  /* #endif */
-}
-.nut-navbar-left .nut-icon,
-.nut-navbar-left .nutui-iconfont, .nut-navbar-right .nut-icon,
-.nut-navbar-right .nutui-iconfont {
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
-}
-.nut-navbar-left {
-  left: 0;
-}
-.nut-navbar-left-rtl {
-  left: auto;
-  right: 0;
-}
-.nut-navbar-left-align-left {
-  position: static;
-  padding: 0;
-}
-.nut-navbar-left-back {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-.nut-navbar-left-back-children {
-  margin-right: 10px;
-}
-.nut-navbar-left-back-children-rtl {
-  margin-right: 0;
-  margin-left: 10px;
-}
-.nut-navbar-right {
-  right: 0;
-}
-.nut-navbar-right-rtl {
-  right: auto;
-  left: 0;
-}
-.nut-navbar-right-align-left {
-  position: static;
-  display: inline-flex;
-  white-space: nowrap;
-  padding-left: 0;
-}
-.nut-navbar-rtl .nut-icon-ArrowLeft {
-  transform: rotateY(180deg);
-}
\ No newline at end of file
diff --git a/src/packages/noticebar/noticebar.harmony.css b/src/packages/noticebar/noticebar.harmony.css
deleted file mode 100644
index 1037596dce..0000000000
--- a/src/packages/noticebar/noticebar.harmony.css
+++ /dev/null
@@ -1,186 +0,0 @@
-.nut-noticebar {
-  width: 100%;
-}
-.nut-noticebar .nut-noticebar-box {
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 36px;
-  padding: 0 16px;
-  font-size: 12px;
-  background: rgb(251, 248, 220);
-  color: #d9500b;
-  border-radius: 0;
-}
-.nut-noticebar .nut-noticebar-box-wrapable {
-  height: auto;
-  padding: 8px 16px;
-}
-.nut-noticebar .nut-noticebar-box-center {
-  height: auto;
-  padding: 8px 16px;
-}
-.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap, .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
-  height: auto;
-}
-.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
-  position: relative;
-  white-space: normal;
-  word-wrap: break-word;
-}
-.nut-noticebar .nut-noticebar-box-center {
-  justify-content: center;
-}
-.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
-  flex: initial;
-}
-.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
-  position: relative;
-  display: initial;
-}
-.nut-noticebar .nut-noticebar-box-left-icon {
-  display: flex;
-  height: 16px;
-  min-width: 16px;
-  margin-right: 4px;
-  background-size: 100% 100%;
-}
-.nut-noticebar .nut-noticebar-box-right-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  margin-left: 4px;
-}
-.nut-noticebar .nut-noticebar-box-wrap {
-  display: flex;
-  flex: 1;
-  height: 24px;
-  line-height: 24px;
-  overflow: hidden;
-  position: relative;
-}
-.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
-  position: absolute;
-  white-space: nowrap;
-}
-.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.nut-noticebar .nut-noticebar-box .play {
-  animation: nut-notice-bar-play linear both running;
-}
-.nut-noticebar .nut-noticebar-box .play-infinite {
-  animation: nut-notice-bar-play-infinite linear infinite both running;
-}
-.nut-noticebar .nut-noticebar-box .play-vertical {
-  animation: nut-notice-bar-play-vertical linear infinite both running;
-}
-.nut-noticebar .nut-noticebar-vertical {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  height: 36px;
-  font-size: 12px;
-  overflow: hidden;
-  padding: 0 16px;
-  background: rgb(251, 248, 220);
-  color: #d9500b;
-}
-.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon {
-  height: 16px;
-  min-width: 16px;
-  margin: 4px;
-  background-size: 100% 100%;
-  display: flex;
-  align-self: center;
-}
-.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list {
-  margin: 0;
-  padding: 0;
-  display: block;
-  flex: 1;
-}
-.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item {
-  display: flex;
-  align-items: center;
-  height: 36px;
-  width: 100%;
-}
-.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap {
-  display: flex;
-  height: 100%;
-  width: 100%;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  flex-direction: column;
-}
-.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon {
-  align-self: center;
-  display: flex;
-  justify-content: center;
-  width: 16px;
-  margin-left: 4px;
-}
-@keyframes nut-notice-bar-play {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-@keyframes nut-notice-bar-play-infinite {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-@keyframes nut-notice-bar-play-vertical {
-  to {
-    transform: translateY(36px);
-  }
-}
-
-[dir=rtl] .nut-noticebar .nut-noticebar-box-left-icon {
-  margin-right: 0;
-  margin-left: 4px;
-}
-
-.nut-rtl .nut-noticebar .nut-noticebar-box-left-icon {
-  margin-right: 0;
-  margin-left: 4px;
-}
-[dir=rtl] .nut-noticebar .nut-noticebar-box-right-icon {
-  margin-left: 0;
-  margin-right: 4px;
-}
-.nut-rtl .nut-noticebar .nut-noticebar-box-right-icon {
-  margin-left: 0;
-  margin-right: 4px;
-}
-[dir=rtl] .nut-noticebar .nut-noticebar-box .play,
-.nut-rtl .nut-noticebar .nut-noticebar-box .play {
-  animation: nut-notice-bar-play-rtl linear both running;
-}
-[dir=rtl] .nut-noticebar .nut-noticebar-box .play-infinite,
-.nut-rtl .nut-noticebar .nut-noticebar-box .play-infinite {
-  animation: nut-notice-bar-play-infinite-rtl linear infinite both running;
-}
-@keyframes nut-notice-bar-play-rtl {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-@keyframes nut-notice-bar-play-infinite-rtl {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-[dir=rtl] .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon {
-  margin-left: 0;
-  margin-right: 4px;
-}
-.nut-rtl .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon {
-  margin-left: 0;
-  margin-right: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/notify/notify.harmony.css b/src/packages/notify/notify.harmony.css
deleted file mode 100644
index e9c54439a4..0000000000
--- a/src/packages/notify/notify.harmony.css
+++ /dev/null
@@ -1,86 +0,0 @@
-@charset "UTF-8";
-
-/*入场动画开始*/
-.fade-enter {
-  opacity: 0;
-}
-
-/*入场动画过程*/
-.fade-enter-active {
-  opacity: 1;
-  transition: opacity 1s;
-}
-
-/*入场动画结束*/
-.fade-enter-done {
-  opacity: 1;
-}
-
-/*离场动画开始*/
-.fade-exit {
-  opacity: 1;
-}
-
-/*离场动画过程*/
-.fade-exit-active {
-  opacity: 0;
-  transition: opacity 1s;
-}
-
-/*离场动画结束*/
-.fade-exit-done {
-  opacity: 0;
-}
-
-/*页面第一次加载时的开始状态*/
-.fade-appear {
-  opacity: 0;
-}
-
-/*页面第一次加载时的动画过程*/
-.fade-appear-active {
-  opacity: 1;
-  transition: opacity 1s;
-}
-
-.nut-notify {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0px 10px;
-  color: #ffffff;
-  font-size: 14px;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  height: 40px;
-}
-.nut-notify-popup-top, .nut-notify-popup-bottom {
-  position: fixed;
-  left: 0;
-  right: 0;
-  overflow-y: auto;
-  transition: transform 0.3s;
-  z-index: 9999;
-}
-.nut-notify-popup-top {
-  top: 0;
-}
-.nut-notify-popup-bottom {
-  bottom: 0;
-}
-.nut-notify-base {
-  background: #ff0f23;
-}
-.nut-notify-primary {
-  background: #1988fa;
-}
-.nut-notify-success {
-  background: #2aa32a;
-}
-.nut-notify-danger {
-  background: #ff0f23;
-}
-.nut-notify-warning {
-  background: #c47600;
-}
\ No newline at end of file
diff --git a/src/packages/numberkeyboard/numberkeyboard.harmony.css b/src/packages/numberkeyboard/numberkeyboard.harmony.css
deleted file mode 100644
index b311b70ec0..0000000000
--- a/src/packages/numberkeyboard/numberkeyboard.harmony.css
+++ /dev/null
@@ -1,113 +0,0 @@
-.nut-numberkeyboard {
-  width: 100%;
-  padding: 0 0 22px 0;
-  user-select: none;
-  background-color: #F7F8FC;
-}
-.nut-numberkeyboard-header {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: content-box;
-  padding: 16px;
-  color: #1A1A1A;
-  font-size: 18px;
-}
-.nut-numberkeyboard-header-title {
-  color: #1A1A1A;
-  display: inline-block;
-}
-.nut-numberkeyboard-header-close {
-  position: absolute;
-  display: block;
-  right: 0;
-  padding: 0 16px;
-  color: #505259;
-  font-size: 14px;
-  background-color: transparent;
-  border: none;
-  cursor: pointer;
-}
-.nut-numberkeyboard-body {
-  display: flex;
-  padding: 6px 0 0 6px;
-}
-.nut-numberkeyboard-body-keys {
-  display: flex;
-  flex: 3;
-  flex-wrap: wrap;
-}
-.nut-numberkeyboard-body-wrapper {
-  position: relative;
-  flex: 1;
-  flex-basis: 33%;
-  box-sizing: border-box;
-  padding: 0 6px 6px 0;
-  background-color: #F7F8FC;
-}
-.nut-numberkeyboard-body-wrapper .key {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 48px;
-  font-size: 18px;
-  line-height: 1.5;
-  background-color: #fff;
-  color: #505259;
-  border-radius: 8px;
-  border: none;
-  font-weight: 500;
-  cursor: pointer;
-}
-.nut-numberkeyboard-body-wrapper .key.active {
-  background-color: #ebedf0;
-}
-.nut-numberkeyboard-sidebar {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-}
-.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
-  position: absolute;
-  top: 0;
-  right: 6px;
-  bottom: 6px;
-  left: 0;
-  height: auto;
-}
-.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
-  font-size: 16px;
-  color: #fff;
-  background-color: #FF0F23;
-}
-.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active {
-  background-color: rgba(255, 0, 0, 0.7);
-}
-
-[dir=rtl] .nut-popup .nut-numberkeyboard-header-close,
-.nut-rtl .nut-popup .nut-numberkeyboard-header-close {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-popup .nut-numberkeyboard-body,
-.nut-rtl .nut-popup .nut-numberkeyboard-body {
-  padding: 6px 6px 0 0;
-}
-[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper,
-.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
-  padding: 0 0 6px 6px;
-}
-[dir=rtl] .nut-popup .nut-numberkeyboard-body-wrapper .delete,
-.nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
-  transform: rotate(-180deg);
-}
-[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key,
-.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
-  left: 6px;
-  right: 0;
-}
-[dir=rtl] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete,
-.nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete {
-  transform: rotate(-180deg);
-}
\ No newline at end of file
diff --git a/src/packages/overlay/overlay.harmony.css b/src/packages/overlay/overlay.harmony.css
deleted file mode 100644
index 7dc90947a0..0000000000
--- a/src/packages/overlay/overlay.harmony.css
+++ /dev/null
@@ -1,64 +0,0 @@
-.nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
-  position: fixed;
-  /* #endif */
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  z-index: 1000;
-}
-
-[dir=rtl] .nut-overlay,
-.nut-rtl .nut-overlay {
-  left: auto;
-  right: 0;
-}
-
-.nut-overflow-hidden {
-  overflow: hidden !important;
-}
-
-@keyframes nut-fade-in {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes nut-fade-out {
-  0% {
-    opacity: 1;
-  }
-  1% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.nut-overlay-slide-enter-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-overlay-slide-appear-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-overlay-slide-exit-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-out;
-  animation-duration: 0.3s;
-}
\ No newline at end of file
diff --git a/src/packages/pagination/pagination.harmony.css b/src/packages/pagination/pagination.harmony.css
deleted file mode 100644
index 5f35b97135..0000000000
--- a/src/packages/pagination/pagination.harmony.css
+++ /dev/null
@@ -1,147 +0,0 @@
-.nut-pagination {
-  display: flex;
-  flex-direction: row;
-  font-size: 14px;
-  color: #ff0f23;
-}
-
-.nut-pagination-prev {
-  height: 39px;
-  min-width: 39px;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  color: #ff0f23;
-  background: #ffffff;
-  border-radius: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  cursor: pointer;
-}
-
-.nut-pagination-item {
-  height: 39px;
-  min-width: 39px;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  color: #ff0f23;
-  background: #ffffff;
-  border-radius: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  cursor: pointer;
-}
-
-.nut-pagination-next {
-  height: 39px;
-  min-width: 39px;
-  flex-shrink: 0;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 14px;
-  color: #ff0f23;
-  background: #ffffff;
-  border-radius: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  cursor: pointer;
-}
-
-.nut-pagination-prev,
-.nut-pagination-item {
-  border-right-width: 0;
-}
-
-.nut-pagination-prev {
-  padding: 0 12px;
-}
-
-.nut-pagination-next {
-  padding: 0 12px;
-}
-
-.nut-pagination-contain {
-  display: flex;
-  flex-direction: row;
-}
-
-.nut-pagination-item-active {
-  color: #ffffff;
-  border-width: 0;
-  background-color: #ff0f23;
-}
-
-.nut-pagination-item-disabled {
-  color: #c2c4cc;
-  background-color: #f7f8fa;
-  cursor: not-allowed;
-}
-
-.nut-pagination-next-disabled {
-  color: #c2c4cc;
-  background-color: #f7f8fa;
-  cursor: not-allowed;
-}
-
-.nut-pagination-prev-disabled {
-  color: #c2c4cc;
-  background-color: #f7f8fa;
-  cursor: not-allowed;
-}
-
-.nut-pagination-simple {
-  height: 39px;
-  width: 124px;
-  line-height: 39px;
-  text-align: center;
-  font-size: 14px;
-  color: #ff0f23;
-}
-
-.nut-pagination-simple-border {
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-}
-
-.nut-pagination-lite {
-  width: 40px;
-  height: 20px;
-  display: flex;
-  flex-direction: row;
-  color: #ffffff;
-  background-color: rgba(0, 0, 0, 0.4);
-  border-radius: 6px;
-}
-
-.nut-pagination-lite-active {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  font-size: 12px;
-  color: #ffffff;
-  font-weight: 400;
-}
-
-.nut-pagination-lite-default {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  font-size: 12px;
-  color: #ffffff;
-  font-weight: 400;
-}
-
-.nut-pagination-lite-active {
-  border-radius: 6px;
-  font-size: 12px;
-  background-color: rgba(0, 0, 0, 0.2);
-}
\ No newline at end of file
diff --git a/src/packages/picker/picker.harmony.css b/src/packages/picker/picker.harmony.css
deleted file mode 100644
index 6e2f778ab4..0000000000
--- a/src/packages/picker/picker.harmony.css
+++ /dev/null
@@ -1,164 +0,0 @@
-.nut-picker {
-  background-color: #ffffff;
-  width: 100%;
-}
-.nut-picker-control {
-  display: flex;
-  height: 50px;
-  font-size: 18px;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-}
-.nut-picker-cancel-btn {
-  color: #505259;
-  font-size: 14px;
-}
-.nut-picker-confirm-btn {
-  color: #FF0F23;
-  font-size: 14px;
-}
-.nut-picker-title {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: center;
-  color: #1A1A1A;
-  font-size: 18px;
-  font-weight: 500;
-}
-.nut-picker-panel {
-  display: flex;
-  position: relative;
-}
-.nut-picker-indicator {
-  position: absolute;
-  top: 108px;
-  height: 36px;
-  width: 100%;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-left: 0;
-  border-right: 0;
-  color: #1A1A1A;
-  font-size: 14px;
-  z-index: 3;
-}
-.nut-picker-indicator-taro {
-  height: 36px;
-  border: 0;
-}
-.nut-picker-indicator-taro::before {
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-left: 0;
-  border-right: 0;
-}
-.nut-picker-indicator-taro::after {
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-left: 0;
-  border-right: 0;
-}
-.nut-picker-list {
-  flex: 1;
-  position: relative;
-  height: 252px;
-  overflow: hidden;
-  text-align: center;
-}
-.nut-picker-list-panel {
-  transform-style: preserve-3d;
-}
-.nut-picker-mask {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-image: undefined;
-  background-position: top, bottom;
-  background-size: 100% 108px;
-  background-repeat: no-repeat;
-  transform: translateZ(0);
-  z-index: 3;
-}
-.nut-picker-view-panel {
-  height: 252px;
-  flex-grow: 1;
-}
-.nut-picker-content {
-  position: absolute;
-  top: 108px;
-  width: 100%;
-  height: 36px;
-}
-.nut-picker-roller {
-  position: absolute;
-  top: 108px;
-  width: 100%;
-  height: 36px;
-}
-.nut-picker-content {
-  background: #fff;
-  z-index: 2;
-  overflow: hidden;
-}
-.nut-picker-item {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: 36px;
-  line-height: 36px;
-  color: #1A1A1A;
-  font-size: 14px;
-  text-align: center;
-}
-.nut-picker-roller-item {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: 36px;
-  line-height: 36px;
-  color: #1A1A1A;
-  font-size: 14px;
-  text-align: center;
-}
-.nut-picker-item {
-  font-size: 16px;
-  background: #fff;
-}
-.nut-picker-roller {
-  z-index: 1;
-  transform-style: preserve-3d;
-}
-.nut-picker-roller-item {
-  backface-visibility: hidden;
-  -moz-backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-.nut-picker-roller-item-title {
-  display: block;
-  width: 100%;
-  height: 36px;
-  line-height: 36px;
-  text-align: center;
-  color: #1A1A1A;
-  font-size: 14px;
-}
-.nut-picker-roller-item-hidden {
-  visibility: hidden;
-  opacity: 0;
-}
-.nut-picker-placeholder {
-  height: 1px;
-}
-
-[dir=rtl] .nut-picker-mask {
-  background-image: undefined;
-}
-
-.nut-rtl .nut-picker-mask {
-  background-image: undefined;
-}
\ No newline at end of file
diff --git a/src/packages/popover/popover.harmony.css b/src/packages/popover/popover.harmony.css
deleted file mode 100644
index f403a884cc..0000000000
--- a/src/packages/popover/popover.harmony.css
+++ /dev/null
@@ -1,324 +0,0 @@
-.nut-popover {
-  position: absolute;
-  display: inline-block;
-  word-break: normal;
-}
-.nut-popover-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border: 8px solid transparent;
-}
-.nut-popover-arrow-top {
-  bottom: 0;
-  border-top-color: #ffffff;
-  border-bottom-width: 0;
-  margin-bottom: -8px;
-}
-.nut-popover-arrow-bottom {
-  top: 0px;
-  border-bottom-color: #ffffff;
-  border-top-width: 0;
-  margin-top: -8px;
-}
-.nut-popover-arrow-left {
-  right: 0px;
-  border-left-color: #ffffff;
-  border-right-width: 0;
-  margin-right: -8px;
-}
-.nut-popover-arrow-left.nut-popover-arrow-left {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.nut-popover-arrow-left.nut-popover-arrow-left-start {
-  top: 16px;
-  transform: translateY(0%);
-}
-.nut-popover-arrow-left.nut-popover-arrow-left-end {
-  bottom: 16px;
-  transform: translateY(0%);
-}
-.nut-popover-arrow-right {
-  left: 0px;
-  border-right-color: #ffffff;
-  border-left-width: 0;
-  margin-left: -8px;
-}
-.nut-popover-arrow-right.nut-popover-arrow-right {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.nut-popover-arrow-right.nut-popover-arrow-right-start {
-  top: 16px;
-  transform: translateY(0%);
-}
-.nut-popover-arrow-right.nut-popover-arrow-right-end {
-  bottom: 16px;
-  transform: translateY(0%);
-}
-.nut-popover .nut-popover-content {
-  position: absolute;
-  background-color: #ffffff;
-  border-radius: 8px;
-  font-size: 12px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: #1A1A1A;
-  box-shadow: 0 2px 12px rgba(50, 50, 51, 0.1215686275);
-  max-height: initial;
-  overflow-y: initial;
-}
-.nut-popover .nut-popover-content-group {
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item:last-child {
-  margin-bottom: 0px;
-  border-bottom: none;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item:hover {
-  cursor: pointer;
-  color: #1A1A1A;
-  background-color: #fff;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item:hover:nth-of-type(2) {
-  border-radius: 8px 8px 0px 0px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item:hover:last-of-type {
-  border-radius: 0px 0px 8px 8px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item-name {
-  width: 100%;
-  word-break: keep-all;
-  margin-left: 4px;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
-  position: absolute;
-  right: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 12px;
-  height: 12px;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-disabled {
-  color: #C2C4CC;
-  cursor: not-allowed;
-}
-.nut-popover .nut-popover-content .nut-popover-menu-item.nut-popover-menu-taroitem {
-  display: flex;
-}
-.nut-popover .nut-popover-content-top .nut-popover-arrow-top {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.nut-popover .nut-popover-content-top-end {
-  right: 0;
-}
-.nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
-  right: 16px;
-  transform: translateX(0%);
-}
-.nut-popover .nut-popover-content-top-start {
-  left: 0;
-}
-.nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
-  left: 16px;
-  transform: translateX(0%);
-}
-.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.nut-popover .nut-popover-content-bottom-end {
-  right: 0;
-}
-.nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
-  right: 16px;
-  transform: translateX(0%);
-}
-.nut-popover .nut-popover-content-bottom-start {
-  left: 0;
-}
-.nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
-  left: 16px;
-  transform: translateX(0%);
-}
-.nut-popover .nut-popover-content-left-end {
-  bottom: 0;
-}
-.nut-popover .nut-popover-content-left-start {
-  top: 0;
-}
-.nut-popover .nut-popover-content-right-end {
-  bottom: 0;
-}
-.nut-popover .nut-popover-content-right-start {
-  top: 0;
-}
-
-[dir=rtl] .nut-popover-arrow-left {
-  right: auto;
-  left: 0px;
-  border-left-color: currentcolor;
-  border-right-color: #ffffff;
-  border-right-width: medium;
-  border-left-width: 0;
-  margin-right: 0;
-  margin-left: -8px;
-}
-
-.nut-rtl .nut-popover-arrow-left {
-  right: auto;
-  left: 0px;
-  border-left-color: currentcolor;
-  border-right-color: #ffffff;
-  border-right-width: medium;
-  border-left-width: 0;
-  margin-right: 0;
-  margin-left: -8px;
-}
-[dir=rtl] .nut-popover-arrow-right {
-  left: auto;
-  right: 0px;
-  border-right-color: currentcolor;
-  border-left-color: #ffffff;
-  border-left-width: medium;
-  border-right-width: 0;
-  margin-left: 0;
-  margin-right: -8px;
-}
-.nut-rtl .nut-popover-arrow-right {
-  left: auto;
-  right: 0px;
-  border-right-color: currentcolor;
-  border-left-color: #ffffff;
-  border-left-width: medium;
-  border-right-width: 0;
-  margin-left: 0;
-  margin-right: -8px;
-}
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-name,
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-name {
-  margin-left: 0;
-  margin-right: 4px;
-}
-[dir=rtl] .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
-  right: auto;
-  left: 8px;
-}
-.nut-rtl .nut-popover .nut-popover-content .nut-popover-menu-item-action-icon {
-  right: auto;
-  left: 8px;
-}
-[dir=rtl] .nut-popover .nut-popover-content-top .nut-popover-arrow-top,
-.nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
-  left: auto;
-  right: 50%;
-  transform: translateX(50%);
-}
-[dir=rtl] .nut-popover .nut-popover-content-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end,
-.nut-rtl .nut-popover .nut-popover-content-top-end .nut-popover-arrow-top-end {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-popover .nut-popover-content-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start,
-.nut-rtl .nut-popover .nut-popover-content-top-start .nut-popover-arrow-top-start {
-  left: auto;
-  right: 16px;
-}
-[dir=rtl] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom,
-.nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
-  left: auto;
-  right: 50%;
-  transform: translateX(50%);
-}
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end,
-.nut-rtl .nut-popover .nut-popover-content-bottom-end .nut-popover-arrow-bottom-end {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start,
-.nut-rtl .nut-popover .nut-popover-content-bottom-start .nut-popover-arrow-bottom-start {
-  left: auto;
-  right: 16px;
-}
-
-.nut-popover-enter-from,
-.nut-popover-leave-active {
-  transform: scale(0.8);
-  opacity: 0;
-}
-
-.nut-popover-enter-active {
-  transition-timing-function: ease-out;
-}
-
-.nut-popover-leave-active {
-  transition-timing-function: ease-in;
-}
-
-.nut-popover-content-bg {
-  position: fixed;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-  background: transparent;
-  z-index: 999;
-}
-
-[dir=rtl] .nut-popover-content-bg,
-.nut-rtl .nut-popover-content-bg {
-  left: auto;
-  right: 0;
-}
-
-.nut-popover-wrapper {
-  display: inline-block;
-}
-
-.nut-popover-content-copy {
-  position: absolute;
-  top: -99999px;
-}
\ No newline at end of file
diff --git a/src/packages/popup/popup.harmony.css b/src/packages/popup/popup.harmony.css
deleted file mode 100644
index 3dee173d0c..0000000000
--- a/src/packages/popup/popup.harmony.css
+++ /dev/null
@@ -1,470 +0,0 @@
-@charset "UTF-8";
-
-.nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
-  position: fixed;
-  /* #endif */
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  z-index: 1000;
-}
-
-[dir=rtl] .nut-overlay,
-.nut-rtl .nut-overlay {
-  left: auto;
-  right: 0;
-}
-
-.nut-overflow-hidden {
-  overflow: hidden !important;
-}
-.nut-overflow-hidden .taro_page {
-  overflow: hidden !important;
-}
-
-@keyframes nut-fade-in {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes nut-fade-out {
-  0% {
-    opacity: 1;
-  }
-  1% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.nut-overlay-slide-enter-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-overlay-slide-appear-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-overlay-slide-exit-active {
-  animation-fill-mode: both;
-  animation-name: nut-fade-out;
-  animation-duration: 0.3s;
-}
-
-.nut-popup {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
-  position: fixed;
-  /* #endif */
-  min-height: 26%;
-  max-height: 100%;
-  overflow-y: auto;
-  background-color: #ffffff;
-  color: #1a1a1a;
-  -webkit-overflow-scrolling: touch;
-  font-size: 14px;
-}
-.nut-popup-title {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  border-bottom: 0;
-  padding: 16px;
-  position: relative;
-}
-.nut-popup-title-left {
-  position: absolute;
-  left: 16px;
-}
-.nut-popup-title-title {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  font-weight: 600;
-  font-size: 20px;
-}
-.nut-popup-title-description {
-  color: #888b94;
-  font-size: 10px;
-  font-weight: 400;
-}
-.nut-popup-title-right {
-  position: absolute;
-  z-index: 1;
-  cursor: pointer;
-  width: 20px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  top: 16px;
-  right: 16px;
-  color: #888b94;
-}
-.nut-popup-title-right:active {
-  opacity: 0.7;
-}
-.nut-popup-title-right-top-left {
-  top: 16px;
-  left: 16px;
-}
-.nut-popup-title-right-bottom-left {
-  bottom: 16px;
-  left: 16px;
-}
-.nut-popup-title-right-bottom-right {
-  right: 16px;
-  bottom: 16px;
-}
-.nut-popup-center {
-  top: 50%;
-  left: 50%;
-  min-height: 10%;
-  /* #ifndef rn */
-  transform: translate(-50%, -50%);
-  /* #endif */
-}
-.nut-popup-center.nut-popup-round {
-  border-radius: 24px;
-}
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 83%;
-}
-.nut-popup-bottom {
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
-}
-.nut-popup-bottom.nut-popup-round {
-  border-radius: 24px 24px 0 0;
-}
-.nut-popup-right {
-  top: 0;
-  right: 0;
-  /* #ifdef rn */
-  width: 100px;
-  height: 100%;
-  /* #endif */
-}
-.nut-popup-right.nut-popup-round {
-  border-radius: 24px 0 0 24px;
-}
-.nut-popup-left {
-  top: 0;
-  left: 0;
-  /* #ifdef rn */
-  width: 100px;
-  height: 100%;
-  /* #endif */
-}
-.nut-popup-left.nut-popup-round {
-  border-radius: 0 24px 24px 0;
-}
-.nut-popup-top {
-  top: 0;
-  left: 0;
-  width: 100%;
-  /* #ifdef rn */
-  height: 100px;
-  /* #endif */
-}
-.nut-popup-top.nut-popup-round {
-  border-radius: 0 0 24px 24px;
-}
-.nut-popup-slide {
-  /* 从顶部滑出 */
-  /* 从右侧滑出 */
-  /* 从底部滑出 */
-  /* 从左侧滑出 */
-}
-@keyframes popup-scale-fade-in {
-  from {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@keyframes popup-scale-fade-out {
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.8);
-  }
-}
-.nut-popup-slide-default-enter-active {
-  animation-fill-mode: both;
-  animation-name: popup-scale-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-default-exit-active {
-  animation-fill-mode: both;
-  animation-name: popup-scale-fade-out;
-  animation-duration: 0.3s;
-}
-@keyframes popup-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes popup-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.nut-popup-slide-center-enter-active {
-  animation-fill-mode: both;
-  animation-name: popup-fade-in;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-center-exit-active {
-  animation-fill-mode: both;
-  animation-name: popup-fade-out;
-  animation-duration: 0.3s;
-}
-@keyframes popup-slide-top-enter {
-  from {
-    /* #ifndef rn */
-    transform: translate3d(0, -100%, 0);
-    /* #endif */
-  }
-}
-@keyframes popup-slide-top-exit {
-  to {
-    /* #ifndef rn */
-    transform: translate3d(0, -100%, 0);
-    /* #endif */
-  }
-}
-.nut-popup-slide-top-enter-active {
-  /* #ifndef rn */
-  transform: translate3d(0, 0%, 0);
-  /* #endif*/
-  animation-fill-mode: both;
-  animation-name: popup-slide-top-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-top-appear-active {
-  /* #ifndef rn */
-  transform: translate3d(0, 0%, 0);
-  /* #endif*/
-  animation-fill-mode: both;
-  animation-name: popup-slide-top-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-top-exit-active {
-  animation-fill-mode: both;
-  animation-name: popup-slide-top-exit;
-  animation-duration: 0.3s;
-}
-@keyframes popup-slide-right-enter {
-  from {
-    /* #ifndef rn */
-    transform: translate3d(100%, 0, 0);
-    /* #endif*/
-  }
-}
-@keyframes popup-slide-right-exit {
-  to {
-    /* #ifndef rn */
-    transform: translate3d(100%, 0, 0);
-    /* #endif*/
-  }
-}
-.nut-popup-slide-right-enter-active {
-  /* #ifndef rn */
-  transform: translate3d(0, 0, 0);
-  /* #endif*/
-  animation-fill-mode: both;
-  animation-name: popup-slide-right-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-right-appear-active {
-  /* #ifndef rn */
-  transform: translate3d(0, 0, 0);
-  /* #endif*/
-  animation-fill-mode: both;
-  animation-name: popup-slide-right-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-right-exit {
-  animation-fill-mode: both;
-  animation-name: popup-slide-right-exit;
-  animation-duration: 0.3s;
-}
-@keyframes popup-slide-bottom-enter {
-  from {
-    /* #ifndef rn */
-    transform: translate3d(0, 100%, 0);
-    /* #endif */
-  }
-}
-@keyframes slide-bottom-exit {
-  to {
-    /* #ifndef rn */
-    transform: translate3d(0, 100%, 0);
-    /* #endif */
-  }
-}
-.nut-popup-slide-bottom-enter-active {
-  /* #ifndef rn */
-  transform: translate(0, 0);
-  /* #endif */
-  animation-fill-mode: both;
-  animation-name: popup-slide-bottom-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-bottom-appear-active {
-  /* #ifndef rn */
-  transform: translate(0, 0);
-  /* #endif */
-  animation-fill-mode: both;
-  animation-name: popup-slide-bottom-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-bottom-exit {
-  animation-fill-mode: both;
-  animation-name: slide-bottom-exit;
-  animation-duration: 0.3s;
-}
-@keyframes popup-slide-left-enter {
-  from {
-    /* #ifndef rn */
-    transform: translate3d(-100%, 0, 0);
-    /* #endif */
-  }
-}
-@keyframes popup-slide-left-exit {
-  to {
-    /* #ifndef rn */
-    transform: translate3d(-100%, 0, 0);
-    /* #endif */
-  }
-}
-.nut-popup-slide-left-enter-active {
-  transform: translate(0, 0);
-  animation-fill-mode: both;
-  animation-name: popup-slide-left-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-left-appear-active {
-  transform: translate(0, 0);
-  animation-fill-mode: both;
-  animation-name: popup-slide-left-enter;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-left-exit-active {
-  animation-fill-mode: both;
-  animation-name: popup-slide-left-exit;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-left-exit-done {
-  animation-fill-mode: both;
-  animation-name: popup-slide-left-exit;
-  animation-duration: 0.3s;
-}
-.nut-popup-slide-default-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
-  display: none;
-}
-.nut-popup .nut-overflow-hidden {
-  overflow: hidden;
-}
-
-[dir=rtl] .nut-popup-title-left {
-  left: auto;
-  right: 16px;
-}
-
-.nut-rtl .nut-popup-title-left {
-  left: auto;
-  right: 16px;
-}
-[dir=rtl] .nut-popup-title-right {
-  right: auto;
-  left: 16px;
-}
-.nut-rtl .nut-popup-title-right {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-popup-title-right-top-left {
-  left: auto;
-  right: 16px;
-}
-.nut-rtl .nut-popup-title-right-top-left {
-  left: auto;
-  right: 16px;
-}
-[dir=rtl] .nut-popup-title-right-bottom-left {
-  left: auto;
-  right: 16px;
-}
-.nut-rtl .nut-popup-title-right-bottom-left {
-  left: auto;
-  right: 16px;
-}
-[dir=rtl] .nut-popup-title-right-bottom-right {
-  right: auto;
-  left: 16px;
-}
-.nut-rtl .nut-popup-title-right-bottom-right {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-popup-title .nut-icon-ArrowLeft,
-.nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
-  transform: rotate(180deg);
-}
-[dir=rtl] .nut-popup-center,
-.nut-rtl .nut-popup-center {
-  left: auto;
-  right: 50%;
-  /* #ifndef rn */
-  transform: translate(50%, -50%);
-  /* #endif*/
-}
-[dir=rtl] .nut-popup-bottom,
-.nut-rtl .nut-popup-bottom {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-popup-top,
-.nut-rtl .nut-popup-top {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/price/price.harmony.css b/src/packages/price/price.harmony.css
deleted file mode 100644
index 5102fd0adc..0000000000
--- a/src/packages/price/price.harmony.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.nut-price {
-  direction: ltr;
-  font-size: 16px;
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-}
-.nut-price-symbol {
-  color: #ff0f23;
-}
-.nut-price-integer {
-  color: #ff0f23;
-}
-.nut-price-decimal {
-  color: #ff0f23;
-}
-.nut-price-symbol {
-  font-size: 14px;
-  padding-right: 1px;
-}
-.nut-price-symbol-large {
-  font-size: 18px;
-}
-.nut-price-symbol-small {
-  font-size: 10px;
-}
-.nut-price-symbol-rtl {
-  padding-right: 0;
-  padding-left: 1px;
-}
-.nut-price-integer {
-  font-size: 16px;
-}
-.nut-price-integer-large {
-  font-size: 24px;
-}
-.nut-price-integer-small {
-  font-size: 12px;
-}
-.nut-price-decimal {
-  font-size: 14px;
-}
-.nut-price-decimal-large {
-  font-size: 18px;
-}
-.nut-price-decimal-small {
-  font-size: 10px;
-}
-.nut-price-line {
-  text-decoration: line-through rgba(0, 0, 0, 0.06);
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0.06);
-}
\ No newline at end of file
diff --git a/src/packages/progress/progress.harmony.css b/src/packages/progress/progress.harmony.css
deleted file mode 100644
index 00a5f8da97..0000000000
--- a/src/packages/progress/progress.harmony.css
+++ /dev/null
@@ -1,72 +0,0 @@
-.nut-progress {
-  display: flex;
-  align-items: center;
-  position: relative;
-  width: 100%;
-}
-.nut-progress-outer {
-  flex: auto;
-  border-radius: 12px;
-  height: 10px;
-  background: #f5f6fa;
-}
-.nut-progress-outer .nut-progress-active:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border-radius: 12px;
-  animation: progressActive 2s ease-in-out infinite;
-}
-.nut-progress-inner {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  transition: all 0.4s;
-  border-radius: 12px;
-  background-color: #ff0f23;
-}
-.nut-progress-text {
-  display: flex;
-  align-items: center;
-  position: absolute;
-  top: -4px;
-  bottom: -4px;
-  transition: all 0.4s;
-}
-.nut-progress-text-inner {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  width: 100%;
-  color: #ffffff;
-  padding: 0 5px;
-  border-radius: 5px;
-  font-size: 9px;
-  line-height: 1;
-  background: #ff0f23;
-}
-@keyframes progressActive {
-  0% {
-    background: rgba(255, 255, 255, 0.1);
-    width: 0;
-  }
-  20% {
-    background: rgba(255, 255, 255, 0.5);
-    width: 0;
-  }
-  to {
-    background: rgba(255, 255, 255, 0);
-    width: 100%;
-  }
-}
-
-[dir=rtl] .nut-progress-text,
-.nut-rtl .nut-progress-text {
-  transform: translate(50%);
-}
\ No newline at end of file
diff --git a/src/packages/pulltorefresh/pulltorefresh.harmony.css b/src/packages/pulltorefresh/pulltorefresh.harmony.css
deleted file mode 100644
index 05f98074bf..0000000000
--- a/src/packages/pulltorefresh/pulltorefresh.harmony.css
+++ /dev/null
@@ -1,39 +0,0 @@
-.nut-pulltorefresh-head {
-  overflow: hidden;
-  position: relative;
-  font-size: 12px;
-}
-.nut-pulltorefresh-head-content {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  color: #1a1a1a;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.nut-pulltorefresh-head-content-icons {
-  width: 36px;
-  height: 26px;
-  margin-bottom: 4px;
-}
-.nut-pulltorefresh-primary {
-  background: #ff0f23;
-}
-.nut-pulltorefresh-primary-content {
-  color: rgba(255, 255, 255, 0.9);
-}
-.nut-pulltorefresh-primary-head-content {
-  color: rgba(255, 255, 255, 0.9);
-}
-.nut-pulltorefresh-primary-status-text {
-  color: #ffffff;
-}
-
-[dir=rtl] .nut-pulltorefresh-head-content,
-.nut-rtl .nut-pulltorefresh-head-content {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/radio/radio.harmony.css b/src/packages/radio/radio.harmony.css
deleted file mode 100644
index 35c1aa4344..0000000000
--- a/src/packages/radio/radio.harmony.css
+++ /dev/null
@@ -1,86 +0,0 @@
-.nut-radio {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-}
-.nut-radio:last-child {
-  margin-bottom: 0 !important;
-  margin-right: 0 !important;
-}
-.nut-radio.nut-radio-reverse {
-  flex-direction: row-reverse;
-}
-.nut-radio.nut-radio-reverse .nut-radio-label {
-  margin-right: 4px;
-  margin-left: 0;
-}
-.nut-radio-label {
-  margin-left: 4px;
-  font-size: 12px;
-  color: #1A1A1A;
-}
-.nut-radio-label-disabled {
-  color: #C2C4CC;
-}
-.nut-radio-icon {
-  color: #C2C4CC;
-  transition-duration: 0.3s;
-  transition-property: color, border-color, background-color;
-  font-size: 16px;
-}
-.nut-radio-icon-checked {
-  color: #FF0F23;
-}
-.nut-radio-icon-checked.nut-radio-icon-disabled {
-  color: #FFADBE;
-}
-.nut-radio-icon-disabled {
-  color: #C2C4CC;
-}
-.nut-radio-button {
-  display: inline-flex;
-  align-items: center;
-  padding: 5px 18px;
-  font-size: 12px;
-  background: rgba(250, 44, 25, 0.05);
-  border-radius: 15px;
-  color: #1A1A1A;
-  box-sizing: border-box;
-  border: 1px solid rgba(250, 44, 25, 0.05);
-}
-.nut-radio-button-active {
-  background: #FFEBF1;
-  color: #FF0F23;
-  border: 1px solid #FF0F23;
-}
-.nut-radio-button-disabled {
-  color: #C2C4CC;
-  border: 1px solid rgba(250, 44, 25, 0.05);
-}
-.nut-radio .nut-radio-button-active.nut-radio-button-disabled {
-  background: #C2C4CC;
-  color: #ffffff;
-  border: 1px solid #C2C4CC;
-}
-
-[dir=rtl] .nut-radio:last-child,
-.nut-rtl .nut-radio:last-child {
-  margin-right: 0 !important;
-  margin-left: 0 !important;
-}
-[dir=rtl] .nut-radio.nut-radio-reverse .nut-radio-label {
-  margin-left: 4px;
-  margin-right: 0;
-}
-.nut-rtl .nut-radio.nut-radio-reverse .nut-radio-label {
-  margin-left: 4px;
-  margin-right: 0;
-}
-[dir=rtl] .nut-radio-label {
-  margin-left: 0;
-  margin-right: 4px;
-}
-.nut-rtl .nut-radio-label {
-  margin-left: 0;
-  margin-right: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/radiogroup/radiogroup.harmony.css b/src/packages/radiogroup/radiogroup.harmony.css
deleted file mode 100644
index 484d337047..0000000000
--- a/src/packages/radiogroup/radiogroup.harmony.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.nut-radiogroup .nut-radio {
-  margin-right: 20px;
-  margin-bottom: 5px;
-}
-.nut-radiogroup .nut-radio-label {
-  margin: 0 5px;
-}
-.nut-radiogroup .nut-radio-button {
-  background-color: rgba(250, 44, 25, 0.05);
-}
-.nut-radiogroup-vertical .nut-radio.nut-radio-reverse {
-  width: 100%;
-  justify-content: space-between;
-}
-.nut-radiogroup-vertical .nut-radio-button {
-  border: 1px solid rgba(250, 44, 25, 0.05);
-}
-.nut-radiogroup-vertical .nut-radio-button-active {
-  border: 1px solid #FF0F23;
-  background-color: #FFEBF1;
-}
-.nut-radiogroup-horizontal .nut-radio {
-  display: inline-flex;
-}
-.nut-radiogroup-horizontal .nut-radio-button {
-  border: 1px solid #ffffff;
-}
-.nut-radiogroup-horizontal .nut-radio-button-active {
-  border: 1px solid #FF0F23;
-  background-color: #FFEBF1;
-}
-.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
-  background: #C2C4CC;
-  color: #ffffff;
-  border: 1px solid #C2C4CC;
-}
-
-[dir=rtl] .nut-radiogroup .nut-radio {
-  margin-left: 20px;
-  margin-right: 0;
-}
-
-.nut-rtl .nut-radiogroup .nut-radio {
-  margin-left: 20px;
-  margin-right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/range/range.harmony.css b/src/packages/range/range.harmony.css
deleted file mode 100644
index 7c15129047..0000000000
--- a/src/packages/range/range.harmony.css
+++ /dev/null
@@ -1,265 +0,0 @@
-.nut-range-container {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  width: 100%;
-  height: 4px;
-  align-items: center;
-  justify-content: space-between;
-}
-.nut-range-container-native {
-  height: auto;
-}
-
-.nut-range {
-  display: block;
-  position: relative;
-  height: 4px;
-  margin: 0 15px;
-  background-color: #ffebf1;
-  border-radius: 2px;
-  flex: 1;
-  cursor: pointer;
-}
-.nut-range::before {
-  position: absolute;
-  inset-block: -8px;
-  inset-inline: 0;
-  content: "";
-}
-.nut-range-min {
-  font-size: 12px;
-  color: #1a1a1a;
-  user-select: none;
-}
-.nut-range-max {
-  font-size: 12px;
-  color: #1a1a1a;
-  user-select: none;
-}
-.nut-range-bar {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  background: #ff0f23;
-  border-radius: 2px;
-  transition: all 0.2s;
-}
-.nut-range-button {
-  position: absolute;
-  display: flex;
-  width: 24px;
-  height: 24px;
-  background: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
-  border: 1px solid #ff0f23;
-  outline: none;
-  align-items: center;
-  top: 50%;
-  left: 50%;
-}
-.nut-range-button-wrapper {
-  width: 24px;
-  height: 24px;
-}
-.nut-range-button-wrapper-right {
-  width: 24px;
-  height: 24px;
-}
-.nut-range-button-wrapper-left {
-  width: 24px;
-  height: 24px;
-}
-.nut-range-button-wrapper, .nut-range-button-wrapper-right {
-  touch-action: none;
-  position: absolute;
-  top: 50%;
-  left: 100%;
-  cursor: grab;
-  outline: none;
-}
-.nut-range-button-wrapper-left {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  cursor: grab;
-  outline: none;
-  touch-action: none;
-}
-.nut-range-button-number {
-  position: relative;
-  width: 200%;
-  height: 24px;
-  line-height: 14px;
-  padding: 5px 0;
-  left: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  user-select: none;
-  font-size: 12px;
-  color: #1a1a1a;
-  text-align: center;
-  vertical-align: center;
-  box-sizing: border-box;
-}
-.nut-range-disabled {
-  cursor: not-allowed;
-  opacity: 0.54;
-}
-.nut-range-disabled .nut-range-button-wrapper,
-.nut-range-disabled .nut-range-button-wrapper-left,
-.nut-range-disabled .nut-range-button-wrapper-right {
-  cursor: not-allowed;
-}
-.nut-range-mark {
-  position: absolute;
-  width: 100%;
-  height: 14px;
-  overflow: visible;
-  top: 50%;
-}
-.nut-range-mark-text-wrapper {
-  position: absolute;
-  height: 100%;
-  top: 14px;
-  display: inline-block;
-  transform: translateX(-10px);
-}
-.nut-range-mark-text {
-  position: absolute;
-  line-height: 16px;
-  font-size: 12px;
-  color: #999;
-  text-align: center;
-  word-break: keep-all;
-  user-select: none;
-}
-.nut-range-tick {
-  position: absolute;
-  top: -20px;
-  width: 11px;
-  height: 11px;
-  left: 0px;
-  border-radius: 6px;
-  background: #ffebf1;
-}
-.nut-range-tick-active {
-  background: #ff0f23;
-}
-
-.nut-range-vertical-container {
-  height: 100%;
-  flex-direction: column;
-  padding: 0px 15px;
-}
-
-.nut-range-vertical {
-  width: 4px;
-  margin: 15px 0px;
-}
-.nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
-  position: absolute;
-  top: initial;
-  top: 100%;
-  left: 50%;
-  right: initial;
-}
-.nut-range-vertical-button-wrapper-left {
-  top: 0px;
-  left: 50%;
-  right: initial;
-}
-.nut-range-vertical-button-number {
-  left: 0px;
-  top: 50%;
-}
-.nut-range-vertical-mark {
-  position: absolute;
-  width: 36px;
-  height: 100%;
-  top: initial;
-  right: 50%;
-  overflow: visible;
-  font-size: 12px;
-  padding: 0px;
-}
-.nut-range-vertical-mark-hm {
-  left: -34px;
-}
-.nut-range-vertical-mark-text-wrapper {
-  height: 16px;
-  position: absolute;
-  display: inline-block;
-  user-select: none;
-  transform: translateY(-11px);
-}
-.nut-range-vertical-mark-text {
-  height: 100%;
-  line-height: 16px;
-  color: #999;
-  text-align: center;
-  word-break: keep-all;
-}
-.nut-range-vertical-tick {
-  position: absolute;
-  top: 2px;
-  left: 31px;
-  width: 10px;
-  height: 10px;
-  border-radius: 5px;
-  background: #ffebf1;
-}
-.nut-range-vertical-tick-active {
-  background: #ff0f23;
-}
-
-[dir=rtl] .nut-range-button-wrapper, [dir=rtl] .nut-range-button-wrapper-right,
-.rtl-nut-range-button-wrapper,
-.rtl-nut-range-button-wrapper-right {
-  left: 0;
-  right: initial;
-}
-[dir=rtl] .nut-range-button-wrapper-left,
-.rtl-nut-range-button-wrapper-left {
-  right: 0;
-  left: initial;
-}
-[dir=rtl] .nut-range-tick,
-.rtl-nut-range-tick {
-  right: 0px;
-  left: initial;
-}
-[dir=rtl] .nut-range-mark-text,
-.rtl-nut-range-mark-text {
-  transform: translateX(10px);
-}
-[dir=rtl] .nut-range-vertical-button-wrapper, [dir=rtl] .nut-range-vertical-button-wrapper-right,
-.rtl-nut-range-vertical-button-wrapper,
-.rtl-nut-range-vertical-button-wrapper-right {
-  right: 50%;
-  left: initial;
-}
-[dir=rtl] .nut-range-vertical-button-wrapper-left,
-.rtl-nut-range-vertical-button-wrapper-left {
-  right: 50%;
-  left: initial;
-}
-[dir=rtl] .nut-range-vertical-mark,
-.rtl-nut-range-vertical-mark {
-  right: auto;
-  left: 50%;
-}
-[dir=rtl] .nut-range-vertical-tick,
-.rtl-nut-range-vertical-tick {
-  left: auto;
-  right: 30px;
-  margin-left: 0;
-  margin-right: 0px;
-}
-[dir=rtl] .nut-range-vertical-mark-text-wrapper,
-.rtl-nut-range-vertical-mark-text-wrapper {
-  transform: translateY(-11px);
-}
\ No newline at end of file
diff --git a/src/packages/rate/rate.harmony.css b/src/packages/rate/rate.harmony.css
deleted file mode 100644
index 3b23367383..0000000000
--- a/src/packages/rate/rate.harmony.css
+++ /dev/null
@@ -1,82 +0,0 @@
-.nut-rate {
-  display: flex;
-  touch-action: pan-x;
-}
-.nut-rate.disabled .nut-rate-item-icon {
-  cursor: not-allowed;
-}
-.nut-rate.readonly .nut-rate-item-icon {
-  cursor: default;
-}
-.nut-rate-item {
-  display: flex;
-  flex-shrink: 0;
-  position: relative;
-  margin-left: 14px;
-}
-.nut-rate-item:first-child {
-  margin-left: 0;
-}
-.nut-rate-item-half {
-  position: absolute;
-  height: 100%;
-  width: 50% !important;
-  left: 0;
-  top: 0;
-  overflow: hidden;
-}
-.nut-rate-item-half .nut-icon {
-  flex-shrink: 0;
-}
-.nut-rate-item-icon {
-  display: flex;
-  cursor: pointer;
-}
-.nut-rate-item-icon .nut-icon {
-  color: #ff0f23;
-}
-.nut-rate-item-icon-disabled .nut-icon {
-  color: #c2c4cc;
-}
-.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half {
-  position: absolute;
-  left: 0;
-  top: 0;
-  overflow: hidden;
-}
-.nut-rate-item-icon.nut-rate-item-icon::before {
-  position: relative;
-  top: auto;
-  left: auto;
-  transform: none;
-}
-
-[dir=rtl] .nut-rate-item {
-  margin-right: 0;
-  margin-left: 14px;
-}
-
-.nut-rtl .nut-rate-item {
-  margin-right: 0;
-  margin-left: 14px;
-}
-[dir=rtl] .nut-rate-item:last-child,
-.nut-rtl .nut-rate-item:last-child {
-  margin-right: 0;
-  margin-left: 0;
-}
-[dir=rtl] .nut-rate-item-half,
-.nut-rtl .nut-rate-item-half {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half,
-.nut-rtl .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-rate-item-icon.nut-rate-item-icon::before,
-.nut-rtl .nut-rate-item-icon.nut-rate-item-icon::before {
-  left: auto;
-  right: auto;
-}
\ No newline at end of file
diff --git a/src/packages/resultpage/resultpage.harmony.css b/src/packages/resultpage/resultpage.harmony.css
deleted file mode 100644
index 3a7be57829..0000000000
--- a/src/packages/resultpage/resultpage.harmony.css
+++ /dev/null
@@ -1,44 +0,0 @@
-.nut-resultpage {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 0 auto;
-}
-.nut-resultpage-icon {
-  height: 48px;
-  width: 48px;
-  margin-bottom: 16px;
-  background-size: 100%;
-}
-.nut-resultpage-title {
-  width: 247px;
-  margin-bottom: 9px;
-  font-size: 20px;
-  color: #1a1a1a;
-  font-weight: 600;
-  text-align: center;
-}
-.nut-resultpage-description {
-  width: 247px;
-  line-height: 20px;
-  font-size: 14px;
-  color: #505259;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-}
-.nut-resultpage-actions {
-  display: flex;
-  flex-direction: row;
-  margin-top: 21px;
-}
-.nut-resultpage-action {
-  margin-left: 6px;
-  margin-right: 6px;
-}
-.nut-resultpage-action-button {
-  white-space: nowrap;
-}
\ No newline at end of file
diff --git a/src/packages/row/row.harmony.css b/src/packages/row/row.harmony.css
deleted file mode 100644
index 07332e9479..0000000000
--- a/src/packages/row/row.harmony.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.nut-row {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  overflow: hidden;
-}
-.nut-row:after {
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-  content: "";
-}
-.nut-row-flex {
-  display: flex;
-}
-.nut-row-flex:after {
-  display: none;
-}
-.nut-row-justify-center {
-  justify-content: center;
-}
-.nut-row-justify-end {
-  justify-content: flex-end;
-}
-.nut-row-justify-space-between {
-  justify-content: space-between;
-  align-items: center;
-}
-.nut-row-justify-space-around {
-  justify-content: space-around;
-}
-.nut-row-align-flex-start {
-  align-items: flex-start;
-}
-.nut-row-align-center {
-  align-items: center;
-}
-.nut-row-align-flex-end {
-  align-items: flex-end;
-}
-.nut-row-flex-wrap {
-  flex-wrap: wrap;
-}
-.nut-row-flex-nowrap {
-  flex-wrap: nowrap;
-}
-.nut-row-flex-reverse {
-  flex-wrap: wrap-reverse;
-}
\ No newline at end of file
diff --git a/src/packages/safearea/safearea.harmony.css b/src/packages/safearea/safearea.harmony.css
deleted file mode 100644
index 17c3f7fd80..0000000000
--- a/src/packages/safearea/safearea.harmony.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.nut-safe-area {
-  display: flex;
-  width: 100%;
-}
-.nut-safe-area-position-top {
-  padding-top: calc(env(safe-area-inset-top) * 1);
-}
-.nut-safe-area-position-bottom {
-  padding-bottom: calc(env(safe-area-inset-bottom) * 1);
-}
\ No newline at end of file
diff --git a/src/packages/searchbar/searchbar.harmony.css b/src/packages/searchbar/searchbar.harmony.css
deleted file mode 100644
index a35e3e2b51..0000000000
--- a/src/packages/searchbar/searchbar.harmony.css
+++ /dev/null
@@ -1,265 +0,0 @@
-.nut-searchbar {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 6px 16px;
-  background: #f5f6fa;
-  color: #1a1a1a;
-  font-size: 14px;
-  box-sizing: border-box;
-  justify-content: center;
-}
-.nut-searchbar-content {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 12px;
-  height: 32px;
-  background: #ffffff;
-  border-radius: 4px;
-}
-.nut-searchbar-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-searchbar-clear {
-  width: 16px;
-  height: 16px;
-  color: rgba(0, 0, 0, 0.2);
-}
-.nut-searchbar-rightin {
-  width: 16px;
-  height: 16px;
-  color: rgba(0, 0, 0, 0.2);
-}
-.nut-searchbar-left, .nut-searchbar-right {
-  display: inline-flex;
-  align-items: center;
-}
-.nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {
-  width: 20px;
-  height: 20px;
-}
-.nut-searchbar-left {
-  margin-right: 16px;
-}
-.nut-searchbar-left > div {
-  margin-right: 16px;
-}
-.nut-searchbar-left > span {
-  margin-right: 16px;
-}
-.nut-searchbar-left > i {
-  margin-right: 16px;
-}
-.nut-searchbar-left > svg {
-  margin-right: 16px;
-}
-.nut-searchbar-left .nut-icon {
-  margin-right: 16px;
-}
-.nut-searchbar-left > div:last-child, .nut-searchbar-left > span:last-child, .nut-searchbar-left > i:last-child, .nut-searchbar-left > svg:last-child,
-.nut-searchbar-left .nut-icon:last-child {
-  margin-right: 0;
-}
-.nut-searchbar-right {
-  margin-left: 16px;
-}
-.nut-searchbar-right > div {
-  margin-left: 16px;
-}
-.nut-searchbar-right > span {
-  margin-left: 16px;
-}
-.nut-searchbar-right > i {
-  margin-left: 16px;
-}
-.nut-searchbar-right > svg {
-  margin-left: 16px;
-}
-.nut-searchbar-right .nut-icon {
-  margin-left: 16px;
-}
-.nut-searchbar-right > div:first-child, .nut-searchbar-right > span:first-child, .nut-searchbar-right > i:first-child, .nut-searchbar-right > svg:first-child,
-.nut-searchbar-right .nut-icon:first-child {
-  margin-left: 0;
-}
-.nut-searchbar-left > text {
-  margin-right: 16px;
-}
-.nut-searchbar-left > view {
-  margin-right: 16px;
-}
-.nut-searchbar-left > text:last-child, .nut-searchbar-left > view:last-child {
-  margin-right: 0;
-}
-.nut-searchbar-right > text {
-  margin-left: 16px;
-}
-.nut-searchbar-right > view {
-  margin-left: 16px;
-}
-.nut-searchbar-right > text:first-child, .nut-searchbar-right > view:first-child {
-  margin-left: 0;
-}
-.nut-searchbar-input-box, .nut-searchbar-input {
-  display: flex;
-  align-items: center;
-  flex: 1;
-}
-.nut-searchbar-input {
-  border: 0;
-  outline: 0;
-  box-sizing: border-box;
-  width: 100%;
-  padding: 0 4px;
-  font-size: 14px;
-  color: #1a1a1a;
-  caret-color: #1a1a1a;
-  background: transparent;
-  text-align: left;
-}
-.nut-searchbar-round {
-  border-radius: 18px;
-}
-.nut-searchbar-disabled {
-  cursor: not-allowed;
-}
-
-[dir=rtl] .nut-searchbar-left {
-  margin-right: 0;
-  margin-left: 16px;
-}
-
-.nut-rtl .nut-searchbar-left {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > div {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > span {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > svg {
-  margin-right: 0;
-  margin-left: 16px;
-}
-.nut-rtl .nut-searchbar-left > div {
-  margin-right: 0;
-  margin-left: 16px;
-}
-.nut-rtl .nut-searchbar-left > span {
-  margin-right: 0;
-  margin-left: 16px;
-}
-.nut-rtl .nut-searchbar-left > svg {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > div.nut-icon, [dir=rtl] .nut-searchbar-left > span.nut-icon, [dir=rtl] .nut-searchbar-left > svg.nut-icon,
-.nut-rtl .nut-searchbar-left > div.nut-icon,
-.nut-rtl .nut-searchbar-left > span.nut-icon,
-.nut-rtl .nut-searchbar-left > svg.nut-icon {
-  transform: rotate(180deg);
-}
-[dir=rtl] .nut-searchbar-left > div:last-child, [dir=rtl] .nut-searchbar-left > span:last-child, [dir=rtl] .nut-searchbar-left > svg:last-child,
-.nut-rtl .nut-searchbar-left > div:last-child,
-.nut-rtl .nut-searchbar-left > span:last-child,
-.nut-rtl .nut-searchbar-left > svg:last-child {
-  margin-right: 0;
-  margin-left: 0;
-}
-[dir=rtl] .nut-searchbar-right {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > div {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > span {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > svg {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right > div {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right > span {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right > svg {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > div:first-child, [dir=rtl] .nut-searchbar-right > span:first-child, [dir=rtl] .nut-searchbar-right > svg:first-child,
-.nut-rtl .nut-searchbar-right > div:first-child,
-.nut-rtl .nut-searchbar-right > span:first-child,
-.nut-rtl .nut-searchbar-right > svg:first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-[dir=rtl] .nut-searchbar-left > text {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > view {
-  margin-right: 0;
-  margin-left: 16px;
-}
-.nut-rtl .nut-searchbar-left > text {
-  margin-right: 0;
-  margin-left: 16px;
-}
-.nut-rtl .nut-searchbar-left > view {
-  margin-right: 0;
-  margin-left: 16px;
-}
-[dir=rtl] .nut-searchbar-left > text:last-child, [dir=rtl] .nut-searchbar-left > view:last-child,
-.nut-rtl .nut-searchbar-left > text:last-child,
-.nut-rtl .nut-searchbar-left > view:last-child {
-  margin-right: 0;
-  margin-left: 0;
-}
-[dir=rtl] .nut-searchbar-right > text {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > view {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right > text {
-  margin-left: 0;
-  margin-right: 16px;
-}
-.nut-rtl .nut-searchbar-right > view {
-  margin-left: 0;
-  margin-right: 16px;
-}
-[dir=rtl] .nut-searchbar-right > text:first-child, [dir=rtl] .nut-searchbar-right > view:first-child,
-.nut-rtl .nut-searchbar-right > text:first-child,
-.nut-rtl .nut-searchbar-right > view:first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-[dir=rtl] .nut-searchbar-input {
-  text-align: right;
-}
-.nut-rtl .nut-searchbar-input {
-  text-align: right;
-}
\ No newline at end of file
diff --git a/src/packages/shortpassword/shortpassword.harmony.css b/src/packages/shortpassword/shortpassword.harmony.css
deleted file mode 100644
index 59845d1d3d..0000000000
--- a/src/packages/shortpassword/shortpassword.harmony.css
+++ /dev/null
@@ -1,119 +0,0 @@
-.nut-shortpassword-title {
-  line-height: 1;
-  font-size: 16px;
-  color: #1A1A1A;
-}
-.nut-shortpassword-description {
-  margin-top: 12px;
-  margin-bottom: 24px;
-  line-height: 1;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-shortpassword-input {
-  padding: 0 0 10px;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-}
-.nut-shortpassword-input-real {
-  position: absolute;
-  right: 0;
-  width: 247px;
-  height: 41px;
-  outline: 0 none;
-  border: 0;
-  text-decoration: none;
-  z-index: -99;
-}
-.nut-shortpassword-input-site {
-  width: 247px;
-  height: 41px;
-  border-radius: 4px;
-}
-.nut-shortpassword-input-fake {
-  top: 5%;
-  width: 100%;
-  height: 41px;
-  margin: 0 auto;
-  box-sizing: border-box;
-  background: #F7F8FC;
-  border-radius: 4px;
-  border: 1px solid #F7F8FC;
-  display: flex;
-  position: absolute;
-  left: 0;
-}
-.nut-shortpassword-input-fake-li {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-shortpassword-input-fake-li-icon {
-  height: 6px;
-  width: 6px;
-  border-radius: 50%;
-  background: #000;
-  display: inline-block;
-}
-.nut-shortpassword-message {
-  margin-top: 9px;
-  display: flex;
-  justify-content: space-between;
-  width: 247px;
-}
-.nut-shortpassword-message-error {
-  line-height: 1;
-  font-size: 10px;
-  color: #FF0F23;
-}
-.nut-shortpassword-message-forget {
-  line-height: 1;
-  font-size: 12px;
-  color: #888B94;
-  display: flex;
-  align-items: center;
-}
-.nut-shortpassword-message-forget .nut-icon {
-  margin-right: 3px;
-}
-.nut-shortpassword-footer {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-.nut-shortpassword-footer-cancel {
-  background: #ffffff;
-  border: 1px solid #FF0F23;
-  border-radius: 15px;
-  padding: 8px 38px;
-  line-height: 1;
-  font-size: 14px;
-  color: #FF0F23;
-}
-.nut-shortpassword-footer-sure {
-  background: linear-gradient(135deg, #FF0F23 0%, #FF0F23 100%);
-  border-radius: 15px;
-  padding: 8px 38px;
-  line-height: 1;
-  font-size: 14px;
-  color: #ffffff;
-}
-
-[dir=rtl] .nut-shortpassword-input-real,
-.nut-rtl .nut-shortpassword-input-real {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-shortpassword-input-fake,
-.nut-rtl .nut-shortpassword-input-fake {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-shortpassword-footer-sure {
-  background: linear-gradient(-135deg, #FF0F23 0%, #FF0F23 100%);
-}
-.nut-rtl .nut-shortpassword-footer-sure {
-  background: linear-gradient(-135deg, #FF0F23 0%, #FF0F23 100%);
-}
\ No newline at end of file
diff --git a/src/packages/sidenavbar/sidenavbar.harmony.css b/src/packages/sidenavbar/sidenavbar.harmony.css
deleted file mode 100644
index 2310bfedab..0000000000
--- a/src/packages/sidenavbar/sidenavbar.harmony.css
+++ /dev/null
@@ -1,70 +0,0 @@
-.nut-sidenavbar {
-  color: #1d1d21;
-  font-size: 14px;
-  height: 100%;
-  overflow: auto;
-  display: block;
-  background-color: #ffffff;
-}
-.nut-sidenavbar .arrow-icon {
-  position: absolute;
-  width: 0;
-  height: 0;
-  right: 16px;
-  top: 18px;
-  cursor: pointer;
-}
-.nut-sidenavbar .arrow-down {
-  border-top: 4px solid #888B94;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-}
-.nut-sidenavbar .arrow-up {
-  border-bottom: 4px solid #888B94;
-  border-left: 4px solid transparent;
-  border-right: 4px solid transparent;
-}
-.nut-sidenavbar-title {
-  height: 40px;
-  padding: 10px 8px 10px 20px;
-  background: #F7F8FC;
-  color: #1A1A1A;
-  box-sizing: border-box;
-  transition: transform 0.5s;
-}
-.nut-sidenavbar-content {
-  position: relative;
-  display: block;
-}
-.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content {
-  height: auto;
-  overflow: inherit;
-}
-.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content {
-  height: 0;
-  overflow: hidden;
-}
-.nut-sidenavbar .nut-subsidenavbar-border-bt {
-  position: relative;
-}
-.nut-sidenavbar .nut-subsidenavbar-border-bt:after {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  background: #eeeff2;
-  transform: scale(1, 0.5);
-  left: 0;
-  bottom: 0;
-}
-
-[dir=rtl] .nut-sidenavbar .arrow-icon,
-.nut-rtl .nut-sidenavbar .arrow-icon {
-  right: auto;
-  left: 16px;
-}
-[dir=rtl] .nut-sidenavbar .nut-subsidenavbar-border-bt:after,
-.nut-rtl .nut-sidenavbar .nut-subsidenavbar-border-bt:after {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/sidenavbaritem/sidenavbaritem.harmony.css b/src/packages/sidenavbaritem/sidenavbaritem.harmony.css
deleted file mode 100644
index 47b328a332..0000000000
--- a/src/packages/sidenavbaritem/sidenavbaritem.harmony.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.nut-subsidenavbar-item {
-  height: 40px;
-  color: #505259;
-  padding: 10px 8px 10px 55px;
-  box-sizing: border-box;
-}
-.nut-subsidenavbar-list {
-  background-color: #ffffff;
-  color: #505259;
-}
\ No newline at end of file
diff --git a/src/packages/signature/signature.harmony.css b/src/packages/signature/signature.harmony.css
deleted file mode 100644
index 2f9a997f5e..0000000000
--- a/src/packages/signature/signature.harmony.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.nut-signature .spcanvas_WEAPP {
-  width: 100%;
-  height: 100%;
-}
-.nut-signature .spcanvas_WEAPP Canvas {
-  width: 100%;
-}
-.nut-signature-inner {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 10rem;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  background-color: #ffffff;
-}
-.nut-signature-unsupport {
-  font-size: 14px;
-}
\ No newline at end of file
diff --git a/src/packages/skeleton/skeleton.harmony.css b/src/packages/skeleton/skeleton.harmony.css
deleted file mode 100644
index 4e53472b40..0000000000
--- a/src/packages/skeleton/skeleton.harmony.css
+++ /dev/null
@@ -1,252 +0,0 @@
-.nut-image {
-  display: block;
-  position: relative;
-}
-.nut-image-default {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-.nut-image.nut-image-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-image-loading {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-.nut-image-error {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #f5f6fa;
-  background-size: 100% 100%;
-}
-
-[dir=rtl] .nut-image .nut-img-loading,
-.nut-rtl .nut-image .nut-img-loading {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-image .nut-img-error,
-.nut-rtl .nut-image .nut-img-error {
-  left: auto;
-  right: 0;
-}
-
-.nut-avatar-group {
-  display: flex;
-  flex-direction: row;
-  flex: 0 0 auto;
-}
-.nut-avatar-group-avatar,
-.nut-avatar-group .nut-avatar {
-  border: 1px solid #fff;
-  margin-left: -8px;
-}
-.nut-avatar-group-avatar:not(:first-of-type),
-.nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: -8px;
-}
-
-[dir=rtl] .nut-avatar-group .nut-avatar:not(:first-of-type),
-.nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type) {
-  margin-left: 0;
-  margin-right: -8px;
-}
-
-.nut-avatar {
-  position: relative;
-  flex: 0 0 auto;
-}
-.nut-avatar-round {
-  border-radius: 999px;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: 5px;
-}
-.nut-avatar-first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-.nut-avatar-img {
-  width: 100%;
-  height: 100%;
-  flex-shrink: 0;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.nut-avatar-icon {
-  background-size: 100% 100%;
-}
-.nut-avatar .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-large {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-img {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-img-image {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large-icon {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-large .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-large-text {
-  width: 60px;
-  height: 60px;
-}
-.nut-avatar-small {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-small-img-image {
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-small-text {
-  width: 32px;
-  height: 32px;
-}
-.nut-avatar-normal {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-}
-.nut-avatar-normal-img-image {
-  width: 40px;
-  height: 40px;
-}
-.nut-avatar-normal .nut-icon-img {
-  width: 100%;
-  height: 100%;
-}
-.nut-avatar-normal-text {
-  width: 40px;
-  height: 40px;
-}
-
-.nut-skeleton {
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  vertical-align: middle;
-  width: 100%;
-}
-.nut-skeleton-content {
-  display: flex;
-  flex-direction: row;
-}
-.nut-skeleton-content-avatar {
-  margin-right: 20px;
-  background: #f5f6fa !important;
-}
-.nut-skeleton-content-block {
-  width: 100%;
-  height: 15px;
-  background: #f5f6fa;
-  margin-top: 10px;
-  border-radius: 0;
-}
-.nut-skeleton-content-line {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.nut-skeleton-content-line .nut-skeleton-content-block:last-child {
-  width: 70%;
-}
-.nut-skeleton-content-title {
-  width: 30%;
-  height: 15px;
-  background: #f5f6fa;
-}
-.nut-skeleton-content-block-last-child {
-  width: 55%;
-}
-.nut-skeleton-animation {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1;
-  /* #ifndef rn */
-  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
-  /* #endif */
-  animation: nut-skeleton 2s ease-in-out 0s infinite;
-}
-@keyframes nut-skeleton {
-  0% {
-    background-position-x: -500px;
-  }
-  to {
-    background-position-x: calc(500px + 100%);
-  }
-}
-
-[dir=rtl] .nut-skeleton-content .nut-avatar,
-.nut-rtl .nut-skeleton-content .nut-avatar {
-  margin-right: 0;
-  margin-left: 20px;
-}
-[dir=rtl] .nut-skeleton-animation,
-.nut-rtl .nut-skeleton-animation {
-  left: auto;
-  right: 0;
-  /* #ifndef rn */
-  background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
-  /* #endif */
-  animation: nut-skeleton-rtl 2s ease-in-out 0s infinite;
-}
-@keyframes nut-skeleton-rtl {
-  0% {
-    background-position-x: calc(500px + 100%);
-  }
-  to {
-    background-position-x: -500px;
-  }
-}
\ No newline at end of file
diff --git a/src/packages/space/space.harmony.css b/src/packages/space/space.harmony.css
deleted file mode 100644
index 70363b14c3..0000000000
--- a/src/packages/space/space.harmony.css
+++ /dev/null
@@ -1,79 +0,0 @@
-.nut-space {
-  display: flex;
-}
-.nut-space-item {
-  flex: none;
-}
-.nut-space-vertical {
-  flex-direction: column;
-}
-.nut-space-vertical-item {
-  margin-bottom: 8px;
-}
-.nut-space-vertical-item-last {
-  margin-bottom: 0;
-}
-.nut-space-horizontal {
-  flex-direction: row;
-}
-.nut-space-horizontal-item {
-  margin-right: 8px;
-}
-.nut-space-horizontal-item-last {
-  margin-right: 0;
-}
-.nut-space-horizontal-wrap {
-  flex-wrap: wrap;
-  margin-bottom: calc(8px * -1);
-}
-.nut-space-horizontal-wrap-item {
-  padding-bottom: 8px;
-}
-.nut-space-align-center {
-  align-items: center;
-}
-.nut-space-align-start {
-  align-items: flex-start;
-}
-.nut-space-align-end {
-  align-items: flex-end;
-}
-.nut-space-align-baseline {
-  align-items: baseline;
-}
-.nut-space-justify-center {
-  justify-content: center;
-}
-.nut-space-justify-start {
-  justify-content: flex-start;
-}
-.nut-space-justify-end {
-  justify-content: flex-end;
-}
-.nut-space-justify-between {
-  justify-content: space-between;
-}
-.nut-space-justify-around {
-  justify-content: space-around;
-}
-.nut-space-justify-evenly {
-  justify-content: space-evenly;
-}
-.nut-space-justify-stretch {
-  justify-content: stretch;
-}
-
-[dir=rtl] .nut-space-horizontal > .nut-space-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-
-.nut-rtl .nut-space-horizontal > .nut-space-item {
-  margin-right: 0;
-  margin-left: 8px;
-}
-[dir=rtl] .nut-space-horizontal > .nut-space-item:last-child,
-.nut-rtl .nut-space-horizontal > .nut-space-item:last-child {
-  margin-right: 0;
-  margin-left: 0;
-}
\ No newline at end of file
diff --git a/src/packages/step/step.harmony.css b/src/packages/step/step.harmony.css
deleted file mode 100644
index d8bfb72a72..0000000000
--- a/src/packages/step/step.harmony.css
+++ /dev/null
@@ -1,197 +0,0 @@
-.nut-step {
-  flex-grow: 0;
-  flex-shrink: 0;
-  flex: 1;
-  text-align: center;
-  font-size: 0;
-}
-.nut-step-head {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  margin-bottom: 12px;
-}
-.nut-step-line {
-  position: absolute;
-  top: calc(25px / 2);
-  left: calc(50% + (100% - 70%) / 2);
-  height: 1px;
-  width: 70%;
-  background: #888B94;
-}
-.nut-step-icon {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 25px;
-  height: 25px;
-  line-height: 25px;
-  font-size: 12px;
-  background-color: #888B94;
-  border-color: #888B94;
-  color: #ffffff;
-  z-index: 1;
-}
-.nut-step-icon .nut-icon {
-  width: 100%;
-  height: 100%;
-}
-.nut-step-icon.is-text {
-  border-radius: 50%;
-  border-width: 1px;
-  border-style: solid;
-}
-.nut-step-icon.is-icon {
-  border-radius: 50%;
-  border-width: 1px;
-  border-style: solid;
-}
-.nut-step-main {
-  padding: 0 10%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.nut-step-title {
-  display: block;
-  margin-bottom: 10px;
-  font-size: 14px;
-  color: #1A1A1A;
-}
-.nut-step-description {
-  display: block;
-  font-size: 12px;
-  color: #505259;
-}
-.nut-step:last-child .nut-step-line {
-  display: none;
-}
-.nut-step.nut-step-process .nut-step-icon {
-  background-color: #FF0F23;
-  border-color: #FF0F23;
-  color: #ffffff;
-}
-.nut-step.nut-step-process .nut-step-title {
-  color: #FF0F23;
-  font-size: 14px;
-  font-weight: 500;
-}
-.nut-step.nut-step-process .nut-step-description {
-  color: #505259;
-}
-.nut-step.nut-step-wait .nut-step-title {
-  color: #1A1A1A;
-}
-.nut-step.nut-step-wait .nut-step-description {
-  color: #505259;
-}
-.nut-step.nut-step-finish .nut-step-icon {
-  background-color: #ffffff;
-  border-color: #FF0F23;
-  color: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-line {
-  background: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-title {
-  color: #FF0F23;
-}
-.nut-step.nut-step-finish .nut-step-description {
-  color: #505259;
-}
-
-.nut-steps-dot .nut-step-head {
-  margin: 10px 0;
-}
-.nut-steps-dot .nut-step-line {
-  top: 7px;
-}
-.nut-steps-dot .nut-step-icon {
-  width: 6px;
-  height: 6px;
-  border: 2px solid #ffffff;
-  border-radius: 50%;
-  box-sizing: content-box;
-}
-.nut-steps-dot .nut-step-wait .nut-step-icon {
-  background-color: #888B94;
-}
-.nut-steps-dot .nut-step-finish .nut-step-icon {
-  background-color: #ffffff;
-  border-color: #FF0F23;
-}
-.nut-steps-dot .nut-step-process .nut-step-icon {
-  position: relative;
-}
-.nut-steps-dot .nut-step-process .nut-step-icon:before {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  margin-left: -7px;
-  margin-top: -7px;
-  width: 14px;
-  height: 14px;
-  background-color: #FF0F23;
-  border-radius: 50%;
-  opacity: 0.23;
-}
-
-.nut-steps-horizontal.nut-steps-dot .nut-step-line {
-  top: 50%;
-  bottom: -50%;
-}
-
-.nut-steps-vertical .nut-step {
-  display: flex;
-  height: 33.34%;
-}
-.nut-steps-vertical .nut-step-line {
-  position: absolute;
-  display: inline-block;
-  width: 1px;
-  height: 70%;
-  background: #888B94;
-  top: calc(25px + (100% - 70% - 12px) / 2);
-  left: calc(50% - 1px);
-}
-.nut-steps-vertical.nut-steps-dot .nut-step-line {
-  top: calc(6px + (100% - 70%) / 2);
-}
-.nut-steps-vertical .nut-step-main {
-  display: inline-block;
-  padding-left: 6%;
-  text-align: start;
-}
-
-[dir=rtl] .nut-step-line {
-  left: auto;
-  right: calc(50% + (100% - 70%) / 2);
-}
-
-.nut-rtl .nut-step-line {
-  left: auto;
-  right: calc(50% + (100% - 70%) / 2);
-}
-
-[dir=rtl] .nut-steps-dot .nut-step-process .nut-step-icon:before,
-.nut-rtl .nut-steps-dot .nut-step-process .nut-step-icon:before {
-  left: auto;
-  right: 50%;
-  margin-left: 0;
-  margin-right: -7px;
-}
-
-[dir=rtl] .nut-steps-vertical .nut-step-line,
-.nut-rtl .nut-steps-vertical .nut-step-line {
-  left: auto;
-  right: calc(50% - 1px);
-}
-[dir=rtl] .nut-steps-vertical .nut-step-main,
-.nut-rtl .nut-steps-vertical .nut-step-main {
-  padding-left: 0;
-  padding-right: 6%;
-}
\ No newline at end of file
diff --git a/src/packages/steps/steps.harmony.css b/src/packages/steps/steps.harmony.css
deleted file mode 100644
index bb64553555..0000000000
--- a/src/packages/steps/steps.harmony.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.nut-steps {
-  display: flex;
-}
-
-.nut-steps-vertical {
-  height: 100%;
-  flex-flow: column;
-}
\ No newline at end of file
diff --git a/src/packages/sticky/sticky.harmony.css b/src/packages/sticky/sticky.harmony.css
deleted file mode 100644
index 1b10e0de80..0000000000
--- a/src/packages/sticky/sticky.harmony.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.nut-sticky-fixed {
-  position: fixed;
-}
\ No newline at end of file
diff --git a/src/packages/subsidenavbar/subsidenavbar.harmony.css b/src/packages/subsidenavbar/subsidenavbar.harmony.css
deleted file mode 100644
index 6ba3b72390..0000000000
--- a/src/packages/subsidenavbar/subsidenavbar.harmony.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.nut-subsidenavbar-title {
-  height: 40px;
-  padding: 10px 8px 10px 35px;
-  box-sizing: border-box;
-  background-color: #F7F8FC;
-  color: #1A1A1A;
-  box-sizing: border-box;
-}
-.nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content {
-  height: auto;
-  overflow: inherit;
-}
-.nut-subsidenavbar-list.sidenavbar-hide .nut-subsidenavbar-content {
-  height: 0;
-  overflow: hidden;
-}
\ No newline at end of file
diff --git a/src/packages/swipe/swipe.harmony.css b/src/packages/swipe/swipe.harmony.css
deleted file mode 100644
index 979aa52191..0000000000
--- a/src/packages/swipe/swipe.harmony.css
+++ /dev/null
@@ -1,29 +0,0 @@
-.nut-swipe {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-  background-color: #ffffff;
-}
-.nut-swipe-wrapper {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-self: stretch;
-  width: 100%;
-  transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-  transition-property: transform;
-}
-.nut-swipe-left, .nut-swipe-right {
-  position: absolute;
-  top: 0;
-  display: flex;
-  flex-direction: row;
-}
-.nut-swipe-left {
-  left: 0;
-}
-.nut-swipe-right {
-  left: 100%;
-}
\ No newline at end of file
diff --git a/src/packages/swiper/swiper.harmony.css b/src/packages/swiper/swiper.harmony.css
deleted file mode 100644
index 7faa11b218..0000000000
--- a/src/packages/swiper/swiper.harmony.css
+++ /dev/null
@@ -1,135 +0,0 @@
-.nut-indicator {
-  display: flex;
-  flex-direction: row;
-  width: auto;
-  flex-wrap: nowrap;
-  align-items: center;
-}
-.nut-indicator-dot {
-  display: inline-block;
-  vertical-align: middle;
-  width: 4px;
-  height: 4px;
-  border-radius: 50%;
-  background-color: rgba(0, 0, 0, 0.06);
-  margin: 0 2px;
-}
-.nut-indicator-dot:first-child {
-  margin-left: 0px;
-}
-.nut-indicator-dot:last-child {
-  margin-right: 0px;
-}
-.nut-indicator-active {
-  width: 8px;
-  border-radius: 2px;
-  background: #ff0f23;
-}
-.nut-indicator-vertical {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-.nut-indicator-vertical-dot {
-  margin: 2px 0;
-}
-.nut-indicator-vertical-dot:first-child {
-  margin-top: 0px;
-}
-.nut-indicator-vertical-dot:last-child {
-  margin-bottom: 0px;
-}
-.nut-indicator-vertical-active {
-  width: 4px;
-  height: 8px;
-}
-
-[dir=rtl] .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-
-.nut-rtl .nut-indicator-dot:first-child {
-  margin-left: 2px;
-  margin-right: 0px;
-}
-[dir=rtl] .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
-.nut-rtl .nut-indicator-dot:last-child {
-  margin-right: 2px;
-  margin-left: 0px;
-}
-
-.nut-swiper {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  touch-action: none;
-  position: relative;
-}
-.nut-swiper-indicator {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  position: absolute;
-  height: 4px;
-  width: 100%;
-  top: 89.33%;
-  z-index: 10;
-}
-.nut-swiper-indicator-vertical {
-  width: 8px;
-  height: 100%;
-  top: 0;
-  left: 12px;
-  flex-direction: column;
-  justify-content: center;
-  z-index: 1;
-}
-
-.nut-swiper-inner {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  position: relative;
-}
-.nut-swiper-inner-horizontal {
-  /* #ifndef rn */
-  transform: undefined;
-  /* #ifndef rn */
-}
-.nut-swiper-inner-vertical {
-  /* #ifndef rn */
-  transform: undefined;
-  /* #ifndef rn */
-  flex-direction: column;
-}
-
-.nut-swiper-slide {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  flex-shrink: 0;
-}
-
-.nut-swiper-item {
-  width: 100%;
-  height: 100%;
-}
-
-[dir=rtl] .nut-swiper-indicator,
-.nut-rtl .nut-swiper-indicator {
-  left: auto;
-  right: 50%;
-  /* #ifndef rn */
-  transform: translateX(50%);
-  /* #endif */
-}
-[dir=rtl] .nut-swiper-indicator-vertical,
-.nut-rtl .nut-swiper-indicator-vertical {
-  left: auto;
-  right: 12px;
-}
\ No newline at end of file
diff --git a/src/packages/swiperitem/swiperitem.harmony.css b/src/packages/swiperitem/swiperitem.harmony.css
deleted file mode 100644
index df28b42734..0000000000
--- a/src/packages/swiperitem/swiperitem.harmony.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.nut-swiper-item {
-  height: 100%;
-}
\ No newline at end of file
diff --git a/src/packages/switch/switch.harmony.css b/src/packages/switch/switch.harmony.css
deleted file mode 100644
index 205e56d2a4..0000000000
--- a/src/packages/switch/switch.harmony.css
+++ /dev/null
@@ -1,71 +0,0 @@
-.nut-switch {
-  cursor: pointer;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 40px;
-  height: 24px;
-  line-height: 24px;
-  background-color: #ff0f23;
-  border-radius: 8px;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  flex: 0 0 auto;
-}
-.nut-switch-button {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  height: 20px;
-  width: 20px;
-  transform: translateX(2px);
-  border-radius: 6px;
-  background: #ffffff;
-  transition: transform 0.3s;
-  box-shadow: 0 0 transparent;
-}
-.nut-switch-button-open {
-  transform: translateX(18px);
-}
-.nut-switch-button-open-rtl {
-  transform: translateX(-18px);
-}
-.nut-switch-button-close {
-  transform: translateX(2px);
-}
-.nut-switch-button-close-rtl {
-  transform: translateX(-2px);
-}
-.nut-switch-close {
-  background-color: #c2c4cc;
-}
-.nut-switch-close-line {
-  width: 12px;
-  height: 2px;
-  background: #fff;
-  border-radius: 2px;
-}
-.nut-switch-disabled {
-  background-color: #ffadbe;
-}
-.nut-switch-disabled-close {
-  background-color: #f5f6fa;
-}
-.nut-switch-label {
-  color: #ffffff;
-  font-size: 12px;
-}
-.nut-switch-label-open {
-  transform: translateX(-18px);
-}
-.nut-switch-label-open-rtl {
-  transform: translateX(18px);
-}
-.nut-switch-label-close {
-  transform: translateX(18px);
-}
-.nut-switch-label-close-rtl {
-  transform: translateX(-18px);
-}
\ No newline at end of file
diff --git a/src/packages/tabbar/tabbar.harmony.css b/src/packages/tabbar/tabbar.harmony.css
deleted file mode 100644
index 9ee280d6c0..0000000000
--- a/src/packages/tabbar/tabbar.harmony.css
+++ /dev/null
@@ -1,46 +0,0 @@
-.nut-tabbar {
-  border: 0px;
-  box-shadow: none;
-  border-bottom: 1px solid #eee;
-  border-top: 1px solid #eee;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  box-sizing: border-box;
-  background: #ffffff;
-}
-.nut-tabbar-wrap {
-  width: 100%;
-  height: 50px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-}
-.nut-tabbar:last-child {
-  border-right: 0;
-}
-.nut-tabbar-fixed {
-  position: fixed;
-  bottom: 0px;
-  left: 0px;
-}
-.nut-tabbar-safe-area {
-  display: block;
-  width: 100%;
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-[dir=rtl] .nut-tabbar:last-child,
-.nut-rtl .nut-tabbar:last-child {
-  border-right: none;
-  border-left: 0;
-}
-[dir=rtl] .nut-tabbar-fixed,
-.nut-rtl .nut-tabbar-fixed {
-  left: auto;
-  right: 0px;
-}
\ No newline at end of file
diff --git a/src/packages/tabbaritem/tabbaritem.harmony.css b/src/packages/tabbaritem/tabbaritem.harmony.css
deleted file mode 100644
index fbce58906d..0000000000
--- a/src/packages/tabbaritem/tabbaritem.harmony.css
+++ /dev/null
@@ -1,43 +0,0 @@
-.nut-tabbar-item {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  flex: 1;
-  text-align: center;
-  text-decoration: none;
-  color: #1A1A1A;
-  height: 100%;
-}
-.nut-tabbar-item-icon-box {
-  padding: 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-}
-.nut-tabbar-item-icon-box .nut-icon {
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
-}
-.nut-tabbar-item-icon-box-nav {
-  display: block;
-  font-size: 10px;
-  margin-top: 3px;
-}
-.nut-tabbar-item-icon-box-large {
-  font-size: 16px;
-  margin-top: 0;
-  line-height: 20px;
-  font-weight: 400;
-}
-.nut-tabbar-item-active {
-  color: #FF0F23;
-}
-.nut-tabbar-item-active .nut-tabbar-item-icon-box {
-  color: inherit;
-}
-.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
-  color: inherit;
-}
\ No newline at end of file
diff --git a/src/packages/table/table.harmony.css b/src/packages/table/table.harmony.css
deleted file mode 100644
index 135cdc8bea..0000000000
--- a/src/packages/table/table.harmony.css
+++ /dev/null
@@ -1,224 +0,0 @@
-.nut-table {
-  overflow: hidden;
-  position: relative;
-}
-.nut-table-wrapper {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  font-size: 14px;
-  color: #1A1A1A;
-  overflow-y: auto;
-  overflow-x: hidden;
-  position: relative;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-table-wrapper-sticky {
-  overflow-x: auto;
-}
-.nut-table-main {
-  display: table;
-  overflow-x: auto;
-  color: #1A1A1A;
-  background-color: #ffffff;
-  table-layout: fixed;
-  width: max-content;
-  min-width: 100%;
-  position: relative;
-}
-.nut-table-main-striped .nut-table-main-head-tr {
-  background-color: #F7F8FC;
-}
-.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd) {
-  background-color: #ffffff;
-}
-.nut-table-main-striped .nut-table-main-body-tr:nth-child(even) {
-  background-color: #F7F8FC;
-}
-.nut-table-main-head, .nut-table-main-body {
-  background: inherit;
-}
-.nut-table-main-head-tr, .nut-table-main-body-tr {
-  display: table-row;
-  background: inherit;
-}
-.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
-  border-bottom: none;
-}
-.nut-table-main-head-tr-th {
-  display: table-cell;
-  padding: 10px;
-  table-layout: fixed;
-  background: inherit;
-  position: sticky;
-  top: 0;
-}
-.nut-table-main-body-tr-th {
-  display: table-cell;
-  padding: 10px;
-  table-layout: fixed;
-  background: inherit;
-  position: sticky;
-  top: 0;
-}
-.nut-table-main-head-tr-th.nut-table-fixed-left, .nut-table-main-head-tr-th.nut-table-fixed-right, .nut-table-main-body-tr-th.nut-table-fixed-left, .nut-table-main-body-tr-th.nut-table-fixed-right {
-  z-index: 4;
-}
-.nut-table-main-head-tr-th:last-child, .nut-table-main-body-tr-th:last-child {
-  border-right: none;
-}
-.nut-table-main-head-tr-td {
-  display: table-cell;
-  padding: 10px;
-  table-layout: fixed;
-  background: inherit;
-}
-.nut-table-main-body-tr-td {
-  display: table-cell;
-  padding: 10px;
-  table-layout: fixed;
-  background: inherit;
-}
-.nut-table-main-head-tr-td:last-child, .nut-table-main-body-tr-td:last-child {
-  border-right: none;
-}
-.nut-table-main-head-tr-td-nodata, .nut-table-main-body-tr-td-nodata {
-  display: flex;
-  height: 50px;
-  align-items: center;
-  justify-content: center;
-}
-.nut-table-main-head-tr-border {
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-table-main-body-tr-border {
-  border-right: 1px solid rgba(0, 0, 0, 0.06);
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-table-main-head-tr-alignleft, .nut-table-main-head-tr-align, .nut-table-main-body-tr-alignleft, .nut-table-main-body-tr-align {
-  text-align: start;
-}
-.nut-table-main-head-tr-aligncenter, .nut-table-main-body-tr-aligncenter {
-  text-align: center;
-}
-.nut-table-main-head-tr-alignright, .nut-table-main-body-tr-alignright {
-  text-align: end;
-}
-.nut-table-main-head {
-  display: table-header-group;
-}
-.nut-table-main-body {
-  display: table-row-group;
-}
-.nut-table-sticky-left, .nut-table-sticky-right {
-  position: absolute;
-  top: 0px;
-  width: 8px;
-  bottom: -1px;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  box-shadow: none;
-  touch-action: none;
-  pointer-events: none;
-  z-index: 3;
-  background: transparent;
-}
-.nut-table-sticky-left {
-  left: 1px;
-  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-table-sticky-right {
-  right: 1px;
-  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-table-fixed-left, .nut-table-fixed-right {
-  position: sticky;
-  z-index: 2;
-}
-.nut-table-fixed-left.h5-div {
-  padding: 10px 0;
-}
-.nut-table-fixed-right.h5-div {
-  padding: 10px 0;
-}
-.nut-table-fixed-left-last {
-  border-right: none;
-}
-.nut-table-summary {
-  color: #1A1A1A;
-  background-color: #ffffff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 30px;
-  padding: 10px;
-  position: relative;
-  z-index: 5;
-}
-
-[dir=rtl] .nut-table-main-head-tr-th:last-child, [dir=rtl] .nut-table-main-body-tr-th:last-child,
-.nut-rtl .nut-table-main-head-tr-th:last-child,
-.nut-rtl .nut-table-main-body-tr-th:last-child {
-  border-right: none;
-  border-left: none;
-}
-[dir=rtl] .nut-table-main-head-tr-td:last-child, [dir=rtl] .nut-table-main-body-tr-td:last-child,
-.nut-rtl .nut-table-main-head-tr-td:last-child,
-.nut-rtl .nut-table-main-body-tr-td:last-child {
-  border-right: none;
-  border-left: none;
-}
-[dir=rtl] .nut-table-main-head-tr-border {
-  border-right: none;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-[dir=rtl] .nut-table-main-body-tr-border {
-  border-right: none;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-rtl .nut-table-main-head-tr-border {
-  border-right: none;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-rtl .nut-table-main-body-tr-border {
-  border-right: none;
-  border-left: 1px solid rgba(0, 0, 0, 0.06);
-}
-[dir=rtl] .nut-table-main-head-tr-alignleft, [dir=rtl] .nut-table-main-head-tr-align, [dir=rtl] .nut-table-main-body-tr-alignleft, [dir=rtl] .nut-table-main-body-tr-align,
-.nut-rtl .nut-table-main-head-tr-alignleft,
-.nut-rtl .nut-table-main-head-tr-align,
-.nut-rtl .nut-table-main-body-tr-alignleft,
-.nut-rtl .nut-table-main-body-tr-align {
-  text-align: right;
-}
-[dir=rtl] .nut-table-main-head-tr-alignright, [dir=rtl] .nut-table-main-body-tr-alignright,
-.nut-rtl .nut-table-main-head-tr-alignright,
-.nut-rtl .nut-table-main-body-tr-alignright {
-  text-align: left;
-}
-[dir=rtl] .nut-table-sticky-left {
-  left: auto;
-  right: 1px;
-  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-rtl .nut-table-sticky-left {
-  left: auto;
-  right: 1px;
-  box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-[dir=rtl] .nut-table-sticky-right {
-  right: auto;
-  left: 1px;
-  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-rtl .nut-table-sticky-right {
-  right: auto;
-  left: 1px;
-  box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.1);
-}
-[dir=rtl] .nut-table-fixed-left-last,
-.nut-rtl .nut-table-fixed-left-last {
-  border-right: none;
-  border-left: none;
-}
\ No newline at end of file
diff --git a/src/packages/tabpane/tabpane.harmony.css b/src/packages/tabpane/tabpane.harmony.css
deleted file mode 100644
index 80446ce583..0000000000
--- a/src/packages/tabpane/tabpane.harmony.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.nut-tabpane {
-  width: 100%;
-  flex-shrink: 0;
-  display: block;
-  background-color: #ffffff;
-  color: #1A1A1A;
-  padding: 24px 20px;
-  box-sizing: border-box;
-  overflow: auto;
-}
-.nut-tabpane.inactive {
-  overflow: visible;
-  height: 0;
-}
\ No newline at end of file
diff --git a/src/packages/tabs/tabs.harmony.css b/src/packages/tabs/tabs.harmony.css
deleted file mode 100644
index a436db6078..0000000000
--- a/src/packages/tabs/tabs.harmony.css
+++ /dev/null
@@ -1,360 +0,0 @@
-.nut-tabs {
-  display: flex;
-}
-
-.nut-tabs-titles {
-  display: flex;
-  box-sizing: border-box;
-  height: 44px;
-  padding: 0 16px;
-  user-select: none;
-  overflow: hidden;
-  background: #F7F8FC;
-}
-.nut-tabs-titles::-webkit-scrollbar {
-  display: none;
-  width: 0;
-  background: transparent;
-}
-.nut-tabs-titles .nut-tabs-list {
-  width: 100%;
-  height: auto;
-  display: flex;
-  flex-shrink: 0;
-}
-.nut-tabs-titles-left {
-  justify-content: flex-start;
-}
-.nut-tabs-titles-left .nut-tabs-titles-item {
-  padding: 0 10px;
-}
-.nut-tabs-titles-right {
-  justify-content: flex-end;
-}
-.nut-tabs-titles-right .nut-tabs-titles-item {
-  padding: 0 10px;
-}
-.nut-tabs-titles-scrollable {
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-.nut-tabs-titles-item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 0 auto;
-  margin: 0 12px;
-  height: 44px;
-  line-height: 44px;
-  min-width: 50px;
-  font-size: 14px;
-  color: #1A1A1A;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.nut-tabs-titles-item-left, .nut-tabs-titles-item-right {
-  flex: none;
-}
-.nut-tabs-titles-item-text {
-  text-align: center;
-}
-.nut-tabs-titles-item-smile {
-  position: absolute;
-  transition: width 0.3s ease;
-  width: 0;
-  height: 0;
-  content: " ";
-  bottom: 15%;
-  left: 50%;
-  transform: translate(-50%, 0);
-  border-radius: 2px;
-  opacity: 1;
-  overflow: hidden;
-}
-.nut-tabs-titles-item-line {
-  position: absolute;
-  transition: width 0.3s ease;
-  width: 0;
-  height: 0;
-  content: " ";
-  bottom: 15%;
-  left: 50%;
-  transform: translate(-50%, 0);
-  border-radius: 2px;
-  opacity: 1;
-  overflow: hidden;
-}
-.nut-tabs-titles-item-smile {
-  bottom: -10%;
-}
-.nut-tabs-titles-item-smile .nut-icon {
-  position: absolute;
-  font-size: 20px;
-  width: 100%;
-  height: 100%;
-  color: #FF0F23;
-}
-.nut-tabs-titles-item-active {
-  color: #FF0F23;
-  font-weight: 500;
-}
-.nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  overflow: unset;
-  content: " ";
-  width: 12px;
-  height: 2px;
-  background: #FF0F23;
-}
-.nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  overflow: unset;
-  width: 40px;
-  height: 20px;
-}
-.nut-tabs-titles-item-disabled {
-  color: #C2C4CC;
-}
-.nut-tabs-titles-item:first-child {
-  margin-left: 0;
-}
-.nut-tabs-titles-item:last-child {
-  margin-right: 0;
-}
-.nut-tabs-titles-simple .nut-tabs-titles-item-active {
-  color: #1A1A1A;
-  font-size: 16px;
-}
-.nut-tabs-titles-card {
-  padding: 0;
-  background-color: undefined;
-}
-.nut-tabs-titles-card .nut-tabs-titles-item {
-  margin: 0;
-}
-.nut-tabs-titles-card .nut-tabs-titles-item-active {
-  font-weight: 500;
-  background-color: #ffffff;
-  border-radius: undefined;
-}
-.nut-tabs-titles-button .nut-tabs-titles-item-active {
-  height: 28px;
-  margin-top: 8px;
-  margin-bottom: 8px;
-  background: undefined;
-  color: #505259;
-  border-radius: 50px;
-  font-weight: 500;
-  background-color: #FFEBF1;
-  color: #FF0F23;
-  border: 1px solid #FF0F23;
-}
-.nut-tabs-titles-divider {
-  padding: 0;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-}
-.nut-tabs-titles-divider .nut-tabs-titles-item {
-  margin: 0;
-  position: relative;
-}
-.nut-tabs-titles-divider .nut-tabs-titles-item::after {
-  content: "";
-  position: absolute;
-  right: 0;
-  top: 50%;
-  height: 50%;
-  width: 1px;
-  background: rgba(0, 0, 0, 0.06);
-  transform: translateY(-50%);
-}
-.nut-tabs-titles-divider .nut-tabs-titles-item:last-child::after {
-  display: none;
-}
-
-[dir=rtl] .nut-tabs-titles-item-smile, [dir=rtl] .nut-tabs-titles-item-line,
-.nut-rtl .nut-tabs-titles-item-smile,
-.nut-rtl .nut-tabs-titles-item-line {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, 0);
-}
-[dir=rtl] .nut-tabs-titles-item:first-child,
-.nut-rtl .nut-tabs-titles-item:first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-[dir=rtl] .nut-tabs-titles-divider .nut-tabs-titles-item::after,
-.nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item::after {
-  right: auto;
-  left: 0;
-}
-
-.nut-tabs-horizontal {
-  flex-direction: column;
-  position: relative;
-}
-
-.nut-tabs-vertical {
-  flex-direction: row;
-  width: 100%;
-}
-.nut-tabs-vertical .nut-tabs-ellipsis {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.nut-tabs-vertical .nut-tabs-titles {
-  box-sizing: border-box;
-  flex-direction: column;
-  height: 100%;
-  padding: 0;
-  width: 100px;
-  flex-shrink: 0;
-}
-.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-}
-.nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item {
-  padding-left: 14px;
-}
-.nut-tabs-vertical .nut-tabs-titles-scrollable {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.nut-tabs-vertical .nut-tabs-titles-item {
-  height: 40px;
-  margin: 0;
-  flex: none;
-}
-.nut-tabs-vertical .nut-tabs-titles-item-smile {
-  width: 0;
-  height: 0;
-  overflow: hidden;
-  transition: width 0.3s ease;
-}
-.nut-tabs-vertical .nut-tabs-titles-item-line {
-  width: 0;
-  height: 0;
-  transform: translate(0, -50%);
-  transition: height 0.3s ease;
-}
-.nut-tabs-vertical .nut-tabs-titles-item-line-vertical {
-  top: 50%;
-}
-.nut-tabs-vertical .nut-tabs-titles-item-active {
-  background-color: #ffffff;
-}
-.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  left: 10px;
-  width: 3px;
-  height: 12px;
-  background: linear-gradient(180deg, #FF0F23 0%, #FFEBF1 100%);
-}
-.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  right: -12px;
-  bottom: -2%;
-  left: auto;
-  width: 40px;
-  height: 20px;
-  transform: rotate(320deg);
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles {
-  flex-direction: row;
-  overflow-x: auto;
-  overflow-y: hidden;
-  height: 44px;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content {
-  flex-direction: row;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active {
-  background-color: initial;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  left: 50%;
-  transform: translate(-50%, 0);
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  left: 50%;
-  right: auto;
-  bottom: -3px;
-  transform: translate(-50%, 0) rotate(0deg);
-}
-.nut-tabs-vertical .nut-tabs-content {
-  flex-direction: column;
-  height: 100%;
-}
-.nut-tabs-vertical .nut-tabs-content-wrap {
-  flex: 1;
-}
-.nut-tabs-vertical .nut-tabs-content .nut-tabpane {
-  height: 100%;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles {
-  display: flex;
-  flex-direction: row;
-  padding: 0 !important;
-  width: 100%;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 1 0 auto;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active {
-  color: #FF0F23;
-  font-weight: 500;
-  font-size: 16px;
-}
-.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  content: " ";
-  width: 12px;
-  height: 2px;
-  background: #FF0F23;
-}
-
-[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item,
-.nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item {
-  padding-left: 0;
-  padding-right: 14px;
-}
-[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line,
-.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  left: auto;
-  right: 10px;
-}
-[dir=rtl] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,
-.nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  left: -12px;
-  right: auto;
-  transform: rotate(-320deg);
-}
-[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line,
-.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
-  left: auto;
-  right: 50%;
-  transform: translate(50%, 0);
-}
-[dir=rtl] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile,
-.nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
-  right: 50%;
-  left: auto;
-  transform: translate(50%, 0) rotate(0deg);
-}
-
-.nut-tabs-content {
-  display: flex;
-  box-sizing: border-box;
-}
-.nut-tabs-content-wrap {
-  overflow: hidden;
-}
\ No newline at end of file
diff --git a/src/packages/tag/tag.harmony.css b/src/packages/tag/tag.harmony.css
deleted file mode 100644
index 6066f36a99..0000000000
--- a/src/packages/tag/tag.harmony.css
+++ /dev/null
@@ -1,68 +0,0 @@
-.nut-tag {
-  padding: 0px 2px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  font-size: 10px;
-  border-radius: 2px;
-  height: 14px;
-  color: #ffffff;
-  border: 1px solid transparent;
-}
-.nut-tag .nut-icon {
-  vertical-align: middle;
-  margin-left: 4px;
-}
-.nut-tag-text {
-  font-size: 10px;
-  color: #ffffff;
-}
-.nut-tag-text-plain {
-  color: #1a1a1a;
-}
-.nut-tag-default {
-  background: #1a1a1a;
-}
-.nut-tag-primary {
-  background: #fa2c19;
-}
-.nut-tag-info {
-  background: #0073ff;
-}
-.nut-tag-success {
-  background: #4fc08d;
-}
-.nut-tag-danger {
-  background: #ff0f23;
-}
-.nut-tag-warning {
-  background: #ffbf00;
-}
-.nut-tag-round {
-  border-radius: 8px;
-}
-.nut-tag-mark {
-  border-radius: 0 8px 8px 0;
-}
-.nut-tag-close {
-  cursor: pointer;
-}
-.nut-tag-custom-icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 10px;
-  color: #ffffff;
-  margin-left: 4px;
-}
-.nut-tag-plain {
-  background-color: #fff;
-  border: 1px solid #1a1a1a;
-}
-
-[dir=rtl] .nut-tag .nut-icon,
-.nut-rtl .nut-tag .nut-icon {
-  margin-left: 0;
-  margin-right: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/textarea/textarea.harmony.css b/src/packages/textarea/textarea.harmony.css
deleted file mode 100644
index 8998627898..0000000000
--- a/src/packages/textarea/textarea.harmony.css
+++ /dev/null
@@ -1,64 +0,0 @@
-.nut-textarea {
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  background-color: #ffffff;
-  font-size: 14px;
-  padding: 10px 25px;
-}
-.nut-textarea-limit {
-  position: absolute;
-  right: 15px;
-  bottom: 12px;
-  font-size: 14px;
-  color: #505259;
-}
-.nut-textarea-limit-disabled {
-  cursor: not-allowed;
-  color: #c2c4cc;
-}
-.nut-textarea-textarea {
-  outline: none;
-  display: block;
-  box-sizing: border-box;
-  width: 100%;
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  font-size: 14px;
-  color: #1a1a1a;
-  caret-color: #1a1a1a;
-  text-align: left;
-  background-color: transparent;
-  border: 0;
-  resize: none;
-}
-.nut-textarea-textarea .taro-textarea {
-  color: #1a1a1a;
-  background-color: transparent;
-  resize: none;
-}
-.nut-textarea-textarea-disabled {
-  cursor: not-allowed;
-  color: #c2c4cc;
-}
-.nut-textarea-textarea-disabled::placeholder {
-  color: #c2c4cc;
-}
-.nut-textarea-textarea-disabled .taro-textarea {
-  color: #c2c4cc;
-}
-.nut-textarea-textarea-disabled .taro-textarea::placeholder {
-  color: #c2c4cc;
-}
-.nut-textarea.nut-textarea-rtl-limit {
-  right: auto;
-  left: 15px;
-}
-
-.taro-textarea {
-  background-color: transparent;
-  resize: none;
-}
\ No newline at end of file
diff --git a/src/packages/timedetail/timedetail.harmony.css b/src/packages/timedetail/timedetail.harmony.css
deleted file mode 100644
index e5c10314a1..0000000000
--- a/src/packages/timedetail/timedetail.harmony.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.nut-timedetail {
-  display: flex;
-  align-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0 0 50px 12px;
-}
-.nut-timedetail-item {
-  width: 100px;
-  height: 50px;
-  line-height: 50px;
-  text-align: center;
-  margin: 0 10px 10px 0;
-  background: #F7F8FC;
-  border-radius: 5px;
-  font-size: 14px;
-  border: 1px solid transparent;
-}
-.nut-timedetail-item.active {
-  background-color: #FFEBF1;
-  border: 1px solid #FF0F23;
-  color: #FF0F23;
-  font-weight: 500;
-}
-
-[dir=rtl] .nut-timedetail,
-.nut-rtl .nut-timedetail {
-  padding: 0 12px 50px 0;
-}
\ No newline at end of file
diff --git a/src/packages/timeselect/timeselect.harmony.css b/src/packages/timeselect/timeselect.harmony.css
deleted file mode 100644
index 70658ab5a7..0000000000
--- a/src/packages/timeselect/timeselect.harmony.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.nut-timeselect {
-  background-color: #ffffff;
-  display: flex;
-  flex-direction: column;
-  height: calc(100% - 50px);
-}
-.nut-timeselect-content {
-  display: flex;
-  flex: 1;
-}
-.nut-timeselect-content-left {
-  width: 140px;
-  min-width: 140px;
-  height: 100%;
-  overflow: auto;
-  background: #F7F8FC;
-}
-
-.nut-timepannel {
-  padding: 0 16px;
-  height: 40px;
-  line-height: 40px;
-  text-align: start;
-  color: #505259;
-  font-size: 14px;
-}
-.nut-timepannel.active {
-  background: #ffffff;
-  color: #1A1A1A;
-  font-weight: 500;
-}
\ No newline at end of file
diff --git a/src/packages/toast/toast.harmony.css b/src/packages/toast/toast.harmony.css
deleted file mode 100644
index 3358c5816d..0000000000
--- a/src/packages/toast/toast.harmony.css
+++ /dev/null
@@ -1,142 +0,0 @@
-@keyframes rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-.nut-toast {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
-  position: fixed;
-  /* #endif */
-  left: 0;
-  top: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 1300;
-}
-.nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
-  background-color: rgba(0, 0, 0, 0);
-  z-index: 1300;
-  /* #endif */
-  /* #ifndef harmony */
-  /* #endif */
-}
-.nut-toast-inner {
-  position: absolute;
-  top: 50%;
-  transform: translate(0, -50%);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  min-width: 30%;
-  max-width: 95.7%;
-  font-size: 14px;
-  text-align: center;
-  padding: 16px 24px;
-  word-break: break-all;
-  background: rgba(0, 0, 0, 0.7);
-  border-radius: 16px;
-  color: #ffffff;
-}
-.nut-toast-inner-normal {
-  word-break: normal;
-  word-wrap: normal;
-}
-.nut-toast-inner-break-word {
-  word-break: normal;
-  word-wrap: break-word;
-}
-.nut-toast-inner-small {
-  font-size: 12px;
-}
-.nut-toast-inner-large {
-  font-size: 16px;
-}
-.nut-toast-center {
-  /* #ifdef rn */
-  top: 38%;
-  /* #endif */
-  /* #ifndef rn */
-  top: 48%;
-  /* #endif */
-}
-.nut-toast-bottom {
-  top: 80%;
-}
-.nut-toast-top {
-  top: 20%;
-}
-.nut-toast-text {
-  color: #ffffff;
-  text-align: center;
-}
-.nut-toast-text-empty {
-  margin-bottom: -8px;
-}
-.nut-toast-title {
-  color: #ffffff;
-  font-size: 16px;
-  font-weight: 500;
-  text-align: center;
-}
-.nut-toast-icon {
-  width: 24px;
-  height: 24px;
-  color: #ffffff;
-}
-.nut-toast-icon-wrapper {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 8px;
-  color: #ffffff;
-}
-.nut-toast-icon-wrapper-icon {
-  width: 24px;
-  height: 24px;
-}
-.nut-toast-rtl {
-  left: auto;
-  right: 0;
-}
-.nut-toast-rtl-inner {
-  left: auto;
-  right: 50%;
-}
-
-[dir=rtl] .nut-toast,
-.nut-rtl .nut-toast {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-toast-inner,
-.nut-rtl .nut-toast-inner {
-  left: auto;
-  right: 50%;
-}
-
-.toast-fade-enter-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-leave-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-enter-from,
-.toast-fade-leave-to {
-  opacity: 0;
-}
\ No newline at end of file
diff --git a/src/packages/tour/tour.harmony.css b/src/packages/tour/tour.harmony.css
deleted file mode 100644
index 3ded8584f3..0000000000
--- a/src/packages/tour/tour.harmony.css
+++ /dev/null
@@ -1,78 +0,0 @@
-.nut-tour-mask {
-  position: fixed;
-  box-shadow: 0px 0px 0px 150vh rgba(0, 0, 0, 0.7);
-  border-radius: 10px;
-  z-index: 999;
-}
-.nut-tour-mask-none {
-  box-shadow: none;
-}
-.nut-tour-mask-hidden {
-  opacity: 0;
-}
-.nut-tour-content {
-  display: block;
-  padding: 10px 12px;
-  min-width: 200px;
-  box-sizing: content-box;
-}
-.nut-tour-content-top {
-  display: block;
-  text-align: end;
-}
-.nut-tour-content-inner {
-  margin: 10px 0px;
-  font-size: 14px;
-  white-space: nowrap;
-}
-.nut-tour-content-bottom {
-  margin-top: 10px;
-  display: flex;
-  justify-content: space-between;
-}
-.nut-tour-content-bottom-operate {
-  display: flex;
-  justify-content: flex-end;
-}
-.nut-tour-content-bottom-operate-btn {
-  display: inline-block;
-  border: 1px solid #C2C4CC;
-  margin-left: 4px;
-  padding: 2px 4px;
-  font-size: 12px;
-  border-radius: 4px;
-  color: #505259;
-  cursor: pointer;
-}
-.nut-tour-content-bottom-operate-btn.active {
-  color: #fff;
-  border: 0;
-  background: #FF0F23;
-}
-.nut-tour-content-tile .nut-tour-content-inner {
-  margin: 0;
-}
-.nut-tour-masked {
-  position: fixed;
-  width: 100vh;
-  height: 100vh;
-  z-index: 1000;
-  top: 0;
-  left: 0;
-  background: transparent;
-}
-
-[dir=rtl] .nut-tour-content-bottom-operate-btn {
-  margin-left: 0;
-  margin-right: 4px;
-}
-
-.nut-rtl .nut-tour-content-bottom-operate-btn {
-  margin-left: 0;
-  margin-right: 4px;
-}
-[dir=rtl] .nut-tour-masked,
-.nut-rtl .nut-tour-masked {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/trendarrow/trendarrow.harmony.css b/src/packages/trendarrow/trendarrow.harmony.css
deleted file mode 100644
index 82584e5490..0000000000
--- a/src/packages/trendarrow/trendarrow.harmony.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.nut-trendarrow {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: #1a1a1a;
-  font-size: 14px;
-}
-.nut-trendarrow-icon-before {
-  margin-right: 4px;
-}
-.nut-trendarrow-icon-after {
-  margin-left: 4px;
-}
-.nut-trendarrow-rate {
-  vertical-align: middle;
-  display: inline;
-}
-.nut-trendarrow .nut-icon {
-  vertical-align: middle;
-}
-
-[dir=rtl] .nut-trendarrow-icon-before {
-  margin-right: 0;
-  margin-left: 4px;
-}
-
-.nut-rtl .nut-trendarrow-icon-before {
-  margin-right: 0;
-  margin-left: 4px;
-}
-[dir=rtl] .nut-trendarrow-icon-after {
-  margin-left: 0;
-  margin-right: 4px;
-}
-.nut-rtl .nut-trendarrow-icon-after {
-  margin-left: 0;
-  margin-right: 4px;
-}
\ No newline at end of file
diff --git a/src/packages/uploader/uploader.harmony.css b/src/packages/uploader/uploader.harmony.css
deleted file mode 100644
index 77ef4d7488..0000000000
--- a/src/packages/uploader/uploader.harmony.css
+++ /dev/null
@@ -1,235 +0,0 @@
-.nut-uploader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-}
-.nut-uploader-slot {
-  position: relative;
-}
-.nut-uploader-upload {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #F7F8FC;
-  width: 100px;
-  height: 100px;
-  border: 0px;
-  border-radius: 4px;
-}
-.nut-uploader-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: #888B94;
-}
-.nut-uploader-icon i {
-  color: #888B94;
-  margin-bottom: 6px;
-}
-.nut-uploader-icon .nut-icon {
-  color: #888B94;
-  margin-bottom: 6px;
-}
-.nut-uploader-icon-tip {
-  font-size: 12px;
-}
-.nut-uploader-input {
-  position: absolute !important;
-  top: 0;
-  left: 0;
-  width: 100% !important;
-  height: 100% !important;
-  overflow: hidden;
-  cursor: pointer;
-  opacity: 0;
-}
-.nut-uploader-input:disabled {
-  cursor: not-allowed;
-}
-.nut-uploader-upload-disabled {
-  background: #F7F8FC;
-  color: #C2C4CC;
-}
-.nut-uploader-upload-disabled .nut-uploader-icon i {
-  color: #C2C4CC;
-  margin-bottom: 6px;
-}
-.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: #C2C4CC;
-  margin-bottom: 6px;
-}
-.nut-uploader-preview {
-  position: relative;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  border-radius: 4px;
-  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-uploader-preview-progress {
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.7);
-  border-radius: 4px;
-}
-.nut-uploader-preview-progress i {
-  margin-bottom: 6px;
-}
-.nut-uploader-preview-progress-msg {
-  color: #888B94;
-  font-size: 12px;
-}
-.nut-uploader-preview.list {
-  width: 100%;
-  margin-right: 0px;
-  margin-bottom: 0px;
-  margin-top: 10px;
-  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.01);
-}
-.nut-uploader-preview-list {
-  width: 100%;
-  height: 32px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 10px;
-  background-color: #F7F8FC;
-}
-.nut-uploader-preview-list .nut-uploader-preview-img-file-name {
-  display: flex;
-  align-items: center;
-  -webkit-line-clamp: 1;
-  padding: 2px;
-  height: 24px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.nut-uploader-preview-list .nut-progress {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.nut-uploader-preview-list .nut-progress .nut-progress-outer {
-  height: 2px !important;
-}
-.nut-uploader-preview .close {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  transform: translate(50%, -50%);
-  z-index: 1;
-}
-.nut-uploader-preview-img {
-  position: relative;
-  width: 100px;
-  height: 100px;
-  border-radius: 4px;
-  overflow: hidden;
-}
-.nut-uploader-preview-img i {
-  color: #1A1A1A;
-}
-.nut-uploader-preview-img .tips {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  font-size: 12px;
-  color: #ffffff;
-  text-align: center;
-  box-sizing: border-box;
-  height: 24px;
-  line-height: 24px;
-  border-radius: 4px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  padding: 0 5px;
-  background: undefined;
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.nut-uploader-preview-img-c {
-  width: 100%;
-  height: 100%;
-  position: initial;
-  border-radius: 4px;
-}
-.nut-uploader-preview-img-file {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.3s;
-}
-.nut-uploader-preview-img-file-name {
-  display: flex;
-  width: 90%;
-  font-size: 12px;
-  color: #505259;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-}
-.nut-uploader-preview-img-file-name.error {
-  color: red !important;
-}
-.nut-uploader-preview-img-file-name.success {
-  color: #1890ff !important;
-}
-.nut-uploader-preview-img-file-name .nut-icon-Link {
-  flex-shrink: 0;
-}
-
-[dir=rtl] .nut-uploader-input,
-.nut-rtl .nut-uploader-input {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-uploader-preview {
-  margin-right: 0;
-  margin-left: 10px;
-}
-.nut-rtl .nut-uploader-preview {
-  margin-right: 0;
-  margin-left: 10px;
-}
-[dir=rtl] .nut-uploader-preview-progress,
-.nut-rtl .nut-uploader-preview-progress {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-uploader-preview.list,
-.nut-rtl .nut-uploader-preview.list {
-  margin-right: 0;
-  margin-left: 0px;
-}
-[dir=rtl] .nut-uploader-preview .close {
-  right: auto;
-  left: 0px;
-  transform: translate(-50%, -50%);
-}
-.nut-rtl .nut-uploader-preview .close {
-  right: auto;
-  left: 0px;
-  transform: translate(-50%, -50%);
-}
-[dir=rtl] .nut-uploader-preview-img .tips,
-.nut-rtl .nut-uploader-preview-img .tips {
-  left: auto;
-  right: 0;
-}
\ No newline at end of file
diff --git a/src/packages/video/video.harmony.css b/src/packages/video/video.harmony.css
deleted file mode 100644
index 574e3dd233..0000000000
--- a/src/packages/video/video.harmony.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.nut-video {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-}
-.nut-video-player {
-  width: 100%;
-  background: #000;
-}
-.nut-video-player:focus {
-  outline: none;
-}
-.nut-video video {
-  width: 100%;
-  height: 100%;
-  object-fit: fill;
-}
\ No newline at end of file
diff --git a/src/packages/virtuallist/virtuallist.harmony.css b/src/packages/virtuallist/virtuallist.harmony.css
deleted file mode 100644
index 6a502d3ef9..0000000000
--- a/src/packages/virtuallist/virtuallist.harmony.css
+++ /dev/null
@@ -1,82 +0,0 @@
-.nut-horizontal-items {
-  float: left;
-}
-.nut-horizontal-items li {
-  display: block;
-  float: left;
-  color: #1A1A1A;
-  background: #ffffff;
-  padding: 10px;
-  margin-right: 20px;
-}
-.nut-horizontal-items:after {
-  content: "";
-  display: block;
-  visibility: hidden;
-  clear: both;
-}
-
-.nut-vertical-items li {
-  display: block;
-  color: #1A1A1A;
-  background: #ffffff;
-  border-radius: 7px;
-  box-shadow: 0 1px 6px 0 rgb(237, 238, 241);
-  margin-top: 20px;
-  padding: 14px 15px;
-  font-size: 13px;
-  line-height: 18px;
-  font-family: PingFangSC;
-  font-weight: 500;
-}
-
-.nut-virtualList-demo-item {
-  height: 100px;
-}
-
-.nut-virtualList-box {
-  overflow: auto;
-}
-
-.nut-virtualList-demo-box .heigh1 {
-  height: 500px;
-}
-.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar {
-  width: 0px;
-  height: 0px;
-}
-
-.nut-virtuallist {
-  width: 100%;
-  overflow: scroll;
-  position: relative;
-  -webkit-overflow-scrolling: touch;
-}
-.nut-virtuallist-phantom {
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  z-index: -1;
-}
-.nut-virtuallist-container {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-}
-.nut-virtuallist-item {
-  overflow: hidden;
-  margin: 0 0 10px 0;
-}
-
-[dir=rtl] .nut-horizontal-items,
-.nut-rtl .nut-horizontal-items {
-  float: right;
-}
-[dir=rtl] .nut-horizontal-items li,
-.nut-rtl .nut-horizontal-items li {
-  float: right;
-  margin-right: 0;
-  margin-left: 20px;
-}
\ No newline at end of file
diff --git a/src/packages/watermark/watermark.harmony.css b/src/packages/watermark/watermark.harmony.css
deleted file mode 100644
index a054fbef61..0000000000
--- a/src/packages/watermark/watermark.harmony.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.nut-watermark {
-  position: absolute;
-  z-index: 1200;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  background-repeat: repeat;
-}
-.nut-watermark-full-page {
-  position: fixed;
-}
\ No newline at end of file