.site-search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:15px}
.search-toggle{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:inherit;-webkit-transition:opacity .2s;transition:opacity .2s}
.search-toggle:hover{opacity:.7}

/* 移动端悬浮搜索按钮 */
.site-search-mobile-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#cc493d;color:#fff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:99998;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-tap-highlight-color:transparent}
.site-search-mobile-btn:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}

.search-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:99999;display:none;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:60px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}
.search-container.active{display:flex;animation:fadeIn .2s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

.search-body{background:#fff;padding:20px;border-radius:12px;width:100%;max-width:550px;max-height:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}
.search-body h3{margin:0 0 15px;font-size:18px;text-align:center;color:#333}

.search-input-wrapper{position:relative;width:100%}
.search-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e5e5e5;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:8px}
.search-input:focus{outline:none;border-color:#cc493d}
/* iOS输入框样式修复 */
@supports (-webkit-touch-callout:none){
.search-input{font-size:16px!important}
}

/* 搜索建议下拉框样式 */
.search-suggestions{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #cc493d;border-top:none;border-radius:0 0 8px 8px;-webkit-box-shadow:0 8px 16px rgba(0,0,0,.15);box-shadow:0 8px 16px rgba(0,0,0,.15);z-index:1001;max-height:300px;overflow-y:auto;margin-top:-2px;-webkit-overflow-scrolling:touch}
.search-suggestions.active{display:block}
.search-suggestion-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;-webkit-transition:background .2s;transition:background .2s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-tap-highlight-color:transparent}
.search-suggestion-item:last-child{border-bottom:none}
.search-suggestion-item:hover{background:#f5f5f5}
.search-suggestion-item svg{flex-shrink:0;margin-right:10px}
.search-suggestion-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.search-results{margin-top:15px;overflow-y:auto;max-height:400px;border-top:1px solid #eee;-webkit-overflow-scrolling:touch}
.result-item{padding:12px;border-bottom:1px solid #f0f0f0;transition:background .2s}
.result-item:hover{background:#f9f9f9}
.result-item a{text-decoration:none;color:inherit;display:block}
.result-title{font-size:15px;font-weight:600;margin-bottom:4px;color:#333}
.result-date{font-size:12px;color:#999}
.result-content{font-size:13px;color:#666;margin-top:6px;line-height:1.5}
.keyword-highlight{color:#cc493d;font-weight:600}

/* 文章详情页关键词高亮样式 */
.site-search-highlight{background:#ffeb3b;color:#cc493d;padding:2px 4px;border-radius:3px;font-weight:600}
.no-results{padding:30px;text-align:center;color:#999}

/* 搜索历史样式 */
.search-history{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:6px;display:none}
.search-history.active{display:block}
.search-history h4{margin:0 0 8px;font-size:13px;color:#666}
.search-history-list{display:flex;flex-wrap:wrap;gap:8px}
.search-history-item{padding:4px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;font-size:12px;color:#666;cursor:pointer;transition:all .2s}
.search-history-item:hover{background:#cc493d;color:#fff;border-color:#cc493d}
.search-history-clear{font-size:12px;color:#999;cursor:pointer;float:right}
.search-history-clear:hover{color:#cc493d}

/* 排序选项样式 */
.search-sort{margin-top:10px;padding:8px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;display:none}
.search-sort.active{display:block}
.search-sort label{margin-right:15px;font-size:13px;color:#666;cursor:pointer}
.search-sort input[type="radio"]{margin-right:4px}
.search-sort input[type="radio"]:checked + span{color:#cc493d;font-weight:600}

/* 加载状态 */
.search-loading{padding:30px;text-align:center;color:#666}
.search-loading::after{
    content:'';
    display:inline-block;width:20px;height:20px;border:2px solid #e5e5e5;border-radius:50%;border-top-color:#cc493d;
    animation:spin 1s ease-in-out infinite;
    margin-left:10px;
    vertical-align:middle
}
@keyframes spin{to{transform:rotate(360deg)}}

/* 分页样式 */
.search-pagination{margin-top:15px;padding-top:15px;border-top:1px solid #eee}
.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:5px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.page-btn{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;-webkit-transition:all .2s;transition:all .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.page-btn:hover:not(:disabled){background:#f5f5f5;border-color:#cc493d}
.page-btn.active{background:#cc493d;color:#fff;border-color:#cc493d}
.page-btn:disabled{opacity:.5;cursor:not-allowed}
.page-ellipsis{color:#999;padding:0 5px}
.pagination-info{font-size:13px;color:#666;margin-left:8px}

/* 移动端适配 */
@media(max-width:768px){
.site-search{display:none}
.search-container{padding:10px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.search-body{padding:18px;border-radius:10px;width:95%;max-height:90vh}
.search-input{padding:16px;font-size:16px}
.search-results{max-height:50vh}
.page-btn{padding:10px 16px;font-size:15px;min-width:44px;min-height:44px}
.pagination-info{font-size:13px}
}

/* 平板端适配 */
@media(min-width:769px) and (max-width:1024px){
.search-body{max-width:600px}
}

/* 鸿蒙系统特殊适配 */
@media all and (-webkit-device-pixel-ratio:1) and (device-type:tablet),(device-type:phone){
.search-input{font-size:16px!important}
}