* { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
body { background: #fff; color: #111; }

/* 毛玻璃卡片 */
.glass-card {
  background: rgba(255,255,255,0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(107,46,229,0.08);
}

/* 按钮 */
.btn {
  padding: 6px 16px;
  border: 1px solid #333;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  border-radius: 8px;
  transition: all 0.2s;
}
.btn:hover { background: #f5f5f5; }
.btn:disabled { color: #999; border-color: #ccc; cursor: not-allowed; background: #fafafa; }
.btn-sm { padding: 3px 8px; font-size: 12px; }

.btn-primary {
  background: linear-gradient(135deg, #6b2ee5, #8b5cf6);
  color: #fff;
  border: none;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #5b1fd5, #7c4fe6);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(107,46,229,0.3);
}
.btn-primary:disabled {
  background: #d4d4d4;
  color: #999;
  transform: none;
  box-shadow: none;
}

.btn-secondary {
  border: 1px solid #6b2ee5;
  color: #6b2ee5;
  background: #fff;
}
.btn-secondary:hover {
  background: #ede9fe;
  transform: translateY(-1px);
}

.btn-danger { border-color: #dc2626; color: #dc2626; }
.btn-danger:hover { background: #fef2f2; }

/* 导航栏按钮（紫色背景上的半透明按钮） */
.nav-btn {
  background: rgba(255,255,255,0.2);
  color: #fff;
  border-color: rgba(255,255,255,0.4);
}
.nav-btn:hover {
  background: rgba(255,255,255,0.3);
}

/* 输入框 */
.input {
  border: 1px solid #ccc;
  padding: 8px 12px;
  outline: none;
  font-size: 14px;
  width: 100%;
  border-radius: 8px;
  transition: all 0.2s;
}
.input:focus {
  border-color: #6b2ee5;
  box-shadow: 0 0 0 3px rgba(107,46,229,0.12);
}

.divider { border-top: 1px solid #e5e5e5; margin: 16px 0; }

/* 响应式：移动端胶囊Tab */
.mobile-tabs {
  display: none;
}
@media (max-width: 640px) {
  .mobile-tabs {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
  }
  .mobile-tab {
    flex: 1;
    padding: 8px 12px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    background: rgba(255,255,255,0.5);
    transition: all 0.2s;
  }
  .mobile-tab.active {
    background: #6b2ee5;
    color: #fff;
    border-color: #6b2ee5;
  }
  .desktop-nav {
    display: none;
  }
}