body, html {
            height: 100%;
            width:100%;
            margin: 0;
            display: flex;
            background-color: #f0f0f0;
        }
        .menu {
            background-color: #f0f0f0;
            width: 250px;
            height: 100vh; /* 设置菜单栏高度为视口高度 */
            padding: 20px;
            box-sizing: border-box;
            border-radius: 0px;
            text-align: center;
            overflow-y: auto; /* 当内容溢出时，添加滚动条 */
        }
        .profile-picture {
            width: 150px;
            height: 150px; /* 调整高度以显示完整图片 */
            /* border-radius: 0%;*/ /* 调整图片的形状 */
            margin: 0 auto 20px auto;
            background: url('http://www.chenguochuan.com/cg/img/cat_logo.png') no-repeat center center;
            background-size: cover; /* 确保图片覆盖容器 */
        }
        .section {
            background-color: #2b4e84;
            padding: 10px;
            border-radius: 10px;
            margin-bottom: 5px;
        }
        .section label {
            color: white;
            font-size: 1 em;
            margin-bottom: 5px;
            display: block;
            text-align: middle;
        }
        .section input {
            width: 100%;
            padding: 10px;
            margin-bottom: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-sizing: border-box;
        }
        .section button {
            background-color: #f0f0f0;
            color: black;
            border: none;
            padding: 10px;
            width: 100%;
            border-radius: 5px;
            font-size: 1em;
            cursor: pointer;
            margin-bottom: 5px;
        }
        
          button {
            background-color: #f0f0f0;
            color: black;
            border: none;
            padding: 10px;
            width: 100%;
            border-radius: 5px;
            font-size: 1em;
            cursor: pointer;
            margin-bottom: 5px;
        }
        .section button:hover {
        background-color: yellow;
        color: black;
}
        #output {
            background-color: #f9f9f9;
        }
        #input {
            background-color: #f9f9f9;
            margin-right: 10px;
            margin-left: 0px;
        }
        #content {
            display: flex;
            width: calc(100% - 200px);
            height: 100vh; /* 设置内容区高度为视口高度 */
            padding: 20px;
            box-sizing: border-box;
        }
        #input, #output {
            height: calc(100vh - 40px); /* 减去上下padding */
            width: calc((100vw - 300px) / 2);
            padding: 20px;
            box-sizing: border-box;
            overflow: auto;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        #website-select {
            margin-top: 0px;
            width: 100%;
            padding: 10px;
            font-size: 1em;
            border-radius: 5px;
        }
         h2 {
        color:black;
        }
                 p {
        color:white;
        }
         table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        table, th, td {
            border: 1px solid black;
            padding: 8px;
            text-align: left;
        }