[data-v-4e9402e6] .video-box{width:800px;height:450px}[data-v-4e9402e6] .video-box video{margin:0;padding:0}.instruction[data-v-4e9402e6]{min-width:1234px;margin:24px;background:var(--colorBgContainer);border:1px solid var(--colorBorderSecondary);border-radius:2px;padding:16px 24px}.instruction .box[data-v-4e9402e6]{min-height:calc(100vh - 200px)}.instruction .box .card-box[data-v-4e9402e6]{width:100%;display:grid;-moz-column-gap:24px;column-gap:24px;box-sizing:border-box}.instruction .box .card-box .card[data-v-4e9402e6]{box-sizing:border-box;min-width:266px;background:var(--colorBgElevated);border:1px solid var(--colorBorderSecondary);border-radius:4px;margin-bottom:24px;overflow:hidden}.instruction .box .card-box .card .card-top[data-v-4e9402e6]{position:relative}.instruction .box .card-box .card .card-top[data-v-4e9402e6]:before{display:block;content:"";width:100%;padding-top:56%}.instruction .box .card-box .card .card-top .cover[data-v-4e9402e6]{width:100%;height:100%;position:absolute;inset:0}.instruction .box .card-box .card .card-top .cover img[data-v-4e9402e6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.instruction .box .card-box .card .name[data-v-4e9402e6]{height:40px;font-family:PingFangSC-Medium;font-weight:500;font-size:14px;color:var(--colorText);line-height:40px;padding:0 16px;display:flex;justify-content:space-between}.instruction .box .card-box .card .name .detail[data-v-4e9402e6]{max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.instruction .box .card-box .card .name .time[data-v-4e9402e6],.instruction .tips[data-v-4e9402e6]{font-family:PingFangSC-Regular;font-weight:400;font-size:14px;color:var(--colorTextTertiary)}.instruction .tips[data-v-4e9402e6]{padding-left:8px}@media screen and (max-width:1759px){.card-box[data-v-4e9402e6]{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1760px){.card-box[data-v-4e9402e6]{grid-template-columns:repeat(5,1fr)}}