/* 自定义一些样式 */
        .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: 10; /* 确保导航栏在其他内容之上 */
        }

        header h1 {
            font-size: 2.25rem;
            font-weight: bold;
            margin-left: 2rem;
            flex: 1;
        }

        header .nav-links {



            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: 400px; /* 根据导航栏的高度调整 */
        }
        /* 电脑端（≥640px）强制不换行 */
        @media (min-width: 640px) {
          main {
            margin-top: 50px; /* 电脑端较小的上边距（可根据需求调整数值） */
          }
        }



    /* 为每个部分添加样式 */
       .section {
            scroll-margin-top: 120px; /* 确保滚动到目标部分时不被导航栏遮挡 */
            padding: 2rem 0;
        }