/* 网页版独有的部分：顶部的查询框。报告本身沿用插件的 report.css（颜色、字体变量也来自它） */
.lookup { max-width: 1180px; margin: 0 auto; padding: 22px var(--gutter) 0;
  display: grid; grid-template-columns: auto 1fr auto; gap: 10px 12px; align-items: center; }
.lookup label { font: 600 22px/1 var(--serif); color: var(--kin); letter-spacing: .08em; }
.lookup input { min-width: 0; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--line);
  background: var(--kon-deep); color: var(--gofun); font: 14px/1.4 var(--sans); }
.lookup input::placeholder { color: var(--gofun-faint); }
.lookup input:focus-visible, .lookup button:focus-visible { outline: 2px solid var(--kin); outline-offset: 2px; }
.lookup button { padding: 10px 20px; border-radius: 8px; border: 1px solid rgba(232, 183, 90, .55);
  background: none; color: var(--kin); font: 600 14px var(--sans); cursor: pointer; }
.lookup button:hover { background: rgba(232, 183, 90, .08); }
.lookup .hint { grid-column: 1 / -1; margin: 0; color: var(--gofun-dim); font-size: 12.5px; line-height: 1.7; }
main.report[hidden] { display: none; }
@media (max-width: 560px) {
  .lookup { grid-template-columns: 1fr auto; }
  .lookup label { grid-column: 1 / -1; }
}