/* ==========================================================================
   游戏下载组件 - 公用CSS样式
   说明：本文件是下载组件的公用样式，所有主题和后台预览都使用此样式
   包含10种样式：经典金色、现代卡片、简约风格、游戏风格、仙侠风格、
   机械朋克、水墨国风、像素复古、玻璃拟态、3D立体
   ========================================================================== */

.component-game-download{

    position:absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

    pointer-events:none;

    z-index:99998;

}

.game-download-wrapper{

    position:absolute;

    left:50%;

    transform:translateX(-50%);
    margin:0 auto;

    width:fit-content;

    max-width:90%;

    pointer-events:auto;

    display:flex;

    flex-direction:column;

    align-items:center;
    z-index:9998;

}

.game-download-buttons{

    display:flex;

    gap:30px;

    position:relative;

    align-items:center;
    flex-shrink:0;
}

.game-download-btn-group{

    position:relative;

    display:flex;

    flex-direction:column;

    align-items:center;

}

.game-download-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-width:220px;

    height:68px;

    padding:0 40px;

    text-decoration:none;

    cursor:pointer;

    transition:all .3s ease;

    position:relative;

    overflow:hidden;

    font-weight:bold;

    letter-spacing:2px;
    white-space:nowrap;
    flex-shrink:0;
}

.game-download-btn .btn-icon{

    font-size:28px;

    filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));

}

.game-download-divider{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:bold;

    padding:0 10px;

}

.game-download-btn.disabled{

    opacity:0.5;

    cursor:not-allowed;

    filter:grayscale(50%);

}



/* ===== 样式1：经典金色 ===== */

.gd-style-classic .game-download-btn{
    position:relative;
    width:345px;height:96px;min-width:345px;max-width:345px;padding:0;
    background:none;
    color:transparent;text-indent:-9999em;overflow:hidden;border:none;box-shadow:none;border-radius:0;
}
.gd-style-classic .game-download-btn .btn-bg-img{
    position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;
}
.gd-style-classic .game-download-btn .btn-bg-hover{opacity:0;transition:opacity .2s;}
.gd-style-classic .game-download-btn:hover .btn-bg-normal{opacity:0;}
.gd-style-classic .game-download-btn:hover .btn-bg-hover{opacity:1;}

.gd-style-classic .game-download-btn::before{

    content:'';

    position:absolute;

    top:0;left:-100%;

    width:100%;height:100%;

    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);

    transition:left .6s ease;

}

.gd-style-classic .game-download-btn:hover::before{left:100%;}

.gd-style-classic .game-download-btn:hover{
    background-image:url('/img/btn01_hover.png');
    background-position:left top;
    transform:scale(1.03);
}

.gd-style-classic .game-download-btn.netdisk{
    background-image:url('/img/btn02.png');
}

.gd-style-classic .game-download-btn.netdisk:hover{
    background-image:url('/img/btn02_hover.png');
}

.gd-style-classic .game-download-btn-bar{

    width:100%;

    height:14px;

    background:linear-gradient(180deg,#8b6914 0%,#5c4a0e 100%);

    border-left:3px solid #ffd700;

    border-right:3px solid #ffd700;

    position:relative;

    box-shadow:0 4px 10px rgba(0,0,0,.3);

}

.gd-style-classic .game-download-btn-bar::before{

    content:'';

    position:absolute;

    top:0;left:0;right:0;

    height:3px;

    background:linear-gradient(90deg,transparent,#ffd700,transparent);

}

.gd-style-classic .game-download-btn.netdisk + .game-download-btn-bar{

    background:linear-gradient(180deg,#1e40af 0%,#172554 100%);

    border-left-color:#93c5fd;

    border-right-color:#93c5fd;

}

.gd-style-classic .game-download-btn-arrow{

    width:0;

    height:0;

    border-left:20px solid transparent;

    border-right:20px solid transparent;

    border-top:16px solid #5c4a0e;

    margin-top:-1px;

    filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));

}

.gd-style-classic .game-download-btn.netdisk + .game-download-btn-bar + .game-download-btn-arrow{

    border-top-color:#172554;

}

.gd-style-classic .game-download-divider{

    color:#ffd700;

    text-shadow:0 2px 4px rgba(0,0,0,.5);

}



/* ===== 样式2：现代卡片 ===== */

.gd-style-modern .game-download-btn{

    background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);

    border:none;

    border-radius:16px;

    color:#fff;

    font-size:20px;

    box-shadow:0 10px 40px rgba(102,126,234,.4);

    backdrop-filter:blur(10px);

}

.gd-style-modern .game-download-btn:hover{

    transform:translateY(-4px) scale(1.02);

    box-shadow:0 15px 50px rgba(102,126,234,.6);

}

.gd-style-modern .game-download-btn.netdisk{

    background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);

    box-shadow:0 10px 40px rgba(245,87,108,.4);

}

.gd-style-modern .game-download-btn.netdisk:hover{

    box-shadow:0 15px 50px rgba(245,87,108,.6);

}

.gd-style-modern .game-download-divider{

    color:rgba(255,255,255,.8);

    font-size:20px;

}



/* ===== 样式3：简约风格 ===== */

.gd-style-minimal .game-download-btn{

    background:rgba(255,255,255,.95);

    border:2px solid #e2e8f0;

    border-radius:12px;

    color:#1a202c;

    font-size:18px;

    box-shadow:0 4px 12px rgba(0,0,0,.1);

    letter-spacing:1px;

}

.gd-style-minimal .game-download-btn:hover{

    background:#fff;

    border-color:#667eea;

    color:#667eea;

    transform:translateY(-2px);

    box-shadow:0 8px 25px rgba(102,126,234,.2);

}

.gd-style-minimal .game-download-btn.netdisk{

    background:rgba(255,255,255,.95);

    border-color:#e2e8f0;

    color:#1a202c;

}

.gd-style-minimal .game-download-btn.netdisk:hover{

    border-color:#f5576c;

    color:#f5576c;

}

.gd-style-minimal .game-download-divider{

    color:#cbd5e0;

    font-size:18px;

}



/* ===== 样式4：游戏风格（传世·暗金） ===== */
.gd-style-game-style .game-download-btn{
    background:linear-gradient(180deg,#5a1010 0%,#3a0808 50%,#2a0505 100%);
    border:2px solid #c9a227;
    border-radius:4px;
    color:#ffd700;
    font-size:20px;
    box-shadow:0 4px 15px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,215,0,.3),inset 0 -2px 0 rgba(0,0,0,.5);
    text-shadow:0 0 8px rgba(255,215,0,.6),0 2px 2px rgba(0,0,0,.8);
    letter-spacing:3px;
    position:relative;
}
.gd-style-game-style .game-download-btn::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:50%;
    background:linear-gradient(180deg,rgba(255,215,0,.12),transparent);
    pointer-events:none;
}
.gd-style-game-style .game-download-btn::after{
    content:'';
    position:absolute;
    top:2px;left:2px;right:2px;bottom:2px;
    border:1px solid rgba(201,162,39,.3);
    border-radius:2px;
    pointer-events:none;
}
.gd-style-game-style .game-download-btn:hover{
    transform:translateY(-2px);
    background:linear-gradient(180deg,#7a1515 0%,#4a0a0a 50%,#3a0606 100%);
    border-color:#ffd700;
    color:#ffe680;
    box-shadow:0 6px 25px rgba(201,162,39,.4),inset 0 1px 0 rgba(255,215,0,.4),inset 0 -2px 0 rgba(0,0,0,.5);
    text-shadow:0 0 12px rgba(255,215,0,.9),0 2px 2px rgba(0,0,0,.8);
}
.gd-style-game-style .game-download-btn.netdisk{
    background:linear-gradient(180deg,#1a2a4a 0%,#0d1a3a 50%,#08102a 100%);
    border-color:#5a8ab5;
    color:#8ab4d8;
    box-shadow:0 4px 15px rgba(0,0,0,.6),inset 0 1px 0 rgba(135,206,235,.2),inset 0 -2px 0 rgba(0,0,0,.5);
    text-shadow:0 0 8px rgba(135,206,235,.5),0 2px 2px rgba(0,0,0,.8);
}
.gd-style-game-style .game-download-btn.netdisk:hover{
    background:linear-gradient(180deg,#2a3a5a 0%,#1a2a4a 50%,#0d1a3a 100%);
    border-color:#87ceeb;
    color:#b0dfff;
    box-shadow:0 6px 25px rgba(90,138,181,.4),inset 0 1px 0 rgba(135,206,235,.3),inset 0 -2px 0 rgba(0,0,0,.5);
    text-shadow:0 0 12px rgba(135,206,235,.8),0 2px 2px rgba(0,0,0,.8);
}
.gd-style-game-style .game-download-divider{
    color:#c9a227;
    text-shadow:0 0 8px rgba(201,162,39,.6);
}

/* ===== 样式5：仙侠风格 ===== */

.gd-style-xianxia .game-download-btn{

    background:linear-gradient(180deg,#2d3748 0%,#1a202c 100%);

    border:2px solid #d4a574;

    border-radius:4px;

    color:#f5e6d3;

    font-size:20px;

    box-shadow:0 4px 15px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);

    font-family:"KaiTi","STKaiti",serif;

    letter-spacing:4px;

}

.gd-style-xianxia .game-download-btn::before{

    content:'';

    position:absolute;

    top:0;left:0;right:0;

    height:50%;

    background:linear-gradient(180deg,rgba(212,165,116,.2),transparent);

    pointer-events:none;

}

.gd-style-xianxia .game-download-btn:hover{

    transform:translateY(-3px);

    border-color:#f5d6a8;

    box-shadow:0 8px 30px rgba(212,165,116,.4),inset 0 1px 0 rgba(255,255,255,.2);

    color:#fff;

}

.gd-style-xianxia .game-download-btn.netdisk{

    border-color:#7cb9e8;

    color:#d4e9f7;

}

.gd-style-xianxia .game-download-btn.netdisk:hover{

    border-color:#a8d4f5;

    box-shadow:0 8px 30px rgba(124,185,232,.4);

}

.gd-style-xianxia .game-download-divider{

    color:#d4a574;

    font-family:"KaiTi","STKaiti",serif;

}



/* ===== 样式6：机械朋克 - 工业控制面板风格 ===== */

.game-download-wrapper.gd-style-tech{

    flex-direction:row;

    gap:0;

    background:linear-gradient(180deg,#4a4a4a 0%,#3a3a3a 30%,#2a2a2a 70%,#1a1a1a 100%);

    border:4px solid #6a5a4a;

    border-radius:10px;

    padding:25px 40px;

    box-shadow:

        inset 0 2px 4px rgba(255,255,255,.15),

        inset 0 -2px 4px rgba(0,0,0,.5),

        0 10px 30px rgba(0,0,0,.7),

        0 0 0 2px #8b7355,

        0 0 0 4px #3a2a1a;

    position:absolute;

}

.game-download-wrapper.gd-style-tech::before{

    content:'';

    position:absolute;

    top:10px;left:10px;

    width:14px;height:14px;

    background:radial-gradient(circle at 30% 30%,#a89070,#5a4a3a 70%);

    border-radius:50%;

    box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.5);

}

.game-download-wrapper.gd-style-tech::after{

    content:'';

    position:absolute;

    top:10px;right:10px;

    width:14px;height:14px;

    background:radial-gradient(circle at 30% 30%,#a89070,#5a4a3a 70%);

    border-radius:50%;

    box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.5);

}

.gd-style-tech .game-download-buttons{

    gap:0;

    align-items:stretch;

}

.gd-style-tech .game-download-btn{

    background:linear-gradient(180deg,#6a6a6a 0%,#4a4a4a 30%,#3a3a3a 70%,#2a2a2a 100%);

    border:3px solid #8b7355;

    border-radius:0;

    color:#d4af37;

    font-size:16px;

    min-width:190px;

    height:65px;

    padding:0 30px;

    box-shadow:

        inset 0 2px 4px rgba(255,255,255,.25),

        inset 0 -2px 4px rgba(0,0,0,.5),

        0 0 0 1px #5a4a3a;

    text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(212,175,55,.4);

    font-family:"Impact","Arial Black",sans-serif;

    letter-spacing:3px;

    text-transform:uppercase;

    clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);

    position:relative;

}

.gd-style-tech .game-download-btn .btn-icon{

    animation:gearRotate 4s linear infinite;

}

@keyframes gearRotate{

    from{transform:rotate(0deg);}

    to{transform:rotate(360deg);}

}

.gd-style-tech .game-download-btn:hover{

    background:linear-gradient(180deg,#7a7a7a 0%,#5a5a5a 30%,#4a4a4a 70%,#3a3a3a 100%);

    border-color:#ffd700;

    color:#ffd700;

    box-shadow:

        inset 0 2px 4px rgba(255,255,255,.35),

        inset 0 -2px 4px rgba(0,0,0,.5),

        0 0 25px rgba(255,215,0,.5),

        0 0 0 1px #8b7355;

}

.gd-style-tech .game-download-btn.netdisk{

    background:linear-gradient(180deg,#5a6a7a 0%,#3a4a5a 30%,#2a3a4a 70%,#1a2a3a 100%);

    border-color:#5a8ab5;

    color:#8ab4d8;

    text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 10px rgba(138,180,216,.4);

}

.gd-style-tech .game-download-btn.netdisk:hover{

    border-color:#87ceeb;

    color:#87ceeb;

    box-shadow:

        inset 0 2px 4px rgba(255,255,255,.35),

        inset 0 -2px 4px rgba(0,0,0,.5),

        0 0 25px rgba(135,206,235,.5),

        0 0 0 1px #5a8ab5;

}

.gd-style-tech .game-download-divider{

    color:#8b7355;

    font-family:"Impact","Arial Black",sans-serif;

    font-size:24px;

    padding:0 20px;

    text-shadow:0 0 10px rgba(139,115,85,.5);

    display:flex;

    align-items:center;

    position:relative;

}

.gd-style-tech .game-download-divider::before{

    content:'';

    width:3px;height:50px;

    background:linear-gradient(180deg,transparent,#8b7355,transparent);

    margin-right:20px;

}

.gd-style-tech .game-download-divider::after{

    content:'';

    width:3px;height:50px;

    background:linear-gradient(180deg,transparent,#8b7355,transparent);

    margin-left:20px;

}



/* ===== 样式7：水墨国风 - 卷轴扇子风格 ===== */

.game-download-wrapper.gd-style-dark{

    flex-direction:column;

    gap:20px;

    transform:translate(-50%,-58px);

    opacity:0.92;

    background:linear-gradient(180deg,#faf6ec 0%,#f5efe0 50%,#ede4d0 100%);

    border:none;

    border-radius:0;

    padding:40px 75px 15px 10px;

    box-shadow:

        0 15px 40px rgba(0,0,0,.25),

        inset 0 0 60px rgba(139,115,85,.08);

    position:absolute;

}

.game-download-wrapper.gd-style-dark::before{

    content:'';

    position:absolute;

    top:0;left:-10px;right:-10px;

    height:12px;

    background:linear-gradient(90deg,#6b4423 0%,#8b6914 15%,#d4a017 35%,#f5c842 50%,#d4a017 65%,#8b6914 85%,#6b4423 100%);

    border-radius:6px;

    box-shadow:0 3px 8px rgba(0,0,0,.4);

}

.game-download-wrapper.gd-style-dark::after{

    content:'';

    position:absolute;

    bottom:0;left:-10px;right:-10px;

    height:12px;

    background:linear-gradient(90deg,#6b4423 0%,#8b6914 15%,#d4a017 35%,#f5c842 50%,#d4a017 65%,#8b6914 85%,#6b4423 100%);

    border-radius:6px;

    box-shadow:0 -3px 8px rgba(0,0,0,.4);

}

.gd-style-dark .game-download-buttons{

    gap:50px;

    align-items:center;

}

.gd-style-dark .game-download-btn{

    background:transparent;

    border:none;

    border-radius:0;

    color:#2c2c2c;

    font-size:26px;

    min-width:140px;

    height:80px;

    padding:0 25px;

    box-shadow:none;

    text-shadow:0 1px 1px rgba(255,255,255,.6);

    font-family:"KaiTi","STKaiti","楷体",serif;

    letter-spacing:8px;

    writing-mode:horizontal-tb;

    position:relative;

    overflow:visible;

    flex-direction:column;

    gap:8px;

}

.gd-style-dark .game-download-btn::before{

    content:'';

    position:absolute;

    bottom:5px;left:50%;

    right:0;
    margin:0 auto;

    width:70%;height:4px;

    background:linear-gradient(90deg,transparent,#2c2c2c 20%,#2c2c2c 80%,transparent);

    transition:all 0.4s ease;

    border-radius:2px;

}

.gd-style-dark .game-download-btn::after{

    content:'';

    position:absolute;

    top:-20px;right:-25px;

    width:45px;height:45px;

    background:linear-gradient(135deg,#c41e3a 0%,#8b0000 100%);

    border:3px solid #8b0000;

    border-radius:6px;

    transform:rotate(10deg);

    box-shadow:0 3px 10px rgba(139,0,0,.5),inset 0 0 10px rgba(255,255,255,.1);

    z-index:2;

}

.gd-style-dark .game-download-btn .btn-icon{

    display:none;

}

.gd-style-dark .game-download-btn:hover{

    color:#8b0000;

    transform:translateY(-5px);

}

.gd-style-dark .game-download-btn:hover::before{

    width:100%;

    height:5px;

    background:linear-gradient(90deg,transparent,#8b0000 15%,#8b0000 85%,transparent);

}

.gd-style-dark .game-download-btn.netdisk{

    color:#1a3a5c;

}

.gd-style-dark .game-download-btn.netdisk::after{

    background:linear-gradient(135deg,#1a5c8b 0%,#0a3a5c 100%);

    border-color:#0a3a5c;

}

.gd-style-dark .game-download-btn.netdisk:hover{

    color:#1a5c8b;

}

.gd-style-dark .game-download-btn.netdisk:hover::before{

    background:linear-gradient(90deg,transparent,#1a5c8b 15%,#1a5c8b 85%,transparent);

}

.gd-style-dark .game-download-divider{

    color:#8b6914;

    font-family:"KaiTi","STKaiti","楷体",serif;

    font-size:32px;

    text-shadow:0 0 15px rgba(139,105,20,.4);

    position:relative;

}

.gd-style-dark .game-download-divider::before{

    content:'';

    position:absolute;

    top:50%;left:-40px;

    width:30px;height:2px;

    background:linear-gradient(90deg,transparent,#8b6914);

}

.gd-style-dark .game-download-divider::after{

    content:'';

    position:absolute;

    top:50%;right:-40px;

    width:30px;height:2px;

    background:linear-gradient(90deg,#8b6914,transparent);

}



/* ===== 样式8：像素复古 - 复古游戏机风格 ===== */

.game-download-wrapper.gd-style-fire{
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    width:auto;
    max-width:none;
    z-index:9999;
}
.gd-style-fire .game-download-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
}
.gd-style-fire .game-download-btn-group{
    display:block;
}
.gd-style-fire .game-download-btn{
    width:42px;
    min-width:42px;
    max-width:42px;
    height:120px;
    writing-mode:vertical-rl;
    text-orientation:upright;
    letter-spacing:4px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    background:linear-gradient(180deg,#d4a017,#8b6914);
    border:2px solid #f0d060;
    border-radius:0 8px 8px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 4px 12px rgba(0,0,0,0.5);
    transition:transform .2s;
    position:relative;
}
.gd-style-fire .game-download-btn:hover{
    transform:translateX(3px);
}
.gd-style-fire .game-download-btn.netdisk{
    background:linear-gradient(180deg,#2d8b6e,#1a5c45);
    border-color:#5fd9a8;
}
.gd-style-fire .game-download-divider{
    display:none;
}
.gd-style-fire .btn-icon{
    display:none;
}
.gd-style-fire .game-download-btn-bar,
.gd-style-fire .game-download-btn-arrow{
    display:none;
}
@media(max-width:768px){
    .gd-style-fire .game-download-buttons{
        flex-direction:row;
    }
    .gd-style-fire .game-download-btn{
        width:auto;
        height:48px;
        writing-mode:horizontal-tb;
        border-radius:8px;
    }
}

/* 后台预览区：ice 改为 inline-flex 跟随 left 调节，0%=贴左边缘，与前端语义一致 */
.game-download-wrapper.gd-style-ice{
    position:fixed !important;
    transform:none !important;
    z-index:9999 !important;
    right:0 !important;
    left:auto !important;
}
.gd-style-ice .game-download-buttons{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:14px 12px;
    background:linear-gradient(180deg,#1a1308,#0d0a05);
    border:2px solid #c9a13b;
    border-radius:10px;
    box-shadow:0 6px 18px rgba(0,0,0,0.6);
}
.gd-style-ice .game-download-btn-group{
    display:block;
}
.gd-style-ice .game-download-btn{
    width:150px;
    min-width:150px !important;
    height:auto;
    min-height:44px;
    padding:10px 14px;
    writing-mode:horizontal-tb;
    font-size:15px;
    font-weight:bold;
    color:#f0cf7a;
    background:linear-gradient(180deg,#2a2010,#171003);
    border:2px solid #d4af37;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-shadow:0 2px 8px rgba(0,0,0,0.5);
    position:relative;
}
.gd-style-ice .game-download-btn:hover{
    background:linear-gradient(180deg,#3a2c14,#221903);
    border-color:#f0cf7a;
}
.gd-style-ice .game-download-btn.netdisk{
    background:linear-gradient(180deg,#221a0d,#100c03);
    border-color:#b8942f;
}
.gd-style-ice .game-download-btn.netdisk:hover{
    background:linear-gradient(180deg,#302511,#191303);
    border-color:#d4af37;
}
.gd-style-ice .game-download-divider{
    display:none;
}
.gd-style-ice .btn-icon{
    display:inline-flex;
    font-size:18px;
    color:#f0cf7a;
}
@media(max-width:768px){
    .gd-style-ice .game-download-buttons{
        flex-direction:row;
    }
    .gd-style-ice .game-download-btn{
        width:auto;
        height:48px;
        border-radius:8px;
    }
}
.game-download-wrapper.gd-style-neon{
    position:fixed !important;
    left:0 !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:9999 !important;
}
.gd-style-neon .game-download-buttons{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:12px 10px;
    background:
        linear-gradient(135deg,rgba(16,42,36,.94),rgba(9,22,19,.96));
    border:1px solid rgba(232,197,106,.55);
    border-left:0;
    border-radius:0 10px 10px 0;
    box-shadow:
        inset 0 0 22px rgba(127,212,193,.14),
        0 8px 26px rgba(0,0,0,.55),
        0 0 0 1px rgba(127,212,193,.12);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
.gd-style-neon .game-download-btn-group{display:block;}
.gd-style-neon .game-download-btn{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:58px;
    min-width:58px !important;
    padding:12px 6px 11px;
    font-family:"MaShanZheng","STKaiti",serif;
    font-size:15px;
    letter-spacing:.14em;
    line-height:1.1;
    color:#0b1f1a;
    -webkit-text-fill-color:#0b1f1a;
    text-decoration:none;
    text-align:center;
    border:1px solid rgba(232,197,106,.85);
    border-radius:8px;
    background:linear-gradient(160deg,#e8c56a 0%,#cfa945 52%,#a8862f 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,244,214,.85),
        inset 0 -2px 0 rgba(90,66,16,.55),
        0 4px 14px rgba(0,0,0,.5);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
/* 文字竖排，一字一行、绝不换行 */
.gd-style-neon .game-download-btn > span:not(.btn-icon){
    writing-mode:vertical-rl;
    text-orientation:upright;
    letter-spacing:.10em;
    white-space:nowrap;
}
.gd-style-neon .game-download-btn.netdisk{
    color:#e6f7f2;
    -webkit-text-fill-color:#e6f7f2;
    background:linear-gradient(160deg,#2f7a6b 0%,#1d554a 55%,#123a32 100%);
    border-color:rgba(127,212,193,.85);
    box-shadow:
        inset 0 1px 0 rgba(178,240,224,.5),
        inset 0 -2px 0 rgba(6,26,22,.7),
        0 4px 14px rgba(0,0,0,.5);
}
.gd-style-neon .game-download-btn:hover{
    transform:translateX(3px);
    filter:brightness(1.1);
    box-shadow:
        inset 0 1px 0 rgba(255,244,214,.9),
        0 0 18px rgba(232,197,106,.75),
        0 4px 16px rgba(0,0,0,.55);
}
.gd-style-neon .game-download-btn.netdisk:hover{
    box-shadow:
        inset 0 1px 0 rgba(178,240,224,.6),
        0 0 18px rgba(127,212,193,.7),
        0 4px 16px rgba(0,0,0,.55);
}
.gd-style-neon .btn-icon{
    display:block;
    font-size:19px;
    line-height:1;
}
.gd-style-neon .game-download-divider{display:none;}
.game-download-wrapper.gd-style-tech{
    background:none !important;
    border:none !important;
    padding:0 !important;
    box-shadow:none !important;
}
.game-download-wrapper.gd-style-tech::before,
.game-download-wrapper.gd-style-tech::after{
    display:none !important;
}
.gd-style-tech .game-download-buttons{
    gap:120px !important;
}
.gd-style-tech .game-download-btn{
    position:relative !important;
    width:300px !important;
    height:98px !important;
    min-width:300px !important;
    max-width:300px !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    clip-path:none !important;
    color:#f5e6c8 !important;
    font-size:22px !important;
    font-family:"Microsoft YaHei","SimHei",sans-serif !important;
    font-weight:bold !important;
    letter-spacing:4px !important;
    text-transform:none !important;
    text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 12px rgba(212,175,55,.5) !important;
    line-height:98px !important;
    text-align:center !important;
    overflow:hidden !important;
}
.gd-style-tech .game-download-btn .btn-bg-img{
    position:absolute !important;
    top:0 !important;left:0 !important;
    width:100% !important;height:100% !important;
    object-fit:cover !important;
    z-index:0 !important;
    pointer-events:none !important;
}
.gd-style-tech .game-download-btn .btn-icon{
    display:none !important;
}
.gd-style-tech .game-download-btn span{
    display:none !important;
}
.gd-style-tech .game-download-btn:hover{
    transform:scale(1.03) !important;
    filter:brightness(1.15) !important;
}
.gd-style-tech .game-download-btn-bar,
.gd-style-tech .game-download-btn-arrow{
    display:none !important;
}
.gd-style-tech .game-download-divider{
    display:none !important;
}



/* ===== 现代卡片：整图背景 + 透明按钮热区 (v3: 65%缩放 + 圆角) ===== */
.gd-style-modern .game-download-buttons{
    opacity:1;
    width:780px;
    height:98px;
    position:relative;
    display:block;
    gap:0;
    margin:0 auto;
    border-radius:16px;
    overflow:hidden;
}

.gd-style-modern .gd-modern-bg{
    position:absolute !important;
    top:0 !important;left:0 !important;
    width:100% !important;height:100% !important;
    object-fit:cover !important;
    z-index:0 !important;
    pointer-events:none !important;
    border-radius:16px !important;
    opacity:0.85 !important;
}

.gd-style-modern .game-download-btn-group{
    position:absolute;
    top:0;
    height:98px;
    display:block;
    width:182px;
}
/* 本地下载按钮：对齐图上"本地下载"（中心 x≈58.5%） */
.gd-style-modern .game-download-btn-group:first-of-type{
    left:59.7%;
    margin-left:-91px;
}
/* 网盘下载按钮：对齐图上"网盘下载"（中心 x≈82%） */
.gd-style-modern .game-download-btn-group:last-of-type{
    left:86.9%;
    margin-left:-91px;
}
.gd-style-modern .game-download-btn{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    color:transparent !important;
    text-indent:0 !important;
    width:182px !important;
    min-width:182px !important;
    max-width:182px !important;
    height:98px !important;
    min-height:98px !important;
    opacity:0;
    padding:0 !important;
    flex-shrink:0;
    white-space:nowrap;
}
.gd-style-modern .game-download-btn:hover{
    transform:none !important;
    box-shadow:none !important;
    filter:none !important;
}
.gd-style-modern .game-download-btn .btn-icon{ display:none !important; }
.gd-style-modern .game-download-btn span{ display:none !important; }
.gd-style-modern .game-download-divider{ display:none !important; }
.gd-style-modern .game-download-btn-bar,
.gd-style-modern .game-download-btn-arrow{ display:none !important; }

/* 客服中心置顶：高于下载组件和 banner，所有主题通用 */
.component-customer-service{
    z-index:100000 !important;
}
.component-customer-service .cs-game-panel,
.component-customer-service .cs-slide-trigger{
    z-index:100001 !important;
}

/* ===== 左侧贴边：竖排双按钮，贴左边缘悬浮（复刻仙侠主题 xx-dl-rail 样式） ===== */
.game-download-wrapper.gd-style-leftedge{
    left:0;
    transform:translateX(0);
    margin:0;
    width:auto;
    max-width:none;
}
.gd-style-leftedge .game-download-buttons{
    display:flex !important;
    flex-direction:column;
    gap:10px;
    align-items:center;
    position:relative;
    margin:0 !important;
    width:auto !important;
}
.gd-style-leftedge .game-download-divider{ display:none !important; }
.gd-style-leftedge .game-download-btn-group{
    position:relative !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    left:auto !important; top:auto !important;
    width:auto !important; height:auto !important;
    margin:0 !important;
}
.gd-style-leftedge .game-download-btn{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:auto !important;
    min-height:0 !important;
    padding:12px 6px 11px !important;
    flex-direction:column;
    gap:6px;
    border-radius:8px;
    border:1px solid rgba(232,197,106,.85);
    background:linear-gradient(160deg,#e8c56a 0%,#cfa945 52%,#a8862f 100%);
    box-shadow:inset 0 1px 0 rgba(255,244,214,.85),inset 0 -2px 0 rgba(90,66,16,.55),0 4px 14px rgba(0,0,0,.5);
    font-family:"MaShanZheng","STKaiti",serif;
    font-size:15px;
    letter-spacing:.14em;
    line-height:1.1;
    color:#0b1f1a;
    overflow:visible !important;
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    white-space:nowrap;
}
.gd-style-leftedge .game-download-btn .btn-icon{
    font-size:19px !important;
    display:block !important;
    line-height:1;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
    margin:0 !important;
}
.gd-style-leftedge .game-download-btn span:not(.btn-icon){
    display:block !important;
    writing-mode:vertical-rl;
    text-orientation:upright;
    letter-spacing:.10em;
    white-space:nowrap;
}
.gd-style-leftedge .game-download-btn.netdisk{
    color:#e6f7f2;
    background:linear-gradient(160deg,#2f7a6b 0%,#1d554a 55%,#123a32 100%);
    border-color:rgba(127,212,193,.85);
    box-shadow:inset 0 1px 0 rgba(178,240,224,.5),inset 0 -2px 0 rgba(6,26,22,.7),0 4px 14px rgba(0,0,0,.5);
}
.gd-style-leftedge .game-download-btn:hover{
    transform:translateX(3px) !important;
    filter:brightness(1.1) !important;
    box-shadow:inset 0 1px 0 rgba(255,244,214,.9),0 0 18px rgba(232,197,106,.75),0 4px 16px rgba(0,0,0,.55);
}
.gd-style-leftedge .game-download-btn.netdisk:hover{
    box-shadow:inset 0 1px 0 rgba(178,240,224,.6),0 0 18px rgba(127,212,193,.7),0 4px 16px rgba(0,0,0,.55);
}
.gd-style-leftedge .game-download-btn.disabled{opacity:.4 !important;pointer-events:none;filter:grayscale(.55);}
.gd-style-leftedge .game-download-btn-bar,
.gd-style-leftedge .game-download-btn-arrow{ display:none !important; }
@media (max-width:768px){
    .game-download-wrapper.gd-style-leftedge{
        left:0;
        top:auto;
        bottom:0;
        transform:translate(-50%,0);
    }
    .gd-style-leftedge .game-download-buttons{
        flex-direction:row;
        align-items:center;
        gap:8px;
    }
    .gd-style-leftedge .game-download-btn{
        width:auto !important;
        min-width:92px !important;
        max-width:92px !important;
        flex-direction:row;
        gap:6px;
        padding:9px 14px !important;
        font-size:13px;
    }
    .gd-style-leftedge .game-download-btn span:not(.btn-icon){
        writing-mode:horizontal-tb;
        text-orientation:mixed;
        letter-spacing:.06em;
    }
    .gd-style-leftedge .game-download-btn:hover{transform:translateY(-2px) !important;}
}


/* ===== 覆盖：经典主题 去掉按钮下方横杆条/箭头/扫光光效/左右移动放大 ===== */
.gd-style-classic .game-download-btn::before,
.gd-style-classic .game-download-btn:hover::before{
    display:none !important;
}
.gd-style-classic .game-download-btn-bar,
.gd-style-classic .game-download-btn.netdisk + .game-download-btn-bar{
    display:none !important;
}
.gd-style-classic .game-download-btn-arrow,
.gd-style-classic .game-download-btn.netdisk + .game-download-btn-bar + .game-download-btn-arrow{
    display:none !important;
}
.gd-style-classic .game-download-btn:hover{
    transform:none !important;
}


/* ===== 覆盖：左侧靠边(neon) 卡片高度234，按钮撑满 ===== */
.gd-style-neon .game-download-buttons{
    height:274px !important;
}
.gd-style-neon .game-download-btn{
    flex:1 !important;
    height:auto !important;
    min-height:0 !important;
}


/* ===== 覆盖：左侧靠边(neon) 红色系配色（参考在线客服红棕色风格） ===== */
.gd-style-neon .game-download-buttons{
    background:
        linear-gradient(160deg,rgba(58,10,10,.96),rgba(28,4,4,.98)) !important;
    border-color:rgba(255,110,90,.65) !important;
    box-shadow:
        inset 0 0 24px rgba(255,90,70,.18),
        0 8px 26px rgba(0,0,0,.6),
        0 0 0 1px rgba(255,110,90,.14) !important;
}
.gd-style-neon .game-download-btn{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    border-color:rgba(255,150,120,.9) !important;
    background:linear-gradient(160deg,#e2453a 0%,#b12a20 52%,#7d1510 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,220,200,.85),
        inset 0 -2px 0 rgba(90,12,8,.6),
        0 4px 14px rgba(0,0,0,.55) !important;
}
.gd-style-neon .game-download-btn.netdisk{
    color:#ffe9e0 !important;
    -webkit-text-fill-color:#ffe9e0 !important;
    border-color:rgba(255,180,150,.9) !important;
    background:linear-gradient(160deg,#a02618 0%,#6d150c 55%,#3f0a05 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,190,170,.55),
        inset 0 -2px 0 rgba(40,6,4,.75),
        0 4px 14px rgba(0,0,0,.55) !important;
}
.gd-style-neon .game-download-btn:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,230,210,.95),
        0 0 18px rgba(255,110,80,.8),
        0 4px 16px rgba(0,0,0,.6) !important;
    filter:brightness(1.12) !important;
}
.gd-style-neon .game-download-btn.netdisk:hover{
    box-shadow:
        inset 0 1px 0 rgba(255,200,180,.65),
        0 0 18px rgba(255,120,90,.75),
        0 4px 16px rgba(0,0,0,.6) !important;
}


/* ===== 覆盖：左侧靠边(neon) 上下按钮外侧增加横杆修饰（参照仙侠竖排参考图） ===== */
.gd-style-neon .game-download-buttons::before,
.gd-style-neon .game-download-buttons::after{
    content:'';
    position:absolute;
    left:8px; right:8px;
    height:4px;
    border-radius:2px;
    background:
        linear-gradient(90deg,transparent,rgba(255,150,120,.95) 25%,rgba(255,220,200,.95) 50%,rgba(255,150,120,.95) 75%,transparent);
    box-shadow:0 0 8px rgba(255,120,90,.45);
    pointer-events:none;
    z-index:2;
}
.gd-style-neon .game-download-buttons::before{ top:6px; }
.gd-style-neon .game-download-buttons::after{ bottom:6px; }


/* ===== 后台预览区必要处理：贴边样式(ice/neon)改为static，跟随容器top/left调节 ===== */
#download_preview_buttons .game-download-wrapper.gd-style-ice,
#download_preview_buttons .game-download-wrapper.gd-style-neon{
    position:absolute !important;
}


/* ===== 下载组件层级：banner容器层级高于main-content，防止下载被版本介绍盖住 ===== */
.banner-area-container{z-index:3 !important;}


/* ===== 下载组件：banner容器不裁剪，允许下载按钮超出banner底部可见 ===== */
.banner-area-container{overflow:visible !important;}