feat: 书库导入导出/图片变体/书籍搜索/小组件运行时等

新增：
- 书库导入导出（library_import/library_export）及测试
- 图片变体生成（image_variants）与响应式图片（responsiveImage）
- 书籍搜索（bookSearch）+ BookSearch/LibrarySearchGrid 组件
- 小组件运行时（widgetRuntime）与静态检查（widgetLint）
- 上传缓存中间件（upload_cache）与字体 CSS 提取脚本

其它：
- 后端 handlers/services 全量调整
- 前端页面、组件、库函数与配置更新

frontend/components/Avatar.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { densitySrcSet, pickVariantWidth, variantURL } from "@/lib/responsiveImage";
 
 // 柔和多色头像：按用户名确定性取色，圆形软底，浅/暗主题在 globals.css 各自配色
 function hash(s: string) {
@@ -30,6 +31,8 @@ export default function Avatar({
   // 切换到新的图片地址时重置失败状态
   useEffect(() => setImgFailed(false), [src]);
   const showImg = !!src && !imgFailed;
+  // showImg 为真时 src 必为字符串；统一收敛类型供变体 helper 使用
+  const imgSrc = src ?? "";
 
   return (
     <span
@@ -40,11 +43,15 @@ export default function Avatar({
       aria-hidden="true"
     >
       {showImg ? (
+        // 源图 ≤512px，按显示尺寸取 1x/2x 变体（PageSpeed：38px 位不再下 512 原图）
         // eslint-disable-next-line @next/next/no-img-element
         <img
-          src={src}
+          src={variantURL(imgSrc, pickVariantWidth(size))}
+          srcSet={densitySrcSet(imgSrc, size)}
           alt={name.trim() || "用户头像"}
           className="w-full h-full object-cover"
+          draggable={false}
+          onContextMenu={(e) => e.preventDefault()}
           onError={() => setImgFailed(true)}
         />
       ) : (