/* 补充图片卡片样式 */
.sh-image-card { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: 0.3s; }
.sh-image-card:hover { box-shadow: 0 12px 24px rgba(0,0,0,0.08); transform: translateY(-4px); }
.sh-image-card img { width: 100%; height: 200px; object-fit: cover; }
.sh-image-card-body { padding: 24px; }
.sh-image-card-body h4 { font-size: 20px; color: var(--sh-primary); margin-bottom: 12px; }
.sh-image-card-body p { color: #666; font-size: 15px; line-height: 1.6; }

/* 侧边固定客服组件 */
.sh-floating-bar { position: fixed; right: 0; top: 50%; transform: translateY(-50%); background: #fff; box-shadow: -4px 0 16px rgba(0,0,0,0.08); z-index: 90; display: flex; flex-direction: column; border-radius: 8px 0 0 8px; overflow: hidden; }
.sh-floating-item { width: 64px; height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--sh-primary); text-decoration: none; border-bottom: 1px solid #f0f0f0; transition: 0.3s; font-size: 12px; cursor: pointer; }
.sh-floating-item:last-child { border-bottom: none; }
.sh-floating-item:hover { background: var(--sh-primary); color: #fff; }
.sh-floating-item svg { width: 24px; height: 24px; margin-bottom: 4px; fill: currentColor; }

@media (max-width: 768px) {
  .sh-floating-bar { display: none; }
}