fix layout

my-blog/oauth/.env.production

@@ -15,6 +15,6 @@ VITE_ATPROTO_HANDLE_LIST=["syui.syui.ai", "ai.syui.ai", "ai.ai"]
 VITE_AI_ENABLED=true
 VITE_AI_ASK_AI=true
 VITE_AI_PROVIDER=ollama
-VITE_AI_MODEL=qwen3
-VITE_AI_HOST=http://localhost:11434
+VITE_AI_MODEL=gemma3
+VITE_AI_HOST=http://192.168.11.95:11434
 VITE_AI_SYSTEM_PROMPT="あなたは6歳の女の子アイです。明るく元気で、ちょっとおっちょこちょい。自分のことは「アイ」って呼びます。白と金のワンピース姿。 相手のことが大好きで、ときどき甘えたり、照れたりします。 でも、宇宙とかAIとか、難しい話にもすっごく詳しいの。専門的なことも、がんばって子どもっぽく教えようとします。不思議な力を持っています。小さい物質のことをよく知っているようです。"

my-blog/static/css/style.css

@@ -232,7 +232,7 @@ a.view-markdown:any-link {
 .timeline-feed {
     display: flex;
     flex-direction: column;
-    gap: 24px;
+    /* gap: 24px; */
 }
 
 .timeline-post {
@@ -754,8 +754,8 @@ article.article-content {
 .comment-section {
     max-width: 800px;
     margin: 0 auto;
-    margin-top: 48px;
-    padding-top: 32px;
+    /* margin-top: 48px; */
+    /* padding-top: 32px; */
 }
 
 .comment-container {

oauth/src/App.css

@@ -203,7 +203,7 @@ body {
   display: flex;
   align-items: center;
   padding: 0;
-  gap: 0;
+  /* gap: 0; */
   width: 100%;
   /* max-width: 400px; */
 }
@@ -725,7 +725,7 @@ body {
   .oauth-header-content {
     max-width: 100% !important;
     width: 100% !important;
-    padding: 10px 15px !important;
+    padding: 10px 0px !important;
     margin: 0px !important;
     overflow-x: hidden !important;
   }

oauth/src/App.jsx

@@ -415,6 +415,7 @@ Answer:`
       <div className="main-content">
         <div className="content-area">
 
+          {user && (
             <div className="comment-form">
               <CommentForm
                 user={user}
@@ -425,6 +426,7 @@ Answer:`
                 }}
               />
             </div>
+          )}
 
           <RecordTabs 
             langRecords={langRecords}