/* 搜索容器 */
.search-container {
    width: 100%; 
    max-width: 800px;
    position: relative;
    z-index: 1;
}

/* 搜索组布局 */
.search-group {
    display: flex;
     box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    /* width: 100%; */
    gap:5px;
    /* max-width: 600px; */
    margin: 0 auto;
}

/* 输入框样式 */
#searchInput {
    flex: 1;
    padding: 14px 16px;
    /* border:1px solid var(--sizeColor); */
    border:none;
    /* border-radius: 28px; */
    font-family: 'Segoe UI', system-ui, sans-serif;
    font-size: 16px;
    background: rgba(255,255,255,0.95);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

#searchInput:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

#searchInput:focus {
    outline: none;
    /* box-shadow: 0 0 0 3px rgba(33,150,243,0.2), 0 8px 24px rgba(0,0,0,0.1); */
}

/* 选择框 */
#searchType {
    /* width: 120px; */
    padding: 14px 16px;
    border: none;
    /* border-radius: 8px; */
     background-color: var(--sizeColor);
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    cursor: pointer;
    color:#fff;
}

/* 搜索按钮 */
.search-submit {
    width: 56px;
    background: #2196F3;
    border: none;
    border-radius: 8px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-submit:hover {
   
    transform: translateY(-2px);
}

.search-submit:active {
    transform: translateY(0);
}

.search-submit i {
    font-size: 20px;
    transition: transform 0.2s ease;
}

.search-submit:hover i {
    transform: scale(1.1);
}

/* 搜索结果区域 */
#results.rag-txtseciop {
  position: absolute;
    margin-top: 24px;
    width:100%;
    padding:5px;
    z-index:9999999999999999;
    height:auto;
    background: #f5f6f7;
    border-radius: 8px;
    /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
    max-width: 600px;
    margin: 24px auto 0;
}
.result-link{
display:flex;
    justify-content:space-between;
    align-items:center;
padding:10px 5px;
}
.result-category{
      color:#000;
}
.result-title{
    color:#000;
    margin:5px auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell;
    font-size: 0.9rem;
    font-weight: 500;

    text-decoration: none;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .img-banner {
        min-height: 300px;
    }
    
    .search-group {
        /* flex-direction: column; */
    }
    
    #searchType, .search-submit {
        /* width: 100%; */
        /* height: 48px; */
    }
}
/* 用户搜索的内容 */
.search-term{
    color: #1976D2; 
}
 




 



.loader{
    /* css变量 环的宽度 */
    --s:15px;
    width:110px;
    height:110px;
    border-radius: 50%;
    /* 网格布局 */
    display: grid;
    margin:0 auto;
    /* 渐变蒙版 */
    -webkit-mask: radial-gradient(50% 50%,
    #0000 calc(99% - 2 * var(--s)),
    #000 calc(100% - 2 * var(--s)));
    /* 执行动画：动画名 时长 线性 循环播放 */
    animation: spin 3s linear infinite;
}
.loader::before{
    content: "";
    /* 圆锥渐变 */
   background: conic-gradient(
    from 230deg,
    #a8edea 0%,
    #fed6e3 30%,
    #ffd7a5 60%,
    #a8edea 100%
  );
    /* 渐变蒙版 */
    -webkit-mask: repeating-conic-gradient(#0000 0 25deg,#000 23% 25%),
    radial-gradient(var(--s) at var(--s) 50%,#000 97%,#0000) left/calc(100% - 2 * var(--s)) 100% repeat-x,
    radial-gradient(var(--s) at 50% var(--s),#000 97%,#0000) top/100% calc(100% - 2 * var(--s)) repeat-y;
}

/* 定义动画 */
@keyframes spin {
    to{
        /* 旋转一周 */
        transform: rotate(1turn);
    }
}