feat: refresh profile and settings pages

src/pages/profile/index.scss

@@ -19,7 +19,7 @@
   width: 120px;
   height: 120px;
   border-radius: 50%;
-  border: 4px dashed var(--line-star);
+  border: 1rpx solid var(--border);
   margin-right: 24px;
   flex-shrink: 0;
 }
@@ -28,12 +28,12 @@
   width: 120px;
   height: 120px;
   border-radius: 50%;
-  background: linear-gradient(135deg, var(--bg-card) 0%, rgba(91, 140, 255, 0.1) 100%);
+  background: var(--bg-muted);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 24px;
-  border: 4px dashed var(--line-star);
+  border: 1rpx solid var(--border);
   flex-shrink: 0;
 }
 
@@ -89,7 +89,7 @@
 .status-num {
   font-size: 36px;
   font-weight: 800;
-  color: var(--accent-pink);
+  color: var(--accent-primary);
   margin-bottom: 8px;
 }
 
@@ -101,14 +101,14 @@
 .status-divider {
   width: 2px;
   height: 48px;
-  background: var(--line-star);
+  background: var(--border);
   opacity: 0.25;
   flex-shrink: 0;
 }
 
 .status-divider-h {
   height: 2px;
-  background: var(--line-star);
+  background: var(--border);
   opacity: 0.15;
   margin: 0 16px;
 }
@@ -240,7 +240,7 @@
   border-radius: 50%;
   margin: 0 auto 24px;
   background: var(--bg-input);
-  border: 3px dashed var(--line-star);
+  border: 1rpx solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -265,7 +265,7 @@
   width: 100%;
   height: 80px;
   background: var(--bg-input);
-  border: 3px dashed var(--line-star);
+  border: 1rpx solid var(--border);
   border-radius: 16px;
   padding: 0 24px;
   font-size: 28px;
@@ -280,8 +280,8 @@
   gap: 20px;
 }
 
-.login-actions .btn-outline,
-.login-actions .btn-gradient {
+.login-actions .btn-secondary,
+.login-actions .btn-primary {
   flex: 1;
   padding: 20px 0;
   text-align: center;