(function(){
var data = [{"id":123,"title":"\u5e7f\u544a\u62db\u79df","icon":"https://wx2.shop/uploads/image/20261102/ef8bcf4db81643b54d4ae49fed3bb3fb.png","url":"http://91d.shop/"},{"id":121,"title":"pg2","icon":"https://wx2.shop/uploads/image/20261101/0110fcd06de0fd5baf747e41c17723ce.gif","url":"https://aass6p21.snackoften.com/?channel=21522237"},{"id":119,"title":"23","icon":"https://wx2.shop/uploads/image/20261101/8a08e94fc5a522074eafef4d1a4dc88a.gif","url":"https://www.vpq7g.com/"},{"id":118,"title":"\u6fb3\u95e8","icon":"https://wx2.shop/uploads/image/20261101/9767ff20945917322d20121139c0f9c2.gif","url":"https://pen-y0uo-1ili.amtk66.top/#amtk135"},{"id":117,"title":"\u5927\u53d1","icon":"https://wx2.shop/uploads/image/20261101/0f36fc6fd2707e84c9906c3749923387.gif","url":"https://8588kk09.skymakerlife.com/?channel=22311147"},{"id":116,"title":"pg\u5a31\u4e50\u57ce","icon":"https://wx2.shop/uploads/image/20261101/b89178ae3b42937dd387127627e32858.gif","url":"https://194d.2146613.cc/"},{"id":115,"title":"\u7ea2\u679c\u89c6\u9891","icon":"https://wx2.shop/uploads/image/20261101/2e9af89288c78c21c6d66489d21125b1.gif","url":"https://ttqqqjjjqqqqvipvipooowwdtvtv.hongguotuiguang.\u6709\u7f18\u7ea2\u679c\u7f51\u65d7\u8230\u5e97.com:3264/?channelCode=gg385"},{"id":114,"title":"\u5f69\u7968\u7f51","icon":"https://wx2.shop/uploads/image/20261101/9ba7204afad6b453a14daa519b00d732.gif","url":"https://149.104.142.203:8122/?93347711"},{"id":101,"title":"1","icon":"https://wx2.shop/uploads/image/20261031/20bc6f11b8ff54d179992ea58dbc3ae6.gif","url":"https://eyfxv.xxadtr.com/?158143"}];
var cls = 'hw_bs_4394';
var html = '<style>'
/* 外层 - 去掉min-width:960px，手机不再被撑爆 */
+ '.'+cls+'{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box;position:relative;}'
/* 轮播视窗 */
+ '.'+cls+' .view{position:relative;width:100%;min-height:100px;max-height:none;height:auto;overflow:hidden;border-radius:14px;background:transparent;}'
/* 图片列表 - 纵向列表 */
+ '.'+cls+' .list{display:flex;flex-direction:column;width:100%;transition:transform 0.6s ease;}'
+ '.'+cls+' .list a{display:block;width:100%;height:auto;min-height:60px;background:transparent;margin-bottom:8px;border-radius:10px;overflow:hidden;}'
+ '.'+cls+' .list a:last-child{margin-bottom:0;}'
/* 图片完整显示 */
+ '.'+cls+' .list img{width:100%;height:auto;max-height:180px;object-fit:contain;display:block;}'
/* 左右按钮 */
+ '.'+cls+' .btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.45);color:#fff;border:none;font-size:24px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;}'
+ '.'+cls+' .view:hover .btn{opacity:1;}'
+ '.'+cls+' .btn.prev{left:12px;}'
+ '.'+cls+' .btn.next{right:12px;}'
/* 圆点 */
+ '.'+cls+' .dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5;}'
+ '.'+cls+' .dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all .3s;}'
+ '.'+cls+' .dots span.on{background:#fff;width:18px;border-radius:4px;}'

/* 平板 */
+ '@media(max-width:1024px){'
+ '.'+cls+'{padding:14px;}'
+ '.'+cls+' .view{border-radius:12px;}'
+ '}'
/* 手机 */
+ '@media(max-width:768px){'
+ '.'+cls+'{padding:12px;}'
+ '.'+cls+' .view{border-radius:10px;}'
+ '.'+cls+' .list a{min-height:50px;margin-bottom:6px;border-radius:8px;}'
+ '.'+cls+' .list img{max-height:140px;}'
+ '.'+cls+' .btn{width:34px;height:34px;font-size:20px;opacity:1;}'
+ '.'+cls+' .dots{bottom:8px;gap:4px;}'
+ '.'+cls+' .dots span{width:6px;height:6px;}'
+ '.'+cls+' .dots span.on{width:14px;}'
+ '}'
/* 小手机 */
+ '@media(max-width:480px){'
+ '.'+cls+'{padding:10px;}'
+ '.'+cls+' .view{border-radius:8px;}'
+ '.'+cls+' .list a{min-height:44px;margin-bottom:5px;border-radius:6px;}'
+ '.'+cls+' .list img{max-height:110px;}'
+ '.'+cls+' .btn{width:30px;height:30px;font-size:18px;}'
+ '.'+cls+' .dots{bottom:6px;}'
+ '}'
+ '</style>';

html += '<div class="'+cls+'"><div class="view"><div class="list" id="'+cls+'_list"></div><button class="btn prev" id="'+cls+'_prev">‹</button><button class="btn next" id="'+cls+'_next">›</button><div class="dots" id="'+cls+'_dots"></div></div></div>';
document.write(html);

var list = document.getElementById(cls+'_list');
var dotsBox = document.getElementById(cls+'_dots');
var len = data.length;
var idx = 0;
var PER_PAGE = 10;     // 一次显示5条，修正
var timer = null;
var startX = 0;

function render(){
    list.innerHTML = '';
    for(var i=idx;i<idx+PER_PAGE && i<len;i++){
        var d = data[i];
        var img = d.icon ? '<img src="'+d.icon+'" alt="'+d.title+'">' : '';
        list.innerHTML += '<a href="'+d.url+'" target="_blank">'+img+'</a>';
    }
    list.style.transform = 'translateX(0)';
    
    dotsBox.innerHTML = '';
    var totalPages = Math.ceil(len / PER_PAGE);
    var currentPage = Math.floor(idx / PER_PAGE);
    for(var j=0;j<totalPages;j++){
        var dot = document.createElement('span');
        if(j === currentPage) dot.className = 'on';
        dot.onclick = function(x){ return function(){ idx=x*PER_PAGE; render(); resetTimer(); }; }(j);
        dotsBox.appendChild(dot);
    }
}
function next(){ 
    idx += PER_PAGE; 
    if(idx >= len) idx = 0; 
    render(); 
}
function prev(){ 
    idx -= PER_PAGE; 
    if(idx < 0) idx = Math.max(0, len - PER_PAGE); 
    render(); 
}
function resetTimer(){ clearInterval(timer); timer=setInterval(next, 4000); }

render(); resetTimer();

var view = list.parentElement;
view.onmouseenter = function(){ clearInterval(timer); };
view.onmouseleave = resetTimer();

document.getElementById(cls+'_prev').onclick = function(){ prev(); resetTimer(); };
document.getElementById(cls+'_next').onclick = function(){ next(); resetTimer(); };

list.addEventListener('touchstart', function(e){ startX = e.touches[0].pageX; });
list.addEventListener('touchend', function(e){
    var dx = e.changedTouches[0].pageX - startX;
    if(Math.abs(dx) > 40){ dx < 0 ? next() : prev(); resetTimer(); }
});
})();