46 lines
2.7 KiB
Plaintext
46 lines
2.7 KiB
Plaintext
/* ── 搜索页: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 { }
|