.video-preview-modal,.video-tutorial-modal{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172a6b!important}.el-overlay.video-preview-modal .el-overlay-dialog,.el-overlay.video-tutorial-modal .el-overlay-dialog{align-items:center!important;box-sizing:border-box;display:flex!important;justify-content:center!important;overflow:auto!important;padding:24px 16px!important}.video-preview-dialog.el-dialog,.video-tutorial-dialog.el-dialog{background:#fff!important;border:1px solid rgba(99,102,241,.14);border-radius:var(--radius-lg,20px)!important;bottom:unset!important;box-shadow:0 28px 64px -16px #6366f133,0 10px 28px #0f172a14!important;left:unset!important;margin:auto!important;overflow:hidden;position:relative!important;right:unset!important;top:unset!important;transform:none!important}.video-preview-dialog.el-dialog .el-dialog__header,.video-tutorial-dialog.el-dialog .el-dialog__header{background:#fff;border-bottom:none;margin:0;padding:20px 24px 16px;text-align:left}.video-preview-dialog.el-dialog .el-dialog__title,.video-tutorial-dialog.el-dialog .el-dialog__title{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:-.01em}.video-preview-dialog.el-dialog .el-dialog__body,.video-tutorial-dialog.el-dialog .el-dialog__body{background:#fff;padding:0!important}.video-tutorial-dialog__header{align-items:flex-start;display:flex;gap:14px;padding-right:44px}.video-tutorial-dialog__mark{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;box-shadow:0 6px 16px #6366f147;color:#fff;display:flex;flex-shrink:0;font-size:13px;height:40px;justify-content:center;padding-left:2px;width:40px}.video-tutorial-dialog__heading{flex:1;min-width:0}.video-tutorial-dialog__title{color:#0f172a;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0}.video-tutorial-dialog__brand{color:#4f46e5;font-weight:800;margin:0 .12em}.video-tutorial-dialog__subtitle{color:#64748b;font-size:13px;font-weight:500;line-height:1.45;margin:4px 0 0}.video-tutorial-dialog.el-dialog{display:flex;flex-direction:column;height:min(680px,100vh - 48px);max-height:calc(100vh - 48px);max-width:960px!important;width:min(960px,100vw - 48px)!important}.video-tutorial-dialog.el-dialog .el-dialog__header{flex-shrink:0}.video-tutorial-dialog.el-dialog .el-dialog__body{flex:1;min-height:0;overflow:hidden}.video-preview-dialog.el-dialog{max-width:900px!important;width:min(900px,100vw - 48px)!important}.video-tutorial-content{align-items:stretch;background:#fff;display:flex;height:100%;min-height:0}@media (max-width:768px){.video-tutorial-content{flex-direction:column}}.tutorial-left{background:#fff;border-right:1px solid rgba(226,232,240,.55);display:flex;flex:0 0 248px;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:8px 16px 20px 20px}@media (max-width:768px){.tutorial-left{background:#f8fafc;border-bottom:none;border-right:none;flex:0 0 auto;overflow:visible;padding:0 16px 16px}}.tutorial-support-fold{border:none;margin:0;padding:0}.tutorial-support-fold__trigger{display:none;list-style:none}.tutorial-support-fold__trigger::-webkit-details-marker{display:none}@media (min-width:769px){.tutorial-support-fold{display:flex;flex:1;flex-direction:column;min-height:0}.tutorial-support-fold>.tutorial-support{display:flex!important;flex:1;min-height:0}}.tutorial-support{align-items:stretch;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex:1;flex-direction:column;gap:14px;min-height:0;padding:12px 4px 4px}.tutorial-support__head{align-items:center;display:flex;gap:10px}.tutorial-support__avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:11px;box-shadow:0 4px 12px #6366f147;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;width:36px}.tutorial-support__head-text{flex:1;min-width:0}.tutorial-support__title{color:#0f172a;font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.3}.tutorial-support__status{align-items:center;color:#64748b;display:inline-flex;font-size:12px;font-weight:500;gap:6px;line-height:1.3;margin-top:2px}.tutorial-support__dot{animation:vt-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 3px #22c55e2e;height:6px;width:6px}.tutorial-support__chips{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.tutorial-support__chips li{align-items:center;background:#f8faffe6;border:1px solid rgba(226,232,240,.7);border-radius:10px;color:#475569;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center;line-height:1.2;padding:8px 4px;transition:border-color .22s cubic-bezier(.32,.72,0,1),background .22s cubic-bezier(.32,.72,0,1),color .22s cubic-bezier(.32,.72,0,1)}.tutorial-support__chips li i{color:#6366f1;font-size:12px}.tutorial-support__chips li:hover{background:#6366f10f;border-color:#6366f133;color:#4338ca}@keyframes vt-pulse{0%,to{box-shadow:0 0 0 3px #22c55e2e}50%{box-shadow:0 0 0 5px #22c55e14}}.qr-frame{aspect-ratio:1;background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:var(--radius-md,14px);box-shadow:0 1px 3px #0f172a0a;margin:0 auto;max-width:168px;padding:10px;transition:border-color .28s cubic-bezier(.32,.72,0,1),box-shadow .28s cubic-bezier(.32,.72,0,1),transform .28s cubic-bezier(.32,.72,0,1);width:100%}.qr-frame:hover{border-color:#6366f138;box-shadow:0 6px 18px -8px #6366f129;transform:translateY(-1px)}.qr-code-img{display:block;-o-object-fit:contain;object-fit:contain}.qr-code-img,.qr-placeholder{border-radius:10px;height:100%;width:100%}.qr-placeholder{align-items:center;background:linear-gradient(160deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;gap:8px;justify-content:center}.qr-placeholder .placeholder-icon-wrap{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.qr-placeholder .placeholder-tip{color:#64748b;font-size:12px;font-weight:600}.qr-info{text-align:center}.qr-info .app-name{color:#0f172a;font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.35;margin-bottom:4px}.qr-info .live-info{color:#64748b;font-size:12px;line-height:1.5}.live-tip{align-items:flex-start;background:#6366f10d;border:1px solid rgba(99,102,241,.08);border-radius:10px;color:#4338ca;display:flex;font-size:12px;font-weight:600;gap:8px;line-height:1.45;margin-top:auto;padding:10px 11px;text-align:left}.live-tip i{color:#6366f1;flex-shrink:0;margin-top:1px}.tutorial-right{background:#fff;display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;padding:8px 24px 20px}.tutorial-right__head{align-items:flex-start;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;margin-bottom:14px}.tutorial-right__head-text{min-width:0}.tutorial-right__head-text h3{color:#0f172a;font-size:16px;font-weight:700;letter-spacing:-.015em;margin:0 0 4px}.tutorial-right__head-text p{color:#64748b;font-size:13px;line-height:1.45;margin:0}.tutorial-right__count{background:#f1f5f9e6;border:1px solid rgba(226,232,240,.65);border-radius:999px;color:#64748b;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;margin-top:2px;padding:4px 10px}.tutorial-right__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:rgba(148,163,184,.55) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.tutorial-right__scroll::-webkit-scrollbar{width:6px}.tutorial-right__scroll::-webkit-scrollbar-track{background:transparent}.tutorial-right__scroll::-webkit-scrollbar-thumb{background:#94a3b88c;border-radius:999px}.tutorial-right__scroll::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:768px){.tutorial-right{flex:1;min-height:0;padding:8px 16px 16px}}.tutorial-category-tabs{--tab-index:0;--tab-count:3;background:#f8fafcf2;border:1px solid rgba(226,232,240,.7);border-radius:12px;display:grid;flex-shrink:0;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;margin-bottom:16px;max-width:100%;padding:4px;position:relative;width:-moz-fit-content;width:fit-content}.tutorial-category-tabs__glider{background:#fff;border:1px solid rgba(99,102,241,.12);border-radius:9px;bottom:4px;box-shadow:0 2px 8px #6366f11a;left:4px;pointer-events:none;position:absolute;top:4px;transform:translate3d(calc(var(--tab-index)*100%),0,0);transition:transform .42s cubic-bezier(.32,.72,0,1);width:calc((100% - 8px)/var(--tab-count));will-change:transform;z-index:0}.tutorial-category-tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;line-height:1.2;padding:7px 12px;position:relative;transition:color .28s cubic-bezier(.32,.72,0,1),transform .18s cubic-bezier(.32,.72,0,1);white-space:nowrap;z-index:1}.tutorial-category-tab:hover:not(.is-active){color:#4f46e5}.tutorial-category-tab:active{transform:scale(.97)}.tutorial-category-tab:focus-visible{outline:2px solid rgba(99,102,241,.45);outline-offset:2px}.tutorial-category-tab.is-active{background:transparent;border-color:transparent;box-shadow:none;color:#4338ca}.tutorial-category-tab__count{align-items:center;background:#94a3b829;border-radius:6px;color:inherit;display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.tutorial-category-tab.is-active .tutorial-category-tab__count{background:#4f46e51f}.video-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.video-grid{gap:10px;grid-template-columns:1fr}}.video-item{animation:vt-card-in .4s cubic-bezier(.32,.72,0,1) both;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#fff;border:1px solid rgba(226,232,240,.72);border-radius:var(--radius-md,14px);box-shadow:0 1px 2px #0f172a06;color:inherit;cursor:pointer;display:block;font:inherit;margin:0;overflow:hidden;padding:0;text-align:left;transition:transform .24s cubic-bezier(.32,.72,0,1),box-shadow .24s cubic-bezier(.32,.72,0,1),border-color .24s cubic-bezier(.32,.72,0,1);width:100%}.video-item:first-child{animation-delay:0s}.video-item:nth-child(2){animation-delay:.04s}.video-item:nth-child(3){animation-delay:.08s}.video-item:nth-child(4){animation-delay:.12s}.video-item:nth-child(5){animation-delay:.16s}.video-item:nth-child(6){animation-delay:.2s}.video-item:nth-child(7){animation-delay:.24s}.video-item:nth-child(8){animation-delay:.28s}.video-item:hover{border-color:#6366f147;box-shadow:0 14px 32px -10px #6366f12e;transform:translateY(-3px)}.video-item:hover .video-overlay{opacity:1}.video-item:hover .video-play-chip{opacity:0;transform:scale(.9)}.video-item:hover .play-button{transform:scale(1.06)}.video-item:hover .media-placeholder .placeholder-icon-wrap,.video-item:hover .media-placeholder .placeholder-tip{opacity:0}.video-item:hover .video-title{color:#4f46e5}.video-item:hover .video-thumbnail img{transform:scale(1.05)}.video-item:active{box-shadow:0 4px 12px -4px #6366f11f;transform:translateY(0) scale(.985)}.video-item:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}@keyframes vt-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.video-thumbnail{aspect-ratio:16/10;background:linear-gradient(145deg,#f8fafc,#f1f5f9 55%,#eef2ff);overflow:hidden;position:relative;width:100%}.video-thumbnail:after{background:linear-gradient(180deg,transparent 50%,rgba(15,23,42,.06));content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.video-thumbnail img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.32,.72,0,1);width:100%}.video-thumbnail .media-placeholder{align-items:center;background:#ffffff8c;display:flex;flex-direction:column;gap:10px;top:0;right:0;bottom:0;left:0;justify-content:center;padding:12px;position:absolute;z-index:1}.video-thumbnail .media-placeholder .placeholder-icon-wrap{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;font-size:17px;height:44px;justify-content:center;transition:opacity .22s cubic-bezier(.32,.72,0,1);width:44px}.video-thumbnail .media-placeholder .placeholder-tip{color:#64748b;font-size:12px;font-weight:600;line-height:1.4;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:opacity .22s cubic-bezier(.32,.72,0,1);white-space:nowrap}.video-play-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a94;border-radius:10px;bottom:10px;box-shadow:0 2px 8px #0f172a2e;color:#fff;font-size:10px;height:30px;padding-left:1px;right:10px;transition:opacity .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1);width:30px;z-index:2}.video-overlay,.video-play-chip{align-items:center;display:flex;justify-content:center;pointer-events:none;position:absolute}.video-overlay{background:linear-gradient(180deg,#0f172a14,#2563eb6b);top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .24s cubic-bezier(.32,.72,0,1);z-index:3}.play-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;box-shadow:0 8px 20px #6366f15c;color:#fff;display:flex;font-size:14px;height:48px;justify-content:center;padding-left:2px;transition:transform .24s cubic-bezier(.32,.72,0,1);width:48px}.video-info{padding:12px 14px 14px}.video-info .video-title{color:#0f172a;display:-webkit-box;font-size:14px;font-weight:700;letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin-bottom:8px;-webkit-box-orient:vertical;overflow:hidden;transition:color .22s cubic-bezier(.32,.72,0,1)}.video-info .video-meta{display:flex;flex-wrap:wrap;gap:6px}.video-info .video-tag{align-items:center;background:#6366f114;border-radius:6px;color:#64748b;display:inline-flex;font-size:11px;font-weight:600;line-height:1.3;max-width:100%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.video-empty{background:#f8fafc99;border:1px dashed rgba(148,163,184,.35);border-radius:var(--radius-md,14px);color:#94a3b8;flex-direction:column;gap:12px;min-height:100%;padding:32px 16px}.video-empty,.video-empty__icon{align-items:center;display:flex;justify-content:center}.video-empty__icon{background:#6366f114;border-radius:14px;color:#818cf8;font-size:22px;height:56px;width:56px}.video-empty p{color:#64748b;font-size:14px;font-weight:600;margin:0}.video-preview-content{background:#fff;padding:16px 18px 20px}.video-preview-content .video-player{aspect-ratio:16/9;background:#0f172a;border:1px solid rgba(15,23,42,.12);border-radius:var(--radius-md,14px);box-shadow:0 12px 28px -8px #0f172a38;overflow:hidden;position:relative;width:100%}.video-preview-content .video-element{background:#0f172a;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.video-preview-content .video-preview-fallback{align-items:center;background:linear-gradient(145deg,#f8fafc,#eef2ff);display:flex;flex-direction:column;gap:12px;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.video-preview-content .video-preview-fallback .placeholder-icon-wrap{align-items:center;background:#6366f11a;border-radius:16px;color:#6366f1;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}.video-preview-content .video-preview-fallback .placeholder-tip{color:#64748b;font-size:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.tutorial-support__dot,.video-item{animation:none!important}.play-button,.qr-frame,.tutorial-category-tab,.tutorial-category-tabs__glider,.video-item,.video-item:active,.video-item:hover,.video-thumbnail img{transform:none!important;transition:none!important}.tutorial-category-tabs__glider{transform:translate3d(calc(var(--tab-index)*100%),0,0)!important}}@media (max-width:900px){.el-overlay.video-preview-modal .el-overlay-dialog,.el-overlay.video-tutorial-modal .el-overlay-dialog{padding:12px 8px!important}.video-preview-dialog.el-dialog,.video-tutorial-dialog.el-dialog{margin:auto!important;max-width:960px!important;width:calc(100vw - 24px)!important}.video-tutorial-dialog.el-dialog{height:min(680px,100vh - 24px);max-height:calc(100vh - 24px)}.video-tutorial-dialog__header{gap:12px}.video-tutorial-dialog__mark{border-radius:10px;font-size:12px;height:36px;width:36px}.video-tutorial-dialog__title{font-size:16px}.video-tutorial-dialog__subtitle{font-size:12px}}@media (max-width:768px){.el-overlay.video-preview-modal .el-overlay-dialog,.el-overlay.video-tutorial-modal .el-overlay-dialog{align-items:center!important;justify-content:center!important;overflow:auto!important;padding:24px 16px!important}.video-tutorial-dialog.el-dialog{border:1px solid rgba(99,102,241,.14);border-radius:20px!important;box-shadow:0 24px 56px -14px #6366f138,0 8px 24px #0f172a14!important;height:min(680px,100dvh - 48px)!important;margin:auto!important;max-height:calc(100dvh - 48px)!important;max-width:min(600px,100vw - 32px)!important;width:min(600px,100vw - 32px)!important}.video-tutorial-dialog.el-dialog .el-dialog__header{border-bottom:1px solid rgba(226,232,240,.95);padding:18px 18px 14px}.video-preview-dialog.el-dialog{border:1px solid rgba(99,102,241,.14);border-radius:20px!important;box-shadow:0 24px 56px -14px #6366f138,0 8px 24px #0f172a14!important;display:flex;flex-direction:column;margin:auto!important;max-height:calc(100dvh - 48px)!important;max-width:min(600px,100vw - 32px)!important;width:min(600px,100vw - 32px)!important}.video-preview-dialog.el-dialog .el-dialog__header{flex-shrink:0;padding:18px 18px 12px}.video-preview-dialog.el-dialog .el-dialog__body{display:flex;flex:1;flex-direction:column;min-height:0}.video-tutorial-dialog__header{gap:10px;padding-right:40px}.video-tutorial-dialog__mark{border-radius:9px;font-size:11px;height:32px;width:32px}.video-tutorial-dialog__title{font-size:15px;line-height:1.35}.video-tutorial-dialog__subtitle{color:#94a3b8;font-size:12px;margin-top:3px}.video-tutorial-content{background:#f8fafc;flex-direction:column;overflow:hidden}.tutorial-right{background:#f8fafc;flex:1;min-height:0;order:1;padding:14px 16px 8px}.tutorial-right__head{align-items:center;margin-bottom:12px}.tutorial-right__head-text h3{font-size:16px;margin-bottom:0}.tutorial-right__head-text p{display:none}.tutorial-right__count{background:#fff;font-size:11px;padding:4px 10px}.tutorial-right__scroll{padding-right:0;scrollbar-width:none;-ms-overflow-style:none;scrollbar-gutter:auto}.tutorial-right__scroll::-webkit-scrollbar{display:none;height:0;width:0}.tutorial-left{background:#f8fafc;flex:0 0 auto;order:2;padding:0 16px 16px}.tutorial-support-fold{background:#fff;border:1px solid rgba(226,232,240,.85);border-radius:14px;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.tutorial-support-fold__trigger{align-items:center;cursor:pointer;display:flex;gap:10px;list-style:none;padding:12px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tutorial-support-fold__trigger::-webkit-details-marker{display:none}.tutorial-support-fold__icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:9px;color:#fff;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;width:32px}.tutorial-support-fold__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.tutorial-support-fold__title{color:#0f172a;font-size:14px;font-weight:700;line-height:1.3}.tutorial-support-fold__hint{color:#94a3b8;font-size:11px;font-weight:500;line-height:1.3}.tutorial-support-fold__chevron{color:#94a3b8;flex-shrink:0;font-size:12px;transition:transform .25s cubic-bezier(.32,.72,0,1)}.tutorial-support-fold[open] .tutorial-support-fold__chevron{transform:rotate(180deg)}.tutorial-support-fold .tutorial-support{border-top:1px solid rgba(226,232,240,.65);display:flex;flex-direction:column;gap:12px;padding:0 14px 14px}.tutorial-support-fold .tutorial-support__head{display:none}.qr-frame{margin:12px auto 0;max-width:140px;padding:8px;width:100%}.qr-frame:hover{box-shadow:none;transform:none}.qr-info{text-align:center}.qr-info .app-name{font-size:13px}.qr-info .live-info{font-size:11px}.tutorial-support__chips{gap:8px}.tutorial-support__chips li{background:#f8fafc;border-radius:10px;padding:8px 6px}.live-tip{border-radius:10px;font-size:11px;margin-top:0;padding:9px 11px}.tutorial-category-tabs{background:#e2e8f073;border-color:transparent;border-radius:11px;margin-bottom:14px;padding:3px;width:100%}.tutorial-category-tab{font-size:12px;padding:8px 10px}.video-grid{gap:12px;grid-template-columns:1fr}.video-item{animation:none;background:#fff;border:none;border-radius:14px;box-shadow:0 1px 4px #0f172a0f;display:block}.video-item:hover{border-color:transparent;box-shadow:0 2px 8px #0f172a14;transform:none}.video-item:hover .video-overlay{opacity:0}.video-item:hover .video-play-chip{opacity:1}.video-item:hover .video-title{color:#0f172a}.video-item:active{transform:scale(.985)}.video-item .video-thumbnail{aspect-ratio:16/9;border-radius:14px 14px 0 0;width:100%}.video-item .video-thumbnail .media-placeholder .placeholder-icon-wrap{font-size:16px;height:40px;width:40px}.video-item .video-overlay,.video-item .video-thumbnail .media-placeholder .placeholder-tip{display:none}.video-item .video-play-chip{background:#0f172a8c;border-radius:50%;bottom:auto;font-size:12px;height:36px;left:50%;opacity:1;right:auto;top:50%;transform:translate(-50%,-50%);width:36px}.video-item .video-info{padding:12px 14px 14px}.video-item .video-info .video-title{font-size:14px;font-weight:700;-webkit-line-clamp:2;line-clamp:2;margin-bottom:8px}.video-item .video-info .video-tag{background:#6366f11a;border-radius:999px;color:#6366f1;font-size:11px;padding:4px 9px}.video-preview-content{display:flex;flex:1;flex-direction:column;min-height:0;padding:8px 12px 16px}.video-preview-content .video-player{aspect-ratio:auto;border-radius:12px;flex:1;min-height:0}}@media (max-width:480px){.video-tutorial-dialog.el-dialog .el-dialog__header{padding:16px 16px 12px}.tutorial-right{padding:12px 14px 6px}.tutorial-left{padding:0 14px 14px}.video-grid{gap:10px}}.video-tutorial-preload{height:1px;left:-9999px;overflow:hidden;pointer-events:none;position:absolute;top:0;width:1px}.video-tutorial-preload__el{height:1px;opacity:0;width:1px}