.teaching-container .video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.teaching-container .video-grid .video-item{position:relative;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#000}.teaching-container .video-grid .video-item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.2);box-shadow:0 8px 25px rgba(0,0,0,.2)}.teaching-container .video-grid .video-item video{width:100%;height:100%;opacity:.7;display:block}.teaching-container .video-grid .video-item .video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;background:rgba(0,0,0,.3)}.teaching-container .video-grid .video-item .play-icon{font-size:50px;color:hsla(0,0%,100%,.9);text-shadow:0 2px 10px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.teaching-container .video-grid .video-item .video-title{position:absolute;bottom:0;left:0;width:100%;padding:10px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:14px;opacity:.9}.teaching-container .docs-card{margin-top:16px}.teaching-container .docs-card .doc-item{padding:15px;margin-bottom:12px;border-radius:8px;background:#f8fafc;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.05);box-shadow:0 2px 5px rgba(0,0,0,.05);gap:12px}.teaching-container .docs-card .doc-content,.teaching-container .docs-card .doc-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.teaching-container .docs-card .doc-content{gap:6px}.teaching-container .docs-card .doc-item:hover{-webkit-transform:translateX(3px);transform:translateX(3px);background:#e3f2fd;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.08);box-shadow:0 5px 15px rgba(0,0,0,.08)}.teaching-container .docs-card .doc-title{font-weight:600;font-size:16px;color:#2c3e50}