完工所有页面

public/css/light.css

@@ -1422,12 +1422,36 @@ font-size: 14px;
     flex-wrap: wrap
 }
 
-.link-list a {
+/* .link-list a {
     display: block;
     width: 47%;
     padding: 8px
+} */
+
+/* 基本样式 */
+.link-list a {
+    display: block;
+    width: 47%;
+    padding: 8px;
+    box-sizing: border-box; /* 包括padding和border在内计算宽度 */
 }
 
+/* 移动端样式调整 */
+@media (max-width: 768px) {
+    .link-list a {
+        width: 100%; /* 在小屏幕上占据整个宽度 */
+        padding: 12px; /* 在小屏幕上增加内边距 */
+    }
+}
+
+/* 更小屏幕的样式调整 */
+@media (max-width: 480px) {
+    .link-list a {
+        padding: 15px; /* 在更小的屏幕上增加内边距 */
+    }
+}
+
+
 .link-list .inner {
     display: flex;
     flex-direction: column;
@@ -1436,7 +1460,8 @@ font-size: 14px;
     border: 1px solid #eceff2;
     padding: 0 23px;
     height: 100px;
-    transition: color,background .2s ease-in-out
+    transition: color,background .2s ease-in-out;
+    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
 }
 
 .link-list .inner:hover {