/* 自定义一些样式 */
        .tool-section {
            transition: all 0.3s ease;
        }

        .tool-section:hover {
            transform: scale(1.02);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        .tool-item {
            cursor: pointer;
        }

        /* 导航栏样式 */
        header {
            /*background-color: #22c55e;*/
            background-color: #1e3a8a;
            color: white;
            padding: 0rem 0;
            display: flex;
            align-items: center;

			/* height: 10px; */
			/* 添加以下样式将导航栏固定在顶部 */
			            position: fixed;
			            top: 0;
			            left: 0;
			            right: 0;
			            z-index: 100; /* 确保导航栏在其他内容之上 */
        }

        header h1 {
            font-size: 2.25rem;
            font-weight: bold;
            margin-left: 2rem;
            flex: 1;
        }

        header .nav-links {
            /* flex: 2; */
			flex: auto;
            display: flex;
            justify-content: center;
            gap: 2rem;
        }

        header .nav-links a {
            font-size: 1.25rem;
            font-weight: bold;
            text-decoration: none;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 0.375rem;
            transition: background-color 0.3s ease;
        }

        header .nav-links a:hover {
            background-color: #16a34a;
        }

		.back-to-top {
		            display: none;
		            position: fixed;
		            bottom: 20px;
		            right: 20px;
		            background-color: #22c55e;
		            color: white;
		            padding: 10px 25px;
		            border-radius: 50%;
		            cursor: pointer;
		            transition: background-color 0.2s ease;
		        }

       .back-to-top:hover {
            background-color: #16a34a;
        }

    /* 为 main 元素添加 margin-top 以避免内容被导航栏遮挡 */
        main {
            margin-top: 450px; /* 根据导航栏的高度调整 */
        }

        @media (min-width: 768px) {
          main {
            margin-top: 150px; /* 电脑端较小的上边距（可根据需求调整数值） */
          }
        }

/* 为每个部分添加样式 */
       .section {
            scroll-margin-top: 120px; /* 确保滚动到目标部分时不被导航栏遮挡 */
            padding: 2rem 0;
        }