/* 导师区最终布局覆盖：左侧主导师，右侧两行三列。 */
.mentor-showcase{
  height:610px!important;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr)!important;
  gap:14px!important;
}
.mentor-side{display:block!important;min-width:0!important}
.mentor-specialists{
  height:100%!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.mentor-specialists figure{height:auto!important;min-width:0!important;min-height:0!important}

/* 桌面端与影像纪实、项目作品共用同一视觉宽度。 */
@media(min-width:981px){
  .people{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .people .people-head,
  .mentor-showcase{
    width:100%!important;
    max-width:1440px!important;
  }
  .people .people-head>span{
    justify-self:end!important;
    text-align:right!important;
  }
}

@media(max-width:980px){
  .mentor-showcase{height:auto!important;grid-template-columns:1fr!important}
  .mentor-lead{height:520px!important}
  .mentor-specialists{height:620px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .mentor-lead{height:460px!important}
  .mentor-side{margin-top:12px!important}
  .mentor-specialists{height:auto!important;margin-top:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:10px!important}
  .mentor-specialists figure,.mentor-grid-note{height:280px!important}
}
@media(max-width:520px){
  .mentor-specialists{grid-template-columns:1fr!important}
  .mentor-specialists figure,.mentor-grid-note{height:340px!important}
}

/* 桌面端：左侧主导师固定，右侧恢复两行并横向滚动。 */
@media(min-width:981px){
  .mentor-specialists{
    position:relative;
    display:block!important;
    overflow:hidden!important;
  }
  .mentor-specialists-track{
    width:auto;
    height:100%;
    display:grid;
    grid-template-rows:repeat(2,minmax(0,1fr));
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 28px)/3);
    gap:14px;
    will-change:transform;
    cursor:grab;
  }
  .mentor-specialists-track:active{cursor:grabbing}
  .mentor-specialists-track>figure,
  .mentor-specialists-track>.mentor-grid-note{
    width:100%;
    height:100%!important;
    min-width:0;
  }
  .mentor-specialists-track.is-moving{
    transition:transform .52s cubic-bezier(.22,.72,.2,1);
  }
  .mentor-scroll-indicator{
    position:absolute;
    z-index:5;
    right:18px;
    top:18px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px;
    background:rgba(2,31,27,.74);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
  }
  .mentor-scroll-indicator span{height:32px;padding:0 7px;display:flex;align-items:center;gap:4px;color:#fff;font-size:9px;letter-spacing:1px}
  .mentor-scroll-indicator span b{color:#e0b44f;font-size:11px}
  .mentor-scroll-indicator span i{color:rgba(255,255,255,.48);font-style:normal}
  .mentor-scroll-indicator button{
    width:34px;
    height:32px;
    padding:0;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.04);
    color:#fff;
    font-size:15px;
    cursor:pointer;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease;
  }
  .mentor-scroll-indicator button:hover{border-color:#e0b44f;background:#e0b44f;color:#07382f}
  .mentor-specialists.is-single-page .mentor-scroll-indicator{display:none}
}

/* 导师卡：鼠标移入时升起半透明简介层。 */
@media(min-width:981px) and (hover:hover){
  .mentor-lead figcaption,
  .mentor-specialists-track>figure figcaption{
    background:rgba(3,38,32,.46);
    border-top:1px solid rgba(255,255,255,.24);
    box-shadow:0 -16px 34px rgba(2,24,20,.1);
    backdrop-filter:blur(5px) saturate(115%);
    -webkit-backdrop-filter:blur(5px) saturate(115%);
    transition:transform .45s cubic-bezier(.22,.72,.2,1),background-color .3s ease;
  }
  .mentor-lead figcaption{
    min-height:248px;
    transform:translateY(calc(100% - 118px));
  }
  .mentor-specialists-track>figure figcaption{
    min-height:190px;
    transform:translateY(calc(100% - 82px));
  }
  .mentor-lead figcaption p,
  .mentor-lead figcaption>div,
  .mentor-specialists-track>figure figcaption span,
  .mentor-specialists-track>figure figcaption p{
    opacity:0;
    transform:translateY(12px);
    transition:opacity .28s ease .04s,transform .34s ease .04s;
  }
  .mentor-lead:hover figcaption,
  .mentor-lead:focus-within figcaption,
  .mentor-specialists-track>figure:hover figcaption,
  .mentor-specialists-track>figure:focus figcaption{
    transform:translateY(0);
    background:rgba(3,38,32,.56);
  }
  .mentor-lead:hover figcaption p,
  .mentor-lead:hover figcaption>div,
  .mentor-lead:focus-within figcaption p,
  .mentor-lead:focus-within figcaption>div,
  .mentor-specialists-track>figure:hover figcaption span,
  .mentor-specialists-track>figure:hover figcaption p,
  .mentor-specialists-track>figure:focus figcaption span,
  .mentor-specialists-track>figure:focus figcaption p{
    opacity:1;
    transform:translateY(0);
  }
  .mentor-lead::after,
  .mentor-specialists-track>figure::after{transition:opacity .35s ease}
  .mentor-lead:hover::after,
  .mentor-lead:focus-within::after,
  .mentor-specialists-track>figure:hover::after,
  .mentor-specialists-track>figure:focus::after{opacity:.08}
}

@media(max-width:980px){
  .mentor-specialists-track{display:contents}
  .mentor-scroll-indicator{display:none}
}

@media(prefers-reduced-motion:reduce){
  .mentor-specialists-track.is-moving{transition:none}
}

/* 290 — balanced mentor palette: translucent portraits, warm method card, green delivery card */
.mentor-lead::after,
.mentor-specialists figure::after,
.mentor-specialists-track>figure::after{
  background:linear-gradient(0deg,rgba(3,38,32,.72),rgba(3,38,32,0) 78%);
}
.mentor-lead figcaption,
.mentor-specialists-track>figure figcaption{
  background:rgba(3,38,32,.38);
  border-top-color:rgba(255,255,255,.2);
  backdrop-filter:blur(6px) saturate(108%);
  -webkit-backdrop-filter:blur(6px) saturate(108%);
}
.mentor-grid-note--method{
  background:#e8e2d7!important;
  color:#143b31!important;
}
.mentor-grid-note--method::before{
  background:radial-gradient(circle at 84% 16%,rgba(22,131,90,.12),transparent 36%)!important;
}
.mentor-grid-note--method>small{color:#16835a!important}
.mentor-grid-note--method h3{color:#143b31!important}
.mentor-grid-note--method p{color:#697b74!important}
.mentor-grid-note--method span{
  border-color:#c5d1cc!important;
  background:rgba(255,255,255,.36);
  color:#52655e!important;
}
.mentor-grid-note--delivery{background:#16835a!important}

@media(min-width:981px) and (hover:hover){
  .mentor-lead:hover figcaption,
  .mentor-lead:focus-within figcaption,
  .mentor-specialists-track>figure:hover figcaption,
  .mentor-specialists-track>figure:focus figcaption{
    background:rgba(3,38,32,.52);
  }
}