fix(frontEnd): 修复旋转动画与调整关于页样式

- 修复旋转动画，仅旋转图标而非容器
- 更新图标伪元素应用旋转动画效果
- 移除关于页面最大宽度限制
- 删除关于页面容器的自动外边距
- 添加关于页面容器的内边距清除调整

Author: lanshuizhiyue

src/frontEnd/src/components/StatCard.vue

@@ -57,6 +57,16 @@ defineEmits<{
   color: var(--p-primary-color);
 }
 
+/* 修复旋转动画：只旋转图标本身，不旋转容器 */
+.stat-content > i.pi-spin {
+  animation: none;
+}
+
+.stat-content > i.pi-spin::before {
+  display: inline-block;
+  animation: fa-spin 2s linear infinite;
+}
+
 .stat-info {
   display: flex;
   flex-direction: column;

src/frontEnd/src/views/About/index.vue

@@ -310,8 +310,8 @@ function openLink(url: string) {
 <style scoped lang="scss">
 .about-container {
   width: 100%;
-  max-width: 1000px;
-  margin: 0 auto;
+  margin: 0;
+  padding: 0;
 }
 
 .page-title {