/* ============ 搜索结果 / 标签结果页 · 现代化 UI 2026-07-06 ============ */
/* 独立命名空间 .search-page，覆盖 list.css 的 .left float 布局，不影响其他页 */
.search-page{--sc-accent:#5b8def;--sc-accent-2:#7ea6f5}

/* ---------- 结果头 ---------- */
.search-page .list-nav.search{margin-top:90px!important;background:#fff;border-radius:14px;box-shadow:0 10px 30px -20px rgba(20,40,80,.35);height:auto;line-height:1;text-indent:0;font-size:16px;font-weight:600;color:#2b323d;padding:18px 22px;box-sizing:border-box}
.search-page .list-nav.search>.container{width:auto;padding:0;margin:0}
.search-page .list-nav.search i{color:var(--sc-accent);margin-right:6px}
.search-page .list-nav.search b{color:#e60039;text-transform:none;padding:0 4px;font-weight:700}
body.night .search-page .list-nav.search b{color:#ff5a6a}

/* ---------- 结果列表容器 ---------- */
.search-page .list-main>.container{gap:22px}
.search-page .left{width:100%;background:#fff;border-radius:16px;box-shadow:0 16px 40px -26px rgba(15,30,60,.35);padding:4px 20px;box-sizing:border-box}
.search-page .left>ul{margin:0}

/* ---------- 单行条目：float -> flex ---------- */
.search-page .left>ul li{display:flex;align-items:center;gap:12px;width:auto;float:none;margin:0;padding:12px 6px;height:auto;min-height:0;line-height:1.5;border:0;border-bottom:1px solid #f0f2f5;border-radius:0;position:relative;transition:background .25s,padding-left .25s}
.search-page .left>ul li:first-child{margin-top:0}
.search-page .left>ul li:last-child{border-bottom:0}
/* 去掉 list.css 从左铺开的灰底动画，改左侧竖条 */
.search-page .left>ul li:after{display:none!important}
.search-page .left>ul li:hover{background:#f7f9fc;padding-left:14px}
.search-page .left>ul li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--sc-accent);border-radius:0 3px 3px 0;transition:height .25s}
.search-page .left>ul li:hover:before{height:60%}

/* 分类标签 */
.search-page .left>ul li span{float:none;margin:0;flex-shrink:0;border:0;background:#eef3fd;color:var(--sc-accent);border-radius:8px;padding:5px 11px;font-size:12px;line-height:1;font-weight:500;min-width:66px;text-align:center}
/* 标题：自适应 + 省略号 */
.search-page .left>ul li .tit{float:none;flex:1;min-width:0;max-width:none;font-size:15px;color:#2b323d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .25s}
.search-page .left>ul li:hover .tit{color:var(--sc-accent)}
/* 日期 */
.search-page .left>ul li time{float:none;margin:0;flex-shrink:0;color:#9aa3b0;font-size:13px;font-variant-numeric:tabular-nums}
/* 查看按钮 */
.search-page .left>ul li .link{float:none;margin:0;flex-shrink:0;background:#eef3fd;color:var(--sc-accent);padding:6px 16px;border-radius:999px;font-size:12px;line-height:1;height:auto;font-weight:600;transition:all .25s}
.search-page .left>ul li:hover .link{background:var(--sc-accent);color:#fff;box-shadow:0 8px 16px -6px rgba(91,141,239,.6)}

/* ---------- 分页 ---------- */
.search-page .pages{margin-top:20px;text-align:center;padding-bottom:12px}
.search-page .pages li a{border-color:var(--sc-accent);color:var(--sc-accent)}
.search-page .pages li a:hover{color:#3f6fd0}
.search-page .pages .thisclass a{background:var(--sc-accent);border-color:var(--sc-accent);color:#fff}

/* ---------- 无结果提示 ---------- */
.search-page .no-result{text-align:center;padding:50px 20px}
.search-page .no-result h2{font-size:20px;color:#2b323d;font-weight:700;line-height:1.6}
.search-page .no-result h2 span{display:block;font-size:14px;color:#9aa3b0;font-weight:400;margin-top:10px}
.search-page .no-result .search-box{max-width:460px;margin:26px auto 0;position:relative}
.search-page .no-result .search-box .txt{width:100%;height:46px;line-height:46px;border:1px solid #e6eaf0;border-radius:999px;text-indent:20px;box-sizing:border-box;font-size:14px}
.search-page .no-result .search-box .txt:focus{border-color:var(--sc-accent);box-shadow:0 0 0 4px rgba(91,141,239,.1)}
.search-page .no-result .search-box input[type=submit]{position:absolute;right:6px;top:6px;width:64px;height:34px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-2));color:#fff;cursor:pointer}

/* ---------- 夜间模式 ---------- */
body.night .search-page .list-nav.search{background:#292a2d;box-shadow:none;color:#e6e8eb}
body.night .search-page .left{background:#292a2d;box-shadow:none}
body.night .search-page .left>ul li{border-bottom-color:#3a3d42}
body.night .search-page .left>ul li:hover{background:#323438}
body.night .search-page .left>ul li span{background:#2a3a4d;color:#8bb0f7}
body.night .search-page .left>ul li .tit{color:#d4d8de}
body.night .search-page .left>ul li .link{background:#2a3a4d;color:#8bb0f7}
body.night .search-page .no-result h2{color:#e6e8eb}

/* ---------- 响应式 ---------- */
@media screen and (max-width:800px){
  .search-page .list-nav.search{margin-top:5rem!important;padding:14px 16px;font-size:15px;border-radius:12px}
  .search-page .left{padding:4px 14px;border-radius:14px}
  .search-page .left>ul li{flex-wrap:wrap;gap:8px;padding:12px 6px}
  .search-page .left>ul li span{order:1}
  .search-page .left>ul li time{order:2;margin-left:auto}
  .search-page .left>ul li .tit{order:3;flex:1 0 100%;white-space:normal;font-size:14px;line-height:20px}
  .search-page .left>ul li .link{order:4}
}

/* 搜索关键词高亮 */
.search-page .left>ul li .tit mark.hl{background:transparent;color:#e60039;font-weight:700;padding:0}
body.night .search-page .left>ul li .tit mark.hl{color:#ff5a6a}