/* ── 情报雷达站点头（深色 · 情报站统一顶栏） ──
 *
 * 唯一 CSS 事实源：public/site-header.css
 *   · 静态页（门户 / 检索 / 协议）用 <link rel="stylesheet" href="/assets/site-header.css">
 *   · 报告页与归档页由 lib/site-header.js 读本文件并**内联**（报告要能脱离站点独立归档转发）
 *
 * 视觉语言沿用情报雷达暗色令牌：墨底 #171613 系 + 暖橙强调 #d99a63。
 * 为什么是深色：报告页顶栏原来是一条白色细条，在浅色正文里几乎看不见 ——
 * 用户第一眼看不到「这是个有产品的站」，引流就无从谈起。深色厚重顶栏 + 橙色主按钮，
 * 与「情报研判台」同一套语言，一眼就认得出是同一家。
 */
.sr-head{
  position:sticky; top:0; z-index:80;
  background:linear-gradient(180deg,#1e1b16 0%,#141210 100%);
  color:#f2ece0;
  border-bottom:1px solid #3a352c;
  box-shadow:0 8px 24px rgba(8,6,4,.28);
}
.sr-head-in{max-width:1280px;margin:0 auto;padding:12px 22px 0}

/* ── 第一行：品牌 · 检索 · 动作 ── */
.sr-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sr-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#f7f3e9;flex:none}
.sr-brand:hover{color:#fff}
.sr-brand .sr-logo{font-size:21px;line-height:1}
.sr-brand .sr-name{display:block;font-size:17.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.sr-brand .sr-name em{font-style:normal;color:#d99a63}
.sr-brand .sr-tag{display:block;margin-top:1px;font-size:11px;font-weight:500;color:#a2988a;letter-spacing:.03em;white-space:nowrap}

/* 检索表单：静态 GET，零脚本 —— 爬虫能读懂，用户直接能用 */
.sr-form{flex:1 1 340px;min-width:230px;display:flex;align-items:stretch}
.sr-form input[type="search"]{
  flex:1 1 auto;min-width:0;height:38px;padding:0 13px;
  background:#0f0d0b;color:#f2ece0;border:1px solid #433d33;border-right:0;border-radius:9px 0 0 9px;
  font-family:inherit;font-size:13.5px;line-height:38px;outline:none;
}
.sr-form input[type="search"]::placeholder{color:#7d7466}
.sr-form input[type="search"]:focus{border-color:#d99a63;background:#121010}
.sr-form button{
  height:38px;padding:0 18px;border:1px solid #d99a63;border-radius:0 9px 9px 0;
  background:#d99a63;color:#1b1712;font-family:inherit;font-size:13.5px;font-weight:700;
  cursor:pointer;white-space:nowrap;
}
.sr-form button:hover{background:#e6ab77;border-color:#e6ab77}

/* 右侧动作区（账户按钮由 radar-account.js 注入 .topbar-actions） */
.sr-actions{display:flex;align-items:center;gap:8px;flex:none}
.sr-btn{
  display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:9px;
  border:1px solid #4a4339;background:#221e19;color:#e8e0d2;
  text-decoration:none;font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;
}
.sr-btn:hover{border-color:#d99a63;color:#f5c99b;background:#2a251f}
.sr-btn.sr-btn-solid{background:#d99a63;border-color:#d99a63;color:#1b1712}
.sr-btn.sr-btn-solid:hover{background:#e6ab77;border-color:#e6ab77;color:#1b1712}
/* 账户脚本注入的按钮是 theme.css 的 .btn（浅色主题下是白底），在深色顶栏里要压一压 */
.sr-actions .btn{background:#241f19;border-color:#4a4339;color:#e8e0d2}
.sr-actions .btn:hover{background:#2e2820;border-color:#d99a63;color:#f0c294}

/* ── 第二行：主导航 + 热门检索 ── */
.sr-sub{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 0 12px}
.sr-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sr-nav a{
  display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;
  border:1px solid #413a31;background:#201c17;color:#cdc3b2;
  text-decoration:none;font-size:12.5px;font-weight:600;white-space:nowrap;
}
.sr-nav a:hover{border-color:#d99a63;color:#f0c294;background:#2b251e}
.sr-nav a.sr-nav-key{background:#d99a63;border-color:#d99a63;color:#1b1712}
.sr-nav a.sr-nav-key:hover{background:#e6ab77;border-color:#e6ab77;color:#1b1712}
.sr-hot{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto;font-size:11.5px;color:#8e8577}
.sr-hot b{font-weight:600;color:#b3a894}
.sr-hot a{
  color:#a2988a;text-decoration:none;padding:2px 9px;border:1px dashed #443d33;border-radius:999px;
  white-space:nowrap;
}
.sr-hot a:hover{color:#f0c294;border-color:#d99a63}

/* ── 面包屑行（报告页用）：放在顶栏里，跟导航左边界对齐 ── */
.sr-crumb-row{border-top:1px solid #322d25;margin-top:10px;padding:8px 0 11px}
.sr-crumb-row .rpt-crumb{margin:0;font-size:12px;color:#a2988a}
.sr-crumb-row .rpt-crumb a{color:#c9bfae;text-decoration:none}
.sr-crumb-row .rpt-crumb a:hover{color:#f0c294;text-decoration:underline}
.sr-crumb-row .rpt-crumb .sep{opacity:.55}
.sr-crumb-row .rpt-crumb .cur{color:#e8e0d2}

/* ── 窄屏 ── */
@media(max-width:900px){
  .sr-head-in{padding:10px 14px 0}
  .sr-top{gap:10px}
  .sr-brand .sr-tag{display:none}
  .sr-form{order:3;flex:1 1 100%}
  .sr-sub{padding:8px 0 10px}
  .sr-hot{margin-left:0}
}
@media(max-width:560px){
  .sr-nav a{height:28px;padding:0 10px;font-size:12px}
  .sr-form button{padding:0 12px}
}