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

.component-game-download{

    position:absolute;

    left:0;

    right:0;

    top:0;

    bottom:0;

    pointer-events:none;

    z-index:5;

}

.game-download-wrapper{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    width:fit-content;

    max-width:90%;

    pointer-events:auto;

    display:flex;

    flex-direction:column;

    align-items:center;

}

.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{

    background:linear-gradient(180deg,#f5c842 0%,#d4a017 40%,#8b6914 100%);

    border:3px solid #ffd700;

    border-bottom:none;

    border-radius:12px 12px 0 0;

    color:#fff;

    font-size:22px;

    box-shadow:0 6px 20px rgba(212,160,23,.5),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.2);

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

}

.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{

    transform:translateY(-4px);

    box-shadow:0 12px 35px rgba(212,160,23,.7),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.2);

    background:linear-gradient(180deg,#ffd700 0%,#e6b422 40%,#9d7a1a 100%);

}

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

    background:linear-gradient(180deg,#60a5fa 0%,#2563eb 40%,#1e40af 100%);

    border-color:#93c5fd;

    box-shadow:0 6px 20px rgba(37,99,235,.5),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.2);

}

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

    background:linear-gradient(180deg,#93c5fd 0%,#3b82f6 40%,#2563eb 100%);

    box-shadow:0 12px 35px rgba(37,99,235,.7),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(0,0,0,.2);

}

.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:relative;

}

.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;

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

    border:none;

    border-radius:0;

    padding:40px 60px 35px;

    box-shadow:

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

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

    position:relative;

}

.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%;

    transform:translateX(-50%);

    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{

    flex-direction:column;

    gap:25px;

    background:linear-gradient(180deg,#2a2a4a 0%,#1a1a3a 50%,#0a0a2a 100%);

    border:8px solid #4a4a6a;

    border-radius:20px;

    padding:30px 50px;

    box-shadow:

        inset 0 0 40px rgba(0,0,0,.6),

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

        0 0 0 4px #2a2a4a,

        0 0 0 8px #6a6a8a;

    position:relative;

}

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

    content:'';

    position:absolute;

    top:12px;left:50%;

    transform:translateX(-50%);

    width:80px;height:10px;

    background:#3a3a5a;

    border-radius:5px;

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

}

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

    content:'';

    position:absolute;

    bottom:12px;left:20px;

    width:15px;height:15px;

    background:#ff6b6b;

    border-radius:50%;

    box-shadow:0 0 10px #ff6b6b,inset 0 2px 3px rgba(255,255,255,.3);

}

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

    gap:40px;

    align-items:center;

    margin-top:15px;

}

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

    background:#5a5a5a;

    border:none;

    border-radius:0;

    color:#fff;

    font-size:15px;

    min-width:180px;

    height:70px;

    padding:0 30px;

    box-shadow:

        inset -5px -5px 0 0 #2a2a2a,

        inset 5px 5px 0 0 #7a7a7a,

        0 0 0 5px #1a1a1a;

    text-shadow:3px 3px 0 #1a1a1a;

    font-family:"Courier New",monospace;

    letter-spacing:2px;

    text-transform:uppercase;

    image-rendering:pixelated;

    position:relative;

}

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

    content:'';

    position:absolute;

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

    height:8px;

    background:repeating-linear-gradient(

        90deg,

        #ff6b6b 0px,#ff6b6b 8px,

        #ffd93d 8px,#ffd93d 16px,

        #6bcb77 16px,#6bcb77 24px,

        #4d96ff 24px,#4d96ff 32px

    );

}

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

    content:'';

    position:absolute;

    bottom:0;left:0;right:0;

    height:8px;

    background:repeating-linear-gradient(

        90deg,

        #4d96ff 0px,#4d96ff 8px,

        #6bcb77 8px,#6bcb77 16px,

        #ffd93d 16px,#ffd93d 24px,

        #ff6b6b 24px,#ff6b6b 32px

    );

}

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

    background:#6a6a6a;

    box-shadow:

        inset -5px -5px 0 0 #3a3a3a,

        inset 5px 5px 0 0 #8a8a8a,

        0 0 0 5px #1a1a1a,

        0 0 25px rgba(255,107,107,.6);

    transform:translateY(-3px);

}

.gd-style-fire .game-download-btn:active{

    box-shadow:

        inset 5px 5px 0 0 #2a2a2a,

        inset -5px -5px 0 0 #7a7a7a,

        0 0 0 5px #1a1a1a;

    transform:translateY(3px);

}

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

    background:#4a6a8a;

    box-shadow:

        inset -5px -5px 0 0 #1a3a5a,

        inset 5px 5px 0 0 #6a8aaa,

        0 0 0 5px #0a1a2a;

}

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

    background:#5a7a9a;

    box-shadow:

        inset -5px -5px 0 0 #2a4a6a,

        inset 5px 5px 0 0 #7a9aba,

        0 0 0 5px #0a1a2a,

        0 0 25px rgba(77,150,255,.6);

}

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

    color:#ffd93d;

    font-family:"Courier New",monospace;

    font-size:28px;

    text-shadow:3px 3px 0 #1a1a1a,0 0 15px rgba(255,217,61,.5);

    animation:pixelBlink 1s step-end infinite;

}

@keyframes pixelBlink{

    0%,100%{opacity:1;}

    50%{opacity:0.2;}

}



/* ===== 样式9：玻璃拟态 - 悬浮玻璃球风格 ===== */

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

    flex-direction:row;

    gap:30px;

    background:rgba(255,255,255,0.08);

    backdrop-filter:blur(40px);

    -webkit-backdrop-filter:blur(40px);

    border:2px solid rgba(255,255,255,0.25);

    border-radius:60px;

    padding:25px 45px;

    box-shadow:

        0 20px 50px rgba(0,0,0,0.35),

        inset 0 1px 0 rgba(255,255,255,0.4),

        inset 0 -1px 0 rgba(0,0,0,0.1),

        0 0 40px rgba(255,255,255,0.1);

    position:relative;

    overflow:hidden;

}

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

    content:'';

    position:absolute;

    top:-60%;left:-60%;

    width:220%;height:220%;

    background:linear-gradient(

        45deg,

        transparent 35%,

        rgba(255,255,255,0.15) 50%,

        transparent 65%

    );

    animation:glassShine 8s ease-in-out infinite;

}

@keyframes glassShine{

    0%,100%{transform:translateX(-100%) rotate(45deg);}

    50%{transform:translateX(100%) rotate(45deg);}

}

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

    gap:25px;

    align-items:center;

    position:relative;

    z-index:1;

}

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

    background:rgba(255,255,255,0.2);

    backdrop-filter:blur(25px);

    -webkit-backdrop-filter:blur(25px);

    border:3px solid rgba(255,255,255,0.5);

    border-radius:50%;

    color:#fff;

    font-size:13px;

    min-width:110px;

    width:110px;

    height:110px;

    padding:0;

    box-shadow:

        0 10px 30px rgba(0,0,0,0.35),

        inset 0 3px 0 rgba(255,255,255,0.5),

        inset 0 -3px 0 rgba(0,0,0,0.15),

        0 0 20px rgba(255,255,255,0.2);

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

    font-family:"Segoe UI","Helvetica Neue",sans-serif;

    letter-spacing:1px;

    position:relative;

    overflow:hidden;

    flex-direction:column;

    gap:6px;

}

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

    font-size:36px;

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

}

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

    content:'';

    position:absolute;

    top:12%;left:18%;

    width:35%;height:25%;

    background:linear-gradient(180deg,rgba(255,255,255,0.6) 0%,transparent 100%);

    border-radius:50%;

    pointer-events:none;

}

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

    content:'';

    position:absolute;

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

    background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.3) 0%,transparent 50%);

    pointer-events:none;

}

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

    background:rgba(255,255,255,0.3);

    border-color:rgba(255,255,255,0.7);

    box-shadow:

        0 15px 40px rgba(0,0,0,0.45),

        inset 0 3px 0 rgba(255,255,255,0.6),

        inset 0 -3px 0 rgba(0,0,0,0.15),

        0 0 40px rgba(255,255,255,0.3);

    transform:translateY(-8px) scale(1.15);

}

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

    background:rgba(100,180,255,0.25);

    border-color:rgba(100,180,255,0.55);

    box-shadow:

        0 10px 30px rgba(0,100,200,0.35),

        inset 0 3px 0 rgba(255,255,255,0.5),

        inset 0 -3px 0 rgba(0,0,0,0.15),

        0 0 20px rgba(100,180,255,0.25);

}

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

    background:rgba(100,180,255,0.35);

    border-color:rgba(100,180,255,0.75);

    box-shadow:

        0 15px 40px rgba(0,100,200,0.45),

        inset 0 3px 0 rgba(255,255,255,0.6),

        inset 0 -3px 0 rgba(0,0,0,0.15),

        0 0 40px rgba(100,180,255,0.35);

}

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

    color:rgba(255,255,255,0.95);

    font-size:32px;

    text-shadow:0 2px 10px rgba(0,0,0,0.4),0 0 20px rgba(255,255,255,0.3);

    backdrop-filter:blur(15px);

    position:relative;

    z-index:1;

    animation:dividerFloat 3s ease-in-out infinite;

}

@keyframes dividerFloat{

    0%,100%{transform:translateY(0);}

    50%{transform:translateY(-5px);}

}



/* ===== 样式10：3D立体 - 立体魔方风格 ===== */

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

    flex-direction:row;

    gap:0;

    background:linear-gradient(180deg,#3a3a4a 0%,#2a2a3a 50%,#1a1a2a 100%);

    border:4px solid #4a4a5a;

    border-radius:25px;

    padding:30px 50px;

    box-shadow:

        0 20px 50px rgba(0,0,0,0.6),

        inset 0 2px 0 rgba(255,255,255,0.15),

        inset 0 -2px 0 rgba(0,0,0,0.3),

        0 0 0 3px #2a2a3a,

        0 0 0 6px #5a5a6a;

    position:relative;

    perspective:1500px;

    transform-style:preserve-3d;

}

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

    content:'';

    position:absolute;

    top:15px;left:15px;

    width:20px;height:20px;

    background:linear-gradient(135deg,#ff6b6b,#d63031);

    border-radius:50%;

    box-shadow:0 0 15px rgba(255,107,107,.6),inset 0 2px 3px rgba(255,255,255,.3);

}

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

    content:'';

    position:absolute;

    top:15px;right:15px;

    width:20px;height:20px;

    background:linear-gradient(135deg,#4ecdc4,#00897b);

    border-radius:50%;

    box-shadow:0 0 15px rgba(78,205,196,.6),inset 0 2px 3px rgba(255,255,255,.3);

}

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

    gap:40px;

    align-items:center;

    transform-style:preserve-3d;

}

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

    background:linear-gradient(180deg,#ff8a8a 0%,#ff6b6b 20%,#ee5a5a 40%,#d63031 60%,#b71c1c 80%,#990000 100%);

    border:none;

    border-radius:18px;

    color:#fff;

    font-size:19px;

    min-width:170px;

    height:75px;

    padding:0 35px;

    box-shadow:

        0 1px 0 #ff9a9a,

        0 2px 0 #ff8a8a,

        0 3px 0 #ff7a7a,

        0 4px 0 #ff6a6a,

        0 5px 0 #ff5a5a,

        0 6px 0 #ff4a4a,

        0 7px 0 #ff3a3a,

        0 8px 0 #ff2a2a,

        0 9px 0 #ff1a1a,

        0 10px 20px rgba(0,0,0,0.6),

        inset 0 2px 0 rgba(255,255,255,0.5),

        inset 0 -3px 0 rgba(0,0,0,0.25);

    text-shadow:0 2px 5px rgba(0,0,0,0.5),0 0 15px rgba(255,255,255,0.3);

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

    letter-spacing:3px;

    position:relative;

    transform-style:preserve-3d;

    transition:all 0.15s ease;

}

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

    content:'';

    position:absolute;

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

    height:55%;

    background:linear-gradient(180deg,rgba(255,255,255,0.35) 0%,transparent 100%);

    border-radius:18px 18px 0 0;

    pointer-events:none;

}

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

    content:'';

    position:absolute;

    top:8px;left:15px;

    width:25px;height:12px;

    background:linear-gradient(180deg,rgba(255,255,255,0.7) 0%,transparent 100%);

    border-radius:12px;

    pointer-events:none;

}

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

    transform:translateY(-5px) rotateX(8deg);

    box-shadow:

        0 1px 0 #ff9a9a,

        0 2px 0 #ff8a8a,

        0 3px 0 #ff7a7a,

        0 4px 0 #ff6a6a,

        0 5px 0 #ff5a5a,

        0 6px 0 #ff4a4a,

        0 7px 0 #ff3a3a,

        0 8px 0 #ff2a2a,

        0 9px 0 #ff1a1a,

        0 10px 0 #ff0a0a,

        0 11px 0 #ff0000,

        0 12px 30px rgba(0,0,0,0.7),

        inset 0 2px 0 rgba(255,255,255,0.6),

        inset 0 -3px 0 rgba(0,0,0,0.25),

        0 0 40px rgba(255,107,107,0.6);

}

.gd-style-neon .game-download-btn:active{

    transform:translateY(8px) rotateX(-5deg);

    box-shadow:

        0 1px 0 #ff9a9a,

        0 2px 0 #ff8a8a,

        0 3px 15px rgba(0,0,0,0.6),

        inset 0 2px 0 rgba(255,255,255,0.5),

        inset 0 -3px 0 rgba(0,0,0,0.25);

}

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

    background:linear-gradient(180deg,#6eded5 0%,#4ecdc4 20%,#3dbdb5 40%,#26a69a 60%,#00897b 80%,#00695c 100%);

    box-shadow:

        0 1px 0 #7eeee6,

        0 2px 0 #6eded5,

        0 3px 0 #5dcdc5,

        0 4px 0 #4dbdb5,

        0 5px 0 #3dada5,

        0 6px 0 #2d9d95,

        0 7px 0 #1d8d85,

        0 8px 0 #0d7d75,

        0 9px 0 #006d65,

        0 10px 20px rgba(0,0,0,0.6),

        inset 0 2px 0 rgba(255,255,255,0.5),

        inset 0 -3px 0 rgba(0,0,0,0.25);

}

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

    box-shadow:

        0 1px 0 #7eeee6,

        0 2px 0 #6eded5,

        0 3px 0 #5dcdc5,

        0 4px 0 #4dbdb5,

        0 5px 0 #3dada5,

        0 6px 0 #2d9d95,

        0 7px 0 #1d8d85,

        0 8px 0 #0d7d75,

        0 9px 0 #006d65,

        0 10px 0 #005d55,

        0 11px 0 #004d45,

        0 12px 30px rgba(0,0,0,0.7),

        inset 0 2px 0 rgba(255,255,255,0.6),

        inset 0 -3px 0 rgba(0,0,0,0.25),

        0 0 40px rgba(78,205,196,0.6);

}

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

    color:#ffd93d;

    font-size:36px;

    text-shadow:

        0 3px 6px rgba(0,0,0,0.6),

        0 0 15px rgba(255,217,61,0.6),

        0 0 30px rgba(255,217,61,0.4);

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

    animation:divider3D 2.5s ease-in-out infinite;

    transform-style:preserve-3d;

}

@keyframes divider3D{

    0%,100%{transform:scale(1) rotateY(0deg);}

    50%{transform:scale(1.3) rotateY(180deg);}

}



/* ===== 响应式 ===== */

@media (max-width:768px){

    .game-download-buttons{

        flex-direction:column;

        gap:20px;

        width:90%;

    }

    .game-download-divider{

        display:none;

    }

    .game-download-btn{

        width:100%;

        min-width:auto;