Merge pull request '去六边形' (#20) from why_ga into main

Reviewed-on: #20
This commit is contained in:
李鹏宇
2026-09-03 15:54:24 +08:00
+4 -16
View File
@@ -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;