移除外部依赖的模板设计

为了彻底摆脱外部CDN并优化代码结构，建议采取以下方案：

1. 移除CDN依赖：在项目静态目录中新建 style.css，将Tailwind的常用原子类封装为语义化CSS类（如 .card, .btn-primary）。

2. 模板重构：将HTML中的class缩减，通过CSS预处理器（或手动整理）将 flex items-center justify-between 等长串类名整合为组件类。

3. 最新/最热切换：

   • 后端实现：在Handler中通过查询参数 ?sort=hot 或 ?sort=new 动态调整SQL语句的 ORDER BY 条件（created_at DESC 或 click_count DESC）。
   • 前端交互：模板中根据后端传入的排序参数，给对应的按钮添加 bg-white text-slate-800 等激活样式，实现逻辑与样式的联动。

修改建议：
将模板中的 <script src="https://cdn.tailwindcss.com"></script> 替换为 <link rel="stylesheet" href="/static/css/style.css">，并在该文件中定义 .art-card { ... } 等样式，这样既能保持响应式布局，又能实现代码解耦。