MediaWiki:Common.css：修订间差异

删除的内容添加的内容

行内

@@ 第8行： / 第8行： @@
 }
-/* 横幅标语样式 */
+/* 横幅标语 */
 .banner {
-  height: 100px;
+  height: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  align-items: center; /* 居中对齐 */
-  color: red;
+  background: linear-gradient(to right, #b30000, #cc3300); /* 渐变背景 */
+  color: white; /* 白色字体，提升对比度 */
   font-weight: bold;
-  border-radius: 10px;
+  border-radius: 12px; /* 圆角优化 */
-  padding: 0 20px;
+  padding: 12px 24px; /* 增加上下 padding */
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 更柔和的阴影 */
+  text-align: center;
 }
 .banner-text {
   margin: 0;
-  line-height: 1.2;
+  line-height: 1.4; /* 让文本更易读 */
 }
 .banner .chinese-text {
+  font-size: 24px; /* 默认大小 */
-  text-align: left;
-  font-size: 24px;
+  font-weight: 700;
 }
 .banner .english-text {
+  font-size: 16px; /* 默认大小 */
-  text-align: right;
-  font-size: 16px;
+  font-weight: 500;
+  opacity: 0.9;
+}
+/* 当屏幕宽度大于 768px（如平板和大屏幕设备） */
+@media screen and (min-width: 768px) {
+  .banner .chinese-text {
+    font-size: 28px;
+  }
+  .banner .english-text {
+    font-size: 18px;
+  }
+}
+/* 当屏幕宽度小于 480px（如手机设备） */
+@media screen and (max-width: 480px) {
+  .banner .chinese-text {
+    font-size: 20px;
+  }
+  .banner .english-text {
+    font-size: 14px;
+  }
 }