/* ============================================================================
   new-zsy.css —— 只收录本项目实际用到的「展示页」规则
   来源：D:\www\zhanshiye\2026\hxj2026\css\public.css 与 html\awardsNew.html 内联样式
   加载位置：/css/public.css 之后（见 nuxt.config.ts app.head.link 末位），同名选择器在本文件生效
   约定：
     1) 逐条注明来源行号，不重写、不合并、不改数值
     2) 图片统一指向 /images/new-zsy/（已镜像；展示页 images/subBan.jpg 与 new-zsy/ban2.jpg 的 SHA256 相同）
     3) 与既有 public.css 规则冲突时必须整条覆盖（含旧规则里多出来的属性），避免半新半旧
   ============================================================================ */

/* ── 1. 内页滚动吸附后的头部（来源 public.css L6-L12）
      #header.out{top:-120px} / #header.hdr-fixed{top:0} / #header.hdr-fixed .header{background:...}
      合并说明：展示页的 #header 自身无高度、背景加在 .header 上；本站 #header 自身即有高度（100px），
      故直接给 #header.hdr-fixed 加背景，视觉等价。                                              */
#header.out { top: -120px; }
#header.hdr-fixed {
  top: 0;
  background: #232c77 url(../images/new-zsy/ban2.jpg) no-repeat center bottom;
  /* transition: none; */
}
/* hdr-fixed 存在时 hover 仍需白底：new-zsy.css 后加载的 #header.hdr-fixed 深色背景
   会盖掉 public.css 的 #header:hover{background:#fff}（同特异度、后加载胜），故此处显式还原 */



/* ── 2. 内页 banner 样式（来源 public.css L197-L200，PC 段）
      移动端规则（public.css L1690-L1693）与本站既有 public.css 完全一致，故不重复收录。 */
@media screen and (min-width: 851px) {
  .subBan {
    height: 778px;
    background: url(../images/new-zsy/ban2.jpg) no-repeat center;
    background-size: cover;
  }
  .subBan .w1280,
  .subBan .w1380 {
    display: flex;
    height: 100%;
    padding-bottom: 225px;
    align-items: flex-end;
  }
  .subBan .ri h5 {
    font-size: 116px;
    color: #ffc000;
    line-height: 1;
    font-family: 'MideaTypeGlobal-Regular';
    text-transform: uppercase;
    letter-spacing: -9px;
    font-weight: 600;
  }
  /* 来源该条无 margin-top；本站既有规则（public.css L104）带 margin-top:10px，故显式归零 */
  .subBan .ri h2 {
    font-size: 38px;
    letter-spacing: 10px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
    line-height: 1.2;
    margin-top: 0;
  }
}

/* ── 3. 宽度容器（来源 public.css L2401-L2410） */
.w1382 { width: 94%; max-width: 1382px; margin: 0 auto; }
.w1384 { width: 94%; max-width: 1384px; margin: 0 auto; }

/* ── 4. 关于我们两页的图文面板（来源 public.css L2411-L2482；
       D26：原 about_t1/about_t2/about_t3 长图已细切为真实 HTML + 独立图片，
       下列排版数值均由 about_t*.png 逐像素实测（见 MIGRATION_STATUS §2 D26）。 */
.project-cnt1 { padding: 100px 0; }
.project-cnt1 .bot { position: relative; margin-top: 50px; }
.project-cnt1 .panel { display: none; width: 100%; }
.project-cnt1 .panel.active { display: block; }
.project-cnt1 .panel.active.ani { animation: fadeInUp50 .8s ease both; }
.about .project-cnt1 { padding-top: 45px; }

/* tab 条（还原 about_t1.png / about_t1-.png：文字行 y0-16，选中项 4px 金条 x0-69 / x107-157，
   全宽 1px 浅灰线在条底） */
.about .project-cnt1 .top { position: relative; height: 54px; border-bottom: 1px solid #c3c4c5; }
.about .project-cnt1 .top a{
  margin-right: 37px;
  position: relative; left: 0; z-index: 1;
  display: inline-block; vertical-align: top; height: 100%; line-height: 17px;
  font-size: 16px; font-weight: 600; color: #b99a51;
  text-align: center; white-space: nowrap; cursor: pointer; transition: color .4s;
}
.about .project-cnt1 .top a.active{ color: #1b2b97; }
.about .project-cnt1 .top a.active:after {
  content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #ffc000;
}

/* 面板正文排版（字号/行高/宽度均由长图实测反推，见 D26） */
.ab-en { margin: 0; font-size: 48px; line-height: 1; font-weight: 800; color: #ffc000; }
.ab-tit { margin: 6px 0 0; font-size: 38px; line-height: 1; font-weight: 400; color: rgba(0,0,0,.6); }
.ab-line { width: 33px; height: 4px; background: #1b2b97; margin-top: 31px; }
.ab-lead { margin: 25px 0 0; font-size: 19px; line-height: 26px; font-weight: 700; color: #4d4d4d; }
.ab-txt { margin: 26px 0 0; font-size: 15.5px; line-height: 26px; color: #4d4d4d;}
.ab-txt.blu { font-size: 20px; color: #2b3789;}

/* 创始人页照片 + 名签（裁自 about_t3.png：x0-866 / x867-1383，y422-1097） */
.ab-photo { margin-top: 40px; display: flex; }
.ab-photo .ph { width: 62.6445%; }
.ab-photo .plate { width: 37.3555%; }
.ab-photo img { display: block; width: 100%; height: auto; }

/* 响应式（来源 public.css L2525-L2531、L2552-L2558，只取 .project-cnt1 部分） */
@media (max-width: 1400px) {
  .project-cnt1 { padding: 80px 0; }
  .project-cnt1 .bot { margin-top: 40px; }
}
@media (max-width: 1200px) {
  .project-cnt1 { padding: 60px 0; }
  .project-cnt1 .bot { margin-top: 30px; }
}

@media (max-width: 850px) {
  p{text-align: left;}
  .project-cnt1 { padding: 30px 0; }
  .project-cnt1 .bot { margin-top: 20px; }
  .about .project-cnt1 { padding-top: 20px; }
  .about .project-cnt1 .top { height: 36px; }
  .about .project-cnt1 .top .btn1,
  .about .project-cnt1 .top .btn2 { font-size: 14px; line-height: 14px; }
  .about .project-cnt1 .top .btn1 { margin-right: 20px; }
  .ab-en { font-size: 26px; }
  .ab-tit { font-size: 22px; margin-top: 6px; }
  .ab-line { margin-top: 14px; }
  .ab-lead { margin-top: 12px; font-size: 15px; }
  .ab-txt,
  .ab-txt.blu { margin-top: 12px; font-size: 14px; line-height: 22px; max-width: none; }
  .ab-photo { margin-top: 20px; display: block; }
  .ab-photo .ph{width: 100%;}
  .ab-photo .plate {position: relative; height: 160px; width: 100%; overflow: hidden;}
  .ab-photo .plate img{position: absolute; left:0; bottom: -50px;}
}

/* ── 5. /activity 年份筛选条（设计来源：展示页 images/new-zsy/activityCnt1.png，逐像素实测）
   D29：展示页这一行是 1380x119 的「静态图」（文字 tab + 4px 金条 + 2px 细线 + 右侧搜索框），
        故远程 HTML 里没有任何控件标记；按需求本站做成真实可编辑的文字 tab，并去掉右侧搜索框。
        行高保留 119px：图中「活动」标题紧贴该行底部（无间隙），保留高度才能对齐展示页纵向节奏。
        实测数值（原图为 32bpp 透明底，标签墨迹 x 中心 35 / 136 / 220.5）：
          · 字色 #000D65（三个标签同色，选中与否只靠金条区分）
          · 金条 #FFC000，高 4px，y50-53，宽度 = 标签宽度（x1-69，与「全部年份」等宽）
          · 细线 高 2px，y51-52，水平渐变 #C3C4C5(0-25%) → #EBECEC(77%-100%)
          · 标签盒宽 70 / 50 / 50、间距 37px，与 /about 的 tab 条同网格（见 D26）
          · 字号 17px：由墨迹实测（「全部年份」墨迹 69px / 4 字 = 17.25px 每字，
            与 about_t1.png 的 17.25px 每字一致），本行取 17px 最接近（/about 的 tab 沿用 D26 的 16px，未改动）。
        旧实现（.yern 橙色 #ffa200 圆角下拉，取自旧基准 awardsNew.html）已被本段取代。 */
.activity-new .activityCnt1 .year-sel { position: relative; height: 119px; }
.activity-new .activityCnt1 .year-sel:before {
  content: ''; position: absolute; left: 0; top: 51px; width: 100%; height: 2px;
  background: linear-gradient(90deg, #c3c4c5 25%, #ebecec 77%);
}
.activity-new .activityCnt1 .year-sel .btn {
  position: relative; z-index: 1; display: inline-block; vertical-align: top;
  width: 70px; height: 54px; line-height: 17px; text-align: center; white-space: nowrap;
  font-size: 17px; font-weight: 600; color: #000d65; cursor: pointer;
}
.activity-new .activityCnt1 .year-sel .btn + .btn { margin-left: 37px; }
.activity-new .activityCnt1 .year-sel .btn:nth-child(2),
.activity-new .activityCnt1 .year-sel .btn:nth-child(3) { width: 50px; }
.activity-new .activityCnt1 .year-sel .btn.on:after {
  content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #ffc000;
}
@media (max-width: 850px) {
  .activity-new .activityCnt1 .year-sel { height: 0.7rem; }
  .activity-new .activityCnt1 .year-sel:before { top: 0.4rem; height: 0.02rem; }
  .activity-new .activityCnt1 .year-sel .btn {
    width: 1.4rem; height: 0.44rem; line-height: 0.2rem; font-size: 0.28rem;
  }
  .activity-new .activityCnt1 .year-sel .btn + .btn { margin-left: 0.3rem; }
  .activity-new .activityCnt1 .year-sel .btn:nth-child(2),
  .activity-new .activityCnt1 .year-sel .btn:nth-child(3) { width: 1rem; }
  .activity-new .activityCnt1 .year-sel .btn.on:after { height: 0.04rem; }
}

#header.onsb.hd-home { background: #fff; box-shadow: 0 0 .3rem rgba(0,0,0,.1);}
#header.onsb.hd-home .logo { background: url(../images/logo.svg) no-repeat; }
#header.onsb.hd-home .nav .dt { color: #535353; }
#header.onsb.hd-home .head-ri { color: #535353; }
#header.onsb.hd-home .head-ri .language a { color: #535353; }
#header.onsb.hd-home .head-ri .language a:nth-child(1) { border-left: 1px solid #535353; }
#header.onsb.hd-home .head-ri .language a.on { color: #262e89; }
#header.onsb.hd-home .head-ri .load { background: url(../images/head-ri1.png) no-repeat; background-size: 100%; }
#header.onsb.hd-home .head_nav_btn span,#header.onsb.hd-home .head_nav_btn span:before,#header.onsb.hd-home .head_nav_btn span::after{background-color:#333333}
@media (min-width: 850px) {
  #header.hdr-fixed:hover { background: #fff; }
}
/* ── 6. 首页头部：#header.onsb 与 hover 同效（内页保留原有「仅 hdr-fixed」限制，不受影响）
      首页由 useLegacyHeader 给 #header 打上 .hd-home 标记类（内页无此类），
      故用 .hd-home 精确区分，不依赖 DOM 结构（/awardee 的 .innerTop 包在 .awards 内，结构判定会漏）。
      移动端沿用 public.css 既有 .onsb 规则，此处仅 PC 段。 */
/* @media screen and (min-width: 851px) {

} */

/* ── 7. 获奖人卡片底图改为接口数据（Awardee.vue）
      接口 normal_image_url / hover_image_url 为整卡图（686×354，与 .li 尺寸一致），
      由组件内联输出 CSS 变量，覆盖 public.css 中按 li1~li20 写死的本地底图；
      接口未返回图片时不加 .has-photo，仍走 public.css 原有底图。 */
.awardee-new .awardCont .awardList .ul .li.has-photo {
  background-image: var(--awardee-photo);
}
.awardee-new .awardCont .awardList .ul .li.has-photo:hover {
  background-image: var(--awardee-photo-hover);
}