.video-container{margin:0 auto;max-width:900px}.video-section{margin-bottom:60px}.section-title{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:24px}.video-list{display:flex;flex-direction:column;gap:16px}.video-item{align-items:center;display:flex;gap:16px;padding:12px 0;transition:all .3s ease}.video-item:hover{transform:translateX(4px)}.video-badge{align-items:center;background-color:#c4ff5e;border-radius:20px;color:#1a5240;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.video-badge svg{height:12px;width:12px}.video-title{color:#1a7f5e;flex:1;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.video-title:hover{color:#0d5943;text-decoration:underline}.video-meta{flex-shrink:0;gap:24px}.video-duration,.video-meta{align-items:center;display:flex}.video-duration{color:#666;font-size:14px;gap:6px}.video-duration svg{color:#999;height:16px;width:16px}.video-views{color:#666;font-size:14px;min-width:100px;text-align:right}.load-more{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-top:16px;padding:0;transition:all .3s ease}.load-more:hover{color:#1a7f5e}.load-more:hover svg{transform:translateY(2px)}.load-more svg{height:16px;transition:transform .3s ease;width:16px}.video-section.collapsed .video-list{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.video-section:not(.collapsed) .video-list{max-height:2000px;opacity:1;transition:max-height .3s ease,opacity .3s ease}.video-section.collapsed .load-more svg{transform:rotate(0deg)}.video-section:not(.collapsed) .load-more svg{transform:rotate(180deg)}@media (max-width:768px){.video-item{flex-wrap:wrap;gap:12px}.video-meta{justify-content:space-between;margin-left:0;width:100%}.video-views{min-width:auto}}@media (max-width:480px){body{padding:20px}.section-title{font-size:20px;margin-bottom:16px}.video-badge{font-size:10px;padding:5px 12px}.video-title{font-size:15px}.video-meta{align-items:flex-start;flex-direction:column;gap:8px}.video-duration,.video-views{font-size:13px}.video-views{text-align:left}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-item{animation:fadeIn .4s ease-out}.video-item:first-child{animation-delay:0s}.video-item:nth-child(2){animation-delay:.1s}.video-item:nth-child(3){animation-delay:.2s}.video-item:nth-child(4){animation-delay:.3s}