:root {
            --search-modal-width: 40%; /* 弹出窗口宽度 */
            --search-modal-height: 80%; /* 弹出窗口高度 */
            --search-input-font-size: 16px; /* 搜索输入框字体大小 */
            --search-placeholder-font-size: 15px; /* 输入框提示文字字体大小 */
            --search-result-title-font-size: 15px; /* 搜索结果标题字体大小 */
            --search-result-content-font-size: 13px; /* 搜索结果内容字体大小 */
        }
		
		#results {
        max-height: calc(var(--search-modal-height) - 200px); /* 设置最大高度 */
        overflow-y: auto; /* 允许内容溢出时显示滚动条 */
    }
	.navbar-search-ico {
            display: inline-block; /* 或其他布局模式，如flex等 */
            vertical-align: middle; /* 根据需要调整垂直对齐方式 */
            margin-top: 1px; /* 搜索按钮上边距示例 */
	    margin-left: -80px;
	    position: absolute;
	    cursor: pointer;
        }	

        body {
            font-family: Arial, sans-serif;
        }
        
        #searchModal {
            display: none; 
            position: fixed;
            z-index: 1; 
            top: 0; 
            left: 0;
            right: 0; 
            bottom: 0;
            overflow-y: auto;
            background-color: rgba(0,0,0,0.4);

        }
		
        #searchContent {
            background-color: #fefefe;
            margin: 5% auto;
            padding: 20px;
            border: 1px solid #888;
            width: var(--search-modal-width);
            text-align: left;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            border-radius: 15px;
	    position: relative; /* 为绝对定位的子元素提供定位上下文 */
	    overflow-y: auto; /* 允许内容溢出时滚动 */
	    max-width: 900px; /* 您可以根据需要设定一个最大宽度，例如1200px */
	    min-width: 800px; /* 您可以根据需要设定一个最大宽度，例如1200px */
        }
        
		/* 当屏幕宽度小于810px时应用以下样式 */
@media screen and (max-width: 1350px) {
    #searchContent {
        margin: 15% auto;
        max-width: calc(100% - 10%);
        min-width: calc(100% - 10%);
    }
 }	
        .searchInput {
            display: block;
            width: 100%;
            margin-bottom: 1rem;
            padding: 10px;
            border: none;
            outline: none;
            background-color: #ffffff;
            font-size: var(--search-input-font-size);
            box-sizing: border-box;
        }
        
        .searchInput::placeholder {
            font-size: var(--search-placeholder-font-size);
        }
        
        .divider {
            margin: 1rem 0;
            height: 1px;
            background-color: #ccc;
        }
        .searchResult {
            margin-bottom: 1rem;
            background-color: #f2f2f2;
            border-radius: 5px;
            transition: background-color 0.3s ease;
            cursor: pointer;
			padding: 1px 10px 5px 10px; /* 上左下右，调整上下的数值 */

        }
        .searchResult:hover {
            background-color: #ddd; /* 或者选择您希望的更深的颜色 */
        }

        .searchResult h3 {
            font-size: var(--search-result-title-font-size);
			font-weight: bold;
        }
        
        .searchResult p {
            font-size: var(--search-result-content-font-size);
        }
        
        .highlight {
            background-color: yellow;
        }
        
        .resultUrl {
            margin-top: 5px;
            color: #666;
            text-decoration: none;
        }