/* ==================== 中京世纪 - 资讯详情样式 ==================== */
.main-content { margin-top: 162px; }
@media (max-width: 768px) { .main-content { margin-top: 108px; } }

/* 布局 */
.detail-wrap {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 30px;
    align-items: start;
}
.detail-article {
    background: var(--hk-dark-2);
    border: 1px solid var(--hk-border);
    padding: 30px;
}
@media (max-width: 992px) { .detail-wrap { grid-template-columns: 1fr; } }

/* 文章头部 */
.article-header {
    border-bottom: 2px solid var(--hk-border);
    padding-bottom: 18px;
    margin-bottom: 22px;
}
.article-header h1 {
    font-size: 26px;
    color: var(--hk-gold);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 14px;
    letter-spacing: 1px;
}
.article-meta { display: flex; flex-wrap: wrap; gap: 18px; }
.article-meta span { font-size: 13px; color: var(--hk-gray); }
.article-meta i { color: var(--hk-red); margin-right: 4px; }

/* 封面图 */
.article-cover { margin-bottom: 24px; border: 2px solid var(--hk-border); }
.article-cover img { width: 100%; }

/* 正文 */
.article-content { color: var(--hk-cream); line-height: 1.9; font-size: 15px; }
.article-lead {
    font-size: 16px;
    color: var(--hk-gold-light);
    background: rgba(122,22,18,.3);
    border-left: 4px solid var(--hk-red);
    padding: 14px 18px;
    margin-bottom: 22px;
}
.article-content h2 {
    font-size: 20px;
    color: var(--hk-gold);
    margin: 26px 0 14px;
    padding-left: 12px;
    border-left: 4px solid var(--hk-gold);
    letter-spacing: 1px;
}
.article-content p { margin-bottom: 16px; }
.article-content strong { color: var(--hk-gold-light); }
.article-content ul, .article-content ol {
    margin: 0 0 18px 20px;
    padding-left: 8px;
}
.article-content ul li { list-style: disc; margin-bottom: 8px; }
.article-content ol li { list-style: decimal; margin-bottom: 8px; }
.article-content blockquote {
    background: rgba(0,0,0,.25);
    border-left: 4px solid var(--hk-gold);
    padding: 16px 20px;
    margin: 22px 0;
    color: var(--hk-cream);
    font-style: italic;
    position: relative;
}
.article-content blockquote cite {
    display: block;
    text-align: right;
    margin-top: 10px;
    color: var(--hk-gold);
    font-size: 13px;
    font-style: normal;
}

@media (max-width: 768px) {
    .detail-article { padding: 18px; }
    .article-header h1 { font-size: 20px; }
    .article-content h2 { font-size: 17px; }
    .article-content { font-size: 14px; }
}

/* 上下篇导航 */
.article-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin: 28px 0;
    padding: 20px 0;
    border-top: 1px dashed var(--hk-border);
    border-bottom: 1px dashed var(--hk-border);
}
.article-nav a {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: var(--hk-cream);
    padding: 8px 12px;
    background: rgba(0,0,0,.2);
    border: 1px solid var(--hk-border);
    transition: all .3s;
}
.article-nav a:hover { border-color: var(--hk-gold); color: var(--hk-gold-light); }
.an-next { text-align: right; }
.an-label { font-size: 12px; color: var(--hk-gold); }
.an-title { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 600px) {
    .article-nav { grid-template-columns: 1fr; }
    .an-next { text-align: left; }
}

/* 相关资讯 */
.related-news h3 {
    font-size: 18px;
    color: var(--hk-gold);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hk-border);
    letter-spacing: 2px;
}
.related-news ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed var(--hk-border);
}
.related-news ul li a { color: var(--hk-cream); font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related-news ul li a:hover { color: var(--hk-gold-light); }
.related-news i { color: var(--hk-red); margin-right: 6px; }
.related-news ul li span { color: var(--hk-gray); font-size: 12px; flex-shrink: 0; margin-left: 12px; }

/* 右侧栏 */
.detail-sidebar { position: sticky; top: 175px; }
.side-block {
    border: 1px solid var(--hk-border);
    background: var(--hk-dark-2);
    padding: 20px;
    margin-bottom: 20px;
}
.side-block h3 {
    font-size: 16px;
    color: var(--hk-gold);
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--hk-border);
    letter-spacing: 2px;
}
.side-contact-text { font-size: 13px; color: var(--hk-gray); text-align: center; margin-bottom: 8px; }
.side-contact-phone {
    font-size: 24px;
    font-weight: 900;
    color: var(--hk-gold-light);
    text-align: center;
    margin-bottom: 6px;
    text-shadow: 0 0 8px rgba(255,215,0,.4);
}
.side-contact-phone i { font-size: 20px; }
.side-contact-name { font-size: 12px; color: var(--hk-gray); text-align: center; margin-bottom: 16px; }
.side-contact-block .btn-apply {
    display: block;
    width: 100%;
    padding: 10px;
    background: var(--hk-red);
    color: #fff;
    border: 1px solid var(--hk-gold);
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    transition: all .3s;
}
.side-contact-block .btn-apply:hover { background: var(--hk-gold); color: var(--hk-dark); }
.side-jobs li { margin-bottom: 10px; border-bottom: 1px dashed var(--hk-border); padding-bottom: 10px; }
.side-jobs li:last-child { border-bottom: none; }
.side-jobs a { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--hk-cream); }
.sj-rank {
    width: 20px; height: 20px;
    background: var(--hk-red);
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0;
}
.side-jobs li:first-child .sj-rank { background: var(--hk-gold); color: var(--hk-dark); }
.side-jobs li:nth-child(2) .sj-rank { background: #b87333; }
.sj-name { flex: 1; }
.sj-salary { color: var(--hk-gold); font-size: 12px; }
.side-latest li { margin-bottom: 10px; border-bottom: 1px dashed var(--hk-border); padding-bottom: 10px; }
.side-latest li:last-child { border-bottom: none; }
.side-latest a { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--hk-cream); }
.side-latest a:hover { color: var(--hk-gold-light); }
.side-latest i { color: var(--hk-gray); }
.side-qr {
    width: 180px; height: 180px;
    margin: 0 auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 12px;
    border: 3px solid var(--hk-gold);
}