diff --git a/src/components/thumbnail/index.vue b/src/components/thumbnail/index.vue
index 4f902e6b..370774d8 100644
--- a/src/components/thumbnail/index.vue
+++ b/src/components/thumbnail/index.vue
@@ -24,7 +24,7 @@ const className = computed(() => {
 });
 </script>
 <style lang="less" scoped>
-@import url('@/style/index.less');
+@import '@/style/index.less';
 
 .thumbnail {
   &-container {
diff --git a/src/components/trend/index.vue b/src/components/trend/index.vue
index bc438cb7..3ce7c31f 100644
--- a/src/components/trend/index.vue
+++ b/src/components/trend/index.vue
@@ -75,7 +75,7 @@ const iconCls = computed(() => ['trend-icon-container']);
     }
 
     &__reverse {
-      color: #ffffff;
+      color: #fff;
       display: inline-flex;
       align-items: center;
       justify-content: center;
diff --git a/src/layouts/components/Content.vue b/src/layouts/components/Content.vue
index e7ef8a2a..069f2823 100644
--- a/src/layouts/components/Content.vue
+++ b/src/layouts/components/Content.vue
@@ -53,6 +53,7 @@ const isRefreshing = computed(() => {
 .fade-enter-active {
   transition: opacity @anim-duration-slow @anim-time-fn-easing;
 }
+
 .fade-enter,
 .fade-leave-to {
   opacity: 0;
diff --git a/src/pages/detail/advanced/index.less b/src/pages/detail/advanced/index.less
index 9af9963e..588fdebc 100644
--- a/src/pages/detail/advanced/index.less
+++ b/src/pages/detail/advanced/index.less
@@ -9,6 +9,7 @@
     padding: 0;
     margin-bottom: var(--td-comp-margin-m);
   }
+
   :deep(.t-card__body) {
     padding: 0;
   }
@@ -50,8 +51,7 @@
     width: 100%;
     height: 240px;
     display: flex;
-    align-items: center;
-    justify-items: center;
+    place-items: center center;
     border: dashed 1px var(--td-component-border);
     border-radius: var(--td-radius-medium);
 
diff --git a/src/pages/login/components/Header.vue b/src/pages/login/components/Header.vue
index 0ee07e69..2bf17afe 100644
--- a/src/pages/login/components/Header.vue
+++ b/src/pages/login/components/Header.vue
@@ -53,6 +53,7 @@ const navToHelper = () => {
   .operations-container {
     display: flex;
     align-items: center;
+
     .t-button {
       margin-left: var(--td-comp-margin-l);
     }
diff --git a/src/pages/login/components/Register.vue b/src/pages/login/components/Register.vue
index 192d83c0..a329577d 100644
--- a/src/pages/login/components/Register.vue
+++ b/src/pages/login/components/Register.vue
@@ -124,5 +124,5 @@ const switchType = (val: string) => {
 </script>
 
 <style lang="less" scoped>
-@import url('../index.less');
+@import '../index.less';
 </style>
diff --git a/src/pages/login/index.less b/src/pages/login/index.less
index 6e92a195..b978dd57 100644
--- a/src/pages/login/index.less
+++ b/src/pages/login/index.less
@@ -187,7 +187,7 @@
   color: var(--td-text-color-secondary);
 }
 
-@media screen and (max-height: 700px) {
+@media screen and (height <= 700px) {
   .copyright {
     display: none;
   }