/* 样式统一文件 */
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		/* 引入 Google Fonts 的 Roboto 字体 */
		@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

		/* 引入隶书字体 */
		@font-face {
		  font-family: 'lishu';
		  src: url('lishu.ttf') format('truetype');
		}

		/* 统一设置标题字体为隶书 */
		h1, h2, h3, h4, h5, h6 {
		  font-family: 'lishu', sans-serif;
		}

		/* 设置站点正文、段落、链接、代码等内容的字体为 Roboto */
		body, p, span, div, a, code {
		  font-family: 'Roboto', sans-serif;
		}



		@media (max-width: 1024px) {
			header {
				font-size: 1.5rem;
				padding: 15px;
			}

			.container {
				margin: 10px;
				padding: 10px;
			}

			.code-box {
				padding: 15px;
			}

			.copy-btn {
				padding: 8px 16px;
				font-size: 12px;
			}

			.description {
				font-size: 1rem;
			}
		}

		@media (max-width: 768px) {
			header {
				font-size: 1.25rem;
				padding: 15px 10px;
			}

			.container {
				margin: 10px;
				padding: 5px;
			}

			.code-box {
				padding: 15px;
			}

			.copy-btn {
				padding: 8px 14px;
				font-size: 12px;
			}

			.description {
				font-size: 0.9rem;
			}
		}

		@media (max-width: 480px) {
			header {
				font-size: 1rem;
				padding: 12px 10px;
			}

			.container {
				margin: 5px;
				padding: 5px;
			}

			.code-box {
				padding: 10px;
			}

			.copy-btn {
				padding: 6px 12px;
				font-size: 10px;
			}

			.description {
				font-size: 0.875rem;
			}
		}

		/* 超宽屏优化 */
		@media (min-width: 1600px) {
			.container {
				max-width: 1400px; /* 超宽屏时扩展容器宽度 */
			}

			header {
				font-size: 2.5rem; /* 更大字号适应宽屏 */
			}

			.code-box {
				font-size: 1.1rem; /* 稍微增大代码框字体 */
			}
		}
        /* 设置页面背景为黑色 */
        body {
            font-family: 'Roboto', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #000; /* 更深的背景色 */
            color: #f0f0f0; /* 明亮的文字 */
            text-align: center;
        }

        .container {
            max-width: 1200px;
            margin: 50px auto;
            background: #121212;
            padding: 20px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
            border-radius: 8px;
        }

        /* 标题居中 */
        header h1 {

            text-align: center;
            font-size: 36px;
            margin-bottom: 20px;
            color: #ffffff;
        }
		header {
			padding-top: 20px;  /* 给header顶部加上内边距 */
			margin-top: 20px;   /* 给header顶部加上外边距 */
			text-align: center; /* 可选，居中显示标题 */
		}

        .code-box {
            position: relative;
            background-color: #1e1e1e;
            padding: 20px;
            border-radius: 8px;
            margin-top: 20px;
            overflow-x: auto;
            width: 100%;
            box-sizing: border-box;
			text-align: left; /* 确保内部元素靠左对齐 */
        }

        .copy-btn,
        .back-btn {
            background-color: #444;
            color: white;
            border: none;
            padding: 6px 12px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 14px;
        }

        .copy-btn:hover,
        .back-btn:hover {
            background-color: #333;
        }

        pre {
            background-color: #2d2d2d;
            border-radius: 8px;
            padding: 20px;
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }

        .description {
            margin-top: 20px;
        }

        .bottom-buttons {
            margin-top: 20px;
            text-align: center;
        }

        /* 统一按钮样式 */
        .bottom-buttons button {
            background-color: #444;
            color: white;
            border: none;
            padding: 6px 12px; /* 跟复制按钮一样的大小 */
            font-size: 14px;   /* 与复制按钮一致 */
            cursor: pointer;
            border-radius: 4px;
            display: inline-block;
        }

        .bottom-buttons button:hover {
            background-color: #333;
        }

        /* 置顶按钮 */
        .top-button {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #f44336;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 50%;
            font-size: 24px;
            display: none;
        }

        .top-button:hover {
            background-color: #e53935;
        }

        window.onscroll = function() {
            if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
                document.querySelector('.top-button').style.display = 'block';
            } else {
                document.querySelector('.top-button').style.display = 'none';
            }
        };