MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第1行： / 第1行： @@
 .homepage-container {
      display: grid !important;
-     grid-template-columns: 1fr 1fr; /* 强制平分两列 */
+     grid-template-columns: 1fr 1fr;
      column-gap: 30px;
      row-gap: 10px;
@@ 第9行： / 第9行： @@
 .homepage-left, .homepage-right {
-     min-width: 0; /* 防止内容撑破网格 */
+     min-width: 0;
 }
-/* 移动端自动转为单栏 */
 @media (max-width: 768px) {
      .homepage-container {
@@ 第19行： / 第18行： @@
 }
-/* 现代渐变横幅样式 */
 .hp-banner {
      display: flex !important;
      justify-content: space-between;
      align-items: center;
-    /* 渐变背景：使用深蓝色调，呼应学术感 */
      background: linear-gradient(135deg, #1a3a6c 0%, #2a5298 100%) !important;
-     color: white !important; /* 强制文字白色 */
+     color: white !important;
      padding: 35px 45px !important;
      margin: 10px 0 30px 0 !important;
-     border-radius: 12px !important; /* 更圆润的角 */
+     border-radius: 12px !important;
      border: none !important;
      box-shadow: 0 8px 20px rgba(26, 58, 108, 0.2) !important;
@@ 第36行： / 第33行： @@
 }
-/* 装饰性光晕效果 */
 .hp-banner::after {
      content: "";
@@ 第51行： / 第47行： @@
 .hp-banner-info {
      flex: 2;
-     z-index: 1; /* 确保文字在光晕上方 */
+     z-index: 1;
 }
@@ 第81行： / 第77行： @@
 .hp-banner-nav {
-     flex: 0 0 auto !important; /* 不再强制拉伸占据剩余空间 */
+     flex: 0 0 auto !important;
      display: flex !important;
      align-items: center !important;
@@ 第88行： / 第84行： @@
      padding-left: 30px !important;
      margin-left: 20px !important;
+    text-align: right !important;
 }
-/* 调整 Banner 内部链接颜色 */
 .hp-banner-nav a {
      font-weight: bold;
@@ 第101行： / 第97行： @@
 }
-/* 導航文字顏色 */
 .hp-nav-box a {
-     color: #1a3a6c !important; /* 使用與 Banner 背景一致的深藍色 */
+     color: #1a3a6c !important;
      font-weight: bold !important;
      text-decoration: none !important;
@@ 第116行： / 第111行： @@
 }
-/* 導航容器：修正偏移 */
-.hp-banner-nav {
-    flex: 0 0 auto !important;
-    text-align: right !important; /* 確保卡片靠右對齊 */
-    padding-left: 30px !important;
-    border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
-}
-/* 點擊間隔符顏色 */
 .hp-nav-box span.sep {
      color: #a2a9b1;
@@ 第130行： / 第116行： @@
 }
-/* 手机端适配 */
 @media (max-width: 850px) {
      .hp-banner {
@@ 第147行： / 第132行： @@
 }
-/* 摘要卡片内的图片微调 */
 .homepage-container .floatright {
      margin: 0 0 10px 15px !important;
@@ 第155行： / 第139行： @@
 }
-/* 首页新闻动态横幅 */
 .hp-news-bar {
      display: flex;
@@ 第161行： / 第144行： @@
      background: #fff;
      border: 1px solid #e2e8f0;
-     border-left: 4px solid #1a3a6c; /* 与 Banner 深蓝色呼应 */
+     border-left: 4px solid #1a3a6c;
      padding: 10px 20px;
      margin-bottom: 25px;
@@ 第185行： / 第168行： @@
 }
-/* 链接美化 */
 .hp-news-content a {
      color: #2a5298;
@@ 第191行： / 第173行： @@
      text-decoration: none;
 }
 .hp-news-content a:hover {
      text-decoration: underline;
 }