/* ===== 自定义组件样式 ===== */

/* 灵感提示词 chip */
.chip {
  padding: 0.4rem 0.85rem;
  font-size: 0.8rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: rgb(203 213 225);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.chip:hover {
  background: rgba(99, 102, 241, 0.15);
  border-color: rgba(99, 102, 241, 0.4);
  color: rgb(224 231 255);
  transform: translateY(-1px);
}
.chip:active {
  transform: translateY(0);
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* select 下拉箭头深色化 */
select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.6rem center;
  background-size: 1rem;
  padding-right: 2rem;
}
select option {
  background: #0f172a;
  color: #e2e8f0;
}

/* 历史卡片悬停效果 */
.history-card {
  transition: all 0.3s ease;
}
.history-card:hover {
  transform: translateY(-2px);
}

/* 加载 shimmer */
.shimmer {
  background: linear-gradient(90deg, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.03) 75%);
  background-size: 1000px 100%;
  animation: shimmer 2s linear infinite;
}

/* toast 显示 */
#toast.show {
  opacity: 1;
}

/* 登录引导脉冲箭头 */
#loginHint svg {
  animation: bounce-down 1.2s ease-in-out infinite;
}
@keyframes bounce-down {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}