MediaWiki:Common.css：修订间差异

←上一编辑

@@ 第168行： / 第168行： @@
    }
-  /* Banner 改为纵向居中 */
-  .hp-banner {
-    flex-direction: column;
-    text-align: center;
-    gap: 15px;
-  }
    .hp-banner-info {
@@ 第183行： / 第178行： @@
    }
-  .hp-banner-subtitle {
-    font-size: 0.95em;
-  }
    .hp-banner-stats {
      font-size: 0.85em;
-  }
-  /* 导航块换行 */
-  .hp-banner-nav {
-    width: 100%;
    }
@@ 第228行： / 第215行： @@
    }
-  .hp-banner {
+.hp-banner {
-         padding: 20px !important;
+         padding: 30px 20px !important;
          flex-direction: column !important;
-         text-align: center !important;
+         text-align: center;
      }
      .hp-banner-title {
-         font-size: 1.8em !important; /* 手机端标题调小 */
+         font-size: 2.8em !important; /* 标题保持足够大 */
+        margin-bottom: 5px !important;
      }
      .hp-banner-subtitle {
-         font-size: 1em !important;
+         font-size: 1.1em !important;
+        opacity: 0.9;
+        margin-bottom: 1px !important;
      }
      .hp-banner-stats {
-         display: block !important; /* 统计信息改为块状 */
+         margin: 15px 0 !important;
-         margin: 10px auto !important;
+         font-size: 0.8em !important;
-         font-size: 0.85em !important;
+         background: rgba(255,255,255,0.1);
      }
-    /* 导航框优化：在手机上取消固定宽度，让按钮更饱满 */
      .hp-banner-nav {
-         border-left: none !important;
+         border: none !important;
-        border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
+         margin: 0 !important;
-         margin-left: 0 !important;
+         padding: 0 !important;
-        margin-top: 15px !important;
+         width: 100%;
-         padding-left: 0 !important;
-        padding-top: 15px !important;
-         width: 100% !important;
      }
+    /* 手机端导航框：更窄、更透明，去除沉重感 */
      .hp-nav-box {
-         width: 100% !important;
+         padding: 10px !important;
-         box-sizing: border-box !important;
+         border-radius: 10px !important;
-        padding: 12px !important;
-    }
-    /* 容器降级为单栏布局 */
-    .homepage-container {
-        grid-template-columns: 1fr !important;
-        gap: 15px !important;
      }
-    /* 让左侧的典范条目在手机上也变单列 */
+     .hp-nav-box a {
-     .featured-grid {
+         font-size: 0.9em !important;
-         grid-template-columns: 1fr !important;
+        display: inline-block;
+        margin: 4px 0;
      }
 }
@@ 第406行： / 第392行： @@
      box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
      filter: brightness(0.95);
+}
+/* --- 明星編輯板塊精確美化 --- */
+/* 1. 強力隱藏表頭行（等級/分數/頁面數量/修改次數/用戶名稱） */
+.hp-scores-wrapper table.contributionscores tr.header,
+.hp-scores-wrapper table.contributionscores th,
+.hp-scores-wrapper .contributionscores-title,
+.hp-scores-wrapper .citizen-overflow-nav {
+    display: none !important;
+}
+/* 2. 重置容器結構 */
+.hp-scores-wrapper .contributionscores-wrapper,
+.hp-scores-wrapper .citizen-overflow-wrapper,
+.hp-scores-wrapper .citizen-overflow-content,
+.hp-scores-wrapper table.contributionscores {
+    display: block !important;
+    background: transparent !important;
+    border: none !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: visible !important;
+}
+/* 3. 每一行的基礎樣式：取消背景、取消動畫 */
+.hp-scores-wrapper table.contributionscores tbody {
+    display: block !important;
+}
+.hp-scores-wrapper table.contributionscores tr {
+    display: flex !important;
+    align-items: center;
+    padding: 10px 0 !important;
+    background: transparent !important; /* 無背景 */
+    border: none !important;
+    border-bottom: 1px solid #edf2f7 !important; /* 僅保留下邊框分割線 */
+    transition: none !important; /* 無懸停動畫 */
+}
+.hp-scores-wrapper table.contributionscores tr:last-child {
+    border-bottom: none !important;
+}
+/* 4. 排名數字美化（圓圈標籤） */
+.hp-scores-wrapper table.contributionscores td:nth-child(1) {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background: #edf2f7;
+    color: #4a5568 !important;
+    font-size: 0.85em;
+    font-weight: bold;
+    margin-right: 15px;
+    padding: 0 !important;
+    border: none !important;
+}
+/* 5. 用戶名稱列：恢復原生連結樣式 */
+.hp-scores-wrapper table.contributionscores td:nth-child(5) {
+    flex: 1;
+    padding: 0 !important;
+    background: transparent !important;
+    border: none !important;
+    text-align: left !important;
+}
+/* 6. 修改次數：顯示在右側 */
+.hp-scores-wrapper table.contributionscores td:nth-child(4) {
+    font-size: 0.8em;
+    color: #a0aec0;
+    padding: 0 !important;
+    background: transparent !important;
+    border: none !important;
+}
+.hp-scores-wrapper table.contributionscores td:nth-child(4)::after {
+    content: " 次編輯";
+}
+/* 7. 隱藏不必要的數據列（分數與頁面數） */
+.hp-scores-wrapper table.contributionscores td:nth-child(2),
+.hp-scores-wrapper table.contributionscores td:nth-child(3) {
+    display: none !important;
 }