.modal {
            display: none;
            position: fixed;
            z-index: 999999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(20,20,20,0.9);
            animation: fadeIn 0.5s;
        }
        .modal-content {
            color: white;
            margin: 15% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            animation: slideIn 0.5s;
       text-shadow: 1px 1px 5px rgba(0,0,0,0.9); /* 文字阴影 */
        }
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
        @keyframes fadeIn {
            from {opacity: 0;}
            to {opacity: 1;}
        }
        @keyframes slideIn {
            from {transform: translateY(-50px);}
            to {transform: translateY(0);}
        }
        
        
        .frame-accept , .frame-close , .frame-go{
       background-color: #4CAF50; /* 绿色背景 */
       border: none; /* 无边框 */
       color: white; /* 白色文字 */
       padding: 5px 10px; /* 内边距 */
       text-align: center; /* 文字居中 */
       text-decoration: none; /* 无下划线 */
       display: inline-block; /* 行内块元素 */
       font-size: 16px; /* 字体大小 */
       cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF6GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wNi0wOFQyMjo0MzoyNSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDYtMjRUMTg6MTQ6MTUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDYtMjRUMTg6MTQ6MTUrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZDA2YjJkMTgtNzBjOS0wMzQzLWFlYzYtMTdiNGVjOGM5MGVjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwQTJGRDk1RDdFRjExRUNCOThDOENBRkZGREYzMEY2IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QjBBMkZEOTVEN0VGMTFFQ0I5OEM4Q0FGRkZERjMwRjYiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMEEyRkQ5MkQ3RUYxMUVDQjk4QzhDQUZGRkRGMzBGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMEEyRkQ5M0Q3RUYxMUVDQjk4QzhDQUZGRkRGMzBGNiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkMDZiMmQxOC03MGM5LTAzNDMtYWVjNi0xN2I0ZWM4YzkwZWMiIHN0RXZ0OndoZW49IjIwMjItMDYtMjRUMTg6MTQ6MTUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4fD8ItAAAGM0lEQVRYhd2Xa2wU1xXH/3c8j33E4F1jzO56TWKv7cYJCaDUAQxViXmk5KF8IBFVq1ZpEiAiRFGI+v6AWlGkVCIqSdNGCYQ2QiJqXRQcodRQRNqkhArXLhE0Tmyy9mIbs+td7+7sY1739MPOwpZYYUyTLz3S1WhXd875zfmfOecOwASxIRRqBCADkAAIAEQADP+jEdF1l+C9yTOn656vrdu65fFtLperDgAHUGUv4YsA+TwTuWUZgWDw7q1bt20gEpv/3PvOm9Fo9D0AhFJWOADzS4XYsuV7LxMRRaOxqdf27Tve3Ny0SZbl+so9uIFMOJEAAKrXrln9k0JhzCTb/nT4cP8jjzy8G0AbY0yxAcqyOAZxCoA771z02NmBk0lDHaN8JkGcOE1PJ/n27U/tb4lE7gUwxw4s4WptfGEAUu2CwIP9//p7Uk8PU3x0gMjMEyeixFRCO3To0JnOzs6nZVleWPH0jrLhOANMdn/97d6jF4jHaez8SZqeHCZLLxARUT5fME6fPj353I5nDwSDwVW2b4aSLJ9bG04ARABytUsqpjMZlbMqSJKIzNRFKDfVwFUlwu0SxI6OjvnhcHhjMNwYeX3/6/s+HvzohKZpIyi9JQIAoxzTiTSVJgDguVw+MXV5IitAgUkMxDksIwlOKrhlwTKLCAQC3s1PPLF8z549P17dtfYZn9/fwRhzA9ArJJm1iQBMzi318viltF5IQRBFQNdBpgGyLFTJblhGAdzIwaOIwpqueyLhcON3e3reat/74kv7L46OnCSiKZR6hQjAmk0mRAACEVEmnVVlVy0YxiBJMkyjiNHRT5HXJ3FbezsAAjcKAApoa4342nbsWNccaW04+MbvF3d3/3EfgKgNUX5DHEGUK5m1t7etXv+NdUuMfJqZug7P3Gr09PTiN6/8Dn5fDWrn1cHjrQbjFiAwAAJaWiJ169evXeHxehtisVg8k84kiahY9rlz507HAEKkuanjwfvXdMqMM13XUBsK4eSJU3jp16+gf+BDqLks3G4PGsILAQiw9BxESYHb7WYrVq5sv2vpkg5Zlq0zZ/r+iVL7hhMAwYawRmKjE8W8yjk4TNMAwBBqCIGIkEuNYO+e3fjRD3+AXb94Hmc/PIcq2XvFCZk5q3PZ7V+5e9mSu1pbGxoFAVVOJRDtq5FXc3o6nS76gn6vKksAFCguCfV1fnz/yfsQCNRg968OY9fPT+FY71Fs3/Yklq9YnlekYvFIz1v9H7z/7uBQdOpYKplJA0xwWoflRuLWisWMAMGo8syBLKUAWBA4Ry6vYf48Px56dANWLb8d3962FwNnT2PX7jRtfmxTYnJi6NiBg0e7x0bHRw2Oc4LAFM7JsP1el0KwN+Vz+UJyciqVB2Mo6hZgatA0A2ouh48/uQAwN6YzKnw11fB4vdB0E6tWdS3oOdJ7JhodP2ZwDAMQOScLsxhYIuyCyaq51KWx8Wnw24IgAJzgdkkAY8iqJn656zV6Ye9hpumlo8HGeztZtUcwk2kNwBXNGa72Acc1IACwVDWXiMfjBYhVpSEhSnC5XKip8aPnRD9NJDKs1L+BrKqRz+djeiE7Hp/KJMo+7MWdPj3sG7lNns/miykYHLUL6kFMIb/Pi68uvgM1tQGmKBIyqsYNg4MgsbbWZsRGhlNqrjCEUgPisw1ezgAAgDFGoigVIfngkrwYGxlMnR/8d+b5n22ef+78p554MoX3TvUL3UeOw19bj5ZIC/pPvT0JII+rqZ+1ibD1IqK0phWmE5eG8clQbPjFl1/tvjh6YSKTLcYf/eYDDzU2BJf89Lmlru9s2hA6/rcBBOr9/M0LsSHGWNae67OehP+VAVmWrL6+vr+omUuFD/5xbuCv7/f1FgvFJAD9mbODB1cuW7y2s2NRUzgcuvXpxzd+qzkyd14qNT3AGJJEsxtAlcbsBUkSRVmRPb657obL8fS4rpvTABSU9FUA5ADgloWhuqWLmruamm6+9YXf/uGAqRdidvDPSHDlxHMdgMpfIuiKI/Gz28EA6IoizdE0I4MKCTFDAc4eoGTXHjip4lo+kJbHbvnd55hBghsFuPb/a73MdM+MkZwAzJTmSoeOg92oMSeUX6Y5+sD4vwb4D1uZectGpBGcAAAAAElFTkSuQmCC'), auto;
   }
   .frame-accept , .frame-go {
       background-color: #008CBA; /* 蓝色背景 */
       color: #fff; /* 白色文字 */
       border: 2px solid #4CAF50; /* 绿色边框 */
       border-radius: 12px; /* 圆角 */
       box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); /* 阴影 */
   }
   .frame-accept:hover , .frame-go:hover {
       background-color: #00ff08; /* 悬停时绿色背景 */
       color: white; /* 悬停时白色文字 */
   }
   .frame-close {
       background-color: #ff6c6c; /* 红色背景 */
       color: #fff; /* 白色文字 */
       border: 2px solid #af4c4c; /* 红色边框 */
       border-radius: 12px; /* 圆角 */
       box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); /* 阴影 */
   }
   .frame-close:hover {
       background-color: #ff0000; /* 悬停时绿色背景 */
       color: white; /* 悬停时白色文字 */
   }