diff --git a/src/main/resources/static/hover/component.css b/src/main/resources/static/hover/component.css
index 4c6c65e..bbc9ac5 100644
--- a/src/main/resources/static/hover/component.css
+++ b/src/main/resources/static/hover/component.css
@@ -90,7 +90,7 @@ figure.effect-sadie figcaption::before {
 	left: 0;
 	width: 100%;
 	height: 100%;
-	border-radius: 100%;
+	border-radius: 50%;
 	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
 	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
 	content: '';
diff --git a/src/main/resources/static/js/userRefresh.js b/src/main/resources/static/js/userRefresh.js
index 0a3bbdf..4735a11 100644
--- a/src/main/resources/static/js/userRefresh.js
+++ b/src/main/resources/static/js/userRefresh.js
@@ -20,3 +20,6 @@ function navChange(page){
         }
     });
 }
+function changeImg(){
+    layer.open({ content: '大佬不要意思！这块还在努力建设中...', skin: 'msg', time: 2 });
+}
diff --git a/src/main/resources/templates/forget.html b/src/main/resources/templates/forget.html
index 8de9d29..5ecb526 100644
--- a/src/main/resources/templates/forget.html
+++ b/src/main/resources/templates/forget.html
@@ -29,8 +29,8 @@
 </div>
 <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
 <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
-<script th:src="@{/js/jquery-ui.min.js}"></script>
-<script th:src="@{/live/js/addlive2d.js}"></script>
+<!--<script th:src="@{/js/jquery-ui.min.js}"></script>-->
+<!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
 <script th:src="@{/layer/mobile/layer.js}"></script>
 </body>
 </html>
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
index 707d875..45833ac 100644
--- a/src/main/resources/templates/login.html
+++ b/src/main/resources/templates/login.html
@@ -42,8 +42,8 @@
 </div>
 <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
 <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
-<script th:src="@{/js/jquery-ui.min.js}"></script>
-<script th:src="@{/live/js/addlive2d.js}"></script>
+<!--<script th:src="@{/js/jquery-ui.min.js}"></script>-->
+<!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
 <script th:src="@{/layer/mobile/layer.js}"></script>
 <script type="text/javascript">
     function loginSubmit(){
diff --git a/src/main/resources/templates/register.html b/src/main/resources/templates/register.html
index 0f484de..9025798 100644
--- a/src/main/resources/templates/register.html
+++ b/src/main/resources/templates/register.html
@@ -51,8 +51,8 @@
 <script th:src="@{/js/jquery-3.5.1.min.js}"></script>
 <script th:src="@{/bootstrap/js/bootstrap.bundle.min.js}"></script>
 <script th:src="@{/js/jquery-ui.min.js}"></script>
-<script th:src="@{/live/js/addlive2d.js}"></script>
-<script th:src="@{/layer/mobile/layer.js}"></script>
+<!--<script th:src="@{/live/js/addlive2d.js}"></script>-->
+<!--<script th:src="@{/layer/mobile/layer.js}"></script>-->
 <script type="text/javascript">
     function registerSubmit(){
         let username = $('#username').val();
diff --git a/src/main/resources/templates/user/index.html b/src/main/resources/templates/user/index.html
index 6e53fc5..9ca13d0 100644
--- a/src/main/resources/templates/user/index.html
+++ b/src/main/resources/templates/user/index.html
@@ -105,28 +105,28 @@
         </div>
         <aside class="col-md-3 blog-sidebar" th:fragment="userShowPanel">
             <input type="hidden" id="userId" name="userId" th:value="${session.loginUser.getUid()}">
-            <div id="myModal" class="modal" tabindex="-1">
-                <div class="modal-dialog">
-                    <div class="modal-content">
-                        <div class="modal-header">
-                            <h5 class="modal-title">Modal title</h5>
-                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                <span aria-hidden="true">&times;</span>
-                            </button>
-                        </div>
-                        <div class="modal-body">
-                            <p>Modal body text goes here.</p>
-                        </div>
-                        <div class="modal-footer">
-                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                            <button type="button" class="btn btn-primary">Save changes</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
+<!--            <div id="myModal" class="modal" tabindex="-1">-->
+<!--                <div class="modal-dialog">-->
+<!--                    <div class="modal-content">-->
+<!--                        <div class="modal-header">-->
+<!--                            <h5 class="modal-title">Modal title</h5>-->
+<!--                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">-->
+<!--                                <span aria-hidden="true">&times;</span>-->
+<!--                            </button>-->
+<!--                        </div>-->
+<!--                        <div class="modal-body">-->
+<!--                            <p>Modal body text goes here.</p>-->
+<!--                        </div>-->
+<!--                        <div class="modal-footer">-->
+<!--                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>-->
+<!--                            <button type="button" class="btn btn-primary">Save changes</button>-->
+<!--                        </div>-->
+<!--                    </div>-->
+<!--                </div>-->
+<!--            </div>-->
             <div class="p-4 my-3 bg-white rounded">
                 <div class="mb-0">
-                    <div class="text-center grid" data-toggle="modal" data-target="#myModal">
+                    <div class="text-center grid" onclick="changeImg()" data-toggle="modal" data-target="#myModal">
                         <figure class="effect-sadie">
                             <img th:src="${session.loginUser.getAvatar()}" style="border-radius: 50%" width="128" height="128">
                             <figcaption>
@@ -179,5 +179,6 @@
 <script th:src="@{/js/jquery-ui.min.js}"></script>
 <script th:src="@{/live/js/addlive2d.js}"></script>
 <script th:src="@{/js/userRefresh.js}"></script>
+<script th:src="@{/layer/mobile/layer.js}"></script>
 </body>
 </html>
diff --git a/src/main/resources/templates/user/user-comment.html b/src/main/resources/templates/user/user-comment.html
index ca8ed23..0f876d0 100644
--- a/src/main/resources/templates/user/user-comment.html
+++ b/src/main/resources/templates/user/user-comment.html
@@ -6,6 +6,7 @@
     <title>用户中心-Quinn</title>
     <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
     <link rel="stylesheet" th:href="@{/css/backgroud.css}">
+    <link rel="stylesheet" th:href="@{/hover/component.css}">
     <style>
         #table-title tr th{
             border: none;
@@ -113,5 +114,6 @@
 <script th:src="@{/js/jquery-ui.min.js}"></script>
 <script th:src="@{/live/js/addlive2d.js}"></script>
 <script th:src="@{/js/userRefresh.js}"></script>
+<script th:src="@{/layer/mobile/layer.js}"></script>
 </body>
 </html>
diff --git a/src/main/resources/templates/user/user-star.html b/src/main/resources/templates/user/user-star.html
index 5858ced..3bfb9fa 100644
--- a/src/main/resources/templates/user/user-star.html
+++ b/src/main/resources/templates/user/user-star.html
@@ -6,6 +6,7 @@
     <title>用户中心-Quinn</title>
     <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
     <link rel="stylesheet" th:href="@{/css/backgroud.css}">
+    <link rel="stylesheet" th:href="@{/hover/component.css}">
     <style>
         #table-title tr th{
             border: none;
@@ -114,5 +115,6 @@
 <script th:src="@{/js/jquery-ui.min.js}"></script>
 <script th:src="@{/live/js/addlive2d.js}"></script>
 <script th:src="@{/js/userRefresh.js}"></script>
+<script th:src="@{/layer/mobile/layer.js}"></script>
 </body>
 </html>