/* 容器：设为 inline-block 防止换行，并去掉默认边框（如果需要边框可保留） */
    .search-box {
        display: inline-block; 
        border: 1px solid #ddd; /* 可选：给整个搜索框加个外边框 */
        border-radius: 4px;
        padding: 2px; /* 内部留一点缝隙 */
        background: #fff;
        white-space: nowrap;}

    /* 输入框：调高高度以匹配按钮 */
    .search-input {
        height: 38px; /* 【关键】调高到这里，根据喜好可改为 30px-45px */
        line-height: 38px; /* 让文字垂直居中 */
        padding: 0 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-right: none; /* 去掉右边框，和按钮连在一起 */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        outline: none;
        vertical-align: middle; /* 【关键】垂直居中对齐 */
        box-sizing: border-box;}

    /* 搜索按钮：调高高度，设置固定宽度 */
    .search-btn {
        height: 38px; /* 【关键】必须和 input 的 height 一致 */
        width: 45px;  /* 【关键】固定宽度，让按钮变宽一点，不再扁扁的 */
        padding: 0;
        margin: 0;
        border: 1px solid #0056b3;
        background-color: #0056b3;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        cursor: pointer;
        vertical-align: middle; /* 【关键】垂直居中对齐 */
        display: inline-block;
        text-align: center;}

    /* 鼠标悬停效果 */
    .search-btn:hover {
        background-color: #004494;
        border-color: #004494;}

    /* 按钮内的图片微调 */
    .search-btn img {
        vertical-align: middle;
        margin-top: -2px;}