无编辑摘要 |
无编辑摘要 |
||
| 第92行： | 第92行： | ||
height: 95%; | height: 95%; | ||
} | } | ||
} | |||
/* 导航链接悬停效果 */ | |||
.season-nav a { | |||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); | |||
position: relative; | |||
color: #7f8c8d; | |||
} | |||
.season-nav a:hover { | |||
color: var(--system-orange); | |||
transform: translateY(-2px); | |||
} | |||
.season-nav a::after { | |||
content: ''; | |||
position: absolute; | |||
bottom: -3px; | |||
left: 0; | |||
width: 0; | |||
height: 2px; | |||
background: var(--system-orange); | |||
transition: width 0.3s ease; | |||
} | |||
.season-nav a:hover::after { | |||
width: 100%; | |||
} | |||
/* 模块卡片悬停效果 */ | |||
.season-block { | |||
transition: | |||
transform 0.25s ease, | |||
box-shadow 0.3s ease, | |||
border-color 0.2s ease; | |||
border: 1px solid rgba(0,0,0,0.05); | |||
} | |||
.season-block:hover { | |||
transform: translateY(-4px); | |||
box-shadow: 0 8px 24px rgba(0,0,0,0.12); | |||
border-color: rgba(0,0,0,0.15); | |||
} | |||
/* 颜色系统动态增强 */ | |||
.color-system-1:hover::before { | |||
filter: brightness(1.2); | |||
} | |||
.color-system-2:hover::before { | |||
filter: saturate(1.5); | |||
} | |||
/* 列表项微交互 */ | |||
.season-block li { | |||
transition: transform 0.2s ease; | |||
transform-origin: left; | |||
} | |||
.season-block li:hover { | |||
transform: translateX(8px); | |||
} | } | ||