/* 仅由 Search/detail_new.html 加载；尺寸以 1440px 设计稿的 1x 参数为准。 */
body.case-detail-ui { background: #f5f5f8; }
.case-detail-ui .case-detail-shell {
  width: calc(100% - 48px);
  max-width: 1200px;
  margin: -20px auto 0;
  padding: 12px 0 32px;
  color: #333;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.case-detail-ui .header_float {
  position: sticky !important;
  top: 0 !important;
  left: auto;
  width: calc(100% - 112px);
  margin: 0 0 10px;
  border: 0;
  background: #fff;
}
.case-detail-ui .header_float > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 0;
  min-width: 0;
  min-height: 56px;
  padding: 12px 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
}
/* 保持桌面布局；窄窗口由整页滚动，工具栏内不换行、不独立滚动。 */
body.case-detail-ui:not(.notice-detail-ui) { min-width: 1248px; }
.case-detail-ui:not(.notice-detail-ui) .header_float > div { flex-wrap: nowrap; }
.case-detail-ui:not(.notice-detail-ui) .header_float .law_search_box { flex: 0 1 187px; min-width: 124px; }
.case-detail-ui .header_float > div::before,
.case-detail-ui .header_float > div::after { display: none; }
.case-detail-ui .version_out {
  display: inline-flex;
  flex: 0 0 auto;
  margin: 0 12px 0 0;
  border-radius: 4px;
}
.case-detail-ui .version_out span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 76px;
  width: 76px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 20px;
  color: #0a5de7;
  border-color: #0a5de7;
}
.case-detail-ui .version_out .active { background: #0a5de7; color: #fff; }
.case-detail-ui .version_out .detail_version_btn { width: 77px; border-radius: 4px 0 0 4px; }
.case-detail-ui .clear_version_btn { border-radius: 0 4px 4px 0; margin-left: -1px; }
.case-detail-ui .version_out i { flex-shrink: 0; margin-right: 4px; }
.case-detail-ui .law_search_box {
  display: flex;
  align-items: center;
  flex: 0 0 187px;
  width: 187px;
  min-width: 187px;
  height: 32px;
  margin: 0 16px 0 0;
  padding: 0 10px 0 12px;
  border: 1px solid rgba(10, 93, 231, .5);
  border-radius: 4px;
  background: #fff;
}
.case-detail-ui .law_search_box #searchHtml {
  flex: 1;
  min-width: 0;
  width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  line-height: normal;
  background: transparent;
}
.case-detail-ui .law_search_box #searchHtml::placeholder { color: #999; }
.case-detail-ui .law_search_box > span { flex: 0 0 auto; margin: 0; font-size: 14px; color: #999; white-space: nowrap; }
.case-detail-ui .law_search_box > .Sline { width: 1px; height: 20px; margin: 0 6px; background: #85aef3; }
.case-detail-ui .law_search_box button { flex: 0 0 16px; width: 16px; height: 24px; margin: 0; padding: 0; border: 0; background: transparent; color: #0a5de7; font-size: 9px; line-height: 24px; }
.case-detail-ui .focus_hit { display: flex; align-items: center; flex: 0 0 auto; margin: 0 16px 0 0; height: 32px; }
.case-detail-ui .focus_hit .iconfont { font-size: 16px; line-height: 16px; color: #0a5de7; }
.case-detail-ui .focus_hit span { margin-left: 4px; color: #333; font-size: 14px; white-space: nowrap; }
.case-detail-ui .size_control { display: flex; align-items: center; flex: 0 0 auto; gap: 10px; height: 32px; margin: 0 auto 0 0; }
.case-detail-ui .size_control #fontsize_civ { display: inline-flex; align-items: center; height: 32px; font-size: 14px; line-height: normal; color: #0a5de7; }
.case-detail-ui .size_control .font_size { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 32px; margin: 0; font-size: 18px; line-height: 16px; color: #0a5de7; }
/* FontAwesome 方框字形在字框内偏上，按文字可见中心校正。 */
.case-detail-ui .size_control .font_size > .fa { display: block; line-height: 1; transform: translateY(2px); }
.case-detail-ui .header_float > div > .title-box { float: none; flex: 0 0 auto; order: 20; height: 32px; margin: 0 0 0 16px; padding: 0; }
.case-detail-ui .header_float > div > .title-box:has(#shareBtn) { order: 10; }
.case-detail-ui .header_float > div > .title-box:has(.accordinglaw_block) { order: 12; }
.case-detail-ui .header_float > div > .title-box:has(.relate_block) { order: 14; }
.case-detail-ui .header_float > div > .title-box:has(#addToSearchReport) { order: 16; }
.case-detail-ui .header_float > div > .newDownLoadWrap { order: 30; }
.case-detail-ui .header_float > div > .title-box:has(#detailCollect) { order: 40; }
.case-detail-ui .header_float .detail-nav-title,
.case-detail-ui .header_float .newDownLoad_btn { display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0; font-size: 14px; line-height: 20px; color: #0a5de7; white-space: nowrap; }
.case-detail-ui .header_float .detail-nav-title > img,
.case-detail-ui .header_float .detail-nav-title > i,
.case-detail-ui .header_float .newDownLoad_btn > i { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; font-size: 16px; line-height: 16px; vertical-align: middle; }
.case-detail-ui .header_float .detail-nav-title > span { margin: 0; font-size: 14px; color: inherit; }
/* 旧 clearfix 伪元素会成为额外的 flex 项，产生多余图标间距。 */
.case-detail-ui .header_float .detail-nav-title::after { display: none; }
.case-detail-ui .header_float .detail-nav-title > img[src="/static/Public/images/detail/detail_left01.png"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%230a5de7%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204.5H4.5a3.5%203.5%200%200%200%200%207H6m4-7h1.5a3.5%203.5%200%200%201%200%207H10M5.5%208h5%22%2F%3E%3C%2Fsvg%3E"); }
.case-detail-ui .header_float .detail-nav-title > img[src="/static/Public/images/detail/detail_left02.png"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%230a5de7%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%201h7l3%203v11H3zM10%201v3h3%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%227%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M5.5%2012v-1c0-2%205-2%205%200v1z%22%2F%3E%3C%2Fsvg%3E"); }
.case-detail-ui .header_float #addToSearchReport > img { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20stroke%3D%22%230a5de7%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%201h9l3%203v11H2zM11%201v3h3M5%208h6M8%205v6%22%2F%3E%3C%2Fsvg%3E"); }

.case-detail-ui .detail-main.wid_1170 { display: grid; grid-template-columns: minmax(0, 1fr) 100px; gap: 12px; width: 100%; min-width: 0; margin: 0; padding: 0; overflow: visible; }
.case-detail-ui .detail-main::before,
.case-detail-ui .detail-main::after { display: none; }
.case-detail-ui .detail-main > .detail-middle { float: none; width: auto; min-width: 0; }
.case-detail-ui .detail-container { margin: 0; padding-bottom: 24px; border-radius: 4px !important; background: #fff; }
.case-detail-ui .detail-title { margin: 0 20px; padding: 20px 0 15px; border-bottom: 1px solid #ededed; border-radius: 0; }
.case-detail-ui .detail-title > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; float: none; gap: 8px 0; padding: 0; }
.case-detail-ui .detail-title .text-black { flex: 0 0 100%; min-width: 0; margin-bottom: 2px; color: #333; font-size: 22px; line-height: 30px; font-weight: 700; overflow-wrap: anywhere; color: #333 !important; }
.case-detail-ui .title_keyword,
.case-detail-ui .title_TextBox { display: contents; color: #999; font-size: 14px; }
.case-detail-ui .title_keyword > span,
.case-detail-ui .title_TextBox > div { display: inline-block; float: none; width: auto; margin: 0; padding: 0 16px; color: #999; font-size: 14px; line-height: 20px; border: 0; border-right: 1px solid #ededed; overflow-wrap: anywhere; }
.case-detail-ui .title_keyword > span:empty { display: none; }
.case-detail-ui .title_TextBox > div:last-child { border-right: 0; }
.case-detail-ui .case-detail-meta-value { color: #333; }
.case-detail-ui .title_splitline { display: none; }
.case-detail-ui .detail-container > .row-position { margin: 0; }
.case-detail-ui #caseText { float: none; min-width: 0; padding: 0; border-radius: 0 0 4px 4px; }
.case-detail-ui #caseText > div > .detail-middle-text { margin: 0; padding: 0; }
.case-detail-ui .detail-middle-text-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: auto;
  min-height: 0;
  margin: 10px 20px 22px;
  padding: 11px 13px;
  border: 1px solid #e7effd;
  border-radius: 4px;
  background: #fafcff;
  font-size: 14px;
  line-height: 28px;
}
.case-detail-ui .detail-middle-text-container::before,
.case-detail-ui .detail-middle-text-container::after { display: none; }
.case-detail-ui .detail-middle-text-container > .detail-info-left { display: grid; grid-template-columns: 70px minmax(0, 1fr); align-content: start; float: none; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; font-size: inherit; line-height: inherit; }
.case-detail-ui .detail-info-left > .title-area,
.case-detail-ui .detail-info-left > .info-area { float: none; width: auto; min-width: 0; margin: 0 !important; padding: 0; font-size: inherit; line-height: inherit; }
.case-detail-ui .detail-info-left .title-area span { color: #666; font-size: inherit; white-space: normal; }
.case-detail-ui .detail-info-left .info-item { margin: 0; padding: 0; font-size: inherit; line-height: inherit; white-space: normal; overflow-wrap: anywhere; color: #333; }
.case-detail-ui .detail-info-left .text-hover { color: #0a5de7; }
.case-detail-ui .detail-lawyer { display: flex; flex-wrap: wrap; width: auto; }
.case-detail-ui .detail-lawyer .splitinfo { float: left; max-width: 100%; margin: 0 16px 0 0; border: 0; }
.case-detail-ui .detail-lawyer .item_info_top { display: inline-flex; align-items: center; max-width: 100%; gap: 4px; line-height: 28px; }
.case-detail-ui .detail-lawyer .item_info_top > span { margin: 0; font-size: 14px; color: #333; overflow-wrap: anywhere; }
.case-detail-ui .detail-lawyer .item_info_top > img { flex-shrink: 0; position: static; width: 12px; height: 12px; }
.case-detail-ui .lawBaike-wrap > .more_btn { grid-column: 2; }
.case-detail-ui .lawBaike-wrap .seeMoreLawyer { max-width: 100%; }
.case-detail-ui #caseText > .case-box { margin: 0; padding: 0 20px; background: transparent; }
.case-detail-ui #caseText > .case-box .detail-ietm-index { padding: 0; color: #333; font-size: 18px; line-height: 26px; font-weight: 700; height: auto; background: transparent; }
.case-detail-ui #caseText > .case-box .prevLine { display: none; }
.case-detail-ui #caseText > .case-box .nav-title-text { display: block; height: auto; margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
.case-detail-ui:has(.clear_version_btn.active) #caseText > .case-box { margin-top: 24px; }
.case-detail-ui #caseText > .detail-middle-main { float: none; padding: 0 20px; }
.case-detail-ui .detail-item { margin: 24px 0 0; font-size: 14px; line-height: 1.857142857; color: #333; overflow-wrap: anywhere; }
.case-detail-ui .detail-item:first-child { margin-top: 12px; }
.case-detail-ui .case-box-little { margin: 0 0 12px; padding: 0; background: transparent; }
.case-detail-ui .detail-two-title { display: flex; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; }
.case-detail-ui .detail-two-title::before { content: ""; flex: 0 0 4px; width: 4px; height: 16px; background: #0a5de7; }
.case-detail-ui .detail-two-title::after { content: ""; flex: 1; min-width: 0; height: 1px; margin-left: 6px; background: #ededed; }
.case-detail-ui .detail-middle-item { float: none; flex: 0 1 auto; min-width: 0; max-width: calc(100% - 26px); margin: 0; padding: 0; font-size: 16px; line-height: 24px; font-weight: 700; color: #333; }
.case-detail-ui .segmentTxt { color: #333; font-size: inherit; line-height: inherit; }
.case-detail-ui .segmentTxt p { margin: 0; font-size: 14px; line-height: 1.857142857; text-indent: 0; }
.case-detail-ui .segmentTxt a { color: #0a5de7; }
.case-detail-ui .segmentTxt img { max-width: 100%; height: auto; }
.case-detail-ui .segmentTxt table { max-width: 100%; }
/* 保持目录在右侧网格列，覆盖旧滚动事件写入的 fixed/top 内联样式。 */
.case-detail-ui .detail-main > .detail-right { float: none; position: sticky !important; top: 80px !important; align-self: start; width: max-content; min-width: 100%; max-width: calc(100% + max(0px, (100vw - 1200px) / 2 - 40px)); margin: 0; }
.case-detail-ui .right_directory { margin: 0; padding: 0; font-size: 13px; }
.case-detail-ui .right_directory > .detail-middle-title { margin: 0 0 8px; padding: 0 0 0 16px; color: #333; font-size: 16px; line-height: 24px; font-weight: 700; background: transparent; border: 0; }
.case-detail-ui .right_directory #navObj { padding: 0; }
.case-detail-ui #navObj .catalog_gradient { position: relative; width: 100%; max-width: none; margin: 0; padding: 0; background: transparent; max-height: calc(100vh - 140px); overflow-x: auto; overflow-y: auto; }
.case-detail-ui #navObj .catalog_gradient::before { content: ""; position: absolute; left: 7px; top: 0; bottom: 0; width: 1px; background: #ededed; }
.case-detail-ui #navObj .catalog_gradient li { width: max-content; min-width: 100%; min-height: 28px; height: auto; margin: 0; padding: 0 0 4px 16px; background: transparent; font-size: 13px; line-height: 24px; border: 0; white-space: nowrap; }
.case-detail-ui #navObj .catalog_gradient li a { display: inline-block; width: auto; max-width: none; font-size: 13px; padding: 0 6px; color: #666; line-height: 24px; border-radius: 2px; white-space: nowrap; overflow: visible; text-overflow: clip; overflow-wrap: normal; }
.case-detail-ui #navObj .catalog_gradient li::before { content: none; }
.case-detail-ui #navObj .catalog_gradient li.actives { background: transparent; }
.case-detail-ui #navObj .catalog_gradient li.actives::before { content: ""; position: absolute; left: 3px; top: 8px; width: 8px; height: 8px; margin: 0; border: 2px solid #0a5de7; border-radius: 50%; background: #fff; }
.case-detail-ui #navObj .catalog_gradient li.actives a { background: #e8edf7; color: #0a5de7; }
.case-detail-ui #navObj .catalog_gradient li:hover a { color: #0a5de7; background: rgba(10, 93, 231, .06); }
.case-detail-ui .applyOutlineCheckcase { margin: 32px 0 0; font-size: 14px; line-height: 20px; text-align: right; }
.case-detail-ui .applyOutlineCheckcase a { color: #999; }
@media (max-width: 1100px) {
  .case-detail-ui:where(.notice-detail-ui) .case-detail-shell { width: calc(100vw - 32px); margin-left: 16px; margin-right: 0; }
  .case-detail-ui:where(.notice-detail-ui) .header_float { width: 100%; }
  .case-detail-ui:where(.notice-detail-ui) .header_float > div { column-gap: 0; }
  .case-detail-ui:where(.notice-detail-ui) .detail-main > .detail-right { top: 122px !important; }
}
@media (max-width: 760px) {
  .case-detail-ui:where(.notice-detail-ui) .case-detail-shell { width: calc(100vw - 24px); margin-left: 12px; margin-right: 0; }
  .case-detail-ui:where(.notice-detail-ui) .detail-main.wid_1170 { grid-template-columns: minmax(0, 1fr) 92px; gap: 8px; }
  .case-detail-ui:where(.notice-detail-ui) .detail-title { margin: 0 16px; }
  .case-detail-ui:where(.notice-detail-ui) .detail-middle-text-container { grid-template-columns: minmax(0, 1fr); margin-left: 16px; margin-right: 16px; }
  .case-detail-ui:where(.notice-detail-ui) #caseText > .case-box,
  .case-detail-ui:where(.notice-detail-ui) #caseText > .detail-middle-main { padding-left: 16px; padding-right: 16px; }
  .case-detail-ui:where(.notice-detail-ui) .header_float { position: relative !important; top: 0 !important; }
  .case-detail-ui:where(.notice-detail-ui) .detail-main > .detail-right { top: 12px !important; }
}