|
|
| 第19行： |
第19行： |
| /* 赛季首页专用样式 v2.0 (2025-04-13) */ | | /* 赛季首页专用样式 v2.0 (2025-04-13) */ |
| /* == 基础样式模块 == */ | | /* == 基础样式模块 == */ |
| /* 锚点位置修正（网页1） */
| | .season-block { |
| html {
| | position: relative; |
| scroll-padding-top: 100px; | | padding: 15px 20px 15px 35px; |
| | 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 { | | .decorative-line { |
| transition: height 0.4s ease-out, opacity 0.2s linear !important; | | position: absolute; |
| background: linear-gradient(180deg, | | left: 0; |
| transparent 0%,
| | top: 50%; |
| currentColor 30%,
| | transform: translateY(-50%); |
| currentColor 70%,
| | width: 5px; |
| transparent 100%
| | height: 90%; |
| ); | | border-radius: 2px; |
| }
| | background: #E67E22; |
| | |
| /* 悬浮光影效果（GPU加速优化） */
| |
| .season-block::after {
| |
| transform: translate(var(--mouse-x), var(--mouse-y)) translateZ(0); | |
| } | | } |
|
| |
|
| /* == 响应式适配模块（网页5/6） == */ | | .color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */ |
| @media (max-width: 768px) {
| | .color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */ |
| .season-block {
| | .color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */ |
| padding: 12px 15px;
| | .color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */ |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .season-block h3 {
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
| /* 移动端隐藏侧边栏 */
| |
| .bui-sns-info {
| |
| display: none !important;
| |
| }
| |
| } | |
|
| |
|
| /* == 浏览器兼容处理 == */
| | .season-block:hover { |
| @media (prefers-reduced-motion: reduce) {
| | transform: translateX(5px); |
| * { | |
| transition: none !important;
| |
| animation: none !important;
| |
| }
| |
| } | | } |
|
| |
|
| /* == 全局变量定义 == */
| | .season-block h3 { |
| :root {
| | margin: 0 0 12px 0; |
| --primary-color: #2c3e50; | | padding-bottom: 8px; |
| --secondary-color: #3498db; | | border-bottom: 1px solid rgba(0,0,0,0.1); |
| --hover-translate: 5px; | |
| } | | } |