MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第17行： / 第17行： @@
 /* --[[模板:黑幕]]-- */
-/* 赛季首页专用样式 v1.0 (2025-04-13) */
+/* 赛季首页专用样式 v2.0 (2025-04-13) */
-/* MediaWiki:Common.css */
+:root {
+    --system-orange: #E67E22;
+    --system-blue: #3498DB;  /* 补全#前缀和6位色值 */
+    --system-green: #2ECC71;
+    --system-purple: #9B59B6;
+}
+.season-homepage {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    color: #2c3e50;
+}
+/* 修正后的导航栏样式 */
+.season-nav {
+    font-size: 0.9em;        /* 添加分号分隔 */
+    margin-bottom: 2em;      /* 独立声明属性 */
+    color: #7f8c8d;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 1em;
+}
+.season-container {
+    display: flex;
+    gap: 30px;
+    flex-wrap: wrap;
+}
+.season-column {
+    flex: 1;
+    min-width: 300px;
+}
 .season-block {
      position: relative;
-     padding: 15px 20px 15px 35px;
+    margin-bottom: 2em;
-     margin-bottom: 25px;
+     padding: 20px 25px;
+     background: rgba(255,255,255,0);
      border-radius: 4px;
-    background: rgba(255,255,255,0.95);
+     box-shadow: 0 2px 8px rgba(0,0,0,0.06);
-     box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-    transition: transform 0.2s ease;
 }
-.decorative-line {
+.season-block::before {
+    content: "";
      position: absolute;
      left: 0;
@@ 第37行： / 第71行： @@
      height: 90%;
      border-radius: 2px;
-    background: #E67E22;
 }
-.color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */
+.color-system-1::before { background: var(--system-orange); }
-.color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */
+.color-system-2::before { background: var(--system-blue); }
-.color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */
+.color-system-3::before { background: var(--system-green); }
-.color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */
+.color-system-4::before { background: var(--system-purple); }
-.season-block:hover {
+.season-block h3 {
-     transform: translateX(5px);
+    margin-top: 0;
+    padding-bottom: 10px;
+     border-bottom: 1px solid rgba(0,0,0,0.1);
 }
-.season-block h3 {
+@media (max-width: 768px) {
-    margin: 0 0 12px 0;
+    .season-container {
-     padding-bottom: 8px;
+        flex-direction: column;
-    border-bottom: 1px solid rgba(0,0,0,0.1);
+     }
+    .season-block::before {
+        width: 3px;
+        height: 95%;
+    }
 }