2026-03-27 02:30:48 +00:00
|
|
|
|
.home-right-visual {
|
2026-04-03 02:40:34 +00:00
|
|
|
|
position: absolute;
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
left: 35%; // 向左侧偏移(原本是 50%)
|
|
|
|
|
|
transform: translate(-50%, -50%);
|
2026-03-27 02:30:48 +00:00
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
2026-04-03 02:40:34 +00:00
|
|
|
|
z-index: 10;
|
2026-03-27 02:30:48 +00:00
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
2026-04-03 02:40:34 +00:00
|
|
|
|
&__video {
|
|
|
|
|
|
width: 800px;
|
|
|
|
|
|
max-width: none;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
object-fit: cover;
|
|
|
|
|
|
// 轻微的阴影可以让视频更好地融入背景
|
|
|
|
|
|
filter: drop-shadow(0 15px 35px rgba(99, 102, 241, 0.15));
|
|
|
|
|
|
// webm 如果带透明通道,正常显示即可,不再需要 mix-blend-mode 干扰
|
2026-03-27 02:30:48 +00:00
|
|
|
|
}
|
|
|
|
|
|
}
|