feat(文章编辑): 添加文章简介输入框并优化样式

- 在文章编辑页面新增简介输入区域
- 移除home.vue中多余的webkit-line-clamp属性
- 统一代码格式和间距

src/views/articlesave.vue

@@ -30,10 +30,20 @@
             </el-cascader>
           </span>
         </div>
+        <div class="article-summary-section">
+          <!-- 文章简介 -->
+          <span class="meta-item summary-item">
+            <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder="请输入简介"
+              v-model="Articleform.content">
+            </el-input>
+          </span>
+
+        </div>
       </div>
       <div class="editor-container">
         <!-- 编辑区域 -->
-        <MdEditor v-model="Articleform.markdownscontent"  class="markdown-editor"   @on-save="handleSave"  noImgZoomIn  noKatex />
+        <MdEditor v-model="Articleform.markdownscontent" class="markdown-editor" @on-save="handleSave" noImgZoomIn
+          noKatex />
         <!-- 预览 -->
       </div>
     </div>
@@ -376,6 +386,11 @@ const handleSave = (markdown) => {
     max-width: 300px;
   }
 }
+/* 文章简介区域 */
+.article-summary-section {
+  margin-top: 30px;
+  padding: 0 30px 0 30px;
+}
 
 /* 响应式设计 - 手机 */
 @media (max-width: 480px) {
@@ -404,7 +419,6 @@ const handleSave = (markdown) => {
     max-width: 100%;
   }
 }
-
 /* 深色模式支持 */
 @media (prefers-color-scheme: dark) {
   .article-save-container {

src/views/home.vue

@@ -376,7 +376,6 @@ watch(
   margin: 0;
   font-size: 0.95rem;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;