.emujs_game_container {
    position: absolute;
    top: 130px;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
    transform: translate(-50%, 0%);
    width: 52%;
    height: 70%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 640px;
    min-height: 480px;
    background-color: black;
    border: 4px double #3498db;
    border-radius: 5px;
    z-index: 1000;
    /*outline: 10px solid #555;*/
    /*box-shadow: 0px 0px 10px rgba(52, 152, 219, 0.5);*/
}

.emujs-game_container_v2 {
    width: 100%;
    /*height: 100%;*/
    height: 600px;
    box-sizing: border-box;
    background-color: black;
    border: 4px double #3498db;
    border-radius: 5px;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

@media (min-width: 992px) { /* 大屏幕 */
    .emujs-game_container_v2-left {
        /*margin: auto;*/
        /*width:90%;*/
        /*margin-left: 20px;*/
    }
}

.emujs_game_container_full {
    top: 0;
    width: 100%;
    height: 100%;
}

#game{
    width: 100%;height: 100%; display: flex;
    align-items: center;
    justify-content: center;
    /*height: 100vh;*/
}

.frame-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

#disc-list a {
    background: rgb(26, 175, 255);
    display: block;
    padding: 10px;
    margin-top: 5px;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
}

.ad-close {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1RENCQTc3MUQ0NTJFQTExOEJCMkM1NjkyREZDQUY1MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNjFGODgzMzRDQTAxMUVBOTk0NTg3MDkxMzcwM0Q4MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNjFGODgzMjRDQTAxMUVBOTk0NTg3MDkxMzcwM0Q4MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMEY2RTFCMEY1NTJFQTExOEJCMkM1NjkyREZDQUY1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RENCQTc3MUQ0NTJFQTExOEJCMkM1NjkyREZDQUY1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhhS7aYAAARkSURBVHja1Jp/ZJtBGMfThlBKq4wSqiWEEgsllFJKCKWMMkp4Kfsr1MYoZYxQxij5a7NplTI2tjE6pdUqJWyabTqb1qxsOptOp7XqdN49V8/x9HZp770f6Zvj601yb+7ez3v33I/nngbf9yMOUxKUAMXJ9wPQV/z+EbRFvltNDZbhUqAhUD8qpvi/n6AV0BLoCehbWOCaQNdAowgnpmqtI7YqTS9BDxFUPzE4A42CdvzT6S2oCMqCYgpltIGugEqSssqgft3n04UaBG2Qh/gNmgKlDF8WUw70WIB8Aep2DdckqfgBqN0ClKgMaJnUcwwadwXXgV3O6G1a6CXT+JKtwfURe2BdcLgGUFRR0KRgi+024BjIERa6bcmudOXhy+XP0mUCN0DAVh3Zlo4t7pCRuVkHLgnaw0IWFYf1Won1nn18tudB4ZrI4PEB1BIiMK4hYoPFIHAlMnikQgjGNUEAcypwaZxTWCqEGIxrHp/1i2h/spvLePM6DsFhh4sT+yueBTdImjlTB2Bi99zHtaoUbo2sPiJ1JNYdd/HZb8vgekir9dYZHNMtfPYdbk40cwozX9UhWAQXGMd05KSZ3zFjzLCSVtAMXoMsqzyLI+cchUuRLnnJEKyC5VQUAT1StyngCJbD7C/KfxwjazUbYL4ioOf/n0wA20jXTDWityGD1yXLDqjLoGVQqyTPA01bro85mt7j5zQnXkfaEQv2VpG0htiCshbzLdndLJ/Q+Q98hk9bKPw8QJdgdEJ/FMGtDE/NliqoBvjZMRjTVb5N40bo46bU5rxTDdAlGN9gn8zX3PHDh89IjQE9381O/WTkb0TfPUvNDtz1e6CZKnnboGcO6uQch65s7rxR0Q840WvZHGu5P6T1UhbfoMo8dtY8qJsSeP3BJ/F3QoYrsOugN44Bk3jdEie+ksOu6AWc6HW1ieXl+Q8FC2vLICsPV4AdpKyEbFfQoVlwZ8DhvhrgjAFcnnijT+3ntjHjhsWW8wLOg6Ytt4DlzIpwd4nXy0bX9AJO9KZgcbLdyYpwafIGBwwBOzVWMqaDySTxX0Zl3q9FvGGhzvwnLeRcY7yaay9LWq+vjuB4q+3Rcw3ZjavE9mJ1AJYgx2zjKmcF/OaJkINFyQi5KTZGtT8VyR4vzG71OyQYIKt6hBUjByKfDN19rpQn48PNoCerXcRRW1aNIKjh0fERnbB1zsQz5IB9lZ6gXKBy5NCjfNagp1JYlgBu4Fn5RYEVyCpk87wAhCBxKLvkDCxfY6gYRirxNK/Si4JU0I2H/7SCRA3AskK9JdUTX51DvllS0RFWFncA1YthGLSu0VpE7eXIjpdXPCebazQC50aEgDa+1g1s66Z2UMBVOE3s+z30QrUrLp8KGA24L5S1hvEmWs9oI1KWhfoOo1MoK8k/wGjZCugv/taCzqgeyf2HoKeg+xgaHJoYZxbSOwgawBjndsX/bWHo7wpeD8IYwC3z/iZPzsoikaiQ9wuhXruq/J8AAwCBn63sktnpgwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
    background-color: #999;
    border-radius: 50%;
}

.ejs--d31688f864f56d6426ebbf2217d6ee {
    user-select: none;
    -webkit-user-select: none;
}

.ejs--5e71fd80268afbb1d588e40b993508 {
    user-select: auto;
    -webkit-user-select: auto;
}

.emujs-game_container_v3 {
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    aspect-ratio: 640/480;
    width: 100%;
    /*height: 100%;*/
    /*border-radius: 5px;*/
    margin: auto;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .6), 0 5px 2px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .8);
    border-color: #2F2D2D #434040 #4F4C4C #434040;
    background-color: black
}

/*=================================*/
/* 按键基础样式 */
.arcade-btn {
    width: 55px !important;
    height: 55px !important;
    border-radius: 50% !important;
    /*position: relative;*/
    position: absolute !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    opacity: 0.6; !important;
    background-color:transparent !important;
    /* 外圈样式（缩小的边框） */
    border: 1px solid #555 !important;
    box-shadow:
            0 0 0 1px #222,
            inset 0 8px 12px rgba(0,0,0,0.3) !important;

/* 内圈按压区域 */
&::before {
     content: '';
     position: absolute;
     top: 1px;
     left: 1px;
     right: 1px;
     bottom: 1px;
     border-radius: 50%;
     background: currentColor;
     /*box-shadow:*/
     /*        inset 0 3px 4px rgba(255,255,255,0.2),*/
     /*        inset 0 -3px 4px rgba(0,0,0,0.5);*/
     transition: all 0.05s ease-out; /* 更快的过渡 */
 }

/* 文字样式 - 独立层 */
&::after {
     content: attr(data-action);
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: white;
     font-weight: bold;
     font-size: 14px;
     text-shadow: 0 1px 2px rgba(0,0,0,0.8);
     z-index: 2;
     transition: all 0.05s ease-out; /* 更快的过渡 */
 }

/* 按压状态 - 更明显的效果 */
&.pressed::before {
     transform: translateY(1px); /* 添加轻微位移 */
     box-shadow:
             inset 0 5px 7px rgba(0,0,0,0.5), /* 加深阴影 */
             inset 0 -1px 1px rgba(255,255,255,0.1);
     filter: brightness(0.9); /* 增加颜色变暗效果 */
 }

/* 文字按压效果 - 更明显 */
&.pressed::after {
     transform: translate(-50%, -50%) scale(0.92); /* 更大的缩放 */
     text-shadow: 0 0 3px rgba(0,0,0,0.9);
 }
}

/* 方形按键变体 */
.arcade-btn.square {
    border-radius: 8px;
&::before {
     border-radius: 5px;
 }
}

/* 基础颜色 */
.arcade-btn.red       { color: #ff4444; }  /* 亮红色 */
.arcade-btn.blue      { color: #44aaff; }  /* 天蓝色 */
.arcade-btn.yellow    { color: #ffcc00; }  /* 明黄色 */
.arcade-btn.green     { color: #44ff44; }  /* 荧光绿 */
.arcade-btn.purple    { color: #aa44ff; }  /* 亮紫色 */

/* 补充颜色 - 游戏常用色 */
.arcade-btn.orange    { color: #ff9933; }  /* 橙黄 */
.arcade-btn.pink      { color: #ff66aa; }  /* 粉红 */
.arcade-btn.cyan      { color: #00ddff; }  /* 青蓝色 */
.arcade-btn.lime      { color: #aaff00; }  /* 酸橙绿 */
.arcade-btn.magenta   { color: #ff44cc; }  /* 品红 */

/* 深色系 */
.arcade-btn.dark-red  { color: #cc0000; }  /* 深红 */
.arcade-btn.navy      { color: #3366ff; }  /* 海军蓝 */
.arcade-btn.emerald   { color: #00cc99; }  /* 翡翠绿 */
.arcade-btn.violet    { color: #9933ff; }  /* 紫罗兰 */

/* 中性色 */
.arcade-btn.silver    { color: #cccccc; }  /* 银色 */
.arcade-btn.gold      { color: #ffcc33; }  /* 金色 */
.arcade-btn.white     { color: #ffffff; }  /* 白色（需搭配深色文字） */

/* 特殊效果色 */
.arcade-btn.neon-blue { color: #00f0ff; }  /* 霓虹蓝 */
.arcade-btn.neon-pink { color: #ff00aa; }  /* 霓虹粉 */

/* 灰色系按钮 */
.arcade-btn.light-gray   { color: #dddddd; }  /* 浅灰 - 适合次要按钮 */
.arcade-btn.gray         { color: #aaaaaa; }  /* 中灰 - 标准灰色 */
.arcade-btn.slate-gray   { color: #888888; }  /* 石板灰 - 中性选择 */
.arcade-btn.dark-gray    { color: #555555; }  /* 深灰 - 重要但非主要功能 */
.arcade-btn.charcoal     { color: #333333; }  /* 炭黑灰 - 高对比度 */

/* 特殊灰色变体 */
.arcade-btn.blue-gray    { color: #7799bb; }  /* 带蓝调的灰 */
.arcade-btn.warm-gray    { color: #bbaa99; }  /* 暖灰 */
.arcade-btn.metal-gray   { color: #c0c0c0; }  /* 金属银灰 */

/*左上角的toolbar-toggle*/
.ejs_toolbar-toggle {
    position: fixed !important;
    top: 40px !important;
    left: 20px !important;
    z-index: 1000 !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 123, 255, 0.6) !important;
    color: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid #0056b3 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-size: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;

    /* 防选中+点击高亮防护 */
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
    tap-highlight-color: transparent !important;
    touch-action: manipulation;
}

/* 彻底禁止子元素交互 */
.ejs_toolbar-toggle * {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* 禁用文本选择高亮 */
.ejs_toolbar-toggle::selection {
    background: transparent !important;
    color: inherit !important;
}

/*摇杆头*/
/* 保持您完美的摇杆头样式 */
.nipple .front {
    box-sizing: border-box !important;
    background: radial-gradient(
            circle at 30% 30%,
            #ff4444 0%,
            #cc0000 50%,
            #990000 100%
    ) !important;
    border: 3px solid #ff8888 !important;
    box-shadow:
            0 0 10px rgba(255, 100, 100, 0.6),
            inset 0 0 10px rgba(255, 255, 255, 0.2) !important;
    width: 50px !important;
    height: 50px !important;
    margin-left: -25px !important;
    margin-top: -25px !important;
}

/* 专业级街机底座优化 */
.nipple .back {
    box-sizing: border-box !important;
    /* 金属质感渐变 */
    background: radial-gradient(
            circle at center,
            #5a5a5a 0%,
            #3a3a3a 60%,
            #2a2a2a 100%
    ) !important;
    /* 立体边框效果 */
    border: 8px solid #4a4a4a !important;
    border-color: #6a6a6a !important;
    /* 专业阴影效果 */
    box-shadow:
            0 2px 15px rgba(0, 0, 0, 0.8),
            inset 0 0 25px rgba(0, 0, 0, 0.9),
            inset 0 0 5px rgba(255, 255, 255, 0.1) !important;
    /* 精确尺寸控制 */
    width: 130px !important;
    height: 130px !important;
    margin-left: -65px !important;
    margin-top: -65px !important;
    /* 材质效果 */
    opacity: 0.95 !important;
}

.emu-game-loading {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -0%);
    z-index: 1;
    width:100%;
    /*background-color: black;*/
    /*display: none;*/
}

.emu-game-loading-text {
    display: flex;
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    text-align: justify;
    letter-spacing: 2px;
    transition: all .3s;
    justify-content: center;
    align-items: center;
    width:100%;
    text-align: center;
    line-height: 2;
}