/* 外层容器：必须占满整行，左右两端对齐 */
.title-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    box-sizing:border-box;}
/* 左侧：栏目名 + 固定文字 */
.title-left{
    display:flex;
    align-items:center;
    gap:20px;  /* 栏目名和后面文字的间距，按需改 */
    white-space:nowrap;}
/* 右侧：搜索框容器，自动靠右 */
.title-right{
    display:flex;
    align-items:center;}
/* 搜索框样式 */
.title-right input{
    width:160px;   /* 搜索框宽度，按需改 */
    height:24px;
    padding:0 8px;
    border:1px solid #999;
    font-size:12px;}