/* PC正文宽由共享主列接管，沿用现有gutter只扣一次，不保留旧1664等比上限。 */
@media (min-width:1024px){.hg-main>.main.hg-profile-msg{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 1364:22540 / 编辑态 1452:13603）。
   左右 gutter 与个人中心 hub 同源（--hg-page-gutter），PC内容区跟随共享主列。 */
.hg-profile-msg{
  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-msg__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:calc(16 * var(--hg-profile-unit));
  margin-top:calc(8 * var(--hg-profile-unit))
}
.hg-profile-msg__titles h1{
  margin:0;color:#fff;font-size:max(14px,calc(26 * var(--hg-profile-text-unit)));font-weight:600;line-height:calc(39 * var(--hg-profile-text-unit));letter-spacing:calc(-.04 * var(--hg-profile-unit))
}
.hg-profile-msg__titles p{
  margin:calc(3 * 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:calc(20 * var(--hg-profile-text-unit))
}
.hg-profile-msg__actions{
  display:flex;align-items:center;gap:calc(20 * var(--hg-profile-unit));flex-shrink:0;padding-top:calc(6 * var(--hg-profile-unit))
}
.hg-profile-msg__count{color:rgba(255,255,255,.5);font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:calc(20 * var(--hg-profile-text-unit))}
button.hg-profile-msg__edit{
  -webkit-appearance:none;appearance:none;
  box-sizing:border-box;
  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-msg.is-editing button.hg-profile-msg__edit{
  background:rgba(255,210,28,.1);background-color:rgba(255,210,28,.1);color:#ffd21c
}
.hg-msg-toolbar{
  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(16 * var(--hg-profile-unit));padding:0 calc(24 * var(--hg-profile-unit));
  border:calc(1 * var(--hg-profile-unit)) solid #33312c;border-radius:calc(12 * var(--hg-profile-unit));background:#141412;
  box-shadow:0 calc(8 * var(--hg-profile-unit)) calc(12 * var(--hg-profile-unit)) rgba(0,0,0,.5)
}
.hg-msg-toolbar[hidden]{display:none}
.hg-msg-toolbar__left{display:flex;align-items:center;gap:calc(16 * var(--hg-profile-unit));min-width:0}
.hg-msg-toolbar__all{
  display:inline-flex;align-items:center;gap:calc(16 * var(--hg-profile-unit));padding:0;border:0;background:none;
  color:#ebebe6;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));font-weight:500;line-height:1;cursor:pointer
}
.hg-msg-toolbar__all .hg-msg-check{display:block}
.hg-msg-toolbar__all.is-on .hg-msg-check__off{display:none}
.hg-msg-toolbar__all.is-on .hg-msg-check__on{display:block}
.hg-msg-toolbar__divider{width:calc(1 * var(--hg-profile-unit));height:calc(16 * var(--hg-profile-unit));background:rgba(255,255,255,.12);flex-shrink:0}
.hg-msg-toolbar__picked{color:#8f8f8a;font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:1;white-space:nowrap}
.hg-msg-toolbar__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);color:#ff3838;
  font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));font-weight:500;line-height:1;cursor:pointer
}
.hg-msg-toolbar__delete:disabled{opacity:.4;cursor:default}
.hg-msg-list{display:flex;flex-direction:column;gap:calc(15 * var(--hg-profile-unit));margin-top:calc(15 * var(--hg-profile-unit))}
.hg-profile-msg.is-editing .hg-msg-list{gap:calc(16 * var(--hg-profile-unit));margin-top:calc(16 * var(--hg-profile-unit))}
.hg-msg-list__empty{padding:calc(48 * var(--hg-profile-unit)) 0;color:#888;text-align:center}
.hg-msg-card{
  display:flex;align-items:center;gap:calc(20 * var(--hg-profile-unit));
  box-sizing:border-box;min-height:calc(114 * var(--hg-profile-unit));padding:calc(17 * var(--hg-profile-unit));
  border:calc(1 * var(--hg-profile-unit)) solid rgba(255,255,255,.06);border-radius:calc(14 * var(--hg-profile-unit));background:#161616
}
.hg-profile-msg.is-editing .hg-msg-card{
  gap:calc(15 * var(--hg-profile-unit));padding:calc(16 * var(--hg-profile-unit));border-color:rgba(255,255,255,.1)
}
.hg-msg-card[data-href]{cursor:pointer}
.hg-profile-msg.is-editing .hg-msg-card{cursor:default}
.hg-msg-card__body{min-width:0;flex:1}
.hg-msg-card__tag{
  margin:0;color:#ffd21c;font-size:max(12px,calc(12 * var(--hg-profile-text-unit)));font-weight:600;line-height:calc(16.5 * var(--hg-profile-text-unit));letter-spacing:calc(.06 * var(--hg-profile-unit))
}
.hg-msg-card__body h3{
  margin:calc(8 * var(--hg-profile-unit)) 0 0;color:#fff;font-size:max(14px,calc(16 * var(--hg-profile-text-unit)));font-weight:600;line-height:calc(22 * var(--hg-profile-text-unit));letter-spacing:calc(-.3 * var(--hg-profile-unit));
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.hg-msg-card__content{
  margin:calc(8 * var(--hg-profile-unit)) 0 0;color:rgba(255,255,255,.45);font-size:max(14px,calc(14 * var(--hg-profile-text-unit)));line-height:calc(21 * var(--hg-profile-text-unit));letter-spacing:calc(-.08 * var(--hg-profile-unit));
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.hg-msg-card__time{
  flex-shrink:0;color:rgba(255,255,255,.4);font-size:max(12px,calc(13 * var(--hg-profile-text-unit)));font-weight:500;line-height:calc(20 * var(--hg-profile-text-unit));white-space:nowrap
}
.hg-msg-check{
  position:relative;display:none;flex-shrink:0;width:calc(18 * var(--hg-profile-unit));height:calc(18 * var(--hg-profile-unit));padding:0;
  border:0;background:none;cursor:pointer;overflow:clip
}
.hg-profile-msg.is-editing .hg-msg-card .hg-msg-check{display:block}
.hg-msg-check img{display:block;width:calc(18 * var(--hg-profile-unit));height:calc(18 * var(--hg-profile-unit))}
.hg-msg-check__on{display:none}
.hg-msg-card.is-selected .hg-msg-check__off{display:none}
.hg-msg-card.is-selected .hg-msg-check__on{display:block}
@media (max-width:900px){
  .hg-profile-msg{padding:calc(16 * var(--hg-profile-unit)) var(--hg-page-gutter) calc(32 * var(--hg-profile-unit))}
  .hg-profile-msg__head{align-items:flex-start;gap:calc(12 * var(--hg-profile-unit))}
  .hg-profile-msg__titles h1{font-size:max(14px,calc(22 * var(--hg-profile-text-unit)));line-height:calc(32 * var(--hg-profile-text-unit))}
  .hg-profile-msg__titles p{font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-profile-msg__actions{gap:calc(8 * var(--hg-profile-unit));padding-top:calc(2 * var(--hg-profile-unit))}
  .hg-profile-msg__count{display:none}
  button.hg-profile-msg__edit{width:calc(70 * var(--hg-profile-unit));height:calc(34 * var(--hg-profile-unit));font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-msg-toolbar{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-msg-toolbar__left{gap:calc(8 * var(--hg-profile-unit));flex-wrap:wrap}
  .hg-msg-toolbar__all{gap:calc(8 * var(--hg-profile-unit));font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-msg-toolbar__picked{font-size:max(12px,calc(13 * var(--hg-profile-text-unit)))}
  .hg-msg-toolbar__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-msg-list{gap:calc(12 * var(--hg-profile-unit));margin-top:calc(12 * var(--hg-profile-unit))}
  .hg-msg-card{
    display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;
    min-height:0;padding:calc(16 * var(--hg-profile-unit));gap:calc(8 * var(--hg-profile-unit));align-items:start
  }
  .hg-profile-msg.is-editing .hg-msg-card{
    grid-template-columns:calc(24 * var(--hg-profile-unit)) 1fr;column-gap:calc(10 * var(--hg-profile-unit))
  }
  .hg-profile-msg.is-editing .hg-msg-card .hg-msg-check{
    grid-row:1 / span 2;grid-column:1;align-self:center;width:calc(24 * var(--hg-profile-unit));height:calc(24 * var(--hg-profile-unit))
  }
  .hg-profile-msg.is-editing .hg-msg-card__body,
  .hg-profile-msg.is-editing .hg-msg-card__time{grid-column:2}
  /* 禅道 44650：这条规则原来漏了 .hg-msg-card 限定。
     工具条「全选本页」里的勾选框和消息卡片里的用的是同一个 .hg-msg-check 类，
     所以它把工具条那枚图标也一起放大成 24px，但外层 span 在移动端并没有跟着变大
     （上面第 120 行那条放大 span 的规则是限定了 .hg-msg-card 的），仍是 18×18 且 overflow:clip。
     叠加 common.css 的全局 img{max-width:100%}，图片宽被压回 18、高仍是 24；
     SVG 的 viewBox 是 0 0 18 18，按默认 xMidYMid meet 在 18×24 里垂直居中，上下各空 3px，
     底边落在 y=21 处、被 18px 的裁剪框切掉 —— 就是截图里那个缺了底边的方框。
     补上 .hg-msg-card 限定即可：卡片内仍是 24px（触控目标），工具条回到与 PC 一致的 18px。 */
  .hg-profile-msg.is-editing .hg-msg-card .hg-msg-check img{width:calc(24 * var(--hg-profile-unit));height:calc(24 * var(--hg-profile-unit))}
  .hg-msg-card__body{min-width:0}
  .hg-msg-card__body h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .hg-msg-card__content{
    white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical
  }
  .hg-msg-card__time{margin:0}
}
@media (min-width:1024px){
  button.hg-profile-msg__edit,.hg-msg-toolbar__all,.hg-msg-toolbar__delete{min-height:36px;min-width:72px;line-height:1.4}
  .hg-msg-toolbar{min-height:60px}
  .hg-msg-card__body h3,.hg-msg-card__content,.hg-msg-card__time{line-height:1.4}
}
@media (min-width:1024px){
  .hg-msg-check{min-width:36px;min-height:36px}
}