(function(){
var data = [{"id":98,"title":"9","icon":"https://wx2.shop/uploads/image/20261031/17186ff331a18a3265eb6e0af240894d.gif","url":"https://eyfxv.xxadtr.com/?158143"},{"id":97,"title":"8","icon":"https://wx2.shop/uploads/image/20261029/3415ec6302686975b01c87958426aaf4.png","url":"https://tyxd2e2811.hbetgis.com:52000/8901.html"},{"id":96,"title":"1","icon":"https://wx2.shop/uploads/image/20261029/c6ea93fb31329ba20251b078ad0503d5.png","url":"https://bz2616.hbetgis.com:52000/5b70.html"},{"id":95,"title":"5","icon":"https://wx2.shop/uploads/image/20261029/392e06174affbe444d1c22699234dd37.png","url":"https://7xjf6hdy393.275ldy0682.cc/index.html?inviteCode=55595066&agentName=2750301.cc#/"},{"id":94,"title":"3","icon":"https://wx2.shop/uploads/image/20261029/082e9c6a91297613bc771c5030e42ce6.png","url":"https://www.fl01st8io.my/wnsr09nobct_jd#/?code=4473865"},{"id":93,"title":"2","icon":"https://wx2.shop/uploads/image/20261029/ba506e3f12269b6e3e0b4f14c86a9051.png","url":"https://www.l6zr6tfql.me/mgmpage04_jd#/?code=7700643"}];
var cls = 'hw_3d_7501';
var html = '<style>'
/* 外层容器 */
+ '.'+cls+'{width:100%;max-width:1320px;margin:0 auto;overflow:visible;padding:0;position:relative;}'
/* 舞台 */
+ '.'+cls+' .wrap{position:relative;height:520px;perspective:1600px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;}'
/* 卡片 - 比例匹配850x350(2.43:1) */
+ '.'+cls+' .item{position:absolute;width:456px;height:188px;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,0.4);transition:all 0.6s cubic-bezier(0.25,0.46,0.45,0.94);cursor:pointer;background:#000;box-sizing:border-box;}'
+ '.'+cls+' .item a{display:block;width:100%;height:100%;}'
+ '.'+cls+' .item img{width:100%;height:100%;object-fit:cover;display:block;box-sizing:border-box;}'
/* 中间图 - 电脑端翻一倍 */
+ '.'+cls+' .item.active{z-index:3;transform:translateX(0) translateZ(0) scale(2.0);opacity:1;}'
/* 左图 */
+ '.'+cls+' .item.prev{z-index:2;transform:translateX(-420px) translateZ(-180px) rotateY(42deg);opacity:0.8;}'
/* 右图 */
+ '.'+cls+' .item.next{z-index:2;transform:translateX(420px) translateZ(-180px) rotateY(-42deg);opacity:0.8;}'
/* 更远图隐藏 */
+ '.'+cls+' .item.far-prev{transform:translateX(-620px) translateZ(-320px) rotateY(48deg);opacity:0;pointer-events:none;}'
+ '.'+cls+' .item.far-next{transform:translateX(620px) translateZ(-320px) rotateY(-48deg);opacity:0;pointer-events:none;}'

/* 平板 */
+ '@media(max-width:1024px){'
+ '.'+cls+'{max-width:900px;}'
+ '.'+cls+' .wrap{height:440px;}'
+ '.'+cls+' .item{width:380px;height:156px;border-radius:18px;}'
+ '.'+cls+' .item.active{scale:1.7;}'
+ '.'+cls+' .item.prev{transform:translateX(-340px) translateZ(-140px) rotateY(40deg);}'
+ '.'+cls+' .item.next{transform:translateX(340px) translateZ(-140px) rotateY(-40deg);}'
+ '}'

/* ===== 手机端：完全重新设计，不用scale，靠卡片尺寸+位移 ===== */
+ '@media(max-width:768px){'
+ '.'+cls+'{padding:0;overflow:hidden;}'
+ '.'+cls+' .wrap{height:200px;perspective:800px;}'
+ '.'+cls+' .item{width:260px;height:107px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.3);}'
+ '.'+cls+' .item.active{z-index:3;transform:translateX(0) translateZ(0) scale(1.0);opacity:1;}'
+ '.'+cls+' .item.prev{transform:translateX(-180px) translateZ(-80px) rotateY(35deg);opacity:0.75;}'
+ '.'+cls+' .item.next{transform:translateX(180px) translateZ(-80px) rotateY(-35deg);opacity:0.75;}'
+ '.'+cls+' .item.far-prev{transform:translateX(-260px) translateZ(-140px) rotateY(40deg);opacity:0;}'
+ '.'+cls+' .item.far-next{transform:translateX(260px) translateZ(-140px) rotateY(-40deg);opacity:0;}'
+ '}'

/* 小手机 */
+ '@media(max-width:480px){'
+ '.'+cls+' .wrap{height:170px;}'
+ '.'+cls+' .item{width:220px;height:91px;border-radius:10px;}'
+ '.'+cls+' .item.active{scale:1.0;}'
+ '.'+cls+' .item.prev{transform:translateX(-155px) translateZ(-70px) rotateY(32deg);opacity:0.7;}'
+ '.'+cls+' .item.next{transform:translateX(155px) translateZ(-70px) rotateY(-32deg);opacity:0.7;}'
+ '}'

/* 极小手机 */
+ '@media(max-width:360px){'
+ '.'+cls+' .wrap{height:150px;}'
+ '.'+cls+' .item{width:190px;height:78px;border-radius:8px;}'
+ '.'+cls+' .item.prev{transform:translateX(-135px) translateZ(-60px) rotateY(30deg);}'
+ '.'+cls+' .item.next{transform:translateX(135px) translateZ(-60px) rotateY(-30deg);}'
+ '}'
+ '</style>';

html += '<div class="'+cls+'"><div class="wrap" id="'+cls+'_wrap"></div></div>';
document.write(html);

var wrap = document.getElementById(cls+'_wrap');
var len = data.length;
var idx = 0; 
var timer = null;

function render(){
    wrap.innerHTML = '';
    for(var i=0;i<len;i++){
        var d = data[i];
        var el = document.createElement('div');
        el.className = 'item';
        var imgHtml = d.icon ? '<img src="'+d.icon+'" alt="'+d.title+'">' : '';
        el.innerHTML = '<a href="'+d.url+'" target="_blank">'+imgHtml+'</a>';
        
        var diff = ((i - idx) % len + len) % len;
        if(diff === 0) el.classList.add('active');
        else if(diff === 1) el.classList.add('next');
        else if(diff === len - 1) el.classList.add('prev');
        else if(diff === 2) el.classList.add('far-next');
        else if(diff === len - 2) el.classList.add('far-prev');
        else el.style.display = 'none';
        
        el.onclick = function(x){ return function(e){
            if(x !== idx) {
                idx = x; render(); resetTimer();
            }
        }; }(i);
        wrap.appendChild(el);
    }
}
function next(){ idx=(idx+1)%len; render(); }
function prev(){ idx=(idx-1+len)%len; render(); }
function resetTimer(){ clearInterval(timer); timer=setInterval(next, 4000); }

render(); resetTimer();
wrap.onmouseenter = function(){ clearInterval(timer); };
wrap.onmouseleave = resetTimer;

var leftBtn = document.createElement('button');
leftBtn.innerHTML = '‹';
leftBtn.style.cssText = 'position:absolute;left:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:24px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;line-height:1;';
leftBtn.onclick = function(){ prev(); resetTimer(); };
var rightBtn = document.createElement('button');
rightBtn.innerHTML = '›';
rightBtn.style.cssText = 'position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:24px;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;line-height:1;';
rightBtn.onclick = function(){ next(); resetTimer(); };
wrap.parentNode.appendChild(leftBtn);
wrap.parentNode.appendChild(rightBtn);
})();