/* Hash 生成器 UI(中英页共用),布局类复用 csvc.css */
.hash-row {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border: 1px solid var(--border); border-radius: 10px;
  background: var(--bg);
}
.hash-row + .hash-row { margin-top: 8px; }
.hash-row.hash-match { border-color: #4caf7d; background: rgba(76, 175, 125, .12); }
.hash-algo { flex: 0 0 64px; font-size: 12px; font-weight: 600; color: var(--text2); }
.hash-hex {
  flex: 1; font-family: "SF Mono", Menlo, Consolas, monospace; font-size: 12px;
  word-break: break-all; color: var(--text);
}
.hash-copy {
  flex: 0 0 auto; font: inherit; font-size: 12px; padding: 4px 12px;
  border: 1px solid var(--border); border-radius: 999px;
  background: var(--card); color: var(--text); cursor: pointer;
}
.hash-copy:hover { opacity: .8; }
.hash-file {
  font-size: 13px; color: var(--text2);
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.hash-file input { font-size: 12px; max-width: 220px; }
#hashVerify {
  font: inherit; font-size: 13px; padding: 8px 14px; min-width: 280px;
  border: 1px solid var(--border); border-radius: 999px;
  background: var(--card); color: var(--text);
}
@media (max-width: 640px) { #hashVerify { min-width: 0; width: 100%; } }