/* 历史记录（Figma 1356:21026）与编辑态（1445:14870）。页头/tab 复用 hg-profile-collects。 */
.hg-profile-fav__title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px
}
.hg-profile-fav__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
button.hg-profile-fav__edit{
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  width:88px;height:40px;padding:0;border:0;border-radius:100px;
  background:#ffd21c;background-color:#ffd21c;background-image:none;
  color:#0d0d0d;font-size:14px;font-weight:500;line-height:1;cursor:pointer
}
.hg-profile-fav.is-editing button.hg-profile-fav__edit{
  background:rgba(255,210,28,.1);background-color:rgba(255,210,28,.1);
  color:#ffd21c
}
.hg-drama-card__progress{
  margin:10px 0 0;
  font-size:13px;
  font-weight:500;
  line-height:18px;
  color:#fff
}
.hg-drama-card__progress-total{color:#ffd21c;font-weight:400}
.hg-history-bar{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:72px;
  margin-top:24px;
  padding:0 24px;
  background:#141412;
  border:1px solid #33312c;
  border-radius:12px;
  box-shadow:0 8px 12px rgba(0,0,0,.5)
}
.hg-history-bar[hidden]{display:none}
.hg-history-bar__left{display:flex;align-items:center;gap:16px;min-width:0}
button.hg-history-bar__all{
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:0;
  border:0;
  background:none;
  background-color:transparent;
  color:#ebebe6;
  font-size:14px;
  font-weight:500;
  line-height:1;
  cursor:pointer
}
.hg-history-bar__box{
  position:relative;
  display:block;
  width:18px;
  height:18px;
  overflow:clip
}
.hg-history-bar__box img{display:block;width:18px;height:18px}
.hg-history-bar__box-on{display:none}
.hg-history-bar__all.is-on .hg-history-bar__box-off{display:none}
.hg-history-bar__all.is-on .hg-history-bar__box-on{display:block}
.hg-history-bar__sep{width:1px;height:16px;background:rgba(255,255,255,.12);flex-shrink:0}
.hg-history-bar__count{color:#8f8f8a;font-size:14px;line-height:1;white-space:nowrap}
button.hg-history-bar__delete{
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
  min-width:76px;
  height:36px;
  padding:8px 24px;
  border:1px solid #ff3838;
  border-radius:20px;
  background:rgba(255,56,56,.05);
  background-color:rgba(255,56,56,.05);
  color:#ff3838;
  font-size:14px;
  font-weight:500;
  line-height:1;
  cursor:pointer
}
button.hg-history-bar__delete:disabled{opacity:.4;cursor:default}
.hg-drama-card{position:relative}
.hg-history-check{
  position:absolute;
  top:16px;
  left:18px;
  z-index:2;
  display:none;
  width:30px;
  height:30px;
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  overflow:clip
}
.hg-history-check img{display:block;width:30px;height:30px}
.hg-history-check__on{display:none}
.hg-drama-card.is-selected .hg-history-check__off{display:none}
.hg-drama-card.is-selected .hg-history-check__on{display:block}
.hg-profile-fav.is-editing .hg-history-check{display:block}
@media (max-width:900px){
  .hg-profile-fav__title-row{align-items:flex-start;gap:12px}
  button.hg-profile-fav__edit{width:72px;height:34px;font-size:13px}
  .hg-history-bar{min-height:52px;margin-top:16px;padding:0 12px;gap:10px}
  .hg-history-bar__left{gap:8px;flex-wrap:wrap}
  button.hg-history-bar__all{gap:8px;font-size:13px}
  .hg-history-bar__count{font-size:13px}
  button.hg-history-bar__delete{min-width:64px;height:32px;padding:6px 14px;font-size:13px}
  .hg-history-check{top:10px;left:10px;width:24px;height:24px}
  .hg-history-check img{width:24px;height:24px}
}