refactor(QuickActions): 重构快捷操作组件样式和结构

- 将网格布局改为行布局，优化响应式显示效果
- 简化登录验证逻辑，移除不必要的配置项
- 更新图标尺寸从26px到28px，提升视觉体验
- 移除子标题显示，简化界面元素
- 重构CSS类名，统一命名规范
- 优化渐变背景色实现，增强视觉层次感
- 调整内边距和间距，改善整体布局美观度

src/pages/index/QuickActions.scss

@@ -1,93 +1,81 @@
 .quick-actions {
   margin: 16px 16px 0;
-  padding: 20px 16px 16px;
+  padding: 20px;
   background: #ffffff;
   border-radius: 16px;
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
 
-  &__title-row {
-    display: flex;
-    flex-direction: column;
+  &__header {
     margin-bottom: 20px;
-    padding-left: 4px;
   }
 
   &__title {
     font-size: 18px;
     font-weight: 600;
     color: #1a1a1a;
-    line-height: 1;
   }
 
-  &__subtitle {
-    font-size: 13px;
-    color: #999999;
-    margin-top: 6px;
-    line-height: 1;
-  }
-
-  &__grid {
+  &__row {
     display: flex;
-    flex-wrap: wrap;
-    gap: 12px;
-  }
+    flex-direction: row;
+    margin-bottom: 12px;
 
-  &__item {
-    width: calc(50% - 6px);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 18px 8px 14px;
-    background: #f9fafb;
-    border-radius: 14px;
-    transition: background 0.2s;
-    position: relative;
-    overflow: hidden;
-
-    &:active {
-      background: #f3f4f6;
+    &:last-child {
+      margin-bottom: 0;
     }
   }
 
-  &__icon-wrap {
-    position: relative;
-    width: 52px;
-    height: 52px;
-    margin-bottom: 10px;
+  &__item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 20px 8px 16px;
+    background: #f6f8fc;
+    border-radius: 14px;
+    margin-right: 12px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &:active {
+      opacity: 0.8;
+    }
   }
 
-  &__icon-bg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
+  &__icon-box {
+    width: 52px;
+    height: 52px;
     border-radius: 16px;
-    opacity: 1;
-  }
-
-  &__icon-inner {
-    position: relative;
-    z-index: 1;
-    width: 52px;
-    height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
-    border-radius: 16px;
+    margin-bottom: 12px;
+    background: linear-gradient(135deg, #2563eb, #3b82f6);
+
+    &--light {
+      background: linear-gradient(135deg, #60a5fa, #93c5fd);
+    }
+
+    &--deep {
+      background: linear-gradient(135deg, #1e40af, #2563eb);
+    }
+
+    &--navy {
+      background: linear-gradient(135deg, #1e3a5f, #1e5090);
+    }
   }
 
   &__item-title {
     font-size: 15px;
     font-weight: 600;
     color: #1a1a1a;
-    line-height: 1.2;
     margin-bottom: 4px;
   }
 
-  &__item-subtitle {
+  &__item-desc {
     font-size: 12px;
     color: #999999;
-    line-height: 1.2;
   }
 }