/* 全站样式增强 */
.ui-style-0 body { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); }
.ui-style-1 body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; }
.ui-style-1 .card { background: rgba(255,255,255,0.95); color: #333; }
.ui-style-2 body { background: #fafafa; }
.ui-style-3 body { background: linear-gradient(to right, #434343 0%, black 100%); color: #f0f0f0; }
.ui-style-3 .card { background: #2a2a2a; color: #f0f0f0; }
.ui-style-3 a { color: #66b3ff; }
.ui-style-4 body { background: #fff3e0; }
.ui-style-5 body { background: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); }
.ui-style-6 body { background: #eceff1; }
.ui-style-7 body { background: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
.ui-style-8 body { background: #f1f1f1; }
.ui-style-9 body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.ui-style-10 body { background: #fff9c4; }
.ui-style-11 body { background: linear-gradient(to right, #fa709a 0%, #fee140 100%); }
.ui-style-12 body { background: #e8eaf6; }
.ui-style-13 body { background: linear-gradient(to top, #30cfd0 0%, #330867 100%); color: #fff; }
.ui-style-13 .card { background: rgba(255,255,255,0.95); color: #333; }
.ui-style-14 body { background: #f5f5f5; }
.ui-style-15 body { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }

/* 卡片悬停效果 */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* 列表项悬停 */
.list-item {
  transition: background 0.2s ease;
}
.list-item:hover {
  background: #f9f9f9;
}

/* 按钮样式 */
.btn {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background: #0066cc;
  color: #fff;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.btn:hover {
  background: #0052a3;
  text-decoration: none;
}

/* 响应式优化 */
@media (max-width: 768px) {
  .container {
    padding: 0 0.8rem;
  }
  .card {
    border-radius: 4px;
  }
}

/* 返回顶部按钮 */
#backToTop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 50px;
  height: 50px;
  background: #0066cc;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: background 0.3s ease;
  z-index: 999;
}
#backToTop:hover {
  background: #0052a3;
}
#backToTop.show {
  display: flex;
}