.hl-mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 900; background: rgba(0, 0, 0, .25); }
.hl-dlg { position: fixed; z-index: 901; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff;
  border: 1px solid var(--hl-head-bd); box-shadow: 0 4px 16px rgba(0, 0, 0, .25); display: flex; flex-direction: column; max-height: 86vh;
  font: 13px Verdana, "Microsoft YaHei", Arial, sans-serif; color: #000; }
.hl-dlg-hd { flex: none; height: 30px; line-height: 30px; padding: 0 36px 0 12px; background: var(--hl-head); color: var(--hl-head-fg); border-bottom: 1px solid var(--hl-head-bd);
  font-size: 14px; font-weight: bold; position: relative; }
.hl-dlg-x { position: absolute; right: 0; top: 0; width: 30px; height: 30px; text-align: center; cursor: pointer; font-size: 18px; font-weight: normal; }
.hl-dlg-x:hover { background: var(--hl-head-bd); }
.hl-dlg-bd { flex: 1; overflow: auto; }
.hl-dlg-ft { flex: none; padding: 10px; text-align: center; border-top: 1px solid #eee; }
.hl-toast { position: fixed; z-index: 950; left: 50%; top: 40%; transform: translateX(-50%); padding: 10px 22px;
  background: rgba(0, 0, 0, .72); color: #fff; font-size: 14px; border-radius: 3px; }


.hl-btn { display: inline-block; height: 24px; line-height: 22px; padding: 0 12px; box-sizing: border-box;
  font: 13px Verdana, "Microsoft YaHei", Arial, sans-serif; color: #333; background: #f0f0f0; border: 1px solid #999;
  cursor: pointer; vertical-align: middle; }
.hl-btn:hover { background: #e2e2e2; }
.hl-btn[disabled] { color: #aaa; cursor: not-allowed; }


.hl-list-item { border-bottom: 1px solid #e3e3e3; padding: 10px 14px; }
.hl-list-item .t { font-weight: bold; display: flex; align-items: center; gap: 6px; }
.hl-list-item .c { margin-top: 4px; color: #333; line-height: 1.8; white-space: pre-wrap; word-break: break-all; }
.hl-list-item .d { margin-top: 4px; color: #999; font-size: 12px; }
.hl-list-item.read { color: #888; }
.hl-list-item.read .t { font-weight: normal; }
.hl-tag-top { padding: 0 5px; background: #e54d42; color: #fff; font-size: 11px; line-height: 17px; font-weight: normal; }
.hl-empty { padding: 40px 0; text-align: center; color: #999; font-size: 14px; }