/* 学生作品：顶部项目索引 + 固定项目档案舞台。 */
.project-story .project-category{
  min-height:86px;
  margin:0 auto!important;
  border:1px solid #062d24!important;
  border-bottom:0!important;
  background:#062d24!important;
  box-shadow:none!important;
}
.project-story .project-category::before{background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 42%,rgba(36,167,119,.08))!important}
.project-story .project-category button{
  padding:0 34px!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:15px!important;
  border-right:0!important;
  background:rgba(255,255,255,.018);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%,22px 50%);
  transition:background-color .24s ease,color .24s ease;
}
.project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}
.project-story .project-category button:hover{background:rgba(255,255,255,.055)}
.project-story .project-category button.active{background:#16835a;color:#fff}
.project-story .project-category button>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(224,180,79,.58);color:#e0b44f;transform:skewX(-7deg)}
.project-story .project-category button.active>i{background:#e0b44f;color:#16835a}
.project-story .project-category button b{font-size:13px}
.project-story .project-category button small{margin-top:6px;font-size:8px}
.project-story .project-category button::after{right:34px!important;left:34px!important;height:4px!important}
.project-story .project-grid{margin:0 auto!important;border-top-color:#16835a!important;box-shadow:0 26px 70px rgba(7,65,49,.12)!important}

@media(min-width:761px){
  .project-story .project-grid article.is-selected>.project-screen{width:58%!important;min-width:58%!important;max-width:58%!important;flex:0 0 58%!important}
  .project-story .project-grid article.is-selected>.project-card-body{width:42%!important;min-width:42%!important;max-width:42%!important;flex:0 0 42%!important;padding:46px 48px!important}
}

@media(max-width:760px){
  .project-story .project-category{min-height:68px;display:flex!important;overflow-x:auto!important;scrollbar-width:none}
  .project-story .project-category::-webkit-scrollbar{display:none}
  .project-story .project-category button{flex:0 0 210px!important;padding:0 17px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:9px!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%)}
  .project-story .project-category button:first-child{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
  .project-story .project-category button>i{width:28px;height:28px}
  .project-story .project-category button::after{right:17px!important;left:17px!important}
}