/* 全局字体设置 */
/* * {
    font-family: 'LXGW WenKai', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
} */

        
pre {
            background: #f8f8f8;
            color: #2b2b2b;
            padding: 12px;
            border-radius: 8px;
            overflow-x: auto;
            position: relative;
            border: 0px;
            line-height: 2;
        }
        
        .dark pre {
            background: #1e293b;
            color: #e2e8f0;
        }
        
        pre::before {
            content: " ";
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            width: 12px;
            height: 12px;
            background: #ff5f56;
            border-radius: 50%;
            box-shadow: 20px 0 0 #ffbd2e, 40px 0 0 #27c93f;
        }
        
        code {
            font-family: "JetBrains Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
            font-size: 0.875em;
        }
        
        .copy-button {
            position: absolute;
            top: 8px;
            right: 8px;
            background: transparent;
            color: #24292f;
            border: none;
            padding: 0;
            cursor: pointer;
            opacity: 1;
            transition: background-color 0.2s, border-color 0.2s;
            font-size: 0; /* 隐藏文本但保留图标 */
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .copy-button:hover {
            background: transparent;
            border-color: transparent;
        }
        
        .dark .copy-button {
            background: transparent;
            color: #f0f6fc;
            border-color: transparent;
        }
        
        .dark .copy-button:hover {
            background: transparent;
            border-color: transparent;
        }
        
        .copy-button::before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMCA2Ljc1QzAgNS43ODQuNzg0IDUgMS43NSA1aDEuNWEuNzUuNzUgMCAwMTAgMS41aC0xLjVhLjI1LjI1IDAgMDAtLjI1LjI1djcuNWMwIC4xMzguMTEyLjI1LjI1LjI1aDcuNWEuMjUuMjUgMCAwMC4yNS0uMjV2LTEuNWEuNzUuNzUgMCAwMTEuNSAwdjEuNUExLjc1IDEuNzUgMCAwMTkuMjUgMTZoLTcuNUExLjc1IDEuNzUgMCAwMTAgMTQuMjV2LTcuNXoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik01IDEuNzVDNSAuNzg0IDUuNzg0IDAgNi43NSAwaDcuNUMxNS4yMTYgMCAxNiAuNzg0IDE2IDEuNzV2Ny41QTEuNzUgMS43NSAwIDAxMTQuMjUgMTFoLTcuNUExLjc1IDEuNzUgMCAwMTUgOS4yNXYtNy41em0xLjc1LS4yNWEuMjUuMjUgMCAwMC0uMjUuMjV2Ny41YzAgLjEzOC4xMTIuMjUuMjUuMjVoNy41YS4yNS4yNSAwIDAwLjI1LS4yNXYtNy41YS4yNS4yNSAwIDAwLS4yNS0uMjVoLTcuNXoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==');
              background-repeat: no-repeat;
              background-position: center;
              background-size: 16px 16px;
              transition: background-image 0.2s ease;
          }
          
          /* 复制成功状态 */
          .copy-button.copied {
              background-color: transparent;
              border: none;
              color: #28a745;
          }
          
          .dark .copy-button.copied {
              background-color: transparent;
              color: #238636;
          }
          
          .copy-button.copied::before {
              content: '';
              display: block;
              width: 16px;
              height: 16px;
              background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc4IDQuMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNy4yNSA3LjI1YS43NS43NSAwIDAgMS0xLjA2IDBMMi4yMiA5LjI4YS43NS43NSAwIDAgMSAxLjA2LTEuMDZMNiA5LjE5bDYuNzItNi43MmEuNzUuNzUgMCAwIDEgMS4wNiAwWiIgZmlsbD0iIzI4YTc0NSIvPgo8L3N2Zz4K');
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
          }
        
        /* Input group styles */
        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        
        .dark .form-control {
            color: #e2e8f0;
            background-color: #334155;
            border-color: #475569;
        }
        
        .input-group-addon {
            padding: 6px 12px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: #555;
            text-align: center;
            background-color: #eee;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        
        .dark .input-group-addon {
            color: #e2e8f0;
            background-color: #475569;
            border-color: #64748b;
        }