.page { background: #000; min-height: 100vh; } .nav-bar { position: relative; display: flex; align-items: center; justify-content: space-between; /* height: 44px; */ padding: 0 16px; background: #000; color: #fff; box-sizing: border-box; z-index: 1; } .nav-title { font-size: 16px; font-weight: 600; } .skip-btn { font-size: 14px; color: #ffffff; opacity: 0.9; } .video-wrap { width: 100%; background: #000; } .video { width: 100%; height: 100%; } .tips { padding: 5px 16px; text-align: center; font-size: 12px; color: #bbb; background: #000; } /* 右上角固定关闭按钮样式 */ .skip-fixed { position: fixed; right: 12px; /* top 动态由内联样式结合状态栏高度控制 */ background: rgba(0, 0, 0, 0.35); color: #fff; border-radius: 18px; padding: 6px 12px; border: 0.5px solid rgba(255, 255, 255, 0.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); line-height: 12px; z-index: 999; } .skip-text { font-size: 12px; }