refactor: 移除卡片悬停动画并统一文章页样式

Co-authored-by: aider (deepseek/deepseek-chat) <aider@aider.chat>

static/css/style.css

@@ -78,6 +78,7 @@ body {
     overflow: hidden;
     display: flex;
     flex-direction: column;
+    transition: box-shadow 0.2s ease;
 }
 
 .card-image {

static/js/main.js

@@ -1,17 +1,6 @@
 // main.js - 前端增强脚本
 
 document.addEventListener("DOMContentLoaded", function () {
-    // 卡片悬停效果（桌面端）
-    const cards = document.querySelectorAll(".card");
-    cards.forEach((card) => {
-        card.addEventListener("mouseenter", function () {
-            this.style.transform = "translateY(-4px)";
-        });
-        card.addEventListener("mouseleave", function () {
-            this.style.transform = "translateY(0)";
-        });
-    });
-
     // 图片懒加载（浏览器原生支持，这里作为后备）
     if ("loading" in HTMLImageElement.prototype) {
         const images = document.querySelectorAll('img[loading="lazy"]');

templates/post_template.html

@@ -3,10 +3,12 @@
 {% block title %}{{ title }} - 个人博客{% endblock %}
 
 {% block content %}
-<article class="post-article">
-    <h1 class="post-title">{{ title }}</h1>
-    <div class="post-content">
-        {{ content | safe }}
+<article class="card">
+    <div class="card-body">
+        <h1 class="card-title">{{ title }}</h1>
+        <div class="card-summary">
+            {{ content | safe }}
+        </div>
     </div>
 </article>
 {% endblock %}