feat: 重构页面布局为独立磨砂卡片样式并修改数据库文件名

优化说明：
1. 调整多个页面布局，将内容区拆分为独立的磨砂卡片，统一样式规范
2. 修改全局磨砂玻璃面板的透明度，避免阴影叠加导致的灰色遮罩
3. 新增扁平磨砂卡片样式，移除不必要的阴影
4. 将数据库文件名从 reader.db 改为 frpilot.db
5. 更新相关文档说明，同步 UI 修改内容

src/assets/main.css

@@ -56,6 +56,12 @@ body {
   justify-content: center;
 }
 
+/* 主内容区卡片：去掉投影，避免上下卡片之间的阴影透过半透明背景叠加成灰色遮罩 */
+.glass-panel.glass-panel-flat,
+.dark .glass-panel.glass-panel-flat {
+  box-shadow: none;
+}
+
 /* 窗口圆角固定 8px，与 Windows 11 系统默认圆角保持一致 */
 #app {
   border-radius: 8px;
@@ -66,7 +72,7 @@ body {
 .glass-panel {
   border-radius: 16px;
   border: 1px solid rgba(255, 255, 255, 0.55);
-  background: rgba(255, 255, 255, 0.55);
+  background: rgba(255, 255, 255, 0.35);
   backdrop-filter: blur(18px) saturate(160%);
   -webkit-backdrop-filter: blur(18px) saturate(160%);
   box-shadow: 0 8px 32px rgba(15, 23, 42, 0.12);