31 lines
2.4 KiB
Plaintext
31 lines
2.4 KiB
Plaintext
.page { min-height: 100vh; background: linear-gradient(180deg, #fff8f2 0%, #f5f0ff 100%); }
|
|
.search-bar { display: flex; align-items: center; gap: 14rpx; padding: 14rpx 28rpx; }
|
|
.back { font-size: 60rpx; color: #272235; font-weight: 300; line-height: 1; }
|
|
.input-wrap { flex: 1; display: flex; align-items: center; background: rgba(255,255,255,0.88); border: 1rpx solid rgba(255,255,255,0.72); border-radius: 999rpx; padding: 0 20rpx; height: 76rpx; gap: 10rpx; box-shadow: 0 8rpx 18rpx rgba(78,56,96,0.08); }
|
|
.search-icon { font-size: 30rpx; }
|
|
.search-input { flex: 1; font-size: 28rpx; color: #272235; }
|
|
.clear { font-size: 36rpx; color: #9b8fa8; }
|
|
.search-btn { font-size: 28rpx; font-weight: 800; color: #ff4f91; padding: 0 6rpx; }
|
|
|
|
.hot-section { padding: 20rpx 28rpx; }
|
|
.section-title { display: block; font-size: 26rpx; font-weight: 900; color: #9b8fa8; margin-bottom: 20rpx; }
|
|
.hot-tags { display: flex; flex-direction: column; gap: 0; background: rgba(255,255,255,0.88); border-radius: 36rpx; overflow: hidden; border: 1rpx solid rgba(255,255,255,0.72); box-shadow: 0 12rpx 26rpx rgba(78,56,96,0.08); }
|
|
.hot-tag { display: flex; align-items: center; gap: 20rpx; padding: 22rpx 28rpx; border-bottom: 1rpx solid rgba(43,37,61,0.05); }
|
|
.hot-tag:last-child { border-bottom: none; }
|
|
.tag-rank { font-size: 30rpx; font-weight: 900; color: #ff4f91; width: 32rpx; text-align: center; }
|
|
.hot-tag:nth-child(n+4) .tag-rank { color: #9b8fa8; }
|
|
.tag-text { flex: 1; font-size: 28rpx; font-weight: 700; color: #272235; }
|
|
.tag-count { font-size: 24rpx; color: #9b8fa8; }
|
|
|
|
.results-tabs { display: flex; padding: 0 28rpx 20rpx; gap: 8rpx; }
|
|
.rtab { font-size: 28rpx; font-weight: 700; color: #9b8fa8; padding: 10rpx 20rpx; border-radius: 999rpx; }
|
|
.rtab-on { color: #ff4f91; background: rgba(255,79,145,0.10); font-weight: 900; }
|
|
|
|
.user-result { display: flex; align-items: center; gap: 20rpx; padding: 20rpx 28rpx; background: rgba(255,255,255,0.80); border-bottom: 1rpx solid rgba(43,37,61,0.05); }
|
|
.u-avatar { width: 88rpx; height: 88rpx; border-radius: 28rpx; display: flex; align-items: center; justify-content: center; font-size: 36rpx; font-weight: 800; color: rgba(39,34,53,0.72); flex-shrink: 0; }
|
|
.u-name { display: block; font-size: 28rpx; font-weight: 800; color: #272235; }
|
|
.u-bio { display: block; font-size: 24rpx; color: #9b8fa8; margin-top: 4rpx; }
|
|
|
|
.empty { text-align: center; font-size: 26rpx; color: #9b8fa8; padding: 80rpx; }
|
|
.results-scroll { }
|