/* 知识和案例的分类浏览。 */
.fh-content-browser { color:#20262d; background:#fff; }
.fh-content-browser * { box-sizing:border-box; }
.fh-browser-layout {
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  align-items:start;
  gap:clamp(30px,4vw,64px);
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
  padding:48px 0 80px;
}
.fh-browser-sidebar,.fh-browser-main { min-width:0; }
.fh-sidebar-section,.fh-sidebar-contact,.fh-sidebar-filter { margin:0 0 28px; }
.fh-sidebar-section h2,.fh-sidebar-contact h2,.fh-sidebar-filter summary {
  margin:0;
  padding:0 0 14px;
  border-bottom:1px solid #e3e6e9;
  color:#20262d;
  font-size:18px;
  font-weight:600;
  line-height:1.5;
}
.fh-sidebar-links { display:flex; flex-direction:column; padding:8px 0 0; }
.fh-sidebar-links a {
  display:flex;
  align-items:center;
  min-height:44px;
  padding:8px 12px;
  color:#49535d;
  font-size:15px;
  line-height:1.5;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.fh-sidebar-links a:hover,.fh-sidebar-links a[aria-current] { color:#b82229; background:#fbf1f2; }
.fh-sidebar-links a[aria-current] { font-weight:600; }
.fh-sidebar-phone { display:inline-flex; align-items:center; min-height:44px; color:#b82229; font-size:20px; font-weight:600; line-height:1.4; text-decoration:none; overflow-wrap:anywhere; }
.fh-sidebar-filter summary { min-height:44px; padding-top:8px; cursor:pointer; }
html[data-bj-page="cases"] .fh-sidebar-filter summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
html[data-bj-page="cases"] .fh-sidebar-filter summary::-webkit-details-marker { display:none; }
html[data-bj-page="cases"] .fh-sidebar-filter summary::after { content:""; flex:none; width:8px; height:8px; margin-right:4px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
html[data-bj-page="cases"] .fh-sidebar-filter[open] > summary::after { transform:rotate(225deg); }
html[data-bj-page="cases"] .fh-sidebar-links a:not([aria-current]) { background:transparent; font-weight:400; }
html[data-bj-page="cases"] .fh-sidebar-links a:not([aria-current]):hover { text-decoration:underline; }
.fh-content-browser a:focus-visible,.fh-content-browser summary:focus-visible { outline:3px solid #2980c1; outline-offset:3px; }
.fh-browser-main .cms-list-title { padding:0; }
.fh-browser-main .cms-list-title h1 { margin:0 0 24px; color:#20262d; font-size:clamp(26px,2.5vw,34px); line-height:1.35; overflow-wrap:anywhere; }
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge { display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item {
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:start;
  gap:24px;
  margin:0;
  padding:24px 0;
  border:0;
  border-bottom:1px solid #e3e6e9;
  background:#fff;
}
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item > .cms-card-image.img {
  display:block;
  width:180px;
  max-width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:#f5f6f7;
}
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item > .cms-card-image.img img { display:block; width:100%; height:100%; object-fit:contain; }
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item > .cms-card-image.img.cms-card-image-empty { display:none; }
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item:has(> .cms-card-image-empty) { grid-template-columns:minmax(0,1fr); }
html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge .cms-card-copy { min-width:0; padding:0; }
.fh-browser-main .cms-list-knowledge .cms-card-copy h2 { margin:0 0 8px; font-size:19px; line-height:1.5; overflow-wrap:anywhere; }
.fh-browser-main .cms-list-knowledge .cms-card-copy p { margin:0 0 10px; color:#59636e; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
.fh-browser-main .cms-list-knowledge .cms-card-copy p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.fh-case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.fh-case-card { min-width:0; margin:0; }
.fh-case-card-link { display:block; color:#20262d; text-decoration:none; }
.fh-case-card-media { display:block; width:100%; aspect-ratio:16/10; padding:10px; overflow:hidden; border:1px solid #e5e5e5; border-radius:12px; background:#fff; }
.fh-case-card-media img { display:block; width:100%; height:100%; border-radius:4px; object-fit:cover; }
.fh-case-card-media > span { display:grid; place-items:center; width:100%; height:100%; padding:16px; color:#59636e; text-align:center; overflow-wrap:anywhere; }
.fh-case-card h2 { margin:10px 0 0; color:inherit; font-size:14px; font-weight:400; line-height:1.6; text-align:center; overflow-wrap:anywhere; }
.fh-case-card-link:hover h2 { color:#b82229; }
html[data-bj-page="cases"] .fh-content-browser { background:#f7f7f7; }
@media(min-width:901px) {
  html[data-bj-page="cases"] .fh-browser-layout { grid-template-columns:180px minmax(0,1fr); gap:64px; padding-top:36px; }
  html[data-bj-page="cases"] .fh-sidebar-filter summary { font-size:15px; }
  html[data-bj-page="cases"] .fh-sidebar-links a { padding-left:0; }
}

/* 案例导航仅影响专用面板。 */
#fh-site-header .fh-case-panel .fh-case-nav-grid { display:grid; grid-template-columns:minmax(0,1.7fr) repeat(2,minmax(0,1fr)); gap:28px; }
#fh-site-header .fh-case-panel .fh-case-nav-grid > section { min-width:0; margin:0; padding:0; }
#fh-site-header .fh-case-panel .fh-case-nav-grid h2 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 14px; padding:0; border:0; background:none; color:#20262d; font-size:16px; font-weight:600; line-height:1.5; text-align:left; }
#fh-site-header .fh-case-panel .fh-case-nav-grid h2 .fh-case-nav-more { display:inline-flex; align-items:center; gap:6px; flex:none; color:#a91e25; font-size:13px; font-weight:400; line-height:1.5; white-space:nowrap; }
#fh-site-header .fh-case-panel .fh-case-nav-grid h2 .fh-case-nav-more svg { flex:none; width:16px; height:16px; }
#fh-site-header .fh-case-panel .fh-case-nav-grid h2 .fh-case-nav-more:hover { color:#a81e24; }
html[data-bj-page="cases"] [id^="fh-cases-"] { scroll-margin-top:100px; }
#fh-site-header .fh-case-panel .fh-case-nav-featured-body { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:16px; align-items:start; }
#fh-site-header .fh-case-panel .fh-case-nav-cover { display:block; min-width:0; }
#fh-site-header .fh-case-panel .fh-case-nav-cover img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
#fh-site-header .fh-case-panel .fh-case-nav-cover > span { display:grid; place-items:center; aspect-ratio:16/10; padding:12px; background:#f1f3f5; color:#59636e; }
#fh-site-header .fh-case-panel .fh-case-nav-recommendations { display:flex; flex-direction:column; min-width:0; }
#fh-site-header .fh-case-panel .fh-case-nav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 8px; }
#fh-site-header .fh-case-panel .fh-case-nav-recommendations a,
#fh-site-header .fh-case-panel .fh-case-nav-links a { display:flex; align-items:center; min-width:0; min-height:44px; padding:8px; color:#39424c; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
#fh-site-header .fh-case-panel .fh-case-nav-recommendations a:hover,
#fh-site-header .fh-case-panel .fh-case-nav-links a:hover { color:#b82229; background:#fbf1f2; }
#fh-site-header .fh-case-panel a:focus-visible { outline:3px solid #2980c1; outline-offset:3px; }
@media(min-width:1181px) {
  #fh-site-header .fh-case-panel { width:min(1240px,calc(100% - 48px)); padding:20px 24px 24px; }
  #fh-site-header .fh-case-panel .fh-case-nav-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,.95fr) minmax(0,1.5fr); gap:24px; }
  #fh-site-header .fh-case-panel.fh-solution-panel .fh-case-nav-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
  #fh-site-header .fh-case-panel .fh-case-nav-grid h2 { margin-bottom:8px; }
  #fh-site-header .fh-case-panel .fh-case-nav-featured-body { gap:12px; }
  #fh-site-header .fh-case-panel .fh-case-nav-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #fh-site-header .fh-case-panel .fh-case-nav-recommendations a,
  #fh-site-header .fh-case-panel .fh-case-nav-links a { min-height:32px; padding:4px 6px; }
}
@media(max-width:1180px) {
  #fh-site-header .fh-case-panel .fh-case-nav-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
  #fh-site-header .fh-case-panel .fh-case-nav-grid > section + section { padding-top:16px; border-top:1px solid #e7e9ed; }
  #fh-site-header .fh-case-panel .fh-case-nav-grid h2 { margin-bottom:8px; }
}
@media(max-width:900px) {
  .fh-browser-layout { grid-template-columns:200px minmax(0,1fr); gap:28px; }
  .fh-case-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
}
@media(max-width:640px) {
  .fh-browser-layout { grid-template-columns:minmax(0,1fr); width:calc(100% - 32px); gap:24px; padding:28px 0 48px; }
  .fh-browser-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
  .fh-sidebar-section,.fh-sidebar-contact,.fh-sidebar-filter { min-width:0; margin-bottom:16px; }
  .fh-sidebar-section h2,.fh-sidebar-contact h2,.fh-sidebar-filter summary { font-size:16px; }
  .fh-sidebar-phone { font-size:16px; }
  html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item { grid-template-columns:100px minmax(0,1fr); gap:14px; padding:20px 0; }
  html[data-bj-cms] .fh-browser-main .cms-content-list.cms-list-knowledge > .cms-content-card.item > .cms-card-image.img { width:100px; }
  .fh-browser-main .cms-list-knowledge .cms-card-copy h2 { font-size:17px; }
  .fh-case-grid { gap:20px 12px; }
  .fh-case-card h2 { font-size:15px; }
}