无编辑摘要 |
无编辑摘要 |
||
| 第152行： | 第152行： | ||
.season-block li:hover { | .season-block li:hover { | ||
transform: translateX(8px); | transform: translateX(8px); | ||
} | |||
/* 新增悬停动效系统 */ | |||
.hover-word { | |||
position: relative; | |||
display: inline-block; | |||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |||
cursor: pointer; | |||
} | |||
.hover-word::after { | |||
content: ''; | |||
position: absolute; | |||
left: 0; | |||
bottom: -2px; | |||
width: 0; | |||
height: 2px; | |||
background: currentColor; | |||
transition: width 0.3s ease; | |||
} | |||
.hover-word:hover { | |||
color: var(--system-orange); | |||
transform: translateY(-1px); | |||
} | |||
.hover-word:hover::after { | |||
width: 100%; | |||
} | |||
/* 排除粗体标签的悬停效果 */ | |||
.season-block strong .hover-word, | |||
.season-block strong .hover-word:hover { | |||
color: inherit !important; | |||
transform: none !important; | |||
cursor: default; | |||
} | |||
.season-block strong .hover-word::after { | |||
display: none; | |||
} | } | ||