/* 分页组件美化 - 天青色中国风设计（简洁版） */

/* 分页容器 */
.pb_sys_common {
  margin: 30px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
}

/* 分页内容区域 */
.pb_sys_common .pb_content,
.pb_sys_common > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  flex-wrap: wrap !important;
}

/* 所有分页链接和按钮的基础样式 */
.pb_sys_common a,
.pb_sys_common span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: auto !important;
  height: 36px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #666 !important;
  background: #ffffff !important;
  border: 1px solid #ddd !important;
  border-right: none !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  cursor: pointernsparent !important;
  border: none !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
  font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif !important;
  position: relative !important;
}

/* 链接悬停效果 */
.pb_sys_common a:hover {
  background: rgba(114, 200, 201, 0.15) !important;
  color: #5BC0BE !important;
  transform: scale(1.1) !important;
}

/* 当前页码 */
.pb_sys_common .current,
.pb_sys_common .pb_current,
.pb_sys_common span.current {
  background: linear-gradient(135deg, #72c8c9 0%, #5BC0BE 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  cursor: default !important;
  box-shadow: 0 4px 12px rgba(114, 200, 201, 0.4) !important;
  transform: scale(1.05) !important;
}

.pb_sys_common .current:hover,
.pb_sys_common span.current:hover {
  transform: scale(1.05) !important;
}

/* 禁用状态（不可点击的上一页/下一页） */
.pb_sys_common .disabled,
.pb_sys_common .pb_disabled,
.pb_sys_common span.disabled {
  background: transparent !important;
  color: #ccc !important;
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}

.pb_sys_common .disabled:hover,
.pb_sys_common span.disabled:hover {
  transform: none !important;
  background: transparent !important;
}

/* 上一页/下一页按钮 - 使用箭头符号 */
.pb_sys_common a[title*="首页"]::before {
  content: "«" !important;
  font-size: 16px !important;
}

.pb_sys_common a[title*="上一页"]::before {
  content: "‹" !important;
  font-size: 18px !important;
}

.pb_sys_common a[title*="下一页"]::before {
  content: "›" !important;
  font-size: 18px !important;
}

.pb_sys_common a[title*="尾页"]::before {
  content: "»" !important;
  font-size: 16px !important;
}

/* 隐藏原始文字，只显示箭头 */
.pb_sys_common a[title*="首页"],
.pb_sys_common a[title*="上一页"],
.pb_sys_common a[title*="下一页"],
.pb_sys_common a[title*="尾页"] {
  font-size: 0 !important;
  min-width: 36px !important;
  padding: 0 !important;
}

.pb_sys_common a[title*="首页"]:hover,
.pb_sys_common a[title*="上一页"]:hover,
.pb_sys_common a[title*="下一页"]:hover,
.pb_sys_common a[title*="尾页"]:hover {
  background: rgba(114, 200, 201, 0.2) !important;
  color: #5BC0BE !important;
}

/* 省略号 */
.pb_sys_common .pb_more,
.pb_sys_common span.more {
  background: transparent !important;
  color: #999 !important;
  cursor: default !important;
  min-width: 30px !important;
  border: none !important;
}

.pb_sys_common .pb_more:hover,
.pb_sys_common span.more:hover {
  transform: none !important;
  background: transparent !important;
}

/* 跳转输入框容器 */
.pb_sys_common .pb_goto,
.pb_sys_common .goto {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 15px !important;
  font-size: 13px !important;
  color: #666 !important;
}

/* 跳转输入框 */
.pb_sys_common input[type="text"],
.pb_sys_common .pb_goto input {
  width: 45px !important;
  height: 32px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  text-align: center !important;
  border: 1px solid rgba(114, 200, 201, 0.3) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.8) !important;
  color: #666 !important;
  transition: all 0.3s ease !important;
}

.pb_sys_common input[type="text"]:focus {
  outline: none !important;
  border-color: #72c8c9 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(114, 200, 201, 0.1) !important;
}

/* 跳转按钮 */
.pb_sys_common .pb_goto button,
.pb_sys_common button {
  min-width: 50px !important;
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #72c8c9 0%, #5BC0BE 100%) !important;
  border: none !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(114, 200, 201, 0.3) !important;
}

.pb_sys_common .pb_goto button:hover,
.pb_sys_common button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(114, 200, 201, 0.4) !important;
}

/* 总页数/总记录数信息 */
.pb_sys_common .pb_info,
.pb_sys_common .info {
  margin-left: 15px !important;
  font-size: 13px !important;
  color: #888 !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .pb_sys_common {
    margin: 30px 0 !important;
  }
  
  .pb_sys_common .pb_content,
  .pb_sys_common > div {
    gap: 4px !important;
    padding: 10px 15px !important;
  }
  
  .pb_sys_common a,
  .pb_sys_common span {
    min-width: 32px !important;
    height: 32px !important;
    font-size: 13px !important;
  }
  
  .pb_sys_common input[type="text"],
  .pb_sys_common .pb_goto input {
    width: 40px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  
  .pb_sys_common .pb_goto button,
  .pb_sys_common button {
    min-width: 45px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  
  .pb_sys_common .pb_goto,
  .pb_sys_common .goto {
    margin-left: 10px !important;
    font-size: 12px !important;
  }
  
  .pb_sys_common .pb_info,
  .pb_sys_common .info {
    margin-left: 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 480px) {
  .pb_sys_common .pb_content,
  .pb_sys_common > div {
    padding: 8px 12px !important;
  }
  
  .pb_sys_common a,
  .pb_sys_common span {
    min-width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  
  /* 移动端隐藏跳转功能和信息 */
  .pb_sys_common .pb_goto,
  .pb_sys_common .goto,
  .pb_sys_common .pb_info,
  .pb_sys_common .info {
    display: none !important;
  }
}