+4
-16
@@ -233,10 +233,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
|
|||||||
#bottomBar {
|
#bottomBar {
|
||||||
position: fixed; left: 0; right: 0; bottom: 0; height: calc(72px + env(safe-area-inset-bottom)); z-index: 120;
|
position: fixed; left: 0; right: 0; bottom: 0; height: calc(72px + env(safe-area-inset-bottom)); z-index: 120;
|
||||||
display: flex; align-items: center; gap: 14px; padding: 0 max(18px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(18px, env(safe-area-inset-right));
|
display: flex; align-items: center; gap: 14px; padding: 0 max(18px, env(safe-area-inset-left)) env(safe-area-inset-bottom) max(18px, env(safe-area-inset-right));
|
||||||
background-image:
|
background-image: linear-gradient(0deg, rgba(12,18,32,0.98), rgba(8,12,22,0.98));
|
||||||
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='52'%20viewBox='0%200%2046%2052'%3E%3Cpolygon%20points='23,4%2041,15%2041,37%2023,48%205,37%205,15'%20fill='none'%20stroke='%234a6fa5'%20stroke-opacity='0.12'%20stroke-width='1.4'/%3E%3C/svg%3E"),
|
|
||||||
linear-gradient(0deg, rgba(12,18,32,0.98), rgba(8,12,22,0.98));
|
|
||||||
background-repeat: repeat, no-repeat;
|
|
||||||
border-top: 2px solid rgba(100,200,255,0.35);
|
border-top: 2px solid rgba(100,200,255,0.35);
|
||||||
backdrop-filter: blur(8px);
|
backdrop-filter: blur(8px);
|
||||||
}
|
}
|
||||||
@@ -311,10 +308,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
|
|||||||
padding: 0 14px;
|
padding: 0 14px;
|
||||||
border-top: 2px solid var(--mv-accent, #4aafff);
|
border-top: 2px solid var(--mv-accent, #4aafff);
|
||||||
border-bottom: 1px solid rgba(120,200,255,0.12);
|
border-bottom: 1px solid rgba(120,200,255,0.12);
|
||||||
background-image:
|
background-image: linear-gradient(180deg, rgba(12,18,32,0.97), rgba(8,12,22,0.97));
|
||||||
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='52'%20viewBox='0%200%2046%2052'%3E%3Cpolygon%20points='23,4%2041,15%2041,37%2023,48%205,37%205,15'%20fill='none'%20stroke='%234a6fa5'%20stroke-opacity='0.16'%20stroke-width='1.4'/%3E%3C/svg%3E"),
|
|
||||||
linear-gradient(180deg, rgba(12,18,32,0.97), rgba(8,12,22,0.97));
|
|
||||||
background-repeat: repeat, no-repeat;
|
|
||||||
box-shadow: inset 0 0 24px rgba(0,0,0,0.5), 0 6px 18px rgba(0,0,0,.3);
|
box-shadow: inset 0 0 24px rgba(0,0,0,0.5), 0 6px 18px rgba(0,0,0,.3);
|
||||||
z-index: 29; pointer-events: auto;
|
z-index: 29; pointer-events: auto;
|
||||||
}
|
}
|
||||||
@@ -332,10 +326,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
|
|||||||
#microBottomBar {
|
#microBottomBar {
|
||||||
min-height: 52px; flex-shrink: 0; padding: 6px 14px;
|
min-height: 52px; flex-shrink: 0; padding: 6px 14px;
|
||||||
border-bottom: 2px solid var(--mv-accent, #4aafff);
|
border-bottom: 2px solid var(--mv-accent, #4aafff);
|
||||||
background-image:
|
background-image: linear-gradient(0deg, rgba(12,18,32,0.97), rgba(8,12,22,0.97));
|
||||||
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='52'%20viewBox='0%200%2046%2052'%3E%3Cpolygon%20points='23,4%2041,15%2041,37%2023,48%205,37%205,15'%20fill='none'%20stroke='%234a6fa5'%20stroke-opacity='0.14'%20stroke-width='1.4'/%3E%3C/svg%3E"),
|
|
||||||
linear-gradient(0deg, rgba(12,18,32,0.97), rgba(8,12,22,0.97));
|
|
||||||
background-repeat: repeat, no-repeat;
|
|
||||||
box-shadow: 0 -6px 24px rgba(0,0,0,.45);
|
box-shadow: 0 -6px 24px rgba(0,0,0,.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -380,10 +371,7 @@ body { background: #0a0e17; overflow: hidden; font-family: 'Microsoft YaHei', sa
|
|||||||
position: absolute; left: 0; right: 280px; bottom: 100%;
|
position: absolute; left: 0; right: 280px; bottom: 100%;
|
||||||
margin-bottom: 0; padding: 8px 14px 4px;
|
margin-bottom: 0; padding: 8px 14px 4px;
|
||||||
display: flex; flex-direction: column; gap: 6px;
|
display: flex; flex-direction: column; gap: 6px;
|
||||||
background-image:
|
background-image: linear-gradient(0deg, rgba(12,18,32,.99), rgba(8,12,22,.99));
|
||||||
url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='46'%20height='52'%20viewBox='0%200%2046%2052'%3E%3Cpolygon%20points='23,4%2041,15%2041,37%2023,48%205,37%205,15'%20fill='none'%20stroke='%234a6fa5'%20stroke-opacity='0.14'%20stroke-width='1.4'/%3E%3C/svg%3E"),
|
|
||||||
linear-gradient(0deg, rgba(12,18,32,.99), rgba(8,12,22,.99));
|
|
||||||
background-repeat: repeat, no-repeat;
|
|
||||||
border-radius: 14px 14px 0 0;
|
border-radius: 14px 14px 0 0;
|
||||||
box-shadow: 0 -10px 36px rgba(0,0,0,.55);
|
box-shadow: 0 -10px 36px rgba(0,0,0,.55);
|
||||||
transform: translateY(24px); opacity: 0; visibility: hidden;
|
transform: translateY(24px); opacity: 0; visibility: hidden;
|
||||||
|
|||||||
Reference in New Issue
Block a user