.breadcrumb{background-color:var(--light-bg-color);padding:15px 0;font-size:.9rem;border-bottom:1px solid rgba(0,0,0,.05)}.breadcrumb .container{display:flex;align-items:center;gap:10px}.breadcrumb a{color:var(--text-color);text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:var(--primary-color)}.breadcrumb span{color:#888}.video-hero{background:linear-gradient(135deg,var(--light-bg-color) 0,#fff 100%);padding:70px 0 50px;text-align:center}.video-hero h1{margin-bottom:18px;max-width:900px;margin-left:auto;margin-right:auto;color:var(--secondary-color)}.video-hero .subtitle{font-size:1.15rem;color:#555;max-width:760px;margin:0 auto;line-height:1.6}.video-main{padding:50px 0 80px;background-color:var(--white-color)}.video-main .container{max-width:1360px}.video-layout{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}.video-toc{position:sticky;top:90px;align-self:start;padding:22px 24px;background:var(--light-bg-color);border:1px solid rgba(0,0,0,.05);border-radius:16px}.video-toc-title{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary-color);margin:0 0 14px}.video-toc-list{list-style:none;margin:0;padding:0;counter-reset:video-toc}.video-toc-list>li{margin-bottom:14px}.video-toc-cat{display:block;font-weight:700;color:var(--secondary-color);text-decoration:none;padding:4px 0;transition:color .25s ease}.video-toc-cat:hover{color:var(--primary-color)}.video-toc-sub{list-style:none;margin:6px 0 0;padding-left:14px;border-left:2px solid rgba(0,0,0,.08)}.video-toc-sub li{margin:4px 0}.video-toc-sub a{color:var(--text-color);text-decoration:none;font-size:.92rem;transition:color .25s ease}.video-toc-sub a:hover{color:var(--primary-color)}.video-category{scroll-margin-top:90px;margin-bottom:20px}.video-category:last-child{margin-bottom:0}.video-category-head{margin-bottom:16px}.video-category-head h2{margin:0 0 8px;color:var(--secondary-color)}.video-category-head p{margin:0;color:#666}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.video-card{scroll-margin-top:90px;display:flex;flex-direction:column;background:var(--white-color);border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.07);transition:transform .3s cubic-bezier(.22, 1, .36, 1),box-shadow .3s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.12)}.video-card-player{--plyr-color-main:var(--primary-color, #2C82C9);position:relative;aspect-ratio:16/9;background:#000}@supports not (aspect-ratio:1 / 1){.video-card-player{height:0;padding-top:56.25%}}.video-card-player .plyr,.video-card-player video{width:100%;height:100%}.video-card-player video{object-fit:contain;background:#000;display:block}.video-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}.video-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.video-card-title{margin:0;font-size:1.15rem;color:var(--secondary-color);flex:1}.video-card-desc{margin:0;color:#555;font-size:.95rem;line-height:1.55;flex:1}.video-card-share{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:rgba(255,255,255,.9);color:#9aa5b1;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.video-card-share svg{flex-shrink:0}.video-card-share:focus-visible,.video-card-share:hover{color:var(--primary-color,#2c82c9);border-color:rgba(44,130,201,.45);background:#fff;outline:0}.video-card-share:focus-visible{outline:2px solid var(--primary-color,#2C82C9);outline-offset:2px}.video-card-share.is-copied{color:var(--accent-color,#82c341);border-color:rgba(130,195,65,.55)}.video-card-share::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);right:0;padding:4px 8px;border-radius:6px;background:var(--secondary-color,#202c39);color:#fff;font-size:.72rem;line-height:1.2;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.video-card-share.is-copied::after,.video-card-share:focus-visible::after,.video-card-share:hover::after{opacity:1;transform:translateY(0)}@media (max-width:992px){.video-layout{grid-template-columns:1fr;gap:32px}.video-toc{position:static;top:auto}}@media (max-width:768px){.video-hero{padding:50px 0 36px}.video-hero h1{font-size:2rem}.video-main{padding:36px 0 60px}.video-grid{grid-template-columns:1fr}}