.m3u-card{background:0 0;border:2px solid transparent;border-radius:12px;padding:18px;transition:all .3s;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}.m3u-card:hover,.m3u-card:active{transform:translateY(-4px);background:rgba(200,8,17,.1);border-color:#da5a60;box-shadow:0 8px 20px rgba(218,90,96,.3)}.m3u-logo{width:100px;height:100px;border-radius:10px;margin-bottom:12px;object-fit:contain;background:linear-gradient(135deg,#c80811,#da5a60);max-width:100%;border:2px solid #da5a60}.m3u-name{font-weight:600;font-size:16px;margin-bottom:8px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;word-wrap:break-word}.m3u-category-tag{font-size:12px;color:#fff;background:linear-gradient(135deg,#c80811,#da5a60);padding:4px 10px;border-radius:6px;display:inline-block;box-shadow:0 2px 8px rgba(200,8,17,.4)}.m3u-page-btn{padding:10px 14px;background:#000;border:2px solid #da5a60;color:#eee;border-radius:8px;cursor:pointer;transition:all .3s;font-size:14px;min-width:44px;touch-action:manipulation}.m3u-page-btn:hover,.m3u-page-btn:active{background:#c80811;border-color:#c80811;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(200,8,17,.4)}.m3u-page-btn.active{background:linear-gradient(135deg,#c80811,#da5a60);border-color:#c80811;color:#fff;font-weight:700;box-shadow:0 4px 15px rgba(200,8,17,.5)}.m3u-hidden{display:none}@media (max-width:768px){.m3u-card{padding:12px}.m3u-logo{width:80px;height:80px}.m3u-name{font-size:14px}.m3u-category-tag{font-size:11px;padding:3px 8px}.m3u-page-btn{padding:8px 12px;font-size:13px;min-width:40px}}@media (max-width:480px){.m3u-card{padding:10px}.m3u-logo{width:70px;height:70px}.m3u-name{font-size:13px}.m3u-page-btn{padding:7px 10px;font-size:12px;min-width:36px}}