.video-selector-demo[data-v-2b5f4936]{padding:20px}.mod-demo__video-selector[data-v-2b5f4936]{max-width:1200px;margin:0 auto}h3[data-v-2b5f4936]{color:#409eff;margin-bottom:20px}h4[data-v-2b5f4936]{color:#666;margin-bottom:15px}.selected-card[data-v-2b5f4936]{display:inline-block;margin-right:15px;margin-bottom:15px;padding:10px;border:2px solid #409eff;border-radius:8px;background:#f0f9ff}.selected-card p[data-v-2b5f4936]{margin:8px 0 5px;font-size:14px;font-weight:500;color:#303133}.selected-card .video-type[data-v-2b5f4936]{display:inline-block;font-size:12px;color:#606266;background:#e1f3ff;padding:2px 8px;border-radius:4px}.selected-grid[data-v-2b5f4936]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px}.usage-tips[data-v-2b5f4936]{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:30px}.usage-tips h4[data-v-2b5f4936]{color:#409eff;margin-bottom:15px}.usage-tips ul[data-v-2b5f4936]{list-style:none;padding:0;margin:0}.usage-tips li[data-v-2b5f4936]{padding:5px 0;color:#666}.usage-tips li[data-v-2b5f4936]:before{content:"📌";margin-right:8px}@media (max-width:768px){.selected-card[data-v-2b5f4936]{margin-right:10px;margin-bottom:10px}.selected-card .el-image[data-v-2b5f4936]{width:120px;height:72px}}