/*
 * 页头「新闻中心」下拉（common/nav_preview_news.html；设计稿 VH-Header 的「新闻中心下拉菜单」）。
 * 只在新闻中心新版开关打开时由 common/header.html / header_no_nhnavs.html 加载。
 * 开合沿用 nav-preview.js 的 .vhnp-host 机制（桌面悬停打开、移出 / Esc 关闭、aria-expanded 同步）；
 * 与产品中心 / 行业方案的通栏面板不同，这里是挂在「新闻中心」下面的 420 宽小面板。
 */
#header .inner nav .nav1.vhnp-news-li {
    position: relative;
}
#header .inner nav .nav-item.vhnp-host.vhnp-news-host {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    width: 420px;
    max-height: none;
    padding: 0;
    overflow: visible;
    transform: translateX(-50%);
    border: 1px solid #E4E4E4;
    border-top: none;
    border-radius: 0 0 10px 10px;
    background: #FFFFFF;
    box-shadow: 0 16px 32px rgba(26, 26, 26, .10);
    opacity: 1;
    visibility: visible;
}
.vhnp.vhnp-news {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
}
.vhnp-news-h {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}
.vhnp-news-h > span {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.vhnp-news-h b {
    font-size: 16px;
    font-weight: 800;
    color: #1A1A1A;
    white-space: nowrap;
}
.vhnp-news-h small {
    font-size: 12px;
    color: #8C8C8C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#header .inner nav .vhnp-news-h > a {
    display: inline;
    height: auto;
    font-size: 14px;
    font-weight: 700;
    color: #C30D23;
    white-space: nowrap;
}
#header .inner nav .vhnp-news-h > a:hover {
    color: #8A0A18 !important;
}
.vhnp-news-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#header .inner nav a.vhnp-news-card {
    height: 64px;
    min-width: 0;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    border: 1px solid #E4E4E4;
    border-radius: 10px;
    background: #FFFFFF;
    color: #1A1A1A;
    text-align: left;
    transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
#header .inner nav a.vhnp-news-card:hover {
    border-color: #C30D23;
    color: #C30D23 !important;
    box-shadow: 0 6px 16px rgba(26, 26, 26, .08);
}
.vhnp-news-card img {
    flex: none;
    width: 44px;
    height: 44px;
    display: block;
    filter: drop-shadow(0 3px 2px rgba(26, 26, 26, .16));
}
.vhnp-news-card > span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.vhnp-news-card b {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vhnp-news-card small {
    font-size: 12px;
    color: #8C8C8C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vhnp-news-hr {
    height: 1px;
    margin: 8px 0 4px;
    background: #E4E4E4;
}