无编辑摘要 |
无编辑摘要 |
||
第153行: | 第153行: | ||
transform: translateX(8px); | transform: translateX(8px); | ||
} | } | ||
/* | /* 悬停动效系统 */ | ||
.hover- | .season-block:not(strong) { | ||
--hover-color: var(--system-orange, #ff6600); | |||
position: relative; | position: relative; | ||
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |||
transition: | transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); | ||
} | } | ||
. | .season-block:not(strong)::after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
第169行: | 第169行: | ||
height: 2px; | height: 2px; | ||
background: currentColor; | background: currentColor; | ||
-webkit-transition: width 0.3s ease; | |||
transition: width 0.3s ease; | transition: width 0.3s ease; | ||
} | } | ||
. | .season-block:not(strong):hover { | ||
color: var(-- | color: var(--hover-color); | ||
-webkit-transform: translateY(-1px); | |||
transform: translateY(-1px); | transform: translateY(-1px); | ||
cursor: pointer; | |||
} | } | ||
.season-block strong { | |||
.season-block strong | |||
color: inherit !important; | color: inherit !important; | ||
-webkit-transform: none !important; | |||
transform: none !important; | transform: none !important; | ||
cursor: default; | cursor: default; | ||
pointer-events: none; | |||
} | } |