.clip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.clip-card{background-color:#f0f0f0;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1)}.clip-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.clip-thumbnail img{width:100%;height:100%;object-fit:cover}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:rgba(0,0,0,.6);border-radius:50%;display:flex;justify-content:center;align-items:center}.play-icon::after{content:'';width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff}.clip-content{padding:15px}.clip-title{font-size:16px;font-weight:700;margin-bottom:10px;color:#333}.clip-stats{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:14px}.clip-views{display:flex;align-items:center}.clip-views::before{content:'👁️';margin-right:5px}.clip-actions{display:flex;gap:10px}.clip-actions button{background:0 0;border:none;cursor:pointer;display:flex;align-items:center;color:#666}.clip-actions button::before{margin-right:5px}.like-btn::before{content:'👍'}.dislike-btn::before{content:'👎'}@media(max-width:1200px){.clip-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.clip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.clip-grid{grid-template-columns:1fr}}