@charset "utf-8";
/* CSS Document */
/* 移动端样式 */
@media screen and (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .page-container,
  .header-inner,
  .content-wrapper,
  .main-content,
  .sidebar,
  .article-content,
  .footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .header-inner {
    flex-direction: column;
    padding: 15px !important;
  }
  
  .logo {
    margin-bottom: 15px;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
  }
  
  .logo img {
    max-width: 80% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  
  .main-nav li {
    margin: 0 8px !important;
  }
  
  .content-wrapper {
    flex-direction: column;
    padding: 0 !important;
    margin: 15px 0 !important;
  }
  
  .main-content, .sidebar {
    width: 100% !important;
    margin-bottom: 20px !important;
    border-radius: 8px !important;
  }
  
  .main-content {
    padding: 20px 15px !important;
  }
  
  .article-header h1 {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  
  .article-content {
    font-size: 15px !important;
  }
  
  .article-content p {
    font-size: 15px !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
  }
  
  .tags-section {
    display: flex;
    flex-wrap: wrap;
    gap: 8px !important;
  }
  
  .table-container {
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 20px 0 !important;
    padding: 0 !important;
  }
  
  .data-table {
    width: 100% !important;
    min-width: 320px !important;
    font-size: 12px !important;
  }
  
  .data-table th, 
  .data-table td {
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }
  
  .related-content,
  .related-posts ul,
  .sidebar-links {
    padding-left: 10px !important;
  }
  
  .related-content li,
  .related-posts li,
  .sidebar-links li {
    padding-left: 12px !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
  }
  
  a, span, p, h1, h2, h3, h4, li {
    word-wrap: break-word !important;
    word-break: break-all !important;
    max-width: 100% !important;
  }
  
  .footer-inner {
    width: 100%;
    padding: 30px 15px 20px !important;
  }
  .copyright,.stats{
    width: 100%;
    padding: 30px 15px 20px !important;
  }
  .fanhuitop{
	  visibility:hidden;
  }
  
  .friend-links ul {
    flex-direction: column;
  }
  
  .friend-links li {
    margin-right: 0 !important;
    margin-bottom: 8px !important;
  }
  
  img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}


@media screen and (max-width: 768px) {
  
  /* 表格响应式处理 */
  .ke-zeroborder td,
  .table td,
  .ke-zeroborder th,
  .table th {
    padding: 8px 10px;
    font-size: 13px;
  }
  
  .ke-zeroborder .thead,
  .table .thead,
  .ke-zeroborder thead tr,
  .table thead tr {
    line-height: 36px;
    height: 36px;
    font-size: 13px;
  }
  
  /* 列表List样式 */
  .list {
	width: 100% !important;
	margin-bottom: 20px !important;
  }
  
  .list_content {
	padding: 15px !important;
  }
  
  .list_content li {
	padding-left: 15px !important;
	margin-bottom: 12px !important;
	flex-wrap: wrap;
	justify-content: flex-start !important;
  }
  
  .list_content a {
	font-size: 14px !important;
	margin-bottom: 4px !important;
  }
  
  .list_content span {
	margin-left: 15px !important;
	font-size: 13px !important;
	color: #86909c !important;
  }
  
  /* 移动端分页适配 */
  .list_page {
	padding: 12px 15px !important;
  }
  
  .list_page a, .list_page b {
	padding: 4px 9px !important;
	margin: 0 2px !important;
	font-size: 13px !important;
  }
  
  .list_page a:not(.prev-next) {
	display: none !important;
  }
  
  .list_page a:nth-child(1),
  .list_page a:nth-child(2),
  .list_page a:nth-last-child(2),
  .list_page a:nth-last-child(1) {
	display: inline-block !important;
  }
}