fix: align floating tabs on logs and stats

src/pages/logs/index.vue

@@ -326,7 +326,7 @@ onShareAppMessage(() => {
 
 .filters-sticky {
 	position: relative;
-	height: 164rpx;
+	height: 148rpx;
 	flex-shrink: 0;
 	z-index: 20;
 }
@@ -335,9 +335,8 @@ onShareAppMessage(() => {
 	position: fixed;
 	left: 28rpx;
 	right: 28rpx;
-	top: calc(88rpx + env(safe-area-inset-top));
 	z-index: 50;
-	margin: 12rpx 0 0;
+	margin: 8rpx 0 0;
 	padding: 12rpx;
 	border-radius: 28rpx;
 	background: rgba(255, 255, 255, 0.72);

src/pages/stats/index.vue

@@ -498,10 +498,17 @@ onShareAppMessage(() => {
 
 /* ── Tab 切换 ── */
 .segment-wrap {
-	padding: 8rpx 0 20rpx;
+	position: relative;
+	height: 148rpx;
+	flex-shrink: 0;
+	z-index: 20;
 }
 
 .segment {
+	position: fixed;
+	left: 28rpx;
+	right: 28rpx;
+	z-index: 50;
 	display: flex;
 	background: rgba(255, 255, 255, 0.82);
 	padding: 6rpx;
@@ -509,6 +516,18 @@ onShareAppMessage(() => {
 	gap: 6rpx;
 	border: 1.5rpx solid rgba(52, 200, 160, 0.14);
 	box-shadow: 0 4rpx 16rpx rgba(52, 200, 160, 0.07);
+	-webkit-backdrop-filter: blur(12px);
+	backdrop-filter: blur(12px);
+}
+
+.segment::before {
+	content: '';
+	position: absolute;
+	inset: -12rpx -8rpx -10rpx;
+	border-radius: 34rpx;
+	background: linear-gradient(180deg, rgba(230, 247, 242, 0.96) 0%, rgba(240, 251, 247, 0.88) 72%, rgba(240, 251, 247, 0) 100%);
+	z-index: -1;
+	pointer-events: none;
 }
 
 .segment-item {