/* 帖子详情 PC（≥1024）—— UI 3509:27095（图文）/ 3497:18113（带视频）。
   阅读内容与当前公共正文列同宽居中，沿用公共gutter与可读字号。
   在 cyber-post-detail.tpl 的页内 <style> 之后加载，同特异度规则靠先后覆盖；H5 不进本文件的断点。 */
.hg-post-detail__action--comment,
.hg-post-detail__video-head{display:none}

@media (min-width:1024px){
  .hg-post-detail{--hg-post-reading-width:var(--hg-page-content-width);box-sizing:border-box;width:var(--hg-post-reading-width);max-width:100%;margin-inline:auto;padding-top:calc(10 * var(--hg-pc-unit,1px));padding-inline:0}

  /* 面包屑始终同行，末级完整标题仅以CSS省略，不再单独另起一行。 */
  .hg-post-detail>.hg-breadcrumb{flex-wrap:nowrap;font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(20 * var(--hg-text-unit,1px));margin-bottom:0}
  .hg-post-detail>.hg-breadcrumb>.hg-breadcrumb__current{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;line-height:inherit;color:var(--color-primary,#ffd21c)}

  .hg-main>.main .hg-post-detail>.hg-post-detail__related,
  .hg-post-detail__main,
  .hg-post-detail__nav,
  .hg-post-detail__related,
  .hg-post-detail__comments{width:100%;max-width:100%;margin-inline:auto}
  .hg-post-detail__main{margin-top:calc(30 * var(--hg-pc-unit,1px))}
  /* 保留直属横幅对齐规则，外壳跟随当前公共阅读列，不再保留旧1090左偏移。 */
  .hg-main>.main .hg-post-detail>.hg-ssp-slot[data-ssp-format="banner"][data-ssp-layout="stacked"]{
    width:100%!important;max-width:100%!important;
    margin-left:auto!important;margin-right:auto!important
  }

  .hg-post-detail__title{font-size:max(14px,calc(26 * var(--hg-text-unit,1px)));line-height:calc(39 * var(--hg-text-unit,1px));font-weight:600;letter-spacing:calc(-.0442 * var(--hg-pc-unit,1px))}

  /* 作者行 + 互动按钮 */
  .hg-post-detail__meta{flex-wrap:nowrap;gap:calc(12 * var(--hg-pc-unit,1px));margin-top:calc(15 * var(--hg-pc-unit,1px))}
  .hg-post-detail__author{gap:calc(8 * var(--hg-pc-unit,1px));font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(19.5 * var(--hg-text-unit,1px));color:rgba(255,255,255,.55);flex:0 1 auto}
  .hg-post-detail__author .pd-ava{width:calc(34 * var(--hg-pc-unit,1px));height:calc(34 * var(--hg-pc-unit,1px));margin-right:calc(2 * var(--hg-pc-unit,1px));background:linear-gradient(180deg,#ffd900,#f06000);font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));font-weight:600}
  .hg-post-detail__author-name{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22 * var(--hg-text-unit,1px));font-weight:600;color:#fff}
  .hg-post-detail__dot{color:rgba(255,255,255,.2)}
  .hg-post-detail button.hg-post-detail__follow{
    width:max(72px,calc(72 * var(--hg-pc-unit,1px)));min-width:72px;height:max(36px,calc(32 * var(--hg-pc-unit,1px)));padding:0;border:0;border-radius:calc(100 * var(--hg-pc-unit,1px));
    background:#ffd900;color:#000;font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(19.5 * var(--hg-text-unit,1px));font-weight:500
  }
  .hg-post-detail button.hg-post-detail__follow.following{background:rgba(255,217,0,.1);color:#ffd900}

  .hg-post-detail__actions{flex:none;flex-wrap:nowrap;gap:calc(20 * var(--hg-pc-unit,1px))}
  .hg-post-detail .hg-post-detail__action{
    height:max(36px,calc(36 * var(--hg-pc-unit,1px)));padding:0 calc(11 * var(--hg-pc-unit,1px));gap:calc(8 * var(--hg-pc-unit,1px));border:calc(1 * var(--hg-pc-unit,1px)) solid rgba(255,255,255,.1);border-radius:calc(999 * var(--hg-pc-unit,1px));
    background:rgba(255,255,255,.04);color:#fff;font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(20 * var(--hg-text-unit,1px));font-weight:500;text-decoration:none
  }
  .hg-post-detail .hg-post-detail__action--comment{display:inline-flex}
  .hg-post-detail .hg-post-detail__action .num{margin-left:calc(-8 * var(--hg-pc-unit,1px))}
  .hg-post-detail .hg-post-detail__action.active,
  .hg-post-detail .hg-post-detail__action.active span{color:#fff}
  .hg-post-detail .hg-post-detail__action[data-action="like"].active .hg-post-detail__like-icon{color:#ff5e5e}
  .hg-post-detail .hg-post-detail__action[data-action="collect"].active .hg-post-detail__fav-icon{color:#ffd900}

  .hg-post-detail__rule{margin-top:calc(24 * var(--hg-pc-unit,1px));border-top-color:rgba(255,255,255,.07)}

  /* 正文 */
  .hg-post-detail__body{margin-top:calc(24 * var(--hg-pc-unit,1px));gap:calc(20 * var(--hg-pc-unit,1px))}
  .hg-post-detail__body p{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22 * var(--hg-text-unit,1px));color:rgba(255,255,255,.7)}
  .hg-post-detail__body h1{font-size:max(14px,calc(20 * var(--hg-text-unit,1px)));line-height:calc(28 * var(--hg-text-unit,1px))}
  .hg-post-detail__body h2{font-size:max(14px,calc(18 * var(--hg-text-unit,1px)));line-height:calc(25 * var(--hg-text-unit,1px));font-weight:600}
  .hg-post-detail__body h3{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22 * var(--hg-text-unit,1px));font-weight:600}
  .hg-post-detail__body :is(h1,h2,h3,h4,h5,h6)+*{margin-top:calc(-8 * var(--hg-pc-unit,1px))}
  .hg-post-detail__body ul,.hg-post-detail__body ol{padding-left:calc(24 * var(--hg-pc-unit,1px));font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(28 * var(--hg-text-unit,1px))}
  .hg-post-detail__body li{margin:0}
  .hg-post-detail__body{min-width:0;max-width:100%}
  .hg-post-detail__body img{align-self:flex-start;max-width:100%;height:auto;border-radius:0}
  .hg-post-detail__body .post-video-ssr,.hg-post-detail__body .post-video-player,.hg-post-detail__body video{max-width:100%}
  .hg-post-detail__body .post-video-ssr,
  .hg-post-detail__body .post-video-player{margin:0;border-radius:0}
  .hg-post-detail__video-head{display:flex;align-items:center;justify-content:space-between;height:auto;min-height:calc(28 * var(--hg-text-unit,1px));margin-bottom:calc(-5 * var(--hg-pc-unit,1px))}
  .hg-post-detail__video-head h2{margin:0;font-size:max(14px,calc(20 * var(--hg-text-unit,1px)));line-height:calc(28 * var(--hg-text-unit,1px));font-weight:600;color:#fff}
  .hg-post-detail__video-head span{font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(20 * var(--hg-text-unit,1px));color:rgba(255,255,255,.65)}

  /* 关键字 + 标签 */
  .hg-post-detail__keywords{margin-top:calc(24 * var(--hg-pc-unit,1px));padding-top:calc(24 * var(--hg-pc-unit,1px));border-top:calc(1 * var(--hg-pc-unit,1px)) solid rgba(255,255,255,.1);font-size:max(14px,calc(18 * var(--hg-text-unit,1px)));line-height:calc(25 * var(--hg-text-unit,1px))}
  .hg-post-detail__keywords>span:first-child{margin-right:calc(8 * var(--hg-pc-unit,1px))}
  .hg-post-detail__tags{gap:calc(10 * var(--hg-pc-unit,1px));margin-top:calc(15 * var(--hg-pc-unit,1px))}

  /* 上一篇 / 下一篇 */
  .hg-post-detail__nav{gap:calc(20 * var(--hg-pc-unit,1px));margin-top:calc(40 * var(--hg-pc-unit,1px))}
  .hg-post-detail__nav-item{
    min-height:calc(121 * var(--hg-pc-unit,1px));justify-content:flex-start;gap:calc(11 * var(--hg-pc-unit,1px));padding:calc(24 * var(--hg-pc-unit,1px));
    border:calc(1 * var(--hg-pc-unit,1px)) solid transparent;border-radius:calc(16 * var(--hg-pc-unit,1px));background:rgba(255,255,255,.05)
  }
  .hg-post-detail__nav-bg{display:none}
  .hg-post-detail__nav-label{color:#fff}
  .hg-post-detail__nav-title{color:rgba(255,255,255,.7)}
  .hg-post-detail__nav-item:hover{background:rgba(255,210,28,.08);border-color:rgba(255,210,28,.5)}
  .hg-post-detail__nav-item:hover .hg-post-detail__nav-label{color:#ffd21c}

  /* 区块标题：相关推荐 / 评论 —— 稿上无左侧色条 */
  .hg-post-detail__related .hg-section-accent,
  .hg-post-detail__comments .hg-section-accent{display:none}
  .hg-post-detail__related .hg-section-header,
  .hg-post-detail__comments .hg-section-header{margin:0;min-height:0;align-items:center}
  .hg-post-detail__related .hg-section-title h2{font-size:max(14px,calc(20 * var(--hg-text-unit,1px)));line-height:calc(28 * var(--hg-text-unit,1px));font-weight:600}
  .hg-post-detail__related .hg-see-more{height:auto;padding:0;border:0;background:none;font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(20 * var(--hg-text-unit,1px));color:rgba(255,255,255,.65)}
  .hg-post-detail__related .hg-see-more:hover{color:rgba(255,255,255,.65)}

  /* 相关推荐恢复本页完整Figma稿的420封面横条，沿用共享DOM与事件。
     本轮完整UI要求替代此前“现行共享卡外观”的局部选择，不影响作者/搜索横卡。 */
  .hg-post-detail__related{margin-top:calc(40 * var(--hg-pc-unit,1px))}
  .hg-post-detail .hg-post-detail__related-grid{gap:calc(20 * var(--hg-pc-unit,1px));margin-top:calc(15 * var(--hg-pc-unit,1px))}
  .hg-post-detail__related .hg-post-card,
  .hg-post-detail__related .hg-post-card:hover{
    padding:0 0 calc(30 * var(--hg-pc-unit,1px));border:0;border-bottom:calc(1 * var(--hg-pc-unit,1px)) solid rgba(255,255,255,.1);
    border-radius:0;background:none;box-shadow:none;overflow:visible
  }
  .hg-post-detail__related .hg-post-card__gallery{gap:calc(15 * var(--hg-pc-unit,1px))}
  .hg-post-detail__related .hg-post-card__images{flex:0 0 calc(420 * var(--hg-pc-unit,1px));width:calc(420 * var(--hg-pc-unit,1px));height:calc(236.25 * var(--hg-pc-unit,1px));margin-top:calc(2 * var(--hg-pc-unit,1px));border-radius:calc(16 * var(--hg-pc-unit,1px))}
  .hg-post-detail__related .hg-post-card .hg-post-card__body{gap:calc(15 * var(--hg-pc-unit,1px));padding:calc(8 * var(--hg-pc-unit,1px)) 0 0}
  .hg-post-detail__related .hg-post-card--nocover .hg-post-card__body{padding-top:0}
  .hg-post-detail__related .hg-post-card__meta{gap:calc(10 * var(--hg-pc-unit,1px));height:auto;min-height:calc(35 * var(--hg-text-unit,1px));font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22 * var(--hg-text-unit,1px))}
  .hg-post-detail__related .hg-post-card__meta>span:not(.hg-search-post__avatar){font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22 * var(--hg-text-unit,1px))}
  .hg-post-detail__related .hg-post-card__meta{white-space:nowrap;overflow:hidden}
  .hg-post-detail__related .hg-post-card__user{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .hg-post-detail__related .hg-post-card__date,.hg-post-detail__related .hg-post-card__cat,.hg-post-detail__related .hg-post-card__dot{flex-shrink:0}
  .hg-post-detail__related .hg-search-post__avatar{flex-basis:calc(30 * var(--hg-pc-unit,1px));width:calc(30 * var(--hg-pc-unit,1px));height:calc(30 * var(--hg-pc-unit,1px));font-size:max(14px,calc(18 * var(--hg-text-unit,1px)))}
  .hg-post-detail__related .hg-post-card__body h3{max-height:calc(68 * var(--hg-text-unit,1px));font-size:max(14px,calc(24 * var(--hg-text-unit,1px)));line-height:calc(34 * var(--hg-text-unit,1px))}
  .hg-post-detail__related .hg-search-post__intro{height:calc(53 * var(--hg-text-unit,1px));font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(22.4 * var(--hg-text-unit,1px))}
  .hg-post-detail__related .hg-search-post__stats{gap:calc(28 * var(--hg-pc-unit,1px));padding-top:calc(1 * var(--hg-pc-unit,1px));font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(28 * var(--hg-text-unit,1px))}
  .hg-post-detail__related .hg-search-post__stats span{gap:calc(6 * var(--hg-pc-unit,1px))}
  .hg-post-detail__related .hg-search-post__stats img{width:calc(24 * var(--hg-pc-unit,1px));height:calc(17 * var(--hg-pc-unit,1px))}
  .hg-post-detail__related .hg-search-post__stats span+span img{width:calc(20 * var(--hg-pc-unit,1px));height:calc(20 * var(--hg-pc-unit,1px))}

  /* 评论区 */
  .hg-post-detail__comments{margin-top:calc(38 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comments .hg-section-title h2{font-size:max(14px,calc(20 * var(--hg-text-unit,1px)));line-height:calc(30 * var(--hg-text-unit,1px));font-weight:600;letter-spacing:calc(-.4492 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comments .hg-see-more{display:inline-flex;align-items:center;height:max(28px,calc(30 * var(--hg-pc-unit,1px)));padding:0 calc(12 * var(--hg-pc-unit,1px));font-size:max(12px,calc(13 * var(--hg-text-unit,1px)))}
  .hg-post-detail__composer{margin-top:calc(15 * var(--hg-pc-unit,1px))}
  .hg-post-detail__composer>textarea{
    height:calc(135 * var(--hg-pc-unit,1px));min-height:calc(135 * var(--hg-pc-unit,1px));padding:calc(15 * var(--hg-pc-unit,1px));border:calc(1 * var(--hg-pc-unit,1px)) solid rgba(255,255,255,.1);border-radius:calc(12 * var(--hg-pc-unit,1px));
    background:rgba(255,255,255,.05);font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(24 * var(--hg-text-unit,1px))
  }
  .hg-post-detail__composer>textarea::placeholder{color:rgba(255,255,255,.35)}
  .hg-post-detail .hg-post-detail__submit.hg-post-detail__submit{
    width:calc(122 * var(--hg-pc-unit,1px));min-width:calc(122 * var(--hg-pc-unit,1px));height:max(36px,calc(48 * var(--hg-pc-unit,1px)));margin-top:calc(14 * var(--hg-pc-unit,1px));border-radius:calc(30 * var(--hg-pc-unit,1px));
    background:#ffd21c;color:#000;font-size:max(14px,calc(18 * var(--hg-text-unit,1px)));line-height:calc(24 * var(--hg-text-unit,1px));font-weight:600
  }
  .hg-post-detail__rule--wide{margin-top:calc(30 * var(--hg-pc-unit,1px));border-top-color:rgba(255,255,255,.1)}
  .hg-post-detail__comment-list{gap:calc(30 * var(--hg-pc-unit,1px));margin-top:calc(30 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comment,
  .hg-post-detail__comment-list .cm-comment{gap:calc(10 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comment>.pd-ava,
  .hg-post-detail__comment>.hg-avatar,
  .hg-post-detail__comment-list .cm-comment .avatar{margin-top:calc(9 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comment-head{gap:calc(6 * var(--hg-pc-unit,1px));font-size:max(12px,calc(12 * var(--hg-text-unit,1px)));line-height:calc(19 * var(--hg-text-unit,1px));color:#959595}
  .hg-post-detail__comment-head>span:first-child,
  .hg-post-detail__comment-list .cm-comment-name{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:calc(19 * var(--hg-text-unit,1px));font-weight:600;color:#fff}
  .hg-post-detail__comment-list .cm-comment-head{gap:calc(6 * var(--hg-pc-unit,1px))}
  .hg-post-detail__comment-list .cm-comment-time{font-size:max(12px,calc(12 * var(--hg-text-unit,1px)))}
  .hg-post-detail__comment-main p,
  .hg-post-detail__comment-list .cm-comment-text{margin-top:calc(8 * var(--hg-pc-unit,1px));font-size:max(14px,calc(14 * var(--hg-text-unit,1px)));line-height:calc(20 * var(--hg-text-unit,1px));color:#eee}
  .hg-post-detail .hg-post-detail__comment-like,
  .hg-post-detail .hg-post-detail__comment-like.is-active{
    min-width:calc(52 * var(--hg-pc-unit,1px));height:max(36px,calc(24 * var(--hg-pc-unit,1px)));margin-top:calc(8 * var(--hg-pc-unit,1px));padding:0 calc(12 * var(--hg-pc-unit,1px));gap:calc(4 * var(--hg-pc-unit,1px));justify-content:center;
    border:0;border-radius:calc(999 * var(--hg-pc-unit,1px));background:rgba(255,255,255,.08);font-size:max(12px,calc(10 * var(--hg-text-unit,1px)));line-height:calc(19 * var(--hg-text-unit,1px));color:#959595
  }

  /* 补足正文外继承的固定尺寸，使缩小视口时作者行、标签与评论同步。 */
  .hg-post-detail>.hg-breadcrumb{column-gap:calc(8 * var(--hg-pc-unit,1px))}
  .hg-post-detail .hg-post-detail__action img,
  .hg-post-detail .hg-post-detail__action .hg-post-detail__like-icon,
  .hg-post-detail .hg-post-detail__action .hg-post-detail__fav-icon{width:calc(20 * var(--hg-pc-unit,1px));height:calc(20 * var(--hg-pc-unit,1px))}
  .hg-post-detail__tags a,.hg-post-detail__tags span{height:max(28px,calc(30 * var(--hg-pc-unit,1px)));min-width:calc(60 * var(--hg-pc-unit,1px));padding:0 calc(8 * var(--hg-pc-unit,1px));border-radius:calc(999 * var(--hg-pc-unit,1px));font-size:max(14px,calc(15 * var(--hg-text-unit,1px)));line-height:max(18px,calc(16 * var(--hg-text-unit,1px)))}
  .hg-post-detail__nav-label{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:1.22}
  .hg-post-detail__nav-title{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:1.22}
  .hg-post-detail .pd-char-count{left:calc(16 * var(--hg-pc-unit,1px));bottom:calc(22 * var(--hg-pc-unit,1px));font-size:max(12px,calc(13 * var(--hg-text-unit,1px)))}
  .hg-post-detail__comment>.pd-ava,
  .hg-post-detail__comment>.hg-avatar,
  .hg-post-detail__comment-list .cm-comment .avatar{width:calc(30 * var(--hg-pc-unit,1px))!important;height:calc(30 * var(--hg-pc-unit,1px))!important;font-size:max(12px,calc(13 * var(--hg-text-unit,1px)))!important}
  .hg-post-detail .hg-post-detail__comment-like img{width:calc(16 * var(--hg-pc-unit,1px));height:calc(16 * var(--hg-pc-unit,1px))}
  .hg-post-detail .pd-load-more{margin-top:calc(18 * var(--hg-pc-unit,1px));padding:0 calc(22 * var(--hg-pc-unit,1px));height:max(36px,calc(42 * var(--hg-pc-unit,1px)));line-height:calc(42 * var(--hg-text-unit,1px));border-radius:calc(999 * var(--hg-pc-unit,1px));font-size:max(14px,calc(14 * var(--hg-text-unit,1px)))}
  .hg-post-detail__body h4,.hg-post-detail__body h5,.hg-post-detail__body h6{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)))}
  .hg-post-detail__body blockquote{padding:calc(12 * var(--hg-pc-unit,1px)) calc(16 * var(--hg-pc-unit,1px));border-left-width:calc(3 * var(--hg-pc-unit,1px));border-radius:0 calc(8 * var(--hg-pc-unit,1px)) calc(8 * var(--hg-pc-unit,1px)) 0;font-size:max(14px,calc(16 * var(--hg-text-unit,1px)))}
  .hg-post-detail__body blockquote>:not(:first-child){margin-top:calc(10 * var(--hg-pc-unit,1px))}
  /* 阅读列跟随公共正文，相关推荐420封面不变，作者/互动行允许自然换行。 */
  .hg-post-detail__meta{flex-wrap:wrap}
  .hg-post-detail__author{min-width:0;max-width:100%;flex-wrap:wrap}
  .hg-post-detail__actions{max-width:100%;flex-wrap:wrap;margin-left:auto}
  .hg-post-detail__body{font-size:max(14px,calc(16 * var(--hg-text-unit,1px)));line-height:1.5}
}