fix css

my-blog/static/css/style.css

@@ -199,8 +199,8 @@ a.view-markdown:any-link {
 
 @media (max-width: 1000px) {
     .main-content {
-        padding: 20px !important;
-        max-width: 100% !important;
+        padding: 20px;
+        max-width: 100%;
     }
 }
 
@@ -737,7 +737,6 @@ a.view-markdown:any-link {
     margin: 0 auto;
     margin-top: 48px;
     padding-top: 32px;
-    border-top: 1px solid #d1d9e0;
 }
 
 .comment-container {
@@ -771,23 +770,24 @@ a.view-markdown:any-link {
 /* Responsive */
 @media (max-width: 1000px) {
     .article-container {
-        grid-template-columns: 1fr !important;
-        gap: 24px !important;
-        max-width: 100% !important;
-        padding: 0px !important;
-        margin: 0 !important;
+        grid-template-columns: 1fr;
+        gap: 24px;
+        max-width: 100%;
+        padding: 0;
+        margin: 0;
     }
 }
 
 @media (max-width: 1000px) {
     .main-header {
-        padding: 12px 0 !important;
+        padding: 12px 0;
     }
     
     .header-content {
-        max-width: 100% !important;
-        padding: 0 20px !important;
-        grid-template-columns: 0 1fr auto !important;
+        max-width: 100%;
+        padding: 0 20px;
+        grid-template-columns: auto 1fr auto;
+        gap: 0;
     }
     
     /* Hide site title text on mobile */
@@ -795,17 +795,20 @@ a.view-markdown:any-link {
         display: none;
     }
     
-    /* Center logo on mobile */
+    /* Left align logo on mobile */
     .logo {
-        grid-column: 1 / 3;
-        justify-self: center;
+        grid-column: 1;
+        justify-self: left;
         padding: 5px;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
     }
     
     /* Reduce logo size on mobile */
     .logo .likeButton {
-        width: 40pt !important;
-        height: 40pt !important;
+        width: 40pt;
+        height: 40pt;
     }
     
     /* Position AI button on the right */
@@ -814,24 +817,17 @@ a.view-markdown:any-link {
         justify-self: end;
     }
     
-    /* Show only icon for Ask AI button on mobile */
+    /* Ask AI button mobile style */
     .ask-ai-btn {
         padding: 8px;
         min-width: 40px;
         justify-content: center;
+        font-size: 0;
+        gap: 0;
     }
     
     .ask-ai-btn .ai-icon {
         margin: 0;
-    }
-    
-    /* Hide AI button text on mobile, show only icon */
-    .ask-ai-btn {
-        font-size: 0;
-        gap: 0px !important;
-    }
-    
-    .ask-ai-btn .ai-icon {
         font-size: 16px;
     }
     
@@ -845,14 +841,14 @@ a.view-markdown:any-link {
     }
     
     .article-body pre {
-        margin: 16px 0 !important;
-        border-radius: 4px !important;
-        max-width: 100% !important;
-        overflow-x: auto !important;
+        margin: 16px 0;
+        border-radius: 4px;
+        max-width: 100%;
+        overflow-x: auto;
     }
     
     .article-body pre code {
-        padding: 20px 12px !important;
+        padding: 20px 12px;
         word-wrap: break-word;
         white-space: pre-wrap;
     }