/* 全局样式增强 */
body.ui-style-8 {
  --primary-color: hsl(180, 70%, 50%);
  --primary-hover: hsl(180, 70%, 45%);
}

.logo { color: var(--primary-color) !important; }
nav a:hover, nav a.active { color: var(--primary-color) !important; }
h2 { border-left-color: var(--primary-color) !important; }
.card:hover { border-color: var(--primary-color); }

/* 响应式优化 */
@media (max-width: 768px) {
  .container { padding: 1rem 0.75rem; }
  .section { padding: 1.25rem; }
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  .card-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  nav a { font-size: 0.75rem; padding: 0.3rem 0.1rem; }
}

/* 动画效果 */
.card { transition: all 0.3s ease; }
.card:hover { transform: translateY(-6px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); }
a { transition: opacity 0.2s ease; }

/* 返回顶部按钮 */
.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 48px;
  height: 48px;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 999;
  transition: all 0.3s ease;
}
.back-to-top:hover { transform: scale(1.1); }
.back-to-top.show { display: flex; }