/* =====================================================================
   home.css · 五个主页共用规则（视觉规范 最终版（对应 v2 效果图））
   适用：/bra/home.html /stu/home.html /hr/home.html /hrm/home.html /hrvp/home.html
   链接位置：</body> 前，排在 aiton-overrides.css 之后、页面专属 css（bra.css / stu.css / hr.css）之前：
     <link rel="stylesheet" href="/aiton-overrides.css">
     <link rel="stylesheet" href="/home.css">
     <link rel="stylesheet" href="/bra.css">   （按页面换成 stu.css 或 hr.css）
   断点：≤600px 为手机档（间距 40/18）；601px 以上统一用桌面值。
   ===================================================================== */

/* ---- 容器与导航 ---- */
.wrap,.nav-in{max-width:1180px}
.nav-links{gap:4px}
.nav-links a{font-size:15px}
.logo{font-size:16px;font-weight:600}
.logo-m{width:30px;height:30px;border-radius:9px;font-size:15px}

/* ---- 间距（桌面） ---- */
section.wrap{padding:36px 28px}          /* 相邻区块间约 72px */
.hero.wrap{padding:64px 28px 28px}
.cta.wrap,.cta{padding:40px 28px 56px}
.chainbox{padding:0 28px 28px}           /* /bra 能力链 */
.trust{padding:0 0 28px}                 /* /stu 信任条 */
.sec-h{margin-bottom:20px}               /* 区块标题到内容 */
.sec-h h2{font-size:32px;letter-spacing:-.5px;margin-bottom:8px}
.sec-h p{font-size:15px;margin-bottom:0}
.sec-tag{font-size:12px;margin-bottom:8px}

/* ---- 字阶 ---- */
h1{font-size:44px;letter-spacing:-.5px;line-height:1.25}
.hero p{font-size:17px}
.cta h2{font-size:32px;letter-spacing:-.5px}
.cta p{font-size:15px}
.scard h3,.ccard h3,.p-top h3{font-size:17px}
.step b{font-size:15px}
.step span{font-size:13px;line-height:1.5}
.chainp{font-size:15px}
.pitem>p,.notice{font-size:13px}
.titem p,.titem .yr,.erow span,.trust span,.p-top span,.pmeta,select,.ws-per{font-size:12px}
.cog li{font-size:15px;line-height:1.7}
footer{font-size:13px}

/* ---- 按钮三档：sm 32 / md 44 / lg 52，字重 600，胶囊 ---- */
.btn,.sbtn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;
  font-size:15px;font-weight:600;border-radius:999px;line-height:1}
nav .btn{height:32px;padding:0 14px;font-size:13px}
.cta .btn{height:52px;padding:0 30px;font-size:17px}
.sbtn{width:100%}
.ws-tab,.ws-sub,.pg,.dl-row a,.tag{height:32px;padding:0 14px;display:inline-flex;align-items:center;
  font-size:13px;border-radius:999px}

/* ---- 圆角 ---- */
.scard,.ccard,.pitem,.faq,.tl,.ba{border-radius:var(--r-card)}
.erow{border-radius:var(--r-inner)}
.skill,.kl li,.chain b,.lv{border-radius:var(--r-chip)}

/* ---- 作品墙：保持共享库的无缝拼贴（0 缝 0 圆角），这里不覆盖卡片与列 ---- */
/* 🔴🔴 2026-09-30：履历三站（/hr /hrm /hrvp）的作品卡用的是**另一套类名**
   （.vcard / .vph / .vmeta / .vrole / .dur / .wm），而下面这几条原来只写了
   .ws-* 那一套 —— 于是履历站的字号、胶囊形状、角色标签配色全跟 /stu /bra 对不上。
   用户 2026-09-30 报「hr hrm hrvp 跟 stu bra 不一致，要保持一致」。
   规范本来就是同一套，两边类名都要覆盖 —— **只加类名，不动任何数值**。 */
.ws-itag,.ws-dur,.ws-role,.vrole,.dur,.wm{font-size:12px;border-radius:999px}
.ws-wm,.wm{font-size:12px;border-radius:999px;opacity:.7}
.ws-imeta b,.ws-vmeta b,.vmeta b{font-size:13px}
/* 角色标签：去掉写死的紫色，改用本页主色。
   用 .ws-vmeta .ws-role 提高权重，压过原有的 .ws-vmeta>span{color:var(--t3)}，因此不需要 !important。
   🔴 2026-09-30 补 `.vmeta .vrole`：履历站的角色标签原来写死紫色
   （background:rgba(167,139,250,.14) / color:#a78bfa），在琥珀色的履历页上
   也是紫色 —— 跟 /stu /bra 的「用本页主色」对不上。 */
.ws-vmeta .ws-role,.vmeta .vrole{background:var(--c1a);color:var(--c1)}
/* 可选（v2 未生效，未计入规范）：想让标签按文字宽度收起，再加
   .ws-vmeta .ws-role{display:inline-flex;width:auto} */

/* ---- 手机 ≤600 ---- */
@media(max-width:600px){
  section.wrap{padding:40px 18px}
  .hero.wrap{padding:40px 18px 32px}
  .cta.wrap,.cta{padding:40px 18px 48px}
  .chainbox{padding:0 18px 32px}
  .trust{padding:0 0 40px}
  .sec-h{margin-bottom:20px}
  .sec-h h2,.cta h2{font-size:24px;letter-spacing:-.3px}
  h1{font-size:32px;letter-spacing:-.3px}
  .hero p{font-size:15px}
  .wrap,.nav-in{padding-left:18px;padding-right:18px}
}