<>
/* 与 Banner 同比例;仅移动端预留导航高度(PC 导航透明叠在 Banner 上,top:0) */
#lcp-splash {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 0;
width: 100%;
aspect-ratio: 1190 / 699;
max-height: 100vh;
overflow: hidden;
background: #000;
pointer-events: none;
}
#lcp-splash[hidden] {
display: none;
}
#lcp-splash img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 移动端:对齐 NavBar.vue,预留白底导航占位 */
@media screen and (max-width: 1023px) {
#lcp-splash {
top: 66px;
max-height: calc(100vh - 66px);
}
#lcp-splash::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
height: 66px;
background: #fff;
pointer-events: none;
}
}
@media screen and (max-width: 376px) {
#lcp-splash {
top: 48px;
max-height: calc(100vh - 48px);
}
#lcp-splash::before {
height: 48px;
}
}
>