/* 防止CLS的布局稳定规则 */
header {
min-height: 50px; /* 确保header有最小高度 */
contain: layout style; /* 包含布局和样式，防止外部影响 */
will-change: auto; /* 避免不必要的重绘 */
/* 确保header在字体加载前有稳定尺寸 */
font-display: swap; /* 使用字体交换策略 */
}

.lh-nav {
min-width: 300px; /* 确保导航有最小宽度 */
contain: layout style; /* 包含布局和样式 */
display: flex; /* 确保flex布局稳定 */
align-items: center; /* 垂直居中对齐 */
}

.lh-nav > * {
min-width: 40px; /* 确保每个导航项有最小宽度 */
min-height: 50px; /* 确保每个导航项有最小高度 */
contain: layout style; /* 包含布局和样式 */
flex-shrink: 0; /* 防止flex项目收缩 */
}

.lh-nav > * > a {
min-height: 50px; /* 确保链接有最小高度 */
contain: layout style; /* 包含布局和样式 */
display: flex; /* 确保flex布局稳定 */
align-items: center; /* 垂直居中对齐 */
justify-content: center; /* 水平居中对齐 */
}

/* 确保字体加载时的布局稳定 */
.lh-nav .name {
font-family: "noto", "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft YaHei", sans-serif;
min-height: 1.2em; /* 确保文字有最小高度 */
line-height: 1.2; /* 确保行高稳定 */
font-size: 16px;
font-size: clamp(16px, 1.1458333333333333vw, 22px);
contain: layout style; /* 包含布局和样式 */
white-space: nowrap; /* 防止文字换行 */
}

/* 确保背景图片加载时的布局稳定 */
.lh-nav > * > a::before,
.lh-nav > * > a::after {
min-width: 13px; /* 确保装饰元素有最小宽度 */
min-height: 14px; /* 确保装饰元素有最小高度 */
contain: layout style; /* 包含布局和样式 */
background-size: contain; /* 确保背景图片正确缩放 */
background-repeat: no-repeat; /* 防止背景重复 */
}

/* 确保导航容器在字体加载前有稳定尺寸 */
.lh-nav {
font-display: swap; /* 使用字体交换策略 */
}

/* 关键元素布局稳定保障 */
.ewm {
display: none;
}

.ewm img {
min-width: 70px;
min-height: 70px;
contain: layout style;
}

.detail-bottom-top a#return_btn.return-page {
min-width: 47px;
display: none;
}

.detail-bottom-top .icon {
display: none;
}

.detail-bottom-info .info-icon .info-icon-last{
position: absolute;
right: -31px;
bottom: -51px;
}

.detail-bottom-icon > * {
display: none;
}

footer {
display: none;
}

.footer-share {
pointer-events: none;
contain: layout style;
}

/* 确保主要内容区域有稳定的布局 */
.lh-detail {
contain: layout style;
min-height: 500px; /* 确保有足够的最小高度 */
}

.detail-bottom {
contain: layout style;
min-height: 300px; /* 确保有足够的最小高度 */
}

/* 防止Vue渲染时的布局偏移 */
[v-cloak] {
display: none;
}

/* 确保字体加载时的平滑过渡 */
* {
font-display: swap;
}

/* SEO: FAQPage 信息的嵌入 */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}