/* 文件哈希计算器 */
.fh-opts-label{font-size:.8125rem;color:#8a94a3}
.fh-opt{display:inline-flex;align-items:center;gap:.35rem;margin:0;font-size:.875rem;color:#3f4a5a}
.fh-layer{height:100%;min-width:0}
.fh-list{display:flex;flex-direction:column;gap:.75rem;min-width:0}
.fh-card{flex:none;min-width:0;border:1px solid #eef1f5;border-radius:.625rem;background:#fff;overflow:hidden}
.fh-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f7f9fb}
.fh-name{flex:1 1 12rem;min-width:0;font-size:.875rem;color:#334155;word-break:break-all}
.fh-size{min-width:0;font-size:.75rem;color:#8a94a3;overflow-wrap:anywhere}
.fh-state{margin-left:auto;font-size:.75rem;color:#8a94a3;overflow-wrap:anywhere}
.fh-state.is-done{color:#166534}
.fh-state.is-err{color:#dc2626}
.fh-rows{padding:.25rem 0}
.fh-row{display:flex;align-items:center;gap:.5rem;min-width:0;padding:.4rem .75rem}
.fh-row .btn{flex:none;white-space:nowrap}
.fh-row + .fh-row{border-top:1px dashed #f1f4f8}
.fh-alg{flex:none;width:5rem;font-size:.75rem;color:#8a94a3}
.fh-hex{flex:1 1 auto;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.8125rem;color:#2b3441;word-break:break-all}
.fh-hex.is-empty{color:#b6bfca}
.fh-badge{flex:none;font-weight:500;white-space:nowrap}
.fh-progress{padding:0 .75rem .6rem}
.fh-bar{height:.25rem;background:#eef1f5;border-radius:.125rem;overflow:hidden}
.fh-bar > i{display:block;height:100%;width:0;background:var(--site-primary);transition:width .15s linear}

@media (max-width:575.98px){
  .fh-card-head{gap:.35rem;padding:.5rem .6rem}
  .fh-name{flex-basis:100%}
  .fh-state{margin-left:0}
  .fh-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.35rem .5rem;padding:.5rem .6rem}
  .fh-alg{grid-column:1;grid-row:1;width:auto}
  .fh-badge{grid-column:2;grid-row:1;justify-self:end}
  .fh-copy{grid-column:3;grid-row:1}
  .fh-hex{grid-column:1/-1;grid-row:2;font-size:.75rem}
}