统一首页右侧快捷按钮宽度

src/pages/index/index.vue

@@ -1486,9 +1486,12 @@ const handleExplainBack = () => {
 }
 
 .guide-quick-actions {
+  --guide-floating-control-width: 48px;
+
   position: absolute;
   top: 118px;
-  right: 16px;
+  right: 18px;
+  width: var(--guide-floating-control-width);
   display: flex;
   flex-direction: column;
   align-items: stretch;
@@ -1497,9 +1500,10 @@ const handleExplainBack = () => {
 }
 
 .guide-quick-action {
-  width: 76px;
-  min-height: 46px;
-  padding: 6px 7px;
+  width: 100%;
+  height: 56px;
+  min-height: 0;
+  padding: 6px 4px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1524,6 +1528,7 @@ const handleExplainBack = () => {
 .guide-quick-icon {
   width: 22px;
   height: 22px;
+  flex: 0 0 22px;
   position: relative;
   color: #151713;
 }
@@ -1575,11 +1580,13 @@ const handleExplainBack = () => {
 }
 
 .guide-quick-action-text {
+  width: 100%;
   font-size: 12px;
   line-height: 16px;
   font-weight: 600;
   color: #151713;
   text-align: center;
+  white-space: nowrap;
 }
 
 .guide-quick-action-text.primary {