/* ── 搜索页:Vital 风格 ── */
.page { min-height: 100vh; background: #f1f2f6; }

/* 顶栏内导航行:返回 + 标题(玻璃样式由 .glass-topbar 提供) */
.navbar {
  display: flex;
  align-items: center;
  gap: 8rpx;
  padding-left: 20rpx;
  box-sizing: border-box;
}

.navbar-title { font-size: 36rpx; font-weight: 700; }

.back { font-size: 60rpx; color: #1b1b20; font-weight: 300; line-height: 1; padding: 0 10rpx; }

/* 搜索框行:标题栏下方,全宽 */
.search-bar { display: flex; align-items: center; gap: 14rpx; padding: 14rpx 28rpx; }
.input-wrap { flex: 1; display: flex; align-items: center; background: #ffffff; border-radius: 999rpx; padding: 0 20rpx; height: 76rpx; gap: 10rpx; box-shadow: var(--shadow-soft); }
.search-icon { font-size: 30rpx; }
.search-input { flex: 1; font-size: 28rpx; color: #1b1b20; }
.clear { font-size: 36rpx; color: #b9bdc6; }
.search-btn { font-size: 28rpx; font-weight: 600; color: #7563e0; padding: 0 6rpx; }

.hot-section { padding: 20rpx 28rpx; }
.section-title { display: block; font-size: 26rpx; font-weight: 600; color: #b9bdc6; margin-bottom: 20rpx; }
.hot-tags { display: flex; flex-direction: column; gap: 0; background: #ffffff; border-radius: 36rpx; overflow: hidden; box-shadow: var(--shadow-soft); }
.hot-tag { display: flex; align-items: center; gap: 20rpx; padding: 22rpx 28rpx; border-bottom: 1rpx solid rgba(27, 27, 32, 0.04); }
.hot-tag:last-child { border-bottom: none; }
.tag-rank { font-size: 30rpx; font-weight: 700; color: #7563e0; width: 32rpx; text-align: center; font-variant-numeric: tabular-nums; }
.hot-tag:nth-child(n+4) .tag-rank { color: #b9bdc6; }
.tag-text { flex: 1; font-size: 28rpx; font-weight: 600; color: #1b1b20; }
.tag-count { font-size: 24rpx; color: #b9bdc6; font-variant-numeric: tabular-nums; }

.results-tabs { display: flex; padding: 0 28rpx 20rpx; gap: 8rpx; }
.rtab { font-size: 28rpx; font-weight: 600; color: #6e7280; padding: 10rpx 20rpx; border-radius: 999rpx; }
.rtab-on { color: #1b1b20; background: #ffffff; font-weight: 700; box-shadow: 0 8rpx 18rpx rgba(27, 27, 32, 0.08); }

.user-result { display: flex; align-items: center; gap: 20rpx; padding: 20rpx 28rpx; background: #ffffff; border-bottom: 1rpx solid rgba(27, 27, 32, 0.04); }
.u-avatar { width: 88rpx; height: 88rpx; border-radius: 28rpx; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 700; color: rgba(27, 27, 32, 0.65); flex-shrink: 0; }
.u-name { display: block; font-size: 28rpx; font-weight: 600; color: #1b1b20; }
.u-bio { display: block; font-size: 24rpx; color: #b9bdc6; margin-top: 4rpx; }

.empty { text-align: center; font-size: 26rpx; color: #b9bdc6; padding: 80rpx; }
.results-scroll { }