/* 北海明珠资讯：四个重点入口放大，其余全部分类以紧凑按钮展示。 */
.hotel-updates-page .hotel-updates-hero{
    background:linear-gradient(115deg,#102c57 0%,#284f86 100%);
}
.hotel-updates-page .hotel-updates-section{
    padding-top:56px;
}
.hotel-updates-layout{
    display:grid;
    grid-template-columns:292px minmax(0,1fr);
    gap:32px;
    align-items:start;
}
.hotel-updates-sidebar{min-width:0}
.hotel-updates-sidebar-card{
    position:sticky;
    top:104px;
    padding:24px 18px 19px;
    border:1px solid #dfe7f2;
    border-radius:20px;
    background:#fff;
    box-shadow:0 18px 42px rgba(25,59,105,.08);
}
.hotel-updates-sidebar-eyebrow{
    display:block;
    margin-bottom:8px;
    color:#2863df;
    font-size:11px;
    font-weight:900;
    letter-spacing:.16em;
}
.hotel-updates-sidebar-card h2{
    margin:0 0 16px;
    color:#132a4a;
    font-size:24px;
    line-height:1.3;
}
.hotel-updates-priority-list{
    display:grid;
    gap:9px;
}
.hotel-updates-priority-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:70px;
    padding:13px 13px 13px 15px;
    border:1px solid #e3eaf4;
    border-radius:14px;
    background:#f8faff;
    color:#52637d;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.hotel-updates-priority-list a:hover{
    transform:translateX(3px);
    border-color:#bdd0f2;
    background:#f1f6ff;
}
.hotel-updates-priority-list a.active{
    border-color:#2863df;
    background:linear-gradient(135deg,#1f58c8,#3376e9);
    color:#fff;
    box-shadow:0 12px 28px rgba(40,99,223,.22);
}
.hotel-updates-priority-list span{
    display:grid;
    gap:3px;
    min-width:0;
}
.hotel-updates-priority-list strong{
    font-size:16px;
    line-height:1.3;
}
.hotel-updates-priority-list small{
    color:#8290a5;
    font-size:11px;
    white-space:nowrap;
}
.hotel-updates-priority-list a.active small{color:rgba(255,255,255,.76)}
.hotel-updates-priority-list em,
.hotel-updates-category-chips em{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-width:30px;
    height:30px;
    padding:0 7px;
    border-radius:999px;
    background:#e7eef9;
    color:#31547d;
    font-size:11px;
    font-style:normal;
    font-weight:900;
}
.hotel-updates-priority-list a.active em{
    background:rgba(255,255,255,.18);
    color:#fff;
}
.hotel-updates-all-categories{
    margin-top:19px;
    padding-top:17px;
    border-top:1px solid #e4ebf4;
}
.hotel-updates-all-categories-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
.hotel-updates-all-categories-head strong{
    color:#203858;
    font-size:15px;
}
.hotel-updates-all-categories-head span{
    color:#8491a4;
    font-size:11px;
}
.hotel-updates-category-chips{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.hotel-updates-category-chips a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    min-width:0;
    min-height:42px;
    padding:7px 7px 7px 10px;
    border:1px solid #e3eaf4;
    border-radius:11px;
    background:#fbfcfe;
    color:#5f6e83;
    transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.hotel-updates-category-chips a:hover{
    border-color:#bcd0f3;
    background:#f1f6ff;
    color:#245cc8;
}
.hotel-updates-category-chips a.active{
    border-color:#2b67dc;
    background:#eaf2ff;
    color:#174da9;
    box-shadow:inset 0 0 0 1px rgba(43,103,220,.05);
}
.hotel-updates-category-chips span{
    overflow:hidden;
    min-width:0;
    font-size:12px;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.hotel-updates-category-chips em{
    min-width:24px;
    height:24px;
    padding:0 5px;
    font-size:9px;
}
.hotel-updates-category-chips a.active em{
    background:#2b67dc;
    color:#fff;
}
.hotel-updates-content{min-width:0}
.hotel-updates-list-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:25px;
    padding-bottom:20px;
    border-bottom:1px solid #e2e9f2;
}
.hotel-updates-list-head h2{
    margin:7px 0 8px;
    color:#132a4a;
    font-size:31px;
    line-height:1.25;
}
.hotel-updates-list-head p{
    max-width:720px;
    margin:0;
    color:#6c7a90;
    font-size:14px;
    line-height:1.75;
}
.hotel-updates-total{
    display:flex;
    align-items:baseline;
    gap:6px;
    flex:0 0 auto;
    color:#65758c;
}
.hotel-updates-total strong{color:#2863df;font-size:34px;line-height:1}
.hotel-updates-total span{font-size:13px}
.hotel-updates-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
}
.hotel-updates-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #dfe7f2;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 34px rgba(22,54,95,.07);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.hotel-updates-card:hover{
    transform:translateY(-4px);
    border-color:#c7d7ef;
    box-shadow:0 20px 44px rgba(22,54,95,.13);
}
.hotel-updates-card>a{display:block;height:100%;color:inherit}
.hotel-updates-card-cover{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:16/9!important;
    overflow:hidden;
    background:#edf2f8;
    isolation:isolate;
}
.hotel-updates-card-cover::before{
    content:"";
    position:absolute;
    inset:-18px;
    z-index:-1;
    background-image:var(--bhmz-frame-image);
    background-position:center;
    background-size:cover;
    filter:blur(16px) saturate(.8);
    opacity:.42;
    transform:scale(1.08);
}
.hotel-updates-card-cover img{
    width:100%;
    height:100%;
    object-fit:contain!important;
    object-position:center!important;
}
.hotel-updates-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    width:100%;
    height:100%;
    background:linear-gradient(135deg,#10274b,#2863df);
    color:#fff;
}
.hotel-updates-placeholder span{font-size:11px;letter-spacing:.16em}
.hotel-updates-placeholder strong{font-size:19px}
.hotel-updates-card-body{padding:18px 19px 19px}
.hotel-updates-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:9px;
    color:#8490a2;
    font-size:12px;
}
.hotel-updates-card-meta span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:#eef4ff;
    color:#2863df;
    font-weight:800;
}
.hotel-updates-card h3{
    display:-webkit-box;
    overflow:hidden;
    min-height:54px;
    margin:0 0 8px;
    color:#172b49;
    font-size:18px;
    line-height:1.5;
    font-weight:850;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.hotel-updates-card p{
    display:-webkit-box;
    overflow:hidden;
    min-height:43px;
    margin:0 0 13px;
    color:#718096;
    font-size:13px;
    line-height:1.65;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.hotel-updates-card small{color:#235dcc;font-size:13px;font-weight:850}
.hotel-updates-card small b{display:inline-block;transition:transform .2s ease}
.hotel-updates-card:hover small b{transform:translateX(4px)}
.hotel-updates-page .pagination{margin-top:34px}

@media(max-width:1120px){
    .hotel-updates-layout{grid-template-columns:250px minmax(0,1fr);gap:24px}
    .hotel-updates-category-chips{grid-template-columns:1fr}
    .hotel-updates-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    .hotel-updates-page .hotel-updates-section{padding-top:38px}
    .hotel-updates-layout{display:block}
    .hotel-updates-sidebar-card{position:static;margin-bottom:25px;padding:17px 14px}
    .hotel-updates-sidebar-card h2{font-size:20px;margin-bottom:13px}
    .hotel-updates-priority-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .hotel-updates-priority-list a{min-height:58px;padding:9px 10px;border-radius:12px}
    .hotel-updates-priority-list a:hover{transform:none}
    .hotel-updates-priority-list small,.hotel-updates-priority-list em{display:none}
    .hotel-updates-priority-list strong{font-size:14px;white-space:nowrap}
    .hotel-updates-all-categories{margin-top:15px;padding-top:14px}
    .hotel-updates-category-chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}
    .hotel-updates-category-chips::-webkit-scrollbar{display:none}
    .hotel-updates-category-chips a{flex:0 0 auto;min-height:38px;padding:7px 9px}
    .hotel-updates-category-chips span{font-size:12px}
    .hotel-updates-list-head{align-items:flex-start;flex-direction:column;gap:10px}
    .hotel-updates-list-head h2{font-size:26px}
    .hotel-updates-total strong{font-size:28px}
    .hotel-updates-grid{grid-template-columns:1fr;gap:16px}
    .hotel-updates-card-body{padding:15px 16px 17px}
    .hotel-updates-card h3{min-height:auto;font-size:17px}
}