From e7adfc645c5624bc3b827d7233f6e78b33a90e79 Mon Sep 17 00:00:00 2001
From: muqiuhan <muqiuhan@users.noreply.github.com>
Date: Sun, 15 Mar 2026 11:36:53 +0000
Subject: deploy: 18bce0f2b548121e7298c164c463df00e2f9ff78

---
 css/partials/profile.css | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

(limited to 'css/partials/profile.css')

diff --git a/css/partials/profile.css b/css/partials/profile.css
index 310500f0..368a309c 100644
--- a/css/partials/profile.css
+++ b/css/partials/profile.css
@@ -1,7 +1,8 @@
 .profile {
-  margin-top: $margin-primary;
+  margin-top: $margin-l-0;
   display: flex;
   flex-direction: row-reverse;
+  align-items: center;
 }
 .profile .profile-content {
   width: 50%;
@@ -13,24 +14,45 @@
 }
 .profile .profile-content .profile-body {
   margin-top: 0;
-  margin-bottom: $margin-l-1;
+  margin-bottom: $margin-m-1;
+  color: $color-text-secondary;
 }
 .profile .profile-content .profile-link {
   margin-top: 0;
-  margin-bottom: $margin-m-1;
+  margin-bottom: $margin-m-0;
+}
+.profile .profile-content .profile-link a {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  transition: color $transition-duration ease;
+}
+.profile .profile-content .profile-link a:hover {
+  color: $color-accent;
 }
 .profile .profile-image {
   width: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.profile .profile-image img {
+  max-width: 100%;
+  max-height: 35vh;
+  object-fit: contain;
 }
 @media (max-width: 480px) {
   .profile {
     flex-wrap: wrap;
+    align-items: flex-start;
   }
   .profile .profile-content {
     width: 100%;
-    margin-top: $margin-m-1;
+    margin-top: $margin-m-0;
   }
   .profile .profile-image {
     width: 100%;
   }
+  .profile .profile-image img {
+    max-height: 25vh;
+  }
 }
-- 
cgit v1.2.3