/* 966SEO 搜索页：搜索头 / 筛选 / 结果列表（依赖 site.css token） */
.mid{max-width:1120px;margin:0 auto}

/* 搜索头 */
.sr-hero{margin-top:16px;padding:34px 32px 26px;border-radius:24px;position:relative;overflow:hidden}
.sr-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(78deg,color-mix(in srgb,var(--fg) 6%,transparent) 0 1px,transparent 1px 28px);
  -webkit-mask-image:radial-gradient(ellipse 60% 100% at 78% 40%,#000,transparent 70%);
  mask-image:radial-gradient(ellipse 60% 100% at 78% 40%,#000,transparent 70%)}
.sr-hero h1{font-size:26px;font-weight:900;letter-spacing:-.015em;position:relative}
.sr-hero .sub{font-size:12.5px;color:var(--fg3);margin-top:6px;font-family:var(--mono);letter-spacing:.04em;position:relative}
.sr-box{display:flex;align-items:center;gap:10px;margin-top:20px;padding:7px 8px 7px 16px;border-radius:15px;
  background:var(--panel);border:1px solid var(--line2);box-shadow:var(--sh);position:relative}
[data-theme=dark] .sr-box{background:rgba(255,255,255,.05)}
.sr-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}
.sr-box>svg{width:17px;height:17px;color:var(--fg3);flex:none}
.sr-box input{flex:1;border:none;background:none;outline:none;font-size:15px;font-weight:600;letter-spacing:-.02em;height:38px}
.sr-box .kbd{font-family:var(--mono);font-size:9px;color:var(--fg3);border:1px solid var(--line2);border-radius:5px;padding:2px 6px;margin-right:4px}
.sr-hot{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px;position:relative}
.sr-hot .lb{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);margin-right:2px}

/* 结果条 */
.sr-bar{display:flex;align-items:center;gap:14px;margin-top:26px;flex-wrap:wrap}
.sr-st{font-size:12.5px;color:var(--fg2)}
.sr-st b{color:var(--fg);font-weight:800;font-family:var(--mono)}
.sr-st em{font-style:normal;color:var(--accent);font-weight:750}
.sr-bar .sorts{margin-left:auto}
.sorts{display:flex;gap:2px;padding:3px;border-radius:11px;background:var(--glass);border:1px solid var(--line2)}
.sorts a{display:flex;align-items:center;height:28px;padding:0 13px;border-radius:8px;font-size:11.8px;font-weight:650;color:var(--fg3);transition:.18s}
.sorts a:hover{color:var(--fg)}
.sorts a.on{background:var(--panel);color:var(--fg);box-shadow:0 1px 4px rgba(8,11,20,.08)}
[data-theme=dark] .sorts a.on{background:rgba(255,255,255,.15);color:#fff}

/* 结果列表 */
.sr-list{margin-top:8px}
.sr-i{display:block;padding:20px 4px;position:relative;transition:.18s}
.sr-i::after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1px;background:var(--line)}
.sr-i:hover{background:color-mix(in srgb,var(--accent) 3.5%,transparent)}
.sr-k{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fg3);margin-bottom:8px}
.sr-k .c{color:var(--accent);font-weight:750}
.sr-i h3{font-size:17px;font-weight:790;line-height:1.45;letter-spacing:-.01em}
.sr-i:hover h3{color:var(--accent)}
.sr-i p{font-size:13px;color:var(--fg2);line-height:1.74;margin-top:8px;max-width:82ch;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-i .u{font-family:var(--mono);font-size:9.5px;color:var(--fg3);margin-top:10px;letter-spacing:.02em}
mark{background:color-mix(in srgb,var(--a3) 62%,transparent);color:var(--fg);border-radius:3px;padding:0 2px;font-weight:700}
[data-theme=dark] mark{background:color-mix(in srgb,var(--a3) 26%,transparent)}

/* 无结果兜底卡 */
.sr-ask{display:flex;align-items:center;gap:18px;margin-top:30px;padding:22px 24px;border-radius:18px}
.sr-ask .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;
  background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.sr-ask .ic svg{width:20px;height:20px}
.sr-ask h4{font-size:14px;font-weight:820;letter-spacing:-.025em}
.sr-ask p{font-size:12px;color:var(--fg3);margin-top:4px;line-height:1.6}
.sr-ask .btn{margin-left:auto;flex:none}