.videos-main{padding:40px 20px;max-width:900px;margin:0 auto}.videos-nav{margin-bottom:20px}.videos-nav a{color:#0066cc;font-size:16px;text-decoration:none}.videos-nav a:hover{text-decoration:underline}.videos-main h1{margin-bottom:6px}.videos-subtitle{color:var(--text-secondary,#888);margin-bottom:32px}.videos-subtitle a{color:#cc0000;text-decoration:none}.videos-subtitle a:hover{text-decoration:underline}.videos-grid{display:flex;flex-direction:column;gap:20px}.video-card{display:flex;gap:16px;text-decoration:none;color:inherit;border-radius:10px;padding:12px;transition:background .15s;border:1px solid transparent}.video-card:hover{background:var(--card-hover,rgba(0,0,0,.03));border-color:var(--border-color,rgba(0,0,0,.08))}:root[data-theme=dark] .video-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}.video-thumb{position:relative;flex-shrink:0;width:240px;border-radius:8px;overflow:hidden}.video-thumb img{width:100%;height:auto;display:block}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(204,0,0,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transition:opacity .2s}.video-card:hover .video-play{opacity:1}.video-info{display:flex;flex-direction:column;gap:6px;min-width:0}.video-info h3{margin:0;font-size:1.05rem;color:var(--text-primary,#1a1a1a);line-height:1.4}:root[data-theme=dark] .video-info h3{color:#e8e8e8}.video-info p{margin:0;font-size:.88rem;color:var(--text-secondary,#666);line-height:1.5}.video-date{font-size:.8rem;color:var(--text-tertiary,#999);margin-top:auto}@media (max-width:600px){.video-card{flex-direction:column}.video-thumb{width:100%}}