MediaWiki:Common.css：修订间差异

2025年11月7日 (五) 16:00的版本

/****************************************************
 * ✅ Final Fix：删除首页外层巨大灰色背景框
 * ✅ 保留顶部导航，不影响侧栏
 ****************************************************/

/* 首页外层大框：Vector-2022 的主容器 */
body.page-Main_Page .vector-feature-main,
body.page-Main_Page .vector-feature-body,
body.page-Main_Page .vector-main-container,
body.page-Main_Page .vector-content-container,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page .vector-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 防止 margin/padding 造成的灰边 */
body.page-Main_Page .vector-feature-body,
body.page-Main_Page .vector-main-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* 再保险补刀 —— 清掉 content 外壳 */
body.page-Main_Page #content,
body.page-Main_Page .mw-body {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

@@ 第1行： / 第1行： @@
 /****************************************************
-  * ✅ Penguin Cute UI — Safe Final Version
+  * ✅ Final Fix：删除首页外层巨大灰色背景框
-  * ✅ 不破坏 Vector-2022 顶部结构（重点）
+  * ✅ 保留顶部导航，不影响侧栏
- * ✅ 首页全白框清爽 UI
   ****************************************************/
-/* ------------------------------
+/* 首页外层大框：Vector-2022 的主容器 */
-  顶部 Banner（白色 + Logo）
+body.page-Main_Page .vector-feature-main,
------------------------------- */
+body.page-Main_Page .vector-feature-body,
-.pg-hero {
+body.page-Main_Page .vector-main-container,
-  width: 100%;
+body.page-Main_Page .vector-content-container,
-  padding: 64px 20px 72px;
+body.page-Main_Page .vector-page-toolbar,
-  background: #ffffff !important;
+body.page-Main_Page .vector-body {
-  border-radius: 18px;
+    background: transparent !important;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+    border: none !important;
-  text-align: center;
+    box-shadow: none !important;
 }
-.pg-hero__logo {
+/* 防止 margin/padding 造成的灰边 */
-  margin-bottom: 18px;
+body.page-Main_Page .vector-feature-body,
-  padding: 12px 20px;
+body.page-Main_Page .vector-main-container {
-  background: #ffffff;
+    padding: 0 !important;
-  border-radius: 14px;
+    margin: 0 !important;
-  display: inline-block;
-  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 }
-.pg-hero__title {
+/* 再保险补刀 —— 清掉 content 外壳 */
-  font-size: 44px;
+body.page-Main_Page #content,
-  font-weight: 800;
+body.page-Main_Page .mw-body {
-  color: #1b4d7a;
+    background: transparent !important;
-  margin-bottom: 10px;
+    border: none !important;
+    box-shadow: none !important;
 }
-.pg-hero__subtitle {
-  font-size: 18px;
-  color: #2b2d42;
-  line-height: 1.85;
-  max-width: 860px;
-  margin: 0 auto;
-}
-/* Logo 动画 */
-@keyframes pg-float {
-%, 100% { transform: translateY(0); }
-% { transform: translateY(-6px); }
-}
-/****************************************************
- * ✅ 首页内容框 - 白色卡片
- ****************************************************/
-body.page-Main_Page .mw-parser-output > div {
-  background: #ffffff !important;
-  border: 1px solid #e7e7e7 !important;
-  border-radius: 18px !important;
-  padding: 25px !important;
-  margin: 25px 0 !important;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
-}
-body.page-Main_Page h1,
-body.page-Main_Page h2 {
-  color: #174b75 !important;
-}
-/****************************************************
- * ✅ 导航卡片
- ****************************************************/
-.pg-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-  gap: 20px;
-  max-width: 1100px;
-  margin: 0 auto;
-}
-.pg-card {
-  background: #ffffff;
-  border-radius: 20px;
-  padding: 18px;
-  text-align: center;
-  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
-  transition: 0.2s;
-}
-.pg-card:hover {
-  transform: translateY(-4px);
-  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.10);
-}
-/****************************************************
- * ✅ 去掉灰背景（安全版，不删头）
- ****************************************************/
- /* ✅ 只清除“内容区”，不影响顶部 */
-.vector-body,
-.vector-content,
-.mw-body,
-.mw-body-content,
-.mw-parser-output {
-  background: transparent !important;
-  border: none !important;
-  box-shadow: none !important;
-}
-/* ✅ 让整个 Wiki 背景更舒服 */
-body {
-  background: #f7f9fb !important;
-}
-/* ✅ 千万不能再动这些（会导致头部消失）
-   所以必须删掉：vector-sticky-header-container / page-toolbar 等
-*/