MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第140行： / 第140行： @@
 }
-@media (max-width: 850px) {
+/* =====================
-    .hp-banner {
+   首页移动端适配
-        padding: 30px 20px !important;
+   ===================== */
-        flex-direction: column;
+@media (max-width: 768px) {
-        text-align: center;
-     }
+  /* 主体两栏 → 单栏 */
-     .hp-banner-nav {
+  .homepage-container {
-        border-left: none !important;
+    grid-template-columns: 1fr !important;
-        border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
+  }
-        margin-top: 20px;
-        padding: 20px 0 0 0 !important;
+  /* 左右栏顺序：左在上，右在下 */
-        text-align: center;
+  .homepage-left,
-        width: 100%;
+  .homepage-right {
-     }
+    width: 100%;
+  }
+  /* Banner 改为纵向居中 */
+  .hp-banner {
+    flex-direction: column;
+    text-align: center;
+     gap: 15px;
+  }
+  .hp-banner-info {
+    align-items: center;
+  }
+  .hp-banner-title {
+    font-size: 1.8em;
+  }
+  .hp-banner-subtitle {
+    font-size: 0.95em;
+  }
+  .hp-banner-stats {
+     font-size: 0.85em;
+  }
+  /* 导航块换行 */
+  .hp-banner-nav {
+    width: 100%;
+  }
+  .hp-nav-box {
+    text-align: center;
+    line-height: 1.8;
+  }
+  /* Featured 卡片：2列 → 1列 */
+  .homepage-left > div:first-child > div {
+    grid-template-columns: 1fr !important;
+  }
+  /* 卡片 padding 收紧 */
+  .homepage-left > div,
+  .homepage-right > div {
+    padding: 16px !important;
+  }
+  /* 分类区 2×2 */
+  .hp-cat-grid {
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
+  }
+  .hp-cat-item {
+    font-size: 0.85em;
+    padding: 12px 8px;
+  }
+  /* 字数统计缩小 */
+  #wiki-wordcount-number {
+     font-size: 2rem !important;
+  }
 }