/* PC正文宽由共享主列接管，沿用现有gutter只扣一次，不保留旧1664等比上限。 */
@media (min-width:1024px){.hg-main>.main.hg-profile-fav{max-width:none}}
/* 私有尺寸：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:16932 / 1356:18152）。外壳 / 卡片 / 分页复用全站；这里只管页头与 underline tab。
   左右 gutter 与个人中心 hub 同源（--hg-page-gutter），PC内容区跟随共享主列。 */
.hg-profile-fav{
  box-sizing:border-box;
  max-width:calc(calc(1664 * var(--hg-profile-unit)) + 2 * var(--hg-page-gutter));
  margin:0 auto;
  padding:calc(20 * var(--hg-profile-unit)) var(--hg-page-gutter) calc(48 * var(--hg-profile-unit))
}
.hg-profile-fav__head{margin-top:calc(8 * var(--hg-profile-unit))}
.hg-profile-fav__head h1{
  margin:0;color:#fff;font-size:max(14px,calc(26 * var(--hg-profile-text-unit)));font-weight:600;line-height:1.2;letter-spacing:calc(-.2 * var(--hg-profile-unit))
}
.hg-profile-fav__head p{
  margin:calc(8 * var(--hg-profile-unit)) 0 0;color:rgba(255,255,255,.6);font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:1.4
}
/* 标题行右侧统计胶囊（禅道 44567）：「当前频道名 · N 部」，与 h1 同一行、右端、垂直居中。
   目前只有「我的喜欢」下发 statPill，收藏/历史两页这层里只有 h1 一个子元素，
   flex 单子元素与原来的裸 h1 渲染一致，不会有视觉变化。
   胶囊刻意用 <span> 而不是 <button>：common.css 里有 button:not(.hg-btn){background-color:unset}
   （特异度 (0,1,1)），单类名给 button 设背景会被它清成透明，胶囊肉眼几乎看不见。
   flex-wrap + margin-left:auto：窄屏放不下时胶囊整体换到下一行仍靠右，不会与标题挤在一起、
   也不会把页面撑出横向滚动。 */
.hg-profile-fav__headline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:calc(8 * var(--hg-profile-unit)) calc(12 * var(--hg-profile-unit))
}
.hg-profile-fav__title-row .hg-profile-fav__headline{flex:1;min-width:0}
.hg-profile-fav__stat{
  margin-left:auto;
  padding:calc(6 * var(--hg-profile-unit)) calc(14 * var(--hg-profile-unit));
  border-radius:calc(999 * var(--hg-profile-unit));
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.55);
  font-size:max(12px,calc(13 * var(--hg-profile-text-unit)));
  line-height:calc(20 * var(--hg-profile-text-unit));
  white-space:nowrap
}
.hg-profile-fav .hg-channel-tabs{
  display:flex;
  align-items:flex-end;
  gap:calc(20 * var(--hg-profile-unit));
  margin-top:calc(20 * var(--hg-profile-unit));
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  border-bottom:calc(1 * var(--hg-profile-unit)) solid rgba(255,255,255,.07)
}
.hg-profile-fav .hg-channel-tabs::-webkit-scrollbar{display:none}
.hg-profile-fav .hg-channel-tabs__item{
  position:relative;
  flex-shrink:0;
  padding:0 0 calc(12 * var(--hg-profile-unit));
  text-decoration:none;
  font-size:max(14px,calc(15 * var(--hg-profile-text-unit)));
  font-weight:400;
  line-height:calc(22 * var(--hg-profile-text-unit));
  color:rgba(255,255,255,.45);
  white-space:nowrap
}
.hg-profile-fav .hg-channel-tabs__item.is-active{
  color:#ffd21c;
  font-weight:600
}
.hg-profile-fav .hg-channel-tabs__item.is-active::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:calc(-1 * var(--hg-profile-unit));
  height:calc(2 * var(--hg-profile-unit));border-radius:calc(99 * var(--hg-profile-unit));background:#ffd21c
}
.hg-profile-fav .hg-card-grid{gap:calc(20 * var(--hg-profile-unit));margin-top:calc(24 * var(--hg-profile-unit))}
/* 黄果吃瓜页签的帖子卡（禅道 44538）：封面框改横版。
   hg/shell.tpl 头部就地样式把全站视频卡封面定成 .hg-drama-card__cover{aspect-ratio:9/12}
   + img{object-fit:contain}——那是给 9:16 竖版影片封面定的，为的是「一个像素都不裁」。
   帖子封面是 1300×640 的 2:1 横图，落进 9:12 竖框后按 contain 缩放：实测 399×532 的框里
   只画出 399×196，上下各留 168px 底色，就是 bug 里红箭头指的那片黑。
   这里改成 2/1 + cover，与站内既有的吃瓜卡片同口径——参照物是 /chigua/ 列表卡
   （layouts/cyber-community.tpl 的 hgCommunityPostCard / hgPostCardStyle：
   .hg-post-card__gallery{aspect-ratio:2/1} + .hg-post-card__img img{object-fit:cover}），
   社区标签聚合页、博主页帖子 Tab、首页「最近浏览」弹窗的黄果吃瓜页签也都是这一套。
   选择器带 .hg-profile-fav + .hg-drama-card--post 两层，特异性高于上述全站规则，
   且本文件在 hg/head 引入的 hg-shell.css 之后加载；只有带 --post 的帖子卡吃这条，不波及视频卡。

   作用域是收藏/喜欢/历史三页：历史页(/profile/history/)的 layout 也引入了本文件，
   外层 <main> 同样是 .hg-profile-fav，帖子卡由 hg/history-card 加 --post（见 hgHistoryCard.IsPost），
   于是直接复用这条规则，不在 hg-profile-history.css 里另写一份免得两边漂移。 */
.hg-profile-fav .hg-drama-card--post .hg-drama-card__cover{aspect-ratio:2/1}
.hg-profile-fav .hg-drama-card--post .hg-drama-card__cover img{
  -o-object-fit:cover;object-fit:cover
}
/* PC 稿：观看历史 3523:45835 / 我的收藏 3524:48768 / 我的喜欢 3524:49654，帖子页签 3524:48051 / 49282 / 50394。
   面包屑 40 高 → 10 → 标题行 45（h1 30px + 紧跟 14px 计数，右端「管理」94×40）→ 20 → 页签 35 → 20 → 内容。
   视频主网格按最新要求使用共享主列数（默认7列）、间距24，封面下只有标题 + 一枚集数胶囊（不出简介与标签）；帖子页签是整行卡（hgPostRowStyle）。
   副标题与统计胶囊不在 PC 稿上，只留给 H5。 */
.hg-profile-fav__count{display:none}
@media (min-width:1024px){
  .hg-profile-fav{padding:0 var(--hg-page-gutter) calc(15 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-breadcrumb{margin:0;padding:calc(10 * var(--hg-profile-unit)) 0;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:calc(20 * var(--hg-profile-text-unit))}
  .hg-profile-fav__head{margin-top:calc(10 * var(--hg-profile-unit))}
  .hg-profile-fav__head>p,.hg-profile-fav__stat{display:none}
  .hg-profile-fav__headline{flex-wrap:nowrap;gap:calc(9 * var(--hg-profile-unit));min-width:0}
  .hg-profile-fav__head h1{font-size:max(14px,calc(30 * var(--hg-profile-text-unit)));font-weight:600;line-height:calc(45 * var(--hg-profile-text-unit));letter-spacing:calc(-.2045 * var(--hg-profile-unit));white-space:nowrap}
  .hg-profile-fav__count{display:block;color:rgba(255,255,255,.65);font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:calc(45 * var(--hg-profile-text-unit));white-space:nowrap}
  .hg-profile-fav button.hg-profile-fav__edit,.hg-profile-fav.is-editing button.hg-profile-fav__edit{
    gap:calc(6 * var(--hg-profile-unit));width:calc(94 * var(--hg-profile-unit));height:calc(40 * var(--hg-profile-unit));padding:calc(10 * var(--hg-profile-unit));
    background:rgba(255,210,28,.1);background-color: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-shrink:0}
  .hg-profile-fav .hg-channel-tabs{align-items:flex-start;gap:calc(30 * var(--hg-profile-unit));height:calc(35 * var(--hg-profile-unit));margin-top:calc(20 * var(--hg-profile-unit));border-bottom:calc(.77 * var(--hg-profile-unit)) solid rgba(255,255,255,.07);overflow:visible}
  .hg-profile-fav .hg-channel-tabs__item{box-sizing:border-box;height:calc(35 * var(--hg-profile-unit));padding:0;font-size:max(14px,calc(16 * var(--hg-profile-text-unit)));font-weight:500;line-height:calc(23 * var(--hg-profile-text-unit));letter-spacing:calc(-.2344 * var(--hg-profile-unit));color:rgba(255,255,255,.5)}
  .hg-profile-fav .hg-channel-tabs__item.is-active{font-size:max(14px,calc(18 * var(--hg-profile-text-unit)));font-weight:600;letter-spacing:0;color:#ffd21c}
  .hg-profile-fav .hg-channel-tabs__item.is-active::after{top:calc(32.38 * var(--hg-profile-unit));bottom:auto;height:calc(2 * var(--hg-profile-unit));border-radius:0}
  .hg-profile-fav .hg-card-grid{gap:calc(24 * var(--hg-profile-unit));margin-top:calc(20 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-card-grid .hg-drama-card__tags{display:none}
  .hg-profile-fav .hg-card-grid .hg-drama-card__progress{display:flex;align-items:center;height:calc(20.387 * var(--hg-profile-unit));margin:0;overflow:visible}
  .hg-profile-fav .hg-card-grid .hg-drama-card__progress span{padding:calc(2 * var(--hg-profile-unit)) calc(6 * var(--hg-profile-unit));border-radius:calc(4 * var(--hg-profile-unit));background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);font-size:max(14px,calc(16 * var(--hg-profile-text-unit)));font-weight:400;line-height:calc(20 * var(--hg-profile-text-unit));white-space:nowrap}
  .hg-profile-fav .hg-profile-posts{margin-top:calc(20 * var(--hg-profile-unit))}
}
/* 帖子整行卡的勾选圈放右侧垂直居中：左上角在有封面时压封面、无封面时压作者头像，右侧两种版式都空着。 */
.hg-profile-post .hg-history-check{top:50%;right:calc(24 * var(--hg-profile-unit));left:auto;transform:translateY(-50%)}
.hg-profile-fav.is-editing .hg-profile-post>.hg-post-card{padding-right:calc(78 * var(--hg-profile-unit))}
@media (min-width:1024px){
  .hg-profile-fav .hg-card-grid{grid-template-columns:repeat(var(--hg-main-video-columns,7),minmax(0,1fr))}
}
@media (max-width:900px){
  .hg-profile-fav{padding:calc(16 * var(--hg-profile-unit)) var(--hg-page-gutter) calc(32 * var(--hg-profile-unit))}
  .hg-profile-fav__head h1{font-size:max(14px,calc(22 * var(--hg-profile-text-unit)))}
  .hg-profile-fav__head p{font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-profile-fav__stat{padding:calc(5 * var(--hg-profile-unit)) calc(10 * var(--hg-profile-unit));font-size:max(12px,calc(12 * var(--hg-profile-text-unit)));line-height:calc(18 * var(--hg-profile-text-unit))}
  .hg-profile-fav .hg-channel-tabs{gap:calc(16 * var(--hg-profile-unit));margin-top:calc(16 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-channel-tabs__item{font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));padding-bottom:calc(10 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-card-grid{gap:calc(12 * var(--hg-profile-unit));margin-top:calc(16 * var(--hg-profile-unit))}
  .hg-profile-fav .hg-pager__jump{display:none}
}
/* 本期H5稿：标题与真实统计上下排列，不再使用旧频道统计胶囊。 */
@media (max-width:1023px){
  .hg-profile-fav{padding-left:calc(12.5 * var(--hg-profile-unit));padding-right:calc(12.5 * var(--hg-profile-unit))}
  .hg-profile-fav__headline{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:calc(6 * var(--hg-profile-unit))}
  .hg-profile-fav__head h1{font-size:max(14px,calc(16 * var(--hg-profile-text-unit)));line-height:calc(22 * var(--hg-profile-text-unit))}
  .hg-profile-fav__count{display:block;color:rgba(255,255,255,.65);font-size:max(12px,calc(12 * var(--hg-profile-text-unit)));line-height:calc(18 * var(--hg-profile-text-unit))}
  .hg-profile-fav__stat{display:none}
}
/* PC文字不随版面缩成小字，页签和管理入口留足可点击区域。H5仍走独立稿。 */
@media (min-width:1024px){
  .hg-profile-fav__head h1{line-height:max(1.3em,calc(45 * var(--hg-profile-text-unit)))}
  .hg-profile-fav__count{line-height:max(1.3em,calc(45 * var(--hg-profile-text-unit)))}
  .hg-profile-fav .hg-channel-tabs{height:auto;min-height:36px;align-items:stretch}
  .hg-profile-fav .hg-channel-tabs__item{display:flex;align-items:center;height:auto;min-height:36px;line-height:1.4}
  .hg-profile-fav .hg-channel-tabs__item.is-active::after{top:auto;bottom:0}
  .hg-profile-fav button.hg-profile-fav__edit,.hg-profile-fav.is-editing button.hg-profile-fav__edit{min-width:80px;min-height:36px;padding:0 12px;line-height:1.4}
  .hg-profile-fav .hg-card-grid .hg-drama-card__progress{height:auto;min-height:20px;max-width:100%}
  .hg-profile-fav .hg-card-grid .hg-drama-card__progress span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
}