MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第19行： / 第19行： @@
 /* 赛季首页专用样式 v2.0 (2025-04-13) */
 /* == 基础样式模块 == */
-.season-block {
+/* 锚点位置修正（网页1） */
-     position: relative;
+html {
-    padding: 15px 20px 15px 35px;
+     scroll-padding-top: 100px;
-    margin-bottom: 25px;
-    border-radius: 4px;
-    background: rgba(255,255,255,0.95);
-    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-    transition: transform 0.2s ease;
 }
+/* 页面内容边距优化 */
+.client-js #mw-content-text {
+    margin-top: 0 !important;
+}
+/* 章节编辑按钮悬停效果（网页1） */
+h2 .mw-editsection,
+h3 .mw-editsection,
+h4 .mw-editsection,
+h5 .mw-editsection {
+    opacity: 0;
+    transition: opacity 0.5s;
+}
+h2:hover .mw-editsection,
+h3:hover .mw-editsection,
+h4:hover .mw-editsection,
+h5:hover .mw-editsection {
+    opacity: 1;
+}
+/* == 界面元素控制模块 == */
+/* 隐藏非必要元素（网页2/3） */
+#ca-talk,
+#ca-viewsource,
+#ca-history,
+#p-tb,
+#footer-info-lastmod {
+    display: none !important;
+}
+/* 侧边栏定位优化 */
+.bui-sns-info {
+    right: 5px !important;
+    top: max(50px, calc((100vh - 380px) / 2)) !important;
+}
+/* == 动态效果模块 == */
+/* 装饰线动画（结合网页5响应式方案） */
 .decorative-line {
-     position: absolute;
+     transition: height 0.4s ease-out, opacity 0.2s linear !important;
-     left: 0;
+     background: linear-gradient(180deg,
-    top: 50%;
+        transparent 0%,
-     transform: translateY(-50%);
+        currentColor 30%,
-    width: 5px;
+        currentColor 70%,
-    height: 90%;
+        transparent 100%
-    border-radius: 2px;
+     );
-     background: #E67E22;
+}
+/* 悬浮光影效果（GPU加速优化） */
+.season-block::after {
+     transform: translate(var(--mouse-x), var(--mouse-y)) translateZ(0);
 }
-.color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */
+/* == 响应式适配模块（网页5/6） == */
-.color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */
+@media (max-width: 768px) {
-.color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */
+    .season-block {
-.color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */
+        padding: 12px 15px;
+        margin-bottom: 20px;
+    }
+    .season-block h3 {
+        font-size: 1.2em;
+    }
+    /* 移动端隐藏侧边栏 */
+    .bui-sns-info {
+        display: none !important;
+    }
+}
-.season-block:hover {
+/* == 浏览器兼容处理 == */
-     transform: translateX(5px);
+@media (prefers-reduced-motion: reduce) {
+     * {
+        transition: none !important;
+        animation: none !important;
+    }
 }
-.season-block h3 {
+/* == 全局变量定义 == */
-     margin: 0 0 12px 0;
+:root {
-     padding-bottom: 8px;
+     --primary-color: #2c3e50;
-     border-bottom: 1px solid rgba(0,0,0,0.1);
+     --secondary-color: #3498db;
+     --hover-translate: 5px;
 }