:root { --hw-red: #cf0a2c; --hw-gray-light: #f5f5f5; }
body { font-family: 'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif; color: #222; }
.hw-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; }
.nav-link { position: relative; transition: color 0.2s; }
.nav-link::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 0; height: 2px; background: var(--hw-red); transition: width 0.3s; }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.nav-link:hover, .nav-link.active { color: var(--hw-red) !important; }
.btn-primary { background: var(--hw-red); color: white; padding: 10px 28px; border-radius: 30px; font-weight: 500; transition: all 0.3s; border: 1px solid var(--hw-red); display: inline-block; }
.btn-primary:hover { background: transparent; color: var(--hw-red); }
.btn-outline { border: 1px solid #333; color: #333; padding: 10px 28px; border-radius: 30px; font-weight: 500; transition: all 0.3s; display: inline-block; }
.btn-outline:hover { background: #333; color: white; }
.card-hover { transition: transform 0.3s, box-shadow 0.3s; }
.card-hover:hover { transform: translateY(-8px); box-shadow: 0 20px 30px -10px rgba(0,0,0,0.15); }