/* 案例页：沿用全站导航、字体与绿色，内容参照三列作品目录。 */
#main [data-inner-v3] .case-shell { width:min(1160px,calc(100% - 96px)); margin-inline:auto; }
#main [data-inner-v3] .case-index-intro { padding:160px 0 68px; }
#main [data-inner-v3] .case-index-intro h1 { font-size:clamp(36px,3.4vw,48px); font-weight:500; line-height:1.45; max-width:none; margin:0; }
#main [data-inner-v3] .case-grid-v2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:112px 48px; padding:0 0 112px; }
#main [data-inner-v3] .case-card-v2 { min-width:0; }
#main [data-inner-v3] .case-card-v2[data-column="1"] { transform:translateY(56px); }
#main [data-inner-v3] .case-card-v2[data-column="2"] { transform:translateY(112px); }
#main [data-inner-v3] .case-card-v2 a { display:block; color:inherit; text-decoration:none; }
#main [data-inner-v3] .case-card-v2 figure { aspect-ratio:1; overflow:hidden; background:var(--case-bg); padding:24px; box-sizing:border-box; }
#main [data-inner-v3] .case-card-v2 img { display:block; width:100%; height:100%; object-fit:contain; border-radius:0; }
#main [data-inner-v3] .case-card-copy { padding:28px 4px 0; }
#main [data-inner-v3] .case-card-copy h2 { margin:0 0 15px; font-size:22px; font-weight:600; line-height:1.55; }
#main [data-inner-v3] .case-card-copy .case-summary { margin:0; font-size:16px; line-height:1.9; color:#555; }
#main [data-inner-v3] .case-card-v2 a:hover h2 { color:var(--brand-green); }
#main [data-inner-v3] .case-card-v2 a:focus-visible { outline:2px solid var(--brand-green); outline-offset:7px; }
#main [data-inner-v3] [hidden] { display:none!important; }
#main [data-inner-v3] .case-detail-intro { display:grid; grid-template-columns: .9fr 1.1fr; align-items:center; gap:72px; padding:28px 0 70px; }
#main [data-inner-v3] .case-detail-intro h1 { margin:0; font-size:clamp(34px,3.4vw,48px); font-weight:550; line-height:1.5; }
#main [data-inner-v3] .case-back { display:inline-flex; align-items:center; min-height:44px; margin-top:112px; font-size:18px; color:inherit; text-decoration:none; }
#main [data-inner-v3] .case-back:hover { color:var(--brand-green); }
#main [data-inner-v3] .case-cover img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:0; }
#main [data-inner-v3] .case-section-v2 { max-width:800px; margin:74px auto; scroll-margin-top:110px; }
#main [data-inner-v3] .case-section-v2 h2 { margin:0 0 24px; font-size:32px; line-height:1.5; font-weight:550; }
#main [data-inner-v3] .case-section-v2 p { margin:0 0 24px; font-size:19px; line-height:2; color:#444; }
#main [data-inner-v3] .case-article-image { margin:80px 0; }
#main [data-inner-v3] .case-article-image img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; border-radius:0; }
#main [data-inner-v3] .case-next { display:flex; justify-content:space-between; align-items:center; padding:50px 0 0; gap:32px; }
#main [data-inner-v3] .case-next a { display:flex; align-items:center; gap:24px; font-size:18px; }
#main [data-inner-v3] .case-next strong { font-size:23px; font-weight:500; }
#main [data-inner-v3] .case-next a:hover { color:var(--brand-green); }
@media (max-width:1100px) {
  #main [data-inner-v3] .case-grid-v2 { gap:96px 28px; }
  #main [data-inner-v3] .case-card-copy h2 { font-size:20px; }
  #main [data-inner-v3] .case-detail-intro { gap:36px; }
}
@media (max-width:700px) {
  #main [data-inner-v3] .case-shell { width:calc(100% - 40px); }
  #main [data-inner-v3] .case-detail-intro { grid-template-columns:1fr; padding-top:24px; }
  #main [data-inner-v3] .case-grid-v2 { grid-template-columns:1fr; }
  #main [data-inner-v3] .case-card-v2[data-column] { transform:none; }
  #main [data-inner-v3] .case-next { align-items:start; flex-direction:column; }
}
:is(.cases-page,.case-detail-page) .desktop-nav > a,:is(.cases-page,.case-detail-page) .desktop-nav > button { white-space:nowrap; }
@media (min-width:1101px) and (max-width:1280px) {
  :is(.cases-page,.case-detail-page) .site-header { grid-template-columns:180px 1fr 160px; padding-inline:28px; }
  :is(.cases-page,.case-detail-page) .desktop-nav > a,:is(.cases-page,.case-detail-page) .desktop-nav > button { padding-inline:10px; font-size:15px; }
}

/* 封面配色直接沿用首页主题二，按案例位置固定，不随筛选变化。 */
#main [data-inner-v3] .case-card-v2:nth-child(6n+1) { --case-bg:#ee5108; }
#main [data-inner-v3] .case-card-v2:nth-child(6n+2) { --case-bg:#0796c7; }
#main [data-inner-v3] .case-card-v2:nth-child(6n+3) { --case-bg:#45eb91; }
#main [data-inner-v3] .case-card-v2:nth-child(6n+4) { --case-bg:#c8c8e3; }
#main [data-inner-v3] .case-card-v2:nth-child(6n+5) { --case-bg:#f5ebd8; }
#main [data-inner-v3] .case-card-v2:nth-child(6n+6) { --case-bg:#252320; }