.tpcontent{font-weight: bold; font-size: 11pt; color: #2b2b2b; font-family: 宋体;}
.cytpstyle{font-size: 9pt; color: #2b2b2b; font-family: 宋体;}
.content{margin:auto;text-align:left;line-height:18px;padding:3px 0 0 0;color:#727272;}
.process{width:162px;height:11px;background:#EDEDED;overflow:hidden;float:left;margin-left:26px !important;margin-left:13px;margin-right:10px;}
.process div{width:160px;height:11px;background:url(/system/resource/images/newsvote/bg.gif) repeat-x;border-left:1px solid #000;border-right:1px solid #000;}
.process .style7{border-left-color:#ff0000;border-right-color:#ff0000;background-position:0 -77px;}

/* --- 1. 最外层白框容器 (包含所有元素) --- */
.article-detail-card {
    background: #fff;          /* 白色背景 */
    border: 1px solid #eaeaea; /* 浅灰色边框 */
    border-radius: 8px;        /* 圆角 */
    padding: 40px;             /* 整体内边距 */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* 轻微阴影 */
    margin-bottom: 40px;       /* 与页面其他部分的间距 */
    max-width: 100%;}

/* --- 2. 标题样式 --- */
.article-main-title {
    font-size: 28px;
    color: #004680;
    line-height: 1.4;
    margin: 0 0 20px 0; /* 下边距 20px */
    font-weight: bold;
    text-align: left;}

/* --- 3. 元数据栏 (作者/日期/浏览) --- */
.article-meta-bar {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 14px;
    color: #666;
    margin-bottom: 25px; /* 与下方分割线的距离 */
    flex-wrap: wrap;}

.meta-item {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;}

.meta-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 6px;
    fill: #004680;
    display: inline-block;}

/* --- 4. 分割线 (分隔元数据和正文) --- */
.content-divider {
    height: 1px;
    background-color: #f0f0f0;
    margin: 0 0 30px 0; /* 上下留白 */
    width: 100%;}

/* --- 5. 正文内容区域 --- */
.article-content-body {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 30px;}
/* 确保正文内的图片不溢出 */
.article-content-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;}

/* --- 6. 附件区域样式 --- */
.attachment-box {
    background: #f9fbfd;
    border: 1px solid #eef2f7;
    border-radius: 6px;
    padding: 15px 20px;
    margin-bottom: 30px;}

.attachment-title {
    margin: 0 0 12px 0;
    color: #004680;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;}

.attachment-list {
    list-style: none;
    padding: 0;
    margin: 0;}

.attachment-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;}
.attachment-item:last-child {
    margin-bottom: 0;}

.attachment-link {
    color: #333;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #999;
    transition: 0.2s;}
.attachment-link:hover {
    color: #004680;
    border-bottom-color: #004680;}

.attachment-info {
    color: #999;
    font-size: 12px;
    white-space: nowrap;}

/* --- 7. 底部导航 (上一篇/下一篇) --- */
.article-footer-nav {
    border-top: 1px dashed #eee; /* 顶部虚线分隔 */
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;}

.nav-item {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 8px;}

.nav-label {
    font-size: 13px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 5px;}

.nav-arrow {
    width: 12px;
    height: 12px;
    fill: #999;
    display: inline-block;}

.nav-title {
    font-size: 15px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.4;
    display: block;
    transition: 0.2s;}
.nav-title:hover {
    color: #004680;}
.nav-title.empty {
    color: #ccc;
    font-weight: normal;}

/* --- 8. 移动端适配 --- */
@media (max-width: 768px) {
    .article-detail-card {
        padding: 20px;}
    .article-main-title {
        font-size: 22px;}
    .article-meta-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;}
    .article-footer-nav {
        flex-direction: column;
        gap: 20px;}
    .nav-item {
        width: 100%;}
}
 /* 容器：设为 inline-block 防止换行，并去掉默认边框（如果需要边框可保留） */
    .search-box {
        display: inline-block; 
        border: 1px solid #ddd; /* 可选：给整个搜索框加个外边框 */
        border-radius: 4px;
        padding: 2px; /* 内部留一点缝隙 */
        background: #fff;
        white-space: nowrap;}

    /* 输入框：调高高度以匹配按钮 */
    .search-input {
        height: 38px; /* 【关键】调高到这里，根据喜好可改为 30px-45px */
        line-height: 38px; /* 让文字垂直居中 */
        padding: 0 10px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-right: none; /* 去掉右边框，和按钮连在一起 */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        outline: none;
        vertical-align: middle; /* 【关键】垂直居中对齐 */
        box-sizing: border-box;}

    /* 搜索按钮：调高高度，设置固定宽度 */
    .search-btn {
        height: 38px; /* 【关键】必须和 input 的 height 一致 */
        width: 45px;  /* 【关键】固定宽度，让按钮变宽一点，不再扁扁的 */
        padding: 0;
        margin: 0;
        border: 1px solid #0056b3;
        background-color: #0056b3;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        cursor: pointer;
        vertical-align: middle; /* 【关键】垂直居中对齐 */
        display: inline-block;
        text-align: center;}

    /* 鼠标悬停效果 */
    .search-btn:hover {
        background-color: #004494;
        border-color: #004494;}

    /* 按钮内的图片微调 */
    .search-btn img {
        vertical-align: middle;
        margin-top: -2px;}