/* 外层大容器 */
.wenzhang {
    background-color: #f0f0f0; /* 整体灰色背景 */
    padding: 40px 20px;
}

/* 新闻列表容器，控制整体宽度并居中 */
.news-card-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px; /* 卡片之间的间距 */
}

/* 单条新闻卡片 */
.news-card {
    background-color: #fff;
    display: flex;
    justify-content: space-between; /* 左信息 + 右按钮 */
    align-items: center;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08); /* 轻微阴影，和截图一致 */
    position: relative;
}

/* 如果你要加左侧图片，可以这样写：
.news-card::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    background: url(图片地址) center / cover no-repeat;
}
然后给 .news-info 加 padding-left: 130px; 即可。
*/

/* 左侧文字区域 */
.news-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 标题样式 */
.news-title {
    font-size: 22px;
    margin: 0;
}
.news-title a {
    color: #0066cc;
    text-decoration: none;
}
.news-title a:hover {
    text-decoration: underline;
}

/* 日期样式 */
.news-date {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* 摘要文字 */
.news-excerpt {
    font-size: 16px;
    color: #333;
    margin: 0;
}

/* 右侧“了解更多” */
.news-more a {
    font-size: 16px;
    color: #0066cc;
    text-decoration: none;
}
.news-more a:hover {
    text-decoration: underline;
}

/* 分页居中 */
.page-nav {
    margin-top: 30px;
    text-align: center;
}
.page-nav a,
.page-nav span {
    margin: 0 5px;
    font-size: 16px;
    color: #0066cc;
    text-decoration: none;
}
.page-nav .current {
    color: #333;
    font-weight: bold;
}

.recruit-page {
  position: relative;
  max-width: 1200px;
  margin: 40px auto;
}

/* 1. 招聘列表表格样式 */
.recruit-table {
    width: 100%;
    max-width: 1000px;
    margin: 50px auto;
    border-collapse: collapse;
}
.recruit-table th, .recruit-table td {
    border: 1px solid #ddd;
    padding: 15px;
    text-align: center;
}
.open-modal {
    padding: 8px 20px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 16px;
}

/* 2. 遮罩层（背景变暗） */
.modal-overlay {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5); /* 半透明黑色 */
    z-index: 999;
}

/* 3. 弹窗窗口样式 */
.modal {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 让窗口居中 */
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    width: 80%;
    max-width: 800px;
    padding: 20px;
}

/* 弹窗内的表格 */
.detail-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.detail-table td {
    border: 1px solid #ddd;
    padding: 15px;
}

/* 关闭按钮 */
.close-modal {
    display: block;
    margin: 20px auto 0;
    color: red;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 18px;
}

/* 文章详情容器 */
.nr {
  width: 60%;          /* 宽度100% */
  height: 800px; 
  max-height: 800px;       /* 固定高度400px */
  margin: 0 auto; 
  background-color: #f0f0f0;      /* 容器居中 */
}

/* 标题居中（加强确保） */
.wrap-single h1 {
  text-align: center;
}

.wrap-single{
    width: 100%;
    background-color: #f0f0f0;
}

/* 1. 外层容器：和你的文章宽度对齐 */
.post-nav {
    max-width: 1200px; /* 改成和你文章内容一样的宽度 */
    margin: 30px auto;
    padding: 0 20px;
}

/* 2. 核心：WordPress 自动生成的导航链接容器 */
.post-nav .nav-links {
    display: flex; /* 强制横向排列 */
    justify-content: space-between; /* 左贴左、右贴右 */
    width: 100%;
}

/* 3. 清除默认链接样式（可选，更美观） */
.post-nav a {
    color: #333; /* 黑色文字 */
    text-decoration: none; /* 去掉下划线 */
}

.post-nav a:hover {
    color: #0066cc; /* 鼠标悬浮变蓝 */
}

/* 整体布局 */
.product-wrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 15px;
}

/* 整体布局：左右分栏 */
.product-wrap {
    display: flex;
    gap: 30px;
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 20px;
}

/* 整体容器：控制页面宽度并居中 */
.product-wrap {
    display: flex;
    max-width: 1200px;
    margin: 30px auto;
    gap: 30px;
    padding: 0 20px;
}

/* -------------------- 左侧侧边栏 -------------------- */
.product-sidebar {
    width: 220px;
    flex-shrink: 0;
    border: 1px solid #eee;
}

/* 侧边栏标题 */
.product-sidebar h2 {
    background: linear-gradient(to right, #027bfc, #a1cfff);
    color: #fff;
    margin: 0;
    padding: 12px 15px;
    font-size: 20px;
    font-weight: bold;
}

/* 分类列表 */
.product-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-sidebar li {
    border-bottom: 1px dotted #ddd;
}

.product-sidebar li a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

.product-sidebar li a:hover {
    background-color: #f5f5f5;
    color: #a1cbff;
}

/* -------------------- 右侧产品展示区 -------------------- */
.product-main {
    flex: 1;
}

/* 产品展示标题 */
.product-main h3 {
    font-size: 26px;
    color: #d9251d;
    margin: 0 0 30px 0;
}
.product-main h3 span {
    color: #666;
    font-size: 22px;
    margin-left: 10px;
}

/* 3列产品网格（和效果图一致） */
.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 30px;
}

/* 单个产品样式 */
.product-item {
    text-align: center;
}

.product-item a {
    text-decoration: none;
    color: #333;
}

.product-item img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.product-item p {
    margin: 0;
    font-size: 16px;
    color: #333;
}

/* -------------------- 底部分页 -------------------- */
.product-page {
    text-align: center;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    font-size: 16px;
}

.product-page a,
.product-page span {
    margin: 0 5px;
    color: #07a4ff;
    text-decoration: none;
}

.product-page .current {
    color: #000000;
    font-weight: bold;
}