MediaWiki:Common.css：修订间差异

2025年12月21日 (日) 18:10的版本

/* 强制首页容器为 Flex 布局 */
.homepage-container {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    margin-top: 20px;
    clear: both;
}

/* 强制左右两栏各占近一半宽度 (减去 gap) */
.homepage-left, .homepage-right {
    flex: 1 1 45%; /* 基础宽度 45%，允许增长 */
    min-width: 320px; /* 保证手机端自动堆叠 */
    box-sizing: border-box;
}

/* 顶部横幅增强 */
.hp-banner {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
    padding: 25px;
    margin-bottom: 25px;
}

/* 修复 SMW 查询可能产生的额外换行干扰 */
.homepage-left br, .homepage-right br {
    display: none;
}

@@ 第1行： / 第1行： @@
-/* 现代首页容器 */
+/* 强制首页容器为 Flex 布局 */
-.home-container {
+.homepage-container {
-     display: flex;
+     display: flex !important;
+    flex-direction: row;
      flex-wrap: wrap;
-     gap: 20px;
+     gap: 30px;
+    width: 100%;
      margin-top: 20px;
+    clear: both;
 }
-/* 侧边栏与主内容比例 */
+/* 强制左右两栏各占近一半宽度 (减去 gap) */
-.home-main { flex: 3; min-width: 300px; }
+.homepage-left, .homepage-right {
-.home-sidebar { flex: 1; min-width: 250px; }
+    flex: 1 1 45%; /* 基础宽度 45%，允许增长 */
+    min-width: 320px; /* 保证手机端自动堆叠 */
-/* 欢迎区域 */
+     box-sizing: border-box;
-.home-welcome {
-     background: linear-gradient(135deg, #36b 0%, #2a4b8d 100%);
-    color: white;
-    padding: 30px;
-    border-radius: 8px;
-    margin-bottom: 20px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 }
-.home-welcome h1 { color: white; border-bottom: none; margin-top: 0; font-weight: bold; }
-/* 快速导航按钮 */
+/* 顶部横幅增强 */
-.home-nav {
+.hp-banner {
-     display: grid;
+     display: flex !important;
-     grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+     justify-content: space-between;
-    gap: 10px;
+     align-items: center;
-     margin-bottom: 20px;
+     background-color: #f8f9fa;
-}
-.home-nav-item {
-     background: #f8f9fa;
      border: 1px solid #a2a9b1;
-     padding: 15px;
+     padding: 25px;
-     text-align: center;
+     margin-bottom: 25px;
-    border-radius: 6px;
-    transition: all 0.2s;
 }
-.home-nav-item:hover {
-     background: #eaf3ff;
+/* 修复 SMW 查询可能产生的额外换行干扰 */
-    border-color: #36b;
+.homepage-left br, .homepage-right br {
-    text-decoration: none !important;
+     display: none;
-    transform: translateY(-2px);
 }