MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第1行： / 第1行： @@
-/* ===== 卡片样式 ===== */
+/*****************************
+ * Hero Section (Apple 风)
+ *****************************/
+.mw-hero {
+  text-align: center;
+  padding: 80px 20px 60px;
+  background: linear-gradient(135deg, #e6ecff, #ffffff 40%);
+  border-radius: 20px;
+  margin-bottom: 40px;
+}
+.mw-hero-title {
+  font-size: 3rem;
+  font-weight: 700;
+  margin-bottom: 10px;
+}
+.mw-hero-sub {
+  font-size: 1.3rem;
+  color: #555;
+}
+/*****************************
+ * 主体布局
+ *****************************/
+.mw-home-container {
+  display: flex;
+  gap: 30px;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+.mw-left {
+  flex: 2;
+}
+.mw-right {
+  flex: 1;
+}
+/*****************************
+ * Info Panel（右侧栏）Wikipedia 风
+ *****************************/
+.mw-panel {
+  background: #fff;
+  padding: 20px;
+  border-radius: 14px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
+  margin-bottom: 20px;
+}
+.mw-panel h2 {
+  margin-top: 0;
+  border-bottom: 1px solid #eee;
+  padding-bottom: 8px;
+  margin-bottom: 12px;
+}
+.mw-panel-content {
+  font-size: 0.95rem;
+  line-height: 1.4;
+}
+.mw-panel-content ul {
+  margin: 0;
+  padding-left: 18px;
+}
+/*****************************
+ * 卡片 (你已确认可用，但补充统一视觉)
+ *****************************/
 .mw-card {
-    display: block;
+  padding: 18px;
-    background: #fff;
+  border-radius: 16px;
-    padding: 20px 24px;
+  background: white;
-    margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
-    border-radius: 18px;
+  margin-bottom: 18px;
-    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
+  cursor: pointer;
-    cursor: pointer;
+  transition: 0.2s;
-    transition: all 0.25s ease;
 }
 .mw-card:hover {
-    transform: translateY(-4px);
+  box-shadow: 0 4px 14px rgba(0,0,0,0.15);
-    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
+  transform: translateY(-2px);
 }
-/* 卡片内部文字 */
 .mw-card-title {
-    display: block;
+  font-size: 1.3em;
-    font-size: 1.3rem;
+  font-weight: bold;
-    font-weight: 600;
+  margin-bottom: 6px;
-    margin-bottom: 6px;
 }
 .mw-card-desc {
-    display: block;
+  font-size: 0.9em;
-    font-size: 0.95rem;
+  color: #555;
-    color: #555;
 }
-/* ===== 深色模式 ===== */
-@media (prefers-color-scheme: dark) {
+/*****************************
-    .mw-card {
+ * Mobile 适配
-        background: rgba(40,40,45,0.8);
+ *****************************/
-        box-shadow: 0 6px 16px rgba(0,0,0,0.3);
+@media (max-width: 900px) {
-        color: #f0f0f0;
+  .mw-home-container {
-    }
+    flex-direction: column;
-    .mw-card-desc { color: #ccc; }
+  }
 }