/* 私有尺寸：PC按1920设计稿同比，H5沿用独立移动稿的像素值。 */
:root{--hg-profile-unit:1px;--hg-profile-text-unit:1px;--hg-profile-aux-min:0px}
@media (min-width:1024px){:root{--hg-profile-unit:var(--hg-pc-unit,calc(100vw / 1920));--hg-profile-text-unit:var(--hg-text-unit,max(.875px,var(--hg-profile-unit)));--hg-profile-aux-min:12px}}
/* 历史记录（Figma 1356:21026）与编辑态（1445:14870）。页头/tab 复用 hg-profile-collects。 */
.hg-profile-fav__title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:calc(16 * var(--hg-profile-unit))
}
.hg-profile-fav__actions{display:flex;align-items:center;gap:calc(10 * var(--hg-profile-unit));flex-shrink:0}
/* 「管理」图标为金色描边；H5默认态与完成态在文件末尾按本期UI区分。 */
.hg-profile-fav__edit-icon{display:none}
button.hg-profile-fav__edit{
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  width:calc(88 * var(--hg-profile-unit));height:calc(40 * var(--hg-profile-unit));padding:0;border:0;border-radius:calc(100 * var(--hg-profile-unit));
  background:#ffd21c;background-color:#ffd21c;background-image:none;
  color:#0d0d0d;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));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:calc(10 * var(--hg-profile-unit)) 0 0;
  font-size:max(12px,calc(13 * var(--hg-profile-text-unit)));
  font-weight:500;
  line-height:calc(18 * var(--hg-profile-text-unit));
  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:calc(16 * var(--hg-profile-unit));
  min-height:calc(72 * var(--hg-profile-unit));
  margin-top:calc(24 * var(--hg-profile-unit));
  padding:0 calc(24 * var(--hg-profile-unit));
  background:#141412;
  border:calc(1 * var(--hg-profile-unit)) solid #33312c;
  border-radius:calc(12 * var(--hg-profile-unit));
  box-shadow:0 calc(8 * var(--hg-profile-unit)) calc(12 * var(--hg-profile-unit)) rgba(0,0,0,.5)
}
.hg-history-bar[hidden]{display:none}
.hg-history-bar__left{display:flex;align-items:center;gap:calc(16 * var(--hg-profile-unit));min-width:0}
button.hg-history-bar__all{
  display:inline-flex;
  align-items:center;
  gap:calc(16 * var(--hg-profile-unit));
  padding:0;
  border:0;
  background:none;
  background-color:transparent;
  color:#ebebe6;
  font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));
  font-weight:500;
  line-height:1;
  cursor:pointer
}
.hg-history-bar__box{
  position:relative;
  display:block;
  width:calc(18 * var(--hg-profile-unit));
  height:calc(18 * var(--hg-profile-unit));
  overflow:clip
}
.hg-history-bar__box img{display:block;width:calc(18 * var(--hg-profile-unit));height:calc(18 * var(--hg-profile-unit))}
.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:calc(1 * var(--hg-profile-unit));height:calc(16 * var(--hg-profile-unit));background:rgba(255,255,255,.12);flex-shrink:0}
.hg-history-bar__count{color:#8f8f8a;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:1;white-space:nowrap}
button.hg-history-bar__delete{
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
  min-width:calc(76 * var(--hg-profile-unit));
  height:calc(36 * var(--hg-profile-unit));
  padding:calc(8 * var(--hg-profile-unit)) calc(24 * var(--hg-profile-unit));
  border:calc(1 * var(--hg-profile-unit)) solid #ff3838;
  border-radius:calc(20 * var(--hg-profile-unit));
  background:rgba(255,56,56,.05);
  background-color:rgba(255,56,56,.05);
  color:#ff3838;
  font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));
  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:calc(16 * var(--hg-profile-unit));
  left:calc(18 * var(--hg-profile-unit));
  z-index:2;
  display:none;
  width:calc(30 * var(--hg-profile-unit));
  height:calc(30 * var(--hg-profile-unit));
  padding:0;
  border:0;
  background:none;
  cursor:pointer;
  overflow:clip
}
.hg-history-check img{display:block;width:calc(30 * var(--hg-profile-unit));height:calc(30 * var(--hg-profile-unit))}
.hg-history-check__on{display:none}
.hg-drama-card.is-selected .hg-history-check__off,.hg-profile-post.is-selected .hg-history-check__off{display:none}
.hg-drama-card.is-selected .hg-history-check__on,.hg-profile-post.is-selected .hg-history-check__on{display:block}
/* 帖子页签整行卡（3524:48051）外层：勾选按钮压在封面左上角，与剧集卡同一套编辑态。 */
.hg-profile-post{position:relative;min-width:0}
.hg-profile-post>.hg-post-card{height:100%}
.hg-profile-fav.is-editing .hg-history-check{display:block}
/* 勾选圈占的就是封面左上角，编辑态让出位置，否则会和「原创/热播」角标叠在一起。 */
.hg-profile-fav.is-editing .hg-drama-card__badge{visibility:hidden}
@media (max-width:900px){
  .hg-profile-fav__title-row{align-items:flex-start;gap:calc(12 * var(--hg-profile-unit))}
  button.hg-profile-fav__edit{width:calc(72 * var(--hg-profile-unit));height:calc(34 * var(--hg-profile-unit));font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-history-bar{min-height:calc(52 * var(--hg-profile-unit));margin-top:calc(16 * var(--hg-profile-unit));padding:0 calc(12 * var(--hg-profile-unit));gap:calc(10 * var(--hg-profile-unit))}
  .hg-history-bar__left{gap:calc(8 * var(--hg-profile-unit));flex-wrap:wrap}
  button.hg-history-bar__all{gap:calc(8 * var(--hg-profile-unit));font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-history-bar__count{font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  button.hg-history-bar__delete{min-width:calc(64 * var(--hg-profile-unit));height:calc(32 * var(--hg-profile-unit));padding:calc(6 * var(--hg-profile-unit)) calc(14 * var(--hg-profile-unit));font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-history-check{top:calc(10 * var(--hg-profile-unit));left:calc(10 * var(--hg-profile-unit));width:calc(24 * var(--hg-profile-unit));height:calc(24 * var(--hg-profile-unit))}
  .hg-history-check img{width:calc(24 * var(--hg-profile-unit));height:calc(24 * var(--hg-profile-unit))}
}
/* 本期H5稿：管理为暗金胶囊与齿轮，进入编辑后才切亮黄「完成」。 */
@media (max-width:1023px){
  .hg-profile-fav button.hg-profile-fav__edit{
    gap:calc(6 * var(--hg-profile-unit));width:calc(94 * var(--hg-profile-unit));height:calc(39 * var(--hg-profile-unit));padding:0 calc(12 * var(--hg-profile-unit));
    background:rgba(255,210,28,.1);color:#ffd21c;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));font-weight:500;line-height:calc(20 * var(--hg-profile-text-unit))
  }
  .hg-profile-fav .hg-profile-fav__edit-icon{display:block;width:calc(18 * var(--hg-profile-unit));height:calc(18 * var(--hg-profile-unit));flex:none}
  .hg-profile-fav.is-editing button.hg-profile-fav__edit{background:#ffd21c;color:#111}
  .hg-profile-fav.is-editing .hg-profile-fav__edit-icon{display:none}
  .hg-profile-fav .hg-card-grid .hg-history-check{top:calc(6 * var(--hg-profile-unit));right:calc(5 * var(--hg-profile-unit));left:auto;z-index:4;width:calc(32 * var(--hg-profile-unit));height:calc(32 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-card-grid .hg-history-check img{width:calc(32 * var(--hg-profile-unit));height:calc(32 * var(--hg-profile-unit))}
  .hg-profile-fav.is-editing .hg-card-grid .hg-drama-card__badge{visibility:visible}
  .hg-profile-fav.is-editing .hg-card-grid .hg-drama-card__score{visibility:hidden}
  .hg-history-bar{min-height:calc(36 * var(--hg-profile-unit));margin-top:calc(11 * var(--hg-profile-unit));padding:0;gap:calc(12 * var(--hg-profile-unit));border:0;border-radius:0;background:transparent;box-shadow:none}
  .hg-history-bar__left{gap:calc(12 * var(--hg-profile-unit));flex-wrap:nowrap}
  button.hg-history-bar__all{gap:calc(12 * var(--hg-profile-unit));font-size:max(14px,calc(14 * var(--hg-profile-text-unit)))}
  .hg-history-bar__box,.hg-history-bar__box img{width:calc(15 * var(--hg-profile-unit));height:calc(15 * var(--hg-profile-unit))}
  .hg-history-bar__count{color:#b8bece;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:calc(20 * var(--hg-profile-text-unit))}
  button.hg-history-bar__delete{min-width:calc(78 * var(--hg-profile-unit));height:calc(36 * var(--hg-profile-unit));padding:0 calc(14 * var(--hg-profile-unit));border:0;background:#452c29;color:#ff3b0f}
  button.hg-history-bar__delete:disabled{opacity:1}
  .hg-profile-fav.is-editing .hg-card-grid{margin-top:calc(12 * var(--hg-profile-unit))}
}
@media (min-width:1024px){
  .hg-history-bar{min-height:60px}
  button.hg-history-bar__all,button.hg-history-bar__delete{min-height:36px;line-height:1.4}
  .hg-history-check{min-width:36px;min-height:36px}
}