/* ==========================================================================
   OIT AWARDS · 创新论坛页  —  页面专属样式
   公用：css/style.css（导航 / 页脚 / container / sec-title）
   设计稿基准：1920px（PSD 2560 / 1.3333 倍图），px 数值 = @1920 1:1 尺寸
   ========================================================================== */

/* ---------- 滚动淡入（与 organization.css 同一套动画） ---------- */
.fade-in{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease, transform .7s ease;
}
.fade-in.visible{ opacity:1; transform:none; }

/* ---------- 年份切换条（设计稿：高 ~97，底色 #2B5BA3） ---------- */
.aw-yearbar{
  background:#305fa7;
}
.aw-yearbar__inner{
  height:clamp(56px, 5.52vw, 106px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(38px, 5vw, 96px);
}
.aw-year{
  font-size:clamp(15px, 1.17vw, 22.5px);
  font-weight:600;
  letter-spacing:.02em;
  color:#fff;
  transition:color .18s;
  text-decoration:none;
}
.aw-year:hover{ color:var(--cyan); }
.aw-year.is-muted{ color:rgba(255,255,255,.55); }
.aw-year.is-muted:hover{ color:var(--cyan); }
.aw-year.is-active{
  font-size:clamp(21px, 1.72vw, 33px);
  font-weight:800;
  color:var(--orange);
}
.aw-year.is-active:hover{ color:var(--orange); }
.aw-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  min-height:24px;
  margin:0 clamp(20px, 3.1vw, 60px);
  padding:0;
  background:none;
  border:0;
  font-size:clamp(16px, 1.15vw, 22px);
  line-height:1;
  color:rgba(255,255,255,.75);
  cursor:pointer;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:color .18s;
}
.aw-arrow:hover{ color:#fff; }

/* ---------- 内容区底色（沿用组织机构页的氛围背景图） ---------- */
.fm-main{
  background:#1f387e url("../images/org_bg_main.jpg") center top / 100% 100% no-repeat;
  padding-top:clamp(44px, 3.3vw, 64px);
  padding-bottom:clamp(36px, 3vw, 58px);
}

/* 区块标题间距（标题复用公用 .sec-title） */
.fm-sec{ margin-bottom:clamp(30px, 2.9vw, 56px); }
.fm-sec--gap{ margin-top:clamp(52px, 4.7vw, 90px); }

/* ==========================================================================
   大会日程 · 议程面板
   ========================================================================== */
.fm-panel{
  width:min(1323px, 100%);
  margin:0 auto clamp(34px, 3.2vw, 62px);
  border-radius:clamp(10px, .9vw, 17px);
  overflow:hidden;
  background:linear-gradient(180deg, #0f4a7d 0%, #0d3f6b 100%);
  box-shadow:0 10px 30px rgba(0,12,40,.25);
}
.fm-panel:last-child{ margin-bottom:0; }

.fm-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:clamp(34px, 2.4vw, 46px);
  padding:0 clamp(20px, 2.5vw, 48px);
  background:#063a64;
}
.fm-panel__name{
  font-size:clamp(14px, .94vw, 18px);
  font-weight:700;
  letter-spacing:.06em;
}
.fm-panel__meta{
  font-size:clamp(12px, .78vw, 15px);
  font-weight:600;
  letter-spacing:.03em;
  color:rgba(255,255,255,.95);
  white-space:nowrap;
}

/* 专题小标题带（激光专题 / 光学专题） */
.fm-subhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:clamp(32px, 2.3vw, 44px);
  padding:0 clamp(20px, 2.5vw, 48px);
  background:rgba(255,255,255,.16);
}
.fm-subhead span{
  font-size:clamp(12px, .83vw, 16px);
  font-weight:700;
  letter-spacing:.04em;
}
.fm-subhead span:last-child{ font-weight:600; white-space:nowrap; }

/* ---------- 时间轴行 ---------- */
.fm-rows{
  position:relative;
  padding:clamp(10px, 1vw, 19px) 0 clamp(12px, 1.2vw, 23px);
}
/* 纵向时间轴线（贯穿所有行） */
.fm-rows::before{
  content:"";
  position:absolute;
  left:calc(clamp(20px, 2.5vw, 48px) + clamp(76px, 7.3vw, 140px) + clamp(14px, 1.4vw, 27px));
  top:clamp(14px, 1.4vw, 27px);
  bottom:clamp(14px, 1.4vw, 27px);
  width:2px;
  background:rgba(255,255,255,.30);
}
.fm-row{
  position:relative;
  display:grid;
  grid-template-columns:clamp(76px, 7.3vw, 140px) clamp(30px, 2.9vw, 56px) 1fr;
  align-items:start;
  padding:clamp(11px, 1.05vw, 20px) clamp(20px, 2.5vw, 48px);
}
.fm-row__time{
  font-size:clamp(12px, .83vw, 16px);
  font-weight:600;
  letter-spacing:.02em;
  line-height:1.5;
  padding-top:1px;
}
.fm-row__dot{
  position:relative;
  z-index:1;
  justify-self:center;
  margin-top:clamp(3px, .35vw, 7px);
  width:clamp(8px, .62vw, 12px);
  height:clamp(8px, .62vw, 12px);
  border-radius:50%;
  border:clamp(2px, .16vw, 3px) solid #fff;
  background:#0e416b;
}
.fm-row__topic{
  font-size:clamp(13px, .94vw, 18px);
  font-weight:700;
  letter-spacing:.04em;
  line-height:1.5;
}
.fm-row__speaker{
  margin-top:clamp(3px, .4vw, 8px);
  font-size:clamp(12px, .78vw, 15px);
  letter-spacing:.03em;
  line-height:1.6;
  color:rgba(255,255,255,.78);
}

/* ==========================================================================
   大会报告 / 光学分论坛 / 激光分论坛 · 手风琴
   ========================================================================== */
.fm-acc{
  width:min(1323px, 100%);
  margin:0 auto;
  border-radius:clamp(10px, .9vw, 17px);
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,12,40,.25);
}
.fm-acc__item{
  background:#1a4c75;
}
.fm-acc__item + .fm-acc__item{ border-top:1px solid rgba(255,255,255,.14); }

.fm-acc__head{
  display:flex;
  align-items:center;
  width:100%;
  min-height:clamp(44px, 3.4vw, 65px);
  padding:6px clamp(20px, 2.5vw, 48px);
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
  color:#fff;
  font-family:var(--font-cn);
  transition:background .18s;
}
.fm-acc__head:hover{ background:rgba(255,255,255,.05); }
.fm-acc__item.is-open > .fm-acc__head{ background:#1e5078; }

.fm-acc__name{
  flex:none;
  font-size:clamp(14px, .94vw, 18px);
  font-weight:700;
  letter-spacing:.08em;
  white-space:nowrap;
}
.fm-acc__firm{
  margin-left:clamp(14px, 1.4vw, 27px);
  font-size:clamp(12px, .83vw, 16px);
  font-weight:600;
  letter-spacing:.04em;
  color:rgba(255,255,255,.95);
  min-width:0;
}
.fm-acc__chev{
  flex:none;
  margin-left:auto;
  width:clamp(9px, .7vw, 13px);
  height:clamp(9px, .7vw, 13px);
  border-right:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
  transform:rotate(45deg);
  transition:transform .24s;
}
.fm-acc__item.is-open .fm-acc__chev{ transform:rotate(225deg); }

/* 展开内容（白色内页） */
.fm-acc__body{ display:none; background:#f7f7f7; }
.fm-acc__item.is-open .fm-acc__body{ display:block; }
.fm-acc__detail{
  display:flex;
  align-items:stretch;
  gap:clamp(20px, 2.1vw, 40px);
  padding:clamp(14px, 1.35vw, 26px) clamp(20px, 2.5vw, 48px);
}
.fm-acc__photo{
  flex:none;
  align-self:flex-start;
  width:clamp(160px, 15.7vw, 238px);   /* 317/1.3333 */
  height:auto;
  border-radius:2px;
}
.fm-acc__text{
  flex:1;
  min-width:0;
  padding-top:clamp(8px, 1vw, 19px);
}
.fm-acc__topic{
  font-size:clamp(13px, .94vw, 18px);
  font-weight:700;
  letter-spacing:.03em;
  line-height:1.7;
  color:#0d3a6e;
}
.fm-acc__topic b{ letter-spacing:.05em; }
.fm-acc__abs{
  margin-top:clamp(12px, 1.35vw, 26px);
  font-size:clamp(12px, .83vw, 16px);
  line-height:2.1;
  letter-spacing:.03em;
  text-align:justify;
  text-justify:inter-ideograph;
  color:#333;
}
.fm-acc__abs b{ color:#0d3a6e; }

/* ==========================================================================
   组织机构 / 参会须知
   ========================================================================== */
h4{ margin:0; }   /* style.css 只重置了 h1-h3 */
.fm-org__label{
  font-size:clamp(15px, 1.15vw, 22px);
  font-weight:600;
  text-align:center;
  letter-spacing:.06em;
}
.fm-org__logos{
  margin-top:clamp(22px, 2vw, 38px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(24px, 2.6vw, 50px);
}
.fm-org__logos img:first-child{ width:clamp(132px, 12.66vw, 243px); height:auto; }
.fm-org__logos img:last-child{ width:clamp(152px, 14.53vw, 279px); height:auto; }
.fm-org__sep{
  width:4px;
  height:clamp(24px, 1.98vw, 38px);
  background:rgba(255,255,255,.85);
  border-radius:2px;
}

.fm-notes{
  width:min(1290px, 100%);
  margin:0 auto;
  background:#124065;
  border-radius:clamp(12px, 1.1vw, 21px);
  padding:clamp(24px, 2.6vw, 50px) clamp(22px, 3.4vw, 65px) clamp(26px, 2.9vw, 56px);
}
.fm-notes p{
  font-size:clamp(13px, .94vw, 18px);
  font-weight:600;
  line-height:1.7;
  letter-spacing:.04em;
  color:rgba(255,255,255,.95);
  padding-left:2.6em;
  text-indent:-2.6em;
}
.fm-notes p + p{ margin-top:clamp(14px, 1.55vw, 30px); }

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width:1100px){
  .fm-yearbar__inner{ gap:26px; }
  .fm-arrow{ margin:0 20px; }
}

/* —— 手机 —— */
@media (max-width:900px){
  .fm-yearbar__inner{ height:56px; gap:14px; }
  .fm-year{ font-size:13px; }
  .fm-year.is-active{ font-size:17px; }
  .fm-arrow{ margin:0 10px; font-size:15px; }

  .fm-main{ padding-top:40px; }
  .fm-sec{ margin-bottom:26px; }
  .fm-sec--gap{ margin-top:44px; }

  .fm-panel__head{ padding:0 16px; }
  .fm-panel__meta{ white-space:normal; text-align:right; }
  .fm-subhead{ padding:0 16px; }

  .fm-rows{ padding:8px 0 12px; }
  .fm-rows::before{
    left:calc(16px + 78px + 14px);
    top:14px; bottom:14px;
  }
  .fm-row{
    grid-template-columns:78px 28px 1fr;
    padding:10px 16px;
  }
  .fm-row__time{ font-size:12px; }
  .fm-row__topic{ font-size:14px; }
  .fm-row__speaker{ font-size:12px; }

  .fm-acc__head{ padding:6px 16px; min-height:48px; }
  .fm-acc__firm{ margin-left:10px; font-size:12px; }
  .fm-acc__detail{
    flex-direction:column;
    align-items:center;
    padding:16px;
  }
  .fm-acc__photo{ width:min(60%, 238px); }
  .fm-acc__text{ padding-top:0; width:100%; }
  .fm-acc__topic{ font-size:14px; }
  .fm-acc__abs{ font-size:13px; }

  .fm-notes{ padding:26px 18px 30px; }
  .fm-notes p{ font-size:13px; }
}