* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: system-ui, -apple-system, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, sans-serif; } /* 视频容器 – 保持原始宽高和定位 */ .video-container { position: relative; width: 100%; height: 550px; overflow: hidden; } /* 视频铺满 */ .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* 文字层 – 居中 + 靠左对齐，白色文字，无背景遮罩 */ .text-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 1000px; text-align: left; /* 靠左对齐 */ z-index: 2; } /* 标题 – 加粗，白色 */ .title { font-size: 2rem; font-weight: 700; line-height: 1.3; margin-bottom: 1rem; color: white; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6); letter-spacing: -0.2px; } /* 描述文字 – 白色，清晰，靠左排版 */ .description { font-size: 1.1rem; line-height: 1.55; color: white; font-weight: 500; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.55); max-width: 800px; } /* 移动端适配 */ @media (max-width: 768px) { .title { font-size: 1.5rem; margin-bottom: 0.75rem; } .description { font-size: 0.95rem; } .text-box { width: 92%; } } @media (max-width: 480px) { .title { font-size: 1.25rem; } .description { font-size: 0.85rem; line-height: 1.45; } }