超级加倍优化✅

src/styles/Article.less

@@ -3,7 +3,6 @@ section.vh-container {
     flex: 1;
     min-width: 0;
 
-
     &>header {
       box-sizing: border-box;
       padding: 2rem 1rem 1rem;
@@ -70,6 +69,14 @@ section.vh-container {
       box-shadow: 0 12px 8px 6px rgba(7, 17, 27, 0.05);
       overflow: hidden;
 
+      .aplayer-list {
+        max-height: max-content !important;
+
+        &>ol {
+          max-height: 566px !important;
+        }
+      }
+
       &>.tag-list {
         box-sizing: border-box;
         padding-top: 2rem;

src/styles/Base.less

@@ -62,6 +62,8 @@ img {
 	// 隐藏滚动条
 	scrollbar-width: none;
 	-ms-overflow-style: none;
+	// 平滑滚动
+	scroll-behavior: smooth;
 	// 消除边框
 	outline: none; // 隐藏滚动条
 

src/styles/Friends.less

@@ -57,6 +57,7 @@
             justify-content: space-between;
             width: 100%;
             height: max-content;
+            overflow: hidden;
 
             &>span,
             &>time {
@@ -64,18 +65,33 @@
               display: flex;
               align-items: center;
               gap: 0.5rem;
-              width: max-content;
               height: 1.56rem;
               font-size: 0.8rem;
+              overflow: hidden;
+
+              &>em {
+                font-style: normal;
+                flex: 1;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
+              }
 
               &>img {
+                flex-shrink: 0;
                 width: 1.56rem;
                 height: 1.56rem;
                 border-radius: 50%;
               }
             }
 
+            &>span {
+              flex: 1;
+            }
+
             &>time {
+              flex-shrink: 0;
+              width: max-content;
               padding: 0.5rem;
               background: #F7F7F7;
               border-radius: 0.8rem;

src/styles/components/ArticleCard.less

@@ -20,6 +20,7 @@ section.article-list {
     overflow: hidden;
 
     &>a.vh-article-link {
+      position: relative;
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
@@ -38,7 +39,48 @@ section.article-list {
         }
       }
 
+      &.active {
+        &::before {
+          content: "置顶";
+          position: absolute;
+          top: 1.6rem;
+          left: 0.66rem;
+          box-sizing: border-box;
+          padding: 0.18rem 1rem;
+          width: max-content;
+          height: max-content;
+          font-size: 1rem;
+          color: #fff;
+          border-radius: 0.66rem;
+          transform: rotate(-45deg);
+          /* 确保元素有半透明背景 */
+          background: #00000033;
+          box-shadow: 0 2rem 1rem rgba(0, 0, 0, 0.1);
+          z-index: 1;
+          /* 高斯模糊效果 */
+          backdrop-filter: blur(6px);
+          -webkit-backdrop-filter: blur(6px);
+          /* 兼容旧版浏览器 */
+        }
+
+        &>.vh-article-banner {
+          &::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: rgba(0, 0, 0, 0.06);
+            z-index: 1;
+            pointer-events: none;
+          }
+        }
+      }
+
+
       &>.vh-article-banner {
+        position: relative;
         flex-shrink: 0;
         box-sizing: border-box;
         width: 100%;

src/styles/components/Comment.less

@@ -71,6 +71,21 @@
       }
     }
 
+    .tk-admin {
+
+      .tk-login {
+        box-sizing: border-box;
+      }
+
+      p {
+        color: #fff;
+      }
+
+      .tk-admin-warn p {
+        color: #000;
+      }
+    }
+
     // 评论输入框Focus边框颜色
     .el-input__inner:focus,
     .el-textarea__inner:focus {