feat(header): 新增头部组件功能与样式优化

- 添加默认头像图片资源
- 扩展监听文件同步配置
- 重构头像展示样式，增加背景和尺寸控制
- 完善签到功能逻辑和样式交互
- 新增头部组件HTML模板和JS实现
- 调整搜索框和历史记录显示逻辑
- 优化页面布局和响应式设计

css/details.css

@@ -187,7 +187,8 @@
   height: 300px;
   display: block;
 }
-#details .matter .matter-left .html h1 {
+#details .matter .matter-left .html h1,
+#details .matter .matter-left .html section {
   font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC", sans-serif;
   font-weight: 650;
   color: #000000 !important;
@@ -389,6 +390,20 @@
   height: 120px;
   margin-bottom: 18px;
 }
+#details .matter .sidebar-box .sidebar-item .sidebar-content .sidebar-QRCode img {
+  width: 100%;
+  height: 100%;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .QRcode {
+  width: 100px;
+  height: 100px;
+  margin-bottom: 4px;
+}
+#details .matter .sidebar-box .sidebar-item .sidebar-content .QRcode .load {
+  width: 50px;
+  height: 50px;
+  animation: loadingRotate 1s linear infinite;
+}
 #details .matter .sidebar-box .sidebar-item .sidebar-content .hint {
   font-size: 14px;
   color: #555555;