MediaWiki:Common.css：修订间差异

2025年11月23日 (日) 23:24的版本

/* ===== 卡片样式 ===== */
.mw-card {
    display: block;
    background: #fff;
    padding: 20px 24px;
    margin-bottom: 20px;
    border-radius: 18px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
    cursor: pointer;
    transition: all 0.25s ease;
}
.mw-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.10);
}

/* 卡片内部文字 */
.mw-card-title {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 6px;
}
.mw-card-desc {
    display: block;
    font-size: 0.95rem;
    color: #555;
}

/* ===== 深色模式 ===== */
@media (prefers-color-scheme: dark) {
    .mw-card {
        background: rgba(40,40,45,0.8);
        box-shadow: 0 6px 16px rgba(0,0,0,0.3);
        color: #f0f0f0;
    }
    .mw-card-desc { color: #ccc; }
}

@@ 第1行： / 第1行： @@
-/* ===== Hero (Apple-style) ===== */
+/* ===== 卡片样式 ===== */
-.mw-hero {
-    width: 100%;
-    padding: 80px 20px;
-    text-align: center;
-    background: #f5f5f7;
-    border-radius: 24px;
-    margin-bottom: 40px;
-}
-.mw-hero-title {
-    font-size: 48px;
-    font-weight: 700;
-    color: #1d1d1f;
-}
-.mw-hero-sub {
-    margin-top: 10px;
-    font-size: 20px;
-    color: #6e6e73;
-}
-/* ===== Grid Layout (Wikipedia-style) ===== */
-.mw-main-grid {
-    display: flex;
-    gap: 40px;
-    margin-bottom: 40px;
-}
-.mw-left {
-    flex: 2;
-}
-.mw-right {
-    flex: 1.2;
-}
-/* ===== Apple-style clickable card (HTML <a>) ===== */
 .mw-card {
-     display: block;                   /* 必须：否则 <h2> 与 <p> 会乱跑 */
+     display: block;
      background: #fff;
-     padding: 26px 28px;
+     padding: 20px 24px;
-    border-radius: 22px;
+     margin-bottom: 20px;
-    border: 1px solid #e5e5e5;
+     border-radius: 18px;
-     margin-bottom: 24px;
-     text-decoration: none !important; /* 链接外观清理 */
-    color: #1d1d1f !important;
      box-shadow: 0 6px 16px rgba(0,0,0,0.06);
-     transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
+    cursor: pointer;
+     transition: all 0.25s ease;
 }
 .mw-card:hover {
-     transform: translateY(-6px);
+     transform: translateY(-4px);
      box-shadow: 0 12px 28px rgba(0,0,0,0.10);
-    border-color: #d0d0d5;
 }
-.mw-card h2 {
-     margin: 0 0 10px 0;
+/* 卡片内部文字 */
-     font-size: 24px;
+.mw-card-title {
+     display: block;
+     font-size: 1.3rem;
      font-weight: 600;
+    margin-bottom: 6px;
 }
-.mw-card p {
+.mw-card-desc {
-     margin: 0;
+     display: block;
-     font-size: 16px;
+     font-size: 0.95rem;
      color: #555;
 }
-/* ===== Right Column ===== */
+/* ===== 深色模式 ===== */
-.mw-section h2 {
+@media (prefers-color-scheme: dark) {
-    margin-bottom: 10px;
+     .mw-card {
-     font-size: 22px;
+        background: rgba(40,40,45,0.8);
-    border-bottom: 2px solid #eaeaea;
+        box-shadow: 0 6px 16px rgba(0,0,0,0.3);
-    padding-bottom: 4px;
+         color: #f0f0f0;
-}
-/* ===== Mobile layout ===== */
-@media (max-width: 900px) {
-    .mw-main-grid {
-         flex-direction: column;
      }
+    .mw-card-desc { color: #ccc; }
 }