注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 全站CSS,对所有用户加载。*/
/* 参考bwiki
/* 调整鼠标样式 */
html, body{
cursor: url("https://patchwiki.biligame.com/images/wukong/b/bb/sb51zsgl3cjtl7eapbp6f8q651rtyn0.png"),auto;
}
/* ==[[模板:黑幕]]== */
.heimu,.heimu a:link,.heimu a:visited,.heimu a.external:visited,.heimu rt{background-color:#000;color:#000}
.heimu:hover,.heimu:hover rt{-webkit-animation:heimugc 0.5s forwards;animation:heimugc 0.5s forwards;}
.heimu:hover a:link,.heimu:hover a:visited{-webkit-animation:heimulinkgc 0.5s forwards;animation:heimulinkgc 0.5s forwards;}
@-webkit-keyframes heimugc{to{color:#FFF}}
@keyframes heimugc{to{color:#FFF}}
@-webkit-keyframes heimulinkgc{to{color:#3B8BFF}}
@keyframes heimulinkgc{to{color:#3B8BFF}}
/* --[[模板:黑幕]]-- */
/* 赛季首页专用样式 v2.0 (2025-04-13) */
/* == 基础样式模块 == */
.season-block {
position: relative;
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;
}
.decorative-line {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 5px;
height: 90%;
border-radius: 2px;
background: #E67E22;
}
.color-system-1 .decorative-line { background: #E67E22; } /* 物品系统橙色 */
.color-system-2 .decorative-line { background: #3498DB; } /* 游戏机制蓝色 */
.color-system-3 .decorative-line { background: #2ECC71; } /* 职业体系绿色 */
.color-system-4 .decorative-line { background: #9B59B6; } /* 终局内容紫色 */
.season-block:hover {
transform: translateX(5px);
}
.season-block h3 {
margin: 0 0 12px 0;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
/* 链接动态下划线 */
.season-nav a {
position: relative;
padding-bottom: 2px;
}
.season-nav a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 1px;
background: currentColor;
transition: all 0.3s;
}
.season-nav a:hover::after {
left: 0;
width: 100%;
}
/* 添加文字渐变色与悬停放大 */
.season-block h3 {
background: linear-gradient(120deg, #2c3e50 30%, #3498db 70%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
display: inline-block;
transform-origin: left center;
}
/* 悬停文字放大+投影 */
.season-block:hover h3 {
transform: scale(1.05);
text-shadow: 0 2px 8px rgba(52,152,219,0.2);
}
/* 悬停时线条生长动画 */
.season-block:hover .decorative-line {
height: 100%;
opacity: 0.8;
background-size: 100% 200%;
animation: lineFlow 1.2s infinite linear;
}
@keyframes lineFlow {
0% { background-position: 0 0; }
100% { background-position: 0 200%; }
}
/* 列表 */
.season-block li { list-style: none; }
.season-block li::before { content: "▸"; margin-right: 0.5em; }
.season-block li li::before { content: "|"; color: #666; }
/* 列表项悬停效果 */
.season-block li {
position: relative;
padding-left: 12px;
transition: transform 0.2s;
}
.season-block li::before {
content: "▶";
position: absolute;
left: -15px;
color: currentColor;
opacity: 0;
transition: all 0.3s;
}
/* 悬停时项目符号显现与位移 */
.season-block li:hover {
transform: translateX(8px);
}
.season-block li:hover::before {
opacity: 0.6;
left: -12px;
}
/* 仅桌面端生效 */
@media screen and (min-width: 768px) {
.season-block {
position: relative;
padding: 15px 20px 15px 35px;
/* 其他桌面端专属样式 */
}
.decorative-line {
width: 5px;
height: 90%;
/* 其他装饰线动画 */
}
/* 其他需要禁用的移动端样式 */
}