fix: align dashboard quick entry actions

frontend/src/index.css

@@ -1236,6 +1236,28 @@ body {
   align-items: center;
 }
 
+.dashboard-quick-entry {
+  width: 100%;
+  align-items: center;
+  text-align: center;
+}
+
+.dashboard-quick-entry__copy {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: center;
+}
+
+.dashboard-quick-entry__title.ant-typography {
+  margin: 0;
+}
+
+.dashboard-quick-entry__link {
+  display: inline-flex;
+  justify-content: center;
+}
+
 .dashboard-status-tag {
   margin-inline-end: 0 !important;
   padding-inline: 10px;
@@ -1251,6 +1273,9 @@ body {
   background: #ffffff;
   color: rgba(0, 0, 0, 0.88);
   box-shadow: none;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 24px;
 }
 
 .dashboard-action-button.ant-btn:hover,

frontend/src/pages/Dashboard/Dashboard.tsx

@@ -442,13 +442,13 @@ function Dashboard() {
         <Row gutter={[16, 16]}>
           <Col xs={24}>
             <Card>
-              <Space direction="vertical" size={12} style={{ width: '100%' }}>
-                <div>
-                  <Title level={5} style={{ margin: 0 }}>快捷入口</Title>
+              <Space direction="vertical" size={12} className="dashboard-quick-entry">
+                <div className="dashboard-quick-entry__copy">
+                  <Title level={5} className="dashboard-quick-entry__title">快捷入口</Title>
                   <Text type="secondary">快速访问地球可视化页面</Text>
                 </div>
-                <Link to="/earth">
-                  <Button type="primary" icon={<GlobalOutlined />}>
+                <Link to="/earth" className="dashboard-quick-entry__link">
+                  <Button type="primary" icon={<GlobalOutlined />} className="dashboard-quick-entry__button">
                     访问 Earth
                   </Button>
                 </Link>