/* ============================================================
   全站内容搜索组件（features 目录各页共用，配合 site-search.js）
   颜色变量带回退值，兼容未定义设计变量的 SAAS 演示页
   ============================================================ */
.ssbtn{display:flex;align-items:center;gap:8px;margin-left:auto;border:1px solid var(--line,#e3eaf3);background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:14px;color:var(--muted,#5f7186);cursor:pointer;white-space:nowrap;transition:border-color .15s,box-shadow .15s}
.ssbtn:hover{border-color:var(--blue,#1a73e8);box-shadow:0 2px 10px rgba(16,42,72,.06)}
.ssbtn svg{width:15px;height:15px;flex:none;stroke:var(--muted,#5f7186);fill:none;stroke-width:2}
.ssbtn kbd{font-family:inherit;font-size:11px;color:var(--muted,#5f7186);border:1px solid var(--line,#e3eaf3);border-radius:5px;padding:0 5px;background:var(--bg,#f5f8fc)}

.ssv{position:fixed;inset:0;z-index:200}
.ssv[hidden]{display:none}
.ssv-mask{position:absolute;inset:0;background:rgba(12,30,54,.55);backdrop-filter:blur(2px)}
.ssv-panel{position:relative;max-width:760px;margin:7vh auto 0;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(8,24,44,.35);overflow:hidden;display:flex;flex-direction:column;max-height:84vh}
.ssv-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line,#e3eaf3)}
.ssv-bar svg{width:18px;height:18px;flex:none;stroke:var(--muted,#5f7186);fill:none;stroke-width:2}
.ssv-bar input{flex:1;border:0;outline:0;font:inherit;font-size:16px;color:var(--ink,#1b2b3d);background:none;min-width:0}
.ssv-bar kbd{font-family:inherit;font-size:11px;color:var(--muted,#5f7186);border:1px solid var(--line,#e3eaf3);border-radius:5px;padding:1px 6px;background:var(--bg,#f5f8fc)}
.ssv-res{overflow:auto;padding:16px 18px 18px;-webkit-overflow-scrolling:touch}
.ssv-empty{padding:26px 4px;text-align:center;color:var(--muted,#5f7186);font-size:14px}
.ssv-empty b{display:block;color:var(--navy,#0f2544);font-size:16px;margin-bottom:4px}
html.ssv-lock,html.ssv-lock body{overflow:hidden}

/* ---------- 结果列表（内联面板与弹层共用） ---------- */
.ss-note{font-size:13px;color:var(--muted,#5f7186);margin:0 0 12px}
.ss-note b{color:var(--navy,#0f2544)}
.sres{display:block;background:#fff;border:1px solid var(--line,#e3eaf3);border-radius:12px;padding:14px 16px 13px;margin-bottom:10px;transition:border-color .15s,box-shadow .15s}
.sres:hover{border-color:var(--blue,#1a73e8);box-shadow:0 2px 10px rgba(16,42,72,.06)}
.sres-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sres-g{font-size:11.5px;font-weight:700;color:#41586f;background:var(--bg,#f5f8fc);border:1px solid var(--line,#e3eaf3);border-radius:6px;padding:2px 8px;white-space:nowrap}
.sres-t{font-size:15px;font-weight:800;color:var(--navy,#0f2544)}
.sres-s{font-size:13px;color:var(--muted,#5f7186)}
.sres-x{font-size:13px;color:#54677c;line-height:1.7;margin:5px 0 0}
.sres-x mark{background:#fff3cd;color:inherit;border-radius:3px;padding:0 1px}

@media (max-width:1080px){
  .ssv-panel{margin:4vh 14px 0}
}
@media (max-width:720px){
  .ssbtn span{display:none}
  .ssbtn kbd{display:none}
  .ssbtn{padding:7px 10px}
  .ssv-panel{margin:2vh 10px 0;max-height:92vh;border-radius:12px}
}