/* hotwatch 页面专用样式（定时追热点），类名统一 hw- 开头 */

/* 顶部状态条 */
.hw-strip { display: flex; align-items: center; gap: 12px 28px; flex-wrap: wrap; padding: 14px 18px; margin-bottom: 16px; }
.hw-st-sw { display: flex; align-items: center; gap: 10px; }
.hw-st-sw b { font-size: 14.5px; }
.hw-st-it { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13.5px; flex-wrap: wrap; }
.hw-st-it > b { font-weight: 600; display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.hw-warn-txt { color: #c26a00; font-weight: 500; }
.hw-busy { display: inline-flex; align-items: center; gap: 4px; }
.hw-busy .ic { width: 13px; height: 13px; }

.hw-cols { align-items: start; }
.hw-right { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

/* 设置表单 */
.hw .field > span { font-weight: 600; color: var(--text); font-size: 13.5px; }
.hw-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.hw-chip { display: inline-flex; align-items: center; gap: 2px; height: 26px; padding: 0 4px 0 10px; font-size: 13px; }
.hw-chip button { width: 20px; height: 20px; border-radius: 5px; color: var(--brand); opacity: .6; font-size: 15px; line-height: 1; }
.hw-chip button:hover { opacity: 1; background: rgba(59, 108, 246, .12); }
.hw-none { font-size: 13px; }
.hw-add { display: flex; gap: 8px; }
.hw-add .input { flex: 1; }
.hw-add input[type=time] { flex: 0 0 140px; }

.hw-src { display: flex; flex-direction: column; gap: 10px; }
.hw-cat { border: 1px solid var(--line-2); border-radius: 10px; padding: 10px 12px; background: #fafbfd; }
.hw-cat-hd { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-size: 13px; }
.hw-cat-hd b { font-size: 13px; }
.hw-cat-hd .link:first-of-type { margin-left: auto; }
.hw-cbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 4px 10px; }
.hw-cb { display: flex; align-items: center; gap: 6px; min-height: 28px; font-size: 13px; cursor: pointer; min-width: 0; }
.hw-cb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hw-cb input { width: 15px; height: 15px; margin: 0; flex: none; accent-color: var(--brand); }

.hw-line { display: flex; align-items: center; gap: 10px; font-size: 13.5px; }

.hw-feishu { padding-top: 14px; border-top: 1px dashed var(--line); }
.hw-steps { margin: 0; padding: 10px 12px 10px 30px; background: var(--brand-soft); border-radius: 10px; color: var(--sub); font-size: 13px; line-height: 1.9; }
.hw-now { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13px; color: #0e9a59; }
.hw-now .ic { width: 14px; height: 14px; }
.hw-now span { min-width: 0; word-break: break-all; }
.hw-now.warn { color: #c26a00; }
.hw-adv { border: 1px solid var(--line-2); border-radius: 10px; padding: 0 12px; }
.hw-adv summary { cursor: pointer; padding: 10px 0; font-size: 13px; color: var(--sub); }
.hw-adv[open] { padding-bottom: 12px; }
.hw-adv[open] summary { margin-bottom: 4px; }
.hw-adv .field + .field { margin-top: 12px; }
.hw-adv .field > span { font-weight: 500; }

.hw-foot { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 18px; border-top: 1px solid var(--line-2); }
.hw-foot-tip { font-size: 12.5px; }
.hw .btn:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }

/* 结果 */
.hw-meta { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; font-size: 13px; color: var(--sub); }
.hw-sum { padding: 12px 18px 0; font-size: 13.5px; color: var(--sub); }
.hw-sum b { color: var(--text); }
.hw-body { padding: 4px 0 8px; }
.hw-warn, .hw-err, .hw-note, .hw-tip { margin: 10px 18px 0; padding: 8px 12px; border-radius: 8px; font-size: 12.5px; line-height: 1.6; }
.hw-warn { color: #b25e09; background: #fff7ec; }
.hw-err { color: var(--red); background: #ffecea; }
.hw-note { color: var(--sub); background: #f5f7fb; }
.hw-tip { display: flex; align-items: center; gap: 6px; color: var(--mute); background: #fafbfd; margin-bottom: 4px; }
.hw-tip .ic { width: 14px; height: 14px; }

.hw-grp { padding: 12px 18px 0; }
.hw-grp-hd { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; font-size: 12.5px; }
.hw-hits { list-style: none; margin: 0; padding: 0; }
.hw-hit { padding: 8px 0; border-bottom: 1px solid var(--line-2); }
.hw-hit:last-child { border-bottom: 0; }
.hw-hit-tt { display: flex; align-items: flex-start; gap: 6px; font-size: 14px; line-height: 1.5; min-width: 0; }
.hw-hit-tt a, .hw-hit-tt span { min-width: 0; overflow-wrap: anywhere; }
.hw-hit-tt a:hover { color: var(--brand); }
.hw-hit mark { background: #fff1b8; color: inherit; border-radius: 3px; padding: 0 1px; }
.hw-new { flex: none; margin-top: 2px; }
.hw-hit-meta { margin-top: 2px; font-size: 12.5px; color: var(--mute); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.hw-sep { font-style: normal; margin: 0 6px; color: #d5dbe7; }

/* 运行记录 */
.hw-runs { list-style: none; margin: 0; padding: 4px 0; max-height: 640px; overflow-y: auto; }
.hw-run { border-bottom: 1px solid var(--line-2); }
.hw-run:last-child { border-bottom: 0; }
.hw-run-hd { width: 100%; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px 18px; text-align: left; font-size: 13.5px; }
.hw-run-hd:hover { background: #f7f9fd; }
.hw-run-t { font-variant-numeric: tabular-nums; min-width: 84px; }
.hw-run-n { flex: 1; min-width: 80px; }
.hw-chev { width: 16px; height: 16px; color: var(--mute); transition: transform .2s; margin-left: auto; }
.hw-run.open .hw-chev { transform: rotate(180deg); }
.hw-run-bd { padding-bottom: 10px; background: #fcfdfe; border-top: 1px solid var(--line-2); }

@media (max-width: 860px) {
  .hw-strip { gap: 10px 16px; padding: 12px 14px; }
  .hw-st-it { width: 100%; }
  .hw-add input[type=time] { flex: 1; }
  .hw-cbs { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
  .hw-foot { padding: 12px 14px; }
  .hw-foot .btn { flex: 1; justify-content: center; }
  .hw-grp, .hw-sum { padding-left: 14px; padding-right: 14px; }
  .hw-warn, .hw-err, .hw-note, .hw-tip { margin-left: 14px; margin-right: 14px; }
  .hw-run-hd { padding: 10px 14px; }
  .hw-meta { justify-content: flex-start; }
  .hw-right .panel-hd { flex-wrap: wrap; }
}
/* 命中的每条后面「写稿」（10-02） */
.hw-hit-meta .link { display: inline-flex; align-items: center; gap: 2px; margin-left: 8px; font-size: 12px; white-space: nowrap; vertical-align: middle; }
.hw-hit-meta .link .ic { width: 13px; height: 13px; }