.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: red;
            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; /* 字体大小 */
   }
   .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; /* 悬停时白色文字 */
   }
   .abc {
  background: -webkit-linear-gradient(135deg, #39f2b4, #b9ff7b 25%, #ffdb57 50%, #ff4d00 55%, #e0772c 60%, #e4ff4c 80%, #63ffa7 95%, #08dfbf);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-background-size: 200% 100%;
  -webkit-animation: flowCss 12s infinite linear;
}
@-webkit-keyframes flowCss {
  0% { background-position: 0 0; }
  100% { background-position: -400% 0; }
}