fixed 样式错误

themes/Ying/assets/css/main.css

@@ -679,6 +679,62 @@ ul {
     margin-top: 0;
 }
 
+@media (max-width: 768px) {
+    .header-top {
+        justify-content: flex-start;
+    }
+    .header-avatar {
+        margin-right: 0;
+        justify-content: flex-start;
+    }
+    .header-info {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start; /* Changed to flex-start to align with text */
+        margin-left: 15px;
+        height: 80px;
+        width: calc(100vw - 140px); /* Ensure container takes available space */
+    }
+    
+    .header-social {
+        display: flex;
+        flex-wrap: nowrap;
+        gap: 10px;
+        margin-bottom: 5px;
+        width: 100%; /* Take full width to allow centering */
+        justify-content: center; /* Center icons horizontally */
+    }
+
+    .header-bio {
+        display: block;
+        font-size: 0.85rem;
+        margin: 0;
+        opacity: 0.8;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        width: 100%; /* Take full width */
+        text-align: center; /* Center the text */
+        
+        /* Typewriter Effect Cursor */
+        border-right: 2px solid transparent; /* Hidden by default, toggled by JS if needed, or use ::after */
+    }
+    
+    /* Cursor Animation Class */
+    .header-bio.typing::after {
+        content: '|';
+        animation: cursor-blink 1s step-end infinite;
+        color: var(--text-content-color);
+        margin-left: 2px;
+    }
+}
+
+@keyframes cursor-blink {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0; }
+}
+
 .header-social {
     margin: 0;
     padding: 0;
@@ -1123,6 +1179,13 @@ ul {
 
 /* Mobile Adaptation */
 @media (max-width: 767px) {
+     .recent-posts .posts .post:first-of-type {
+    margin-top: -10px;
+     }
+
+     .header {
+    margin-bottom: 0px!important;
+}
     .searchable-header-container {
         flex-wrap: wrap; 
         height: auto;
@@ -1243,6 +1306,7 @@ ul {
     margin-top: 20px;
 }
 
+
 .recent-posts .posts .post .time,
 .post .post-header .time,
 .list .posts .post .time {
@@ -4403,7 +4467,7 @@ html[data-theme="light"] .atk-loading-spinner svg circle {
 /* Inline Search Styles */
 .searchable-header-container {
     position: relative;
-    /* margin-top: 15px; */
+    margin-top: 0px;
     height: 13px; 
     display: flex;
     align-items: center;