/**
 * 海丝物证链 / 物证云 响应式适配（平板 + 手机）
 * 断点：≤1199 大屏平板 / ≤992 平板 / ≤767 手机
 */

html {
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

/* 后台列表页容器：桌面最大 1334px，平板/手机自适应 */
.wzl-page-container {
  width: 100%;
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* 我的证据：搜索 + 新增按钮工具栏 */
.wzl-evidence-toolbar-filter {
  margin-bottom: 10px;
}
.wzl-evidence-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.wzl-evidence-search {
  flex: 1 1 220px;
  min-width: 180px;
  max-width: 360px;
}
.wzl-evidence-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wzl-evidence-btns .btn {
  margin: 0;
  white-space: nowrap;
}

/* 白底导航：汉堡按钮需深色可见 */
#main-nav-dci .navbar-toggle {
  border: 1px solid #ccc;
  background-color: transparent;
  margin-top: 10px;
  margin-right: 12px;
}
#main-nav-dci .navbar-toggle .icon-bar {
  background-color: #333;
}

/* ---------- 大屏平板 / 小屏笔记本 (≤1199px) ---------- */
@media (max-width: 1199px) {
  /* 导航项过多时提前折叠，避免电话/个人中心挤到第二行 */
  #main-nav-dci .navbar-header,
  #main-nav .navbar-header {
    float: none;
  }

  #main-nav-dci .navbar-toggle,
  #main-nav .navbar-toggle {
    display: block !important;
  }

  #main-nav-dci .navbar-collapse,
  #main-nav .navbar-collapse {
    clear: both;
    border-top: 1px solid #eee;
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  }

  #main-nav-dci .navbar-collapse {
    background: #fff;
  }

  #main-nav .navbar-collapse {
    background: #363f48;
  }

  #main-nav-dci .navbar-collapse.collapse,
  #main-nav .navbar-collapse.collapse {
    display: none !important;
  }

  #main-nav-dci .navbar-collapse.collapse.in,
  #main-nav .navbar-collapse.collapse.in {
    display: block !important;
  }

  #main-nav-dci .navbar-nav,
  #main-nav .navbar-nav {
    float: none !important;
    margin: 0;
  }

  #main-nav-dci .navbar-nav > li,
  #main-nav .navbar-nav > li {
    float: none;
  }

  #main-nav-dci .navbar-nav.navbar-right,
  #main-nav .navbar-nav.navbar-right {
    float: none !important;
  }

  #main-nav-dci .navbar-nav > li > a,
  #main-nav-dci .navbar-nav .dropdown-menu > li > a {
    color: #333;
    padding: 12px 20px;
    font-size: 15px;
  }

  #main-nav-dci .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
    background: #f7f7f7;
  }

  .navbar#main-nav-dci,
  .navbar#main-nav {
    height: auto !important;
    min-height: 56px;
  }

  /* 后台列表页固定 1334px 容器 → 自适应，消除右侧空白 */
  .wzl-page-container,
  .container[style*="width:1334px"],
  .container[style*="width: 1334px"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }

  [style*="width: 1334px"],
  [style*="width:1334px"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .page-section .page-content > .col-md-12 {
    width: 100%;
    float: none;
  }

  /* 我的证据等页：侧栏 + 主内容（默认竖屏堆叠，横屏 768px+ 并排） */
  .page-section .page-content .col-md-3,
  .page-section .page-content .col-md-9 {
    width: 100%;
    float: none;
  }

  /* 横屏平板并排：不含 iPad Pro 竖屏 1024 */
  @media (min-width: 768px) and (orientation: landscape) {
    .page-section .page-content .col-md-3 {
      width: 28%;
      float: left;
    }

    .page-section .page-content .col-md-9 {
      width: 72%;
      float: left;
    }
  }

  /* 证据列表工具栏按钮换行 */
  .page-section .panel-body .row .col-lg-6 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .page-section .panel-body .input-group {
    flex-wrap: wrap;
  }

  .page-section .panel-body .input-group-btn {
    display: inline-block;
    margin-top: 4px;
  }

  /* 取消 min-height，避免页脚下方大块留白 */
  .page-section,
  .page-section-top,
  .page-section-service {
    min-height: auto !important;
    padding-bottom: 16px !important;
  }

  .main-container {
    margin-bottom: 0 !important;
  }

  #pjax-container {
    min-height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 清除侧栏浮动，防止页脚与内容区高度错位 */
  .page-section .page-content > .col-md-12::after,
  .page-section .page-content::after,
  .wzl-page-container::after,
  .wzl-page-container article::after {
    content: "";
    display: table;
    clear: both;
  }

  /* 隐藏页面内空的占位 footer */
  .page-section article > footer.container {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
  }

  /* 页脚铺满全宽，消除下方空白 */
  .footer {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box;
  }

  html,
  body {
    min-height: auto !important;
    height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .bannerMain,
  .bannerMainNew {
    width: 100% !important;
    max-width: 100% !important;
    padding: 72px 32px 0 !important;
    box-sizing: border-box;
  }

  .page-lassen-index-blockchain-court .page-index-carousel-nav {
    width: 100% !important;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
  }

  .page-lassen-index-blockchain-court .page-index-carousel-nav div {
    width: 33.33% !important;
  }

  /* 统计条：iPad 横屏等仍会被 1200px 撑破 */
  .wzl-stats-bar,
  [style*="min-width: 1200px"],
  [style*="min-width:1200px"] {
    width: 92% !important;
    max-width: 92% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px 48px !important;
    transform: none !important;
  }

  .container[style*="max-width: 1200px"] {
    max-width: 100% !important;
    padding-left: 24px;
    padding-right: 24px;
  }

  /* Bootstrap .container 在 992px+ 固定 970px，1024 宽度下需铺满 */
  .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  body {
    overflow-x: hidden;
  }

  /* 证据列表表格：主内容区偏窄时允许横向滚动 */
  .admin-table,
  .table-responsive,
  table.table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .page-section {
    padding-top: 24px !important;
    padding-bottom: 0 !important;
  }

  .page-content {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------- iPad Pro 竖屏 (1024×1366 等，993px–1199px + portrait) ---------- */
@media (min-width: 993px) and (max-width: 1199px) and (orientation: portrait) {
  /* 竖屏时侧栏与主内容上下排列，避免表格被挤压 */
  .page-section .page-content .col-md-3,
  .page-section .page-content .col-md-9 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 16px;
  }

  .page-section .page-content > .col-md-12::after,
  .page-section .page-content::after,
  .wzl-page-container::after,
  .wzl-page-container article::after {
    content: "";
    display: table;
    clear: both;
  }

  .page-section .panel-body .row .col-lg-6 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }

  .page-section .panel-body .input-group-btn {
    display: inline-block;
    margin: 4px 4px 4px 0;
  }

  /* 我的证据工具栏：搜索与新增按钮分行、留间距 */
  .wzl-evidence-toolbar-actions {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .wzl-evidence-search {
    max-width: none;
    width: 100%;
  }

  .wzl-evidence-btns {
    width: 100%;
  }

  .wzl-evidence-btns .btn {
    flex: 1 1 auto;
    min-height: 36px;
  }

  /* 页脚两列布局 */
  .footer {
    padding: 32px 24px !important;
  }

  .footer .col-md-4 {
    width: 50%;
    float: left;
    margin-bottom: 24px;
  }

  .footer .col-md-4:last-child {
    width: 100%;
    clear: both;
    text-align: center;
    margin-bottom: 0;
  }

  .footer img {
    max-width: 140px;
  }
}

/* ---------- 平板 (≤992px) ---------- */
@media (max-width: 992px) {
  body {
    overflow-x: hidden;
  }

  /* 导航折叠样式（1199px 断点已处理折叠逻辑，此处补充细节） */
  #main-nav-dci .navbar-nav.navbar-right {
    margin-right: 0;
  }

  .navbar-brand img {
    height: 40px !important;
  }

  /* Banner */
  .bannerMain,
  .bannerMainNew {
    padding: 56px 24px 0 !important;
  }

  .bannerMain .bannerTitle,
  .bannerMainNew .bannerTitle {
    font-size: 48px !important;
    letter-spacing: 6px !important;
    margin-left: 0 !important;
  }

  .bannerMain .bannerText,
  .bannerMain .bannerText p,
  .bannerMainNew .bannerText,
  .bannerMainNew .bannerText p {
    font-size: 20px !important;
    letter-spacing: 3px !important;
    margin-left: 0 !important;
  }

  .bannerMain .bannerBtn,
  .bannerMain .bannerBtn.blockchain,
  .bannerBtn.blockchain {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px;
    padding: 12px 24px !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    letter-spacing: 4px !important;
  }

  .bannerMainNew .bannerTitleRight,
  .bannerMainNew .bannerTitleCenter {
    font-size: 40px !important;
    margin-top: 60px !important;
    margin-left: 0 !important;
    letter-spacing: 2px !important;
  }

  .bannerMainNew .bannerTextRight,
  .bannerMainNew .bannerTextRightEnterprise,
  .bannerMainNew .bannerTextCenter {
    margin-left: 0 !important;
    letter-spacing: 8px !important;
  }

  .bannerMainNew .bannerBtnRight,
  .bannerMainNew .bannerBtnSecondRight,
  .bannerMainNew .bannerBtnCenter,
  .bannerMainNew .bannerBtnSecondCenter {
    display: inline-block;
    margin: 16px 12px 0 0 !important;
  }

  [id^="site-header-blog-inner"] {
    padding: 16em 0 5em !important;
    background-size: cover !important;
    background-position: center !important;
  }

  #site-header-blog-inner-wzl,
  #site-header-blog-inner-dci,
  #site-header-blog-inner-dci-main {
    padding: 14em 0 6em !important;
  }

  /* 统计条 */
  .wzl-stats-bar,
  [style*="min-width: 1200px"],
  [style*="min-width:1200px"] {
    width: 90% !important;
    max-width: 90% !important;
    margin-top: 48px !important;
    padding: 24px 32px !important;
    flex-wrap: nowrap;
    justify-content: space-between !important;
  }

  .wzl-stats-bar span[style*="font-size: 50px"],
  [style*="min-width: 1200px"] span[style*="font-size: 50px"],
  [style*="min-width:1200px"] span[style*="font-size: 50px"] {
    font-size: 36px !important;
  }

  .wzl-stats-bar p,
  [style*="min-width: 1200px"] p,
  [style*="min-width:1200px"] p {
    font-size: 15px !important;
  }

  /* 正文 */
  .page-section {
    padding: 32px 0 !important;
  }

  .page-content {
    padding: 0 12px;
  }

  .container {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }

  p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .comm-title .line span,
  .col-md-12 > span[style*="font-size: 32px"],
  .col-md-12 span[style*="font-size: 32px"] {
    font-size: 26px !important;
  }

  .col-md-12 > span[style*="font-size: 20px"],
  .col-md-12 span[style*="font-size: 20px"] {
    font-size: 17px !important;
    letter-spacing: 0.8px !important;
    line-height: 1.65 !important;
  }

  .col-md-12 span[style*="font-size: 24px"] {
    font-size: 18px !important;
  }

  .col-md-12 span[style*="font-size: 38px"] {
    font-size: 28px !important;
  }

  /* 三列特性：平板保持三列，适度缩小 */
  .col-sm-4 p[style*="font-size: 20px"],
  .col-xs-4 p[style*="font-size: 20px"] {
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
  }

  .col-sm-4 img,
  .col-xs-4 img {
    max-width: 72px;
  }

  /* 平板两列布局：col-md-4 在窄屏时换行 */
  .page-content > .col-md-4,
  .page-content .col-md-4.col-sm-4 {
    margin-bottom: 24px;
  }

  /* 区块数据表 */
  .wzl-block-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .wzl-block-table {
    min-width: 1040px;
    display: inline-block;
    text-align: left;
  }

  /* 表格通用 */
  .admin-table,
  .table-responsive,
  table.table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* 页脚：平板两列 */
  .footer {
    padding: 32px 20px;
  }

  .footer .col-md-4 {
    width: 50%;
    float: left;
    margin-bottom: 28px;
  }

  .footer .col-md-4:last-child {
    width: 100%;
    clear: both;
    text-align: center;
  }

  .footer img {
    max-width: 140px;
  }

  .modal-dialog {
    width: 90% !important;
    max-width: 640px;
    margin: 24px auto;
  }

  .wzl-evidence-toolbar-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .wzl-evidence-search {
    max-width: none;
    width: 100%;
  }

  .wzl-evidence-btns {
    width: 100%;
  }

  .wzl-evidence-btns .btn {
    flex: 1 1 auto;
  }
}

/* ---------- 平板竖屏精细调整 (768px–992px) ---------- */
@media (min-width: 768px) and (max-width: 992px) {
  .bannerMain .bannerTitle,
  .bannerMainNew .bannerTitle {
    font-size: 44px !important;
  }

  .wzl-stats-bar,
  [style*="min-width: 1200px"],
  [style*="min-width:1200px"] {
    margin-top: 36px !important;
  }

  /* 搜索框区域居中宽度 */
  .col-md-6.col-md-offset-3 {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}

/* ---------- 手机 (≤767px) ---------- */
@media (max-width: 767px) {
  .navbar-brand img {
    height: 36px !important;
  }

  .bannerMain,
  .bannerMainNew {
    padding: 28px 16px 0 !important;
  }

  .bannerMain .bannerTitle,
  .bannerMainNew .bannerTitle {
    font-size: 28px !important;
    letter-spacing: 2px !important;
    line-height: 1.3;
  }

  .bannerMain .bannerText,
  .bannerMain .bannerText p,
  .bannerMainNew .bannerText,
  .bannerMainNew .bannerText p {
    font-size: 14px !important;
    letter-spacing: 1px !important;
    margin: 8px 0 16px !important;
  }

  .bannerMain .bannerBtn,
  .bannerMain .bannerBtn.blockchain,
  .bannerBtn.blockchain {
    min-height: 44px;
    padding: 10px 16px !important;
    font-size: 16px !important;
    letter-spacing: 2px !important;
  }

  .bannerMainNew .bannerTitleRight,
  .bannerMainNew .bannerTitleCenter {
    font-size: 28px !important;
    margin-top: 40px !important;
    letter-spacing: 1px !important;
  }

  [id^="site-header-blog-inner"] {
    padding: 10em 0 6em !important;
    min-height: 280px;
  }

  #site-header-blog-inner-wzl,
  #site-header-blog-inner-dci,
  #site-header-blog-inner-dci-main {
    padding: 8em 0 8em !important;
  }

  .wzl-stats-bar,
  [style*="min-width: 1200px"],
  [style*="min-width:1200px"] {
    width: 94% !important;
    max-width: 94% !important;
    margin-top: 24px !important;
    padding: 20px 12px !important;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-around !important;
  }

  .wzl-stats-bar > div,
  [style*="min-width: 1200px"] > div,
  [style*="min-width:1200px"] > div {
    flex: 1 1 30%;
    min-width: 80px;
    text-align: center;
  }

  .wzl-stats-bar span[style*="font-size: 50px"],
  [style*="min-width: 1200px"] span[style*="font-size: 50px"],
  [style*="min-width:1200px"] span[style*="font-size: 50px"] {
    font-size: 28px !important;
  }

  .wzl-stats-bar p,
  [style*="min-width: 1200px"] p,
  [style*="min-width:1200px"] p {
    font-size: 13px !important;
    margin-top: 8px !important;
  }

  .page-section {
    padding: 24px 0 !important;
  }

  .page-content {
    padding: 0 8px;
  }

  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  p {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .comm-title .line span,
  .col-md-12 > span[style*="font-size: 32px"],
  .col-md-12 span[style*="font-size: 32px"] {
    font-size: 22px !important;
    line-height: 1.4 !important;
  }

  .col-md-12 > span[style*="font-size: 20px"],
  .col-md-12 span[style*="font-size: 20px"] {
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    display: block;
  }

  .col-md-12 span[style*="font-size: 24px"] {
    font-size: 16px !important;
  }

  .col-md-12 span[style*="font-size: 38px"] {
    font-size: 22px !important;
    display: inline-block;
    margin-top: 8px;
  }

  .col-xs-4 p[style*="font-size: 20px"] {
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  .col-xs-4 img {
    max-width: 56px;
  }

  .footer {
    padding: 24px 12px;
    text-align: center;
  }

  .footer .col-md-4,
  .footer .col-sm-6,
  .footer .col-xs-12 {
    width: 100% !important;
    float: none !important;
    margin-bottom: 24px;
  }

  .footer img {
    max-width: 120px;
  }

  .copyright p {
    font-size: 12px !important;
    text-align: center !important;
  }

  .form-control {
    font-size: 16px !important;
  }

  .btn-lg {
    font-size: 16px !important;
    padding: 12px 16px;
  }

  .panel {
    margin-left: 0;
    margin-right: 0;
  }

  .modal-dialog {
    width: auto !important;
    margin: 10px;
  }

  .col-md-6.col-md-offset-3 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* 超窄屏：统计条竖排 */
@media (max-width: 380px) {
  .wzl-stats-bar,
  [style*="min-width: 1200px"],
  [style*="min-width:1200px"] {
    flex-direction: column !important;
    align-items: center;
  }

  .col-xs-4 {
    width: 100% !important;
    margin-bottom: 16px;
  }
}