/* ===== 历史记录 ===== */
.history-wrap{max-width:820px;margin:0 auto;padding:40px 0 64px}
.history-head h1{font-size:clamp(24px,4vw,34px);margin-top:10px;color:var(--ink)}
.history-head p{color:var(--ink-2);margin-top:8px}
.history-list{display:grid;gap:14px;margin-top:28px}
.history-item{
  display:flex;align-items:center;gap:16px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;
  box-shadow:var(--shadow-sm);transition:transform .18s ease, border-color .18s ease;
}
.history-item:hover{transform:translateY(-2px);border-color:var(--green)}
.history-thumb{width:58px;height:58px;border-radius:14px;overflow:hidden;background:var(--bg-deep);flex:none}
.history-thumb img{width:100%;height:100%;object-fit:cover}
.history-info{flex:1;min-width:0}
.history-info h3{font-family:var(--serif);font-size:18px;color:var(--ink);line-height:1.3}
.history-info .htag{font-size:12.5px;color:var(--ink-3)}
.history-meta{font-size:12.5px;color:var(--ink-3);text-align:right;display:flex;flex-direction:column;gap:2px;align-items:flex-end;flex:none}
.history-meta .hm-dims{color:var(--green);font-weight:600}
.history-view{
  display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13.5px;font-weight:700;
  padding:9px 16px;border-radius:999px;background:var(--green-soft);flex:none;min-height:40px;transition:.16s;
}
.history-view:hover{background:var(--green);color:#fff}
.history-view svg{width:16px;height:16px}
.history-empty{text-align:center;padding:70px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--ink-3)}
.history-empty .he-ic{width:72px;height:72px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin:0 auto 18px}
.history-empty .he-ic svg{width:34px;height:34px}
.history-empty h3{font-family:var(--serif);color:var(--ink);font-size:20px;margin-bottom:6px}
.history-empty a{display:inline-flex;margin-top:20px}

/* ===== 响应式 ===== */
@media (max-width:560px){
  .history-item{flex-wrap:wrap}
  .history-meta{order:3;flex:1;text-align:left;align-items:flex-start;flex-direction:row;gap:10px}
}