<> /* 按钮样式 */ .download-btn-animated { width: 160px; height: 48px; border-radius: 12px; background-image: linear-gradient(135deg#007AFF#00C6FF); color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; box-shadow: 0 8px 20px -6px rgba(01222550.5); transition: all 0.3s cubic-bezier(0.250.80.251); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .download-btn-animated:hover { transform: translateY(-2px); box-shadow: 0 12px 25px -8px rgba(01222550.6); } .download-btn-animated:active { transform: scale(0.96); } /* 面包屑链接 */ .breadcrumb-links a { transition: color 0.2s; } .breadcrumb-links a:hover { color: #007AFF; text-decoration: underline; } /* 收藏按钮激活态 (通过JS添加的 active 类名变色) */ /* 这里我们利用CSS选择器，如果原来的按钮变色了，虽然看不见，但我们可以尝试hack */ /* 更稳妥的方式是：SVG始终显示，点击触发功能即可，颜色变化需要JS支持，或者简单点：hover变黄 */