|
|
|
@ -228,13 +228,14 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
/* ===== 顶部标题区 ===== */ |
|
|
|
/* 左右等宽,标题留在中间,时间和标题不再叠在一起 - rqrq */ |
|
|
|
.screen-header { |
|
|
|
position: relative; |
|
|
|
height: 60px; |
|
|
|
display: flex; |
|
|
|
display: grid; |
|
|
|
grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr); |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 0 40px; |
|
|
|
padding: 0 20px; |
|
|
|
z-index: 10; |
|
|
|
border-bottom: 2px solid rgba(23, 179, 163, 0.4); |
|
|
|
background: linear-gradient(180deg, rgba(23, 179, 163, 0.08) 0%, transparent 100%); |
|
|
|
@ -242,10 +243,7 @@ export default { |
|
|
|
|
|
|
|
/* CCL Logo */ |
|
|
|
.header-logo { |
|
|
|
position: absolute; |
|
|
|
left: 20px; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
justify-self: start; |
|
|
|
z-index: 20; |
|
|
|
} |
|
|
|
|
|
|
|
@ -324,19 +322,17 @@ export default { |
|
|
|
text-transform: uppercase; |
|
|
|
} |
|
|
|
|
|
|
|
/* 时间只占右上角文字,不留底块,避免罩住中间标题 - rqrq */ |
|
|
|
.header-time { |
|
|
|
position: absolute; |
|
|
|
right: 10px; |
|
|
|
right: 24px; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
gap: 12px; |
|
|
|
|
|
|
|
padding: 12px 20px; |
|
|
|
border-radius: 8px; |
|
|
|
|
|
|
|
backdrop-filter: blur(10px); |
|
|
|
line-height: 1; |
|
|
|
padding: 0; |
|
|
|
background: transparent; |
|
|
|
} |
|
|
|
|
|
|
|
.time-icon { |
|
|
|
|