diff --git a/README.md b/README.md
index 440ac69..9c0615c 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@
 #### 4.fixbug（50%）
 ####
 - 🫓🫓手机端
-#### 1.布局完善程度（10%）
+#### 1.布局完善程度（30%）
 #### 2.其他（5%）
 
 ![5aUotS.png](https://z3.ax1x.com/2021/10/18/5aUotS.png)
diff --git a/css/Q-style.css b/css/Q-style.css
index a24b346..1959235 100644
--- a/css/Q-style.css
+++ b/css/Q-style.css
@@ -499,8 +499,10 @@ display: none;
     list-style: none;
     margin-left: -25px;
 }
-.content .entry_title a:hover{
-    color: rgb(124, 124, 124);
+.content .entry_title a{
+    color: rgb(83, 83, 83);
+    text-decoration: none;
+    font-weight: 200;
 }
 .content .entry_title{
     letter-spacing: 3px;
@@ -597,7 +599,7 @@ border-width: 3px;
     width:100%;
     /* height: 4.5rem; */
     background-color: rgba(230, 230, 230, 0.692);
-    
+    text-align: center;
     
 }
 /* 底部文字样式 */
@@ -735,14 +737,11 @@ hr{
     object-fit: cover;
     box-shadow: 2px 2px 15px #d1d9e6;
     opacity: 0.9;
-    transition-duration:0.8s;
+    
     /* transform: scale(1.2); */
 }
 
-.post-images img:hover{
-    box-shadow: 12px 12px 25px #b1b9c5;
-    transition-duration:0.8s;
-}
+
 
 .sibar-data{
     margin-top: 2rem;
@@ -877,7 +876,7 @@ hr{
     letter-spacing: 0.3rem;
 }
 
-@media screen and (max-width: 1607px){
+@media screen and (max-width: 1200px){
     .content-last{
         display: none;
     }
diff --git a/css/mobile.css b/css/mobile.css
index a5e1e0b..5bf3a49 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -1,4 +1,4 @@
-@media screen and (max-width: 1200px){
+@media screen and (max-width: 800px){
   .header{
   z-index: 999;
     height: 60px;
@@ -84,4 +84,78 @@
   font-size: 0.9rem !important;
   height: 1.2rem !important;
 }
+
+.post-images img{
+  margin-top: 1.2rem;
+  margin-left:9rem;
+
+  width: 11.5rem;
+  height: 7.5rem;
+  border-radius:0.5rem ;
+  object-fit: cover;
+  
+  opacity: 0.9;
+  
+  /* transform: scale(1.2); */
+}
+.nav-page{
+  margin-left: -3rem;
+}
+.entry_data{
+  
+  margin-top: 3rem !important;
+  margin-left: -17rem !important;
+}
+.content .entry_data li{
+  display: inline;
+  /* padding: 0; */
+  height: 1rem !important;
+  font-size: 12px;
+}
+.content .entry_data ul{
+  margin-top: 5rem;
+  width: 10rem;
+}
+.comments{
+ padding: 0;
+  margin-top: 50rem;
+  width: 98%;
+}
+#comments-padding{
+    
+  margin-left: 0.8rem;
+    
+   width: 94%;
+    background-color: white;
+    
+    border-radius: 0.8rem;
+}
+.comments-3-text{
+  display: flex;
+  /* margin: 0 15%; */
+  justify-content: center;
+  flex-wrap: wrap;
+}
+.submit{
+position: relative;left: 1.5rem;
+  border-style: none;
+  height: 2rem;
+  color: white;
+  width: 5rem;
+  border-radius: 0.3rem;
+  background-color: rgb(0, 174, 255);
+  
+}
+.typecho-text{
+  /* position: relative; top: 5px; */
+  
+  box-shadow: none;
+  
+}
+.footer{
+  margin-left: -10px;
+}
+.content-list{
+  margin-left: 0.5rem;
+}
 }
diff --git a/index.php b/index.php
index 03db8ca..6e17806 100644
--- a/index.php
+++ b/index.php
@@ -63,7 +63,8 @@
 <?php endwhile; ?>
 
   </div>   <div class="nav-page"  >
-<?php $this->pageNav( ); ?>
+<!-- <?php $this->pageNav( ); ?>  -->
+<?php $this->pageNav('«', '»', -1, '...', 'wrapTag=ol&wrapClass=page-navigator&itemTag=li&textTag=span&currentClass=current&prevClass=prev&nextClass=next'); ?>
 </div>
 
         </div>
diff --git a/sidebar.php b/sidebar.php
index a2a946a..939b57a 100644
--- a/sidebar.php
+++ b/sidebar.php
@@ -17,6 +17,7 @@
 </div> 
 
 </div>
+<section>
 <div class="sibar-data border-wid" style="display:sticky; margin-bottom:0;">
 <div class="sibar-data-abc" >
   <div class="sibar-data-a">
@@ -36,7 +37,7 @@
 <div class="archives"> <ul>
     <?php $this->widget('Widget_Metas_Category_List')
                ->parse('<li><a href="{permalink}">{name}</a>({count}) </li>'); ?>
-</ul>  </div>
+</ul>  </div></section>
 </div>
 </div>
 </div>