/* 全站共享样式 —— 字体颜色统一使用 #十六进制写法 */

/* 设计令牌：统一卡片阴影层次 */
:root{
  --shadow-soft:0 2px 10px rgba(20,64,42,.06);
  --shadow-card:0 6px 22px rgba(20,64,42,.09);
  --shadow-media:0 14px 34px rgba(20,64,42,.16);
}

/* 基础 */
*{ box-sizing:border-box; }
*{ font-synthesis:weight; }
html,body{ margin:0; padding:0; }
/* 极淡纸质底纹，增添温度而不影响对比度 */
body{ background-color:#F6F2E9; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E"); color:#27241D; font-family:'Noto Sans SC',sans-serif; min-height:100vh; display:flex; flex-direction:column; }
a{ color:inherit; }

/* 栏目小标题：左对齐 + 金色短下划线（与“成果获奖情况”居中大标题形成主次两级） */
.sec-head{ margin:0 0 22px; }
.sec-head > h2, .sec-head > h3{ font-family:'Noto Sans SC',sans-serif; color:#1B5E3A; margin:0; letter-spacing:.05em; display:inline-block; position:relative; padding-bottom:11px; white-space:nowrap; }
.sec-head > h2{ font-family:'Noto Sans SC',sans-serif; font-size:24px; font-weight:700; }
.sec-head > h3{ font-size:18px; font-weight:700; }
.sec-head > h2::after, .sec-head > h3::after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:3px; background:#D8B45A; border-radius:2px; }

/* 首页入场动画 */
@keyframes wpt-rise { from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:translateY(0); } }

/* 获奖图片悬停动效 */
.award-img{ transition:transform .32s cubic-bezier(.4,0,.2,1), box-shadow .32s ease; cursor:pointer; }
.award-img:hover{ transform:translateY(-10px) scale(1.045); box-shadow:0 18px 40px rgba(20,64,42,.28); position:relative; z-index:5; }

/* 导航菜单 + 下拉 */
.nav-item{ position:relative; }
.nav-item > a{ display:block; padding:18px 24px; font-size:16.5px; font-weight:600; letter-spacing:.04em; color:#F1ECDE; text-decoration:none; transition:background .2s ease, color .2s ease; }
.nav-item > a:hover{ color:#FFFFFF; background:rgba(255,255,255,.12); }
.nav-item > a.active{ color:#FFFFFF; }
.nav-item > a.active::after{ content:""; position:absolute; left:24px; right:24px; bottom:0; height:3px; background:#D8B45A; border-radius:2px; }
.nav-dropdown{ position:absolute; top:100%; left:0; min-width:150px; background:#FBF8F1; border:1px solid #E4DCC8; border-top:3px solid #D8B45A; box-shadow:0 10px 26px rgba(20,64,42,.16); padding:6px 0; z-index:40; opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .22s ease, transform .22s ease, visibility .22s; }
.nav-item:hover .nav-dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.nav-dropdown a{ display:block; padding:10px 20px; font-size:14.5px; color:#3A352B; text-decoration:none; white-space:nowrap; transition:background .15s ease, color .15s ease; }
.nav-dropdown a:hover{ background:#EFE9DA; color:#1B5E3A; }

/* 可见焦点环（键盘导航无障碍） */
a:focus-visible,
.video-poster:focus-visible,
[tabindex]:focus-visible{ outline:3px solid #D8B45A; outline-offset:2px; border-radius:3px; }

/* 跳转到主要内容（仅键盘聚焦时显示） */
.skip-link{ position:absolute; left:12px; top:-48px; z-index:200; padding:10px 18px; background:#1B5E3A; color:#FFFFFF; font-size:14px; font-weight:600; text-decoration:none; border-radius:0 0 6px 6px; transition:top .2s ease; }
.skip-link:focus{ top:0; }

/* 自定义视频控制条（常驻视频下方） */
.vp-bar{ display:flex; align-items:center; gap:12px; padding:9px 14px; background:#17502F; color:#F1ECDE; }
.vp-bar .vp-btn{ background:none; border:0; color:#F1ECDE; cursor:pointer; padding:4px; display:inline-flex; align-items:center; border-radius:4px; transition:background .15s ease, color .15s ease; }
.vp-bar .vp-btn:hover{ color:#FFFFFF; background:rgba(255,255,255,.14); }
.vp-bar .vp-seek{ flex:1; accent-color:#D8B45A; height:4px; cursor:pointer; }
.vp-bar .vp-time{ font-size:12.5px; font-variant-numeric:tabular-nums; min-width:40px; text-align:center; color:#E9D9A6; }

/* “查看详细”链接悬停：文字加深 + 金色箭头右移 */
.detail-link{ transition:color .18s ease; }
.detail-link .arr{ display:inline-block; transition:transform .2s ease, color .18s ease; }
.detail-link:hover{ color:#13402A; font-weight:700; }
.detail-link:hover .arr{ transform:translateX(5px); color:#C79A33; }

/* 主要完成人姓名悬停 */
.contrib{ transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.contrib:hover{ background:#1B5E3A !important; color:#FFFFFF !important; border-color:#1B5E3A !important; transform:translateY(-2px); box-shadow:var(--shadow-soft); }

/* 视频封面按下反馈 */
.video-poster:active{ transform:scale(.997); }

/* 降低动态效果偏好 */
@media (prefers-reduced-motion: reduce){
  .award-img{ transition:none; }
  .award-img:hover{ transform:none; }
  .nav-dropdown{ transition:none; }
  .skip-link{ transition:none; }
  .video-poster:active{ transform:none; }
  .contrib{ transition:none; }
  .contrib:hover{ transform:none; }
  .detail-link .arr{ transition:none; }
  .detail-link:hover .arr{ transform:none; }
}

/* 响应式：中小屏幕避免横向溢出、堆叠主区 */
@media (max-width: 1024px){
  .wpt-main-grid{ grid-template-columns:1fr 1fr !important; }
  .wpt-hero-row{ padding-left:0 !important; }
}
@media (max-width: 760px){
  .wpt-main-grid{ grid-template-columns:1fr !important; gap:32px !important; }
}