/* =====================================================================
   hr.css · /hr/home.html /hrm/home.html /hrvp/home.html 共用（视觉规范 最终版（对应 v2 效果图））
   链接位置：</body> 前，排在 aiton-overrides.css、home.css 之后。三页同一份文件。
   页面差异来自各页自己的 --c1/--c2/--brand；音频（hrm）与视频（hrvp）规则
   只命中存在对应元素的页面，所以不必拆文件。
   ===================================================================== */
/* ---- hero 层级：名字小、职位大 ---- */
.hero.wrap{padding:64px 28px 28px}
.hero h1{font-size:20px;font-weight:600;color:var(--t2);letter-spacing:0;line-height:1.3;margin-bottom:0}
.hero h1 em{display:block;font-size:44px;font-weight:700;color:var(--t1);letter-spacing:-.5px;line-height:1.2;margin-top:6px}
.role{margin:16px 0 10px;font-size:17px}
.hero p{font-size:15px;margin-bottom:28px}

/* ---- 能力卡：只有第一张用本页主色，其余中性 ---- */
.plist>.pitem:first-child{--ln:var(--brand)}
.plist>.pitem.ln-a:not(:first-child),
.plist>.pitem.ln-b:not(:first-child),
.plist>.pitem.ln-c:not(:first-child){--ln:linear-gradient(var(--border-h),var(--border-h))}
.plist>.pitem:not(:first-child) .p-top h3{-webkit-text-fill-color:var(--t1)}
.p-top h3{font-weight:700}
/* 副信息放到标题下方 */
.p-top{flex-direction:column;align-items:flex-start;gap:2px}

/* ---- 时间轴标签加宽 ---- */
.titem>*{max-width:156px}
.titem b{font-size:13px;line-height:18px}

/* ---- hrm：音频条 ---- */
/* 2026-09-27 修「声音」板块不居中：
   舞台 .stage.list 是 flex 纵向列，.arow 被 max-width 卡到 640px 后会贴在左边。
   实测偏左：/hr 242px、/hrm 242px、/hrvp 40px。
   auto 外边距在 flex 列里会把剩余空间平分 → 三站都回到正中。
   ⚠️ width:100% 不能省：flex 列里一旦出现 auto 外边距，元素就不再被拉伸，
      会缩成「内容宽度」（实测只剩 389px，条子变短了）。写上 100% 再由
      max-width 收到 640，宽度和位置才对。 */
.arow{width:100%;max-width:640px;margin-left:auto;margin-right:auto}
.wave i{background:var(--c1);opacity:.6}

/* ---- hrvp：视频卡 16:9 ---- */
/* 🔴🔴 2026-09-30 改：这里原来还有三条「常显播放键」的规则
   （`.play,.vcard:hover .play{opacity:1}` + `.play{width:56px;…}` + `.play:before{…18px 白三角}`）。
   它是给 /hrvp 单独设计的，但**写在三站共用的 hr.css 里** → hr / hrm 也跟着变成
   「播放键一直挂在缩略图上、56px 深色圆 + 白三角」。
   用户拍板：履历三站的作品卡必须和 /stu /bra 一致 → 三条全部删除，
   播放键回到模板里那套（46px 白圆 + 深色三角、平时透明、悬停才出现），
   与 `.ws-play` 同一套数值。 */
.vph{aspect-ratio:16/9}

@media(max-width:768px){
  .hero.wrap{padding:40px 18px 32px}
  .hero h1{font-size:17px}
  .hero h1 em{font-size:32px;letter-spacing:-.3px}
}