/* ============================================================
   智能仪器网 - 展会专题内容模板样式 (show-exhibition.css)
   适用模板：template/default/special/show-exhibition.htm
   说明：纯 CSS 实现（吸顶导航 position:sticky / 锚点 / 平滑滚动），
        避开 Destoon 模板引擎对 <script> 内 {} 的解析，无需 JS。
   引用：/static/skin/default/show-exhibition.css?v=4
   ============================================================ */

/* ---------- 通用复位（仅作用于专题区） ---------- */
html { scroll-behavior: smooth; }
.exb-hero, .exb-hero *, .exb-nav, .exb-nav *,
.exb-main, .exb-main * { box-sizing: border-box; margin: 0; padding: 0; }

/* ---------- 顶部横幅 Banner ---------- */
.exb-hero {
    position: relative;
    width: 100%;
    min-height: 320px;
    background: linear-gradient(120deg, #0a2a63 0%, #1246a8 45%, #1e6fd0 80%, #2b8ce8 100%);
    overflow: hidden;
    padding: 76px 0 68px;
}
/* 背景装饰圆 */
.exb-hero::before {
    content: '';
    position: absolute;
    right: -160px;
    top: -160px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
}
.exb-hero::after {
    content: '';
    position: absolute;
    right: 120px;
    bottom: -220px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}
.exb-inner {
    position: relative;
    z-index: 2;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
}
.exb-tag {
    display: inline-block;
    padding: 4px 16px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
}
.exb-title {
    margin: 18px 0 8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.25;
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(6, 30, 90, 0.35);
    letter-spacing: 1px;
}
.exb-sub {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.7;
    max-width: 900px;
}
.exb-meta {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.exb-meta span {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
    font-size: 14px;
}
.exb-meta span b { font-weight: 600; }

/* ---------- 2. 吸顶栏目导航（纯 CSS sticky） ---------- */
.exb-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    width: 100%;
    background: #ffffff;
    border-bottom: 2px solid #e8effa;
    box-shadow: 0 2px 8px rgba(16, 60, 120, 0.08);
}
.exb-nav ul {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.exb-nav li a {
    display: block;
    padding: 15px 28px;
    font-size: 16px;
    font-weight: 600;
    color: #2a3a52;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}
.exb-nav li a:hover,
.exb-nav li a.on {
    color: #1e6fd0;
    border-bottom-color: #1e6fd0;
}

/* ---------- 3. 主内容区 ---------- */
.exb-main {
    max-width: 1480px;
    margin: 26px auto 50px;
    padding: 0 20px;
}
/* 内容模块通用块 */
.exb-sec {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(16, 60, 120, 0.07);
    padding: 30px 34px 34px;
    margin-bottom: 26px;
    scroll-margin-top: 70px;   /* 锚点跳转时避开吸顶导航 */
}
.exb-sec-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 22px;
    padding: 0 0 14px 16px;
    font-size: 22px;
    font-weight: 700;
    color: #14376b;
    border-bottom: 1px solid #eef3fb;
}
.exb-sec-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 14px;
    width: 5px;
    border-radius: 3px;
    background: linear-gradient(180deg, #1e6fd0, #3b9df0);
}
.exb-sec-title .more {
    font-size: 13px;
    font-weight: 400;
    color: #8a9bb4;
}
.exb-sec-title .more a { color: #8a9bb4; text-decoration: none; }
.exb-sec-title .more a:hover { color: #1e6fd0; }

/* ---------- 4. 富文本正文通用排版 ---------- */
.exb-sec .exb-intro,
.exb-sec .exb-article { font-size: 15px; line-height: 1.9; color: #3d4d63; }
.exb-sec .exb-intro p,
.exb-sec .exb-article p { text-indent: 2em; margin: 0 0 12px; }
.exb-sec .exb-article img { max-width: 100%; height: auto; }
.exb-sec .exb-article table { border-collapse: collapse; width: 100%; margin: 10px 0; }
.exb-sec .exb-article table th,
.exb-sec .exb-article table td { border: 1px solid #dfe8f4; padding: 8px 12px; font-size: 14px; }
.exb-sec .exb-article table th { background: #f2f7fd; color: #14376b; }

/* ---------- 5. 双列图文卡片（仿仪器信息网：上图 + 标题 + 摘要） ---------- */
.exb-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
.exb-card {
    display: block;
    background: #ffffff;
    border: 1px solid #ecf2fb;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(16, 60, 120, 0.06);
    transition: box-shadow 0.25s, transform 0.25s;
}
.exb-card:hover {
    box-shadow: 0 8px 24px rgba(20, 90, 200, 0.16);
    transform: translateY(-3px);
}
.exb-card .exb-pic {
    display: block;
    height: 190px;
    background: linear-gradient(135deg, #1e6fd0, #3b9df0);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.exb-card .exb-pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.exb-card:hover .exb-pic img { transform: scale(1.04); }
.exb-card .exb-pic .exb-pic-txt {
    display: block;
    padding: 0 20px;
    font-style: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.92);
    text-align: center;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exb-card .exb-bd { display: block; padding: 14px 18px 18px; }
.exb-card .exb-card-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    color: #24374f;
    margin: 0 0 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exb-card:hover .exb-card-title { color: #1e6fd0; }
.exb-card .exb-card-text {
    font-size: 13px;
    line-height: 1.65;
    color: #8494a8;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* ---------- 6. 三列纯图文卡（展商风采用） ---------- */
.exb-cards3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.exb-card3 {
    display: block;
    background: #fbfdff;
    border: 1px solid #ecf2fb;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    transition: box-shadow 0.2s, transform 0.2s;
}
.exb-card3:hover { box-shadow: 0 6px 20px rgba(20, 90, 180, 0.13); transform: translateY(-2px); }
.exb-card3 .exb-pic {
    height: 148px;
    background: #e9f1fc;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.exb-card3 .exb-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.exb-card3 .exb-bd { padding: 14px 16px 16px; }
.exb-card3 .exb-bd h4 { font-size: 16px; font-weight: 600; color: #24374f; margin: 0 0 8px; }
.exb-card3 .exb-bd p { font-size: 13px; line-height: 1.6; color: #8494a8; margin: 0; }

/* ---------- 7. 列表型（通知公告用） ---------- */
.exb-list { list-style: none; }
.exb-list li {
    display: flex;
    align-items: center;
    padding: 12px 6px;
    border-bottom: 1px dashed #e7eef9;
}
.exb-list li:last-child { border-bottom: 0; }
.exb-list li .dot {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1e6fd0;
    margin-right: 12px;
}
.exb-list li a {
    flex: 1;
    font-size: 15px;
    color: #35475e;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.exb-list li a:hover { color: #1e6fd0; }
.exb-list li time {
    flex: none;
    margin-left: 18px;
    font-size: 13px;
    color: #9aabc0;
}

/* ---------- 8. 信息块（时间/地点/规模等关键信息） ---------- */
.exb-kv {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 4px 0 10px;
}
.exb-kv .kv {
    background: linear-gradient(180deg, #f4f9ff, #edf4fd);
    border: 1px solid #e2ecfa;
    border-radius: 8px;
    padding: 16px 14px;
    text-align: center;
}
.exb-kv .kv b {
    display: block;
    font-size: 17px;
    color: #1e6fd0;
    margin-bottom: 6px;
    font-weight: 700;
}
.exb-kv .kv span { font-size: 13px; color: #6b7f9c; }

/* ---------- 9. 返回顶部（纯 CSS） ---------- */
.exb-top {
    position: fixed;
    right: 22px;
    bottom: 56px;
    z-index: 998;
    display: block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    background: #1e6fd0;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(30, 111, 208, 0.35);
    transition: background 0.2s;
}
.exb-top:hover { background: #1558ab; }

/* ---------- 9.5 V2 新增：图片 Banner / 无链接条目 / SEO隐藏标题 ---------- */
/* 专题设置了 Banner 图时的通栏样式 */
.exb-hero-img { padding: 0; min-height: 0; }
.exb-hero-img .exb-banner-img {
    display: block;
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    object-position: center;
}
/* 图片 Banner 模式下 h1 仅保留给 SEO，视觉隐藏 */
.exb-srh {
    position: absolute;
    left: -9999px;
    top: 0;
    width: 10px;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400;
}
/* 栏目条目未填链接时显示为纯文字 */
.exb-list li em.exb-txt {
    flex: 1;
    font-style: normal;
    font-size: 15px;
    color: #35475e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* 栏目下暂无条目时的提示（纯 CSS，浏览器不支持 :has 时自动忽略） */
.exb-sec .exb-list:not(:has(li))::after {
    content: '该栏目暂无内容，敬请期待';
    display: block;
    padding: 22px 0 10px;
    text-align: center;
    font-size: 14px;
    color: #9aabc0;
}

/* ---------- 5.5 左图右文横版卡片（展会报道：图片240x180 + 标题摘要居右） ---------- */
.exb-cards2 { display: grid; grid-template-columns: 1fr; gap: 14px; }
.exb-card2 {
    display: flex;
    background: #ffffff;
    border: 1px solid #ecf2fb;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(16, 60, 120, 0.06);
    transition: box-shadow 0.25s, transform 0.25s;
}
.exb-card2:hover { box-shadow: 0 8px 24px rgba(20, 90, 200, 0.14); transform: translateY(-2px); }
.exb-card2 .exb-pic2 {
    flex: 0 0 240px;
    width: 240px;
    height: 180px;
    background: linear-gradient(135deg, #1e6fd0, #3b9df0);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.exb-card2 .exb-pic2 img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.exb-card2:hover .exb-pic2 img { transform: scale(1.04); }
.exb-card2 .exb-bd2 { flex: 1; min-width: 0; padding: 22px 26px; display: flex; flex-direction: column; justify-content: center; }
.exb-card2 .exb-card2-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    color: #24374f;
    margin: 0 0 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exb-card2:hover .exb-card2-title { color: #1e6fd0; }
.exb-card2 .exb-card2-text {
    font-size: 14px;
    line-height: 1.75;
    color: #8494a8;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* ---------- 5.6 视频栏目卡片（缩略图380x285 + 标题，点击跳视频链接） ---------- */
.exb-cardsv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.exb-cardv {
    display: block;
    background: #ffffff;
    border: 1px solid #ecf2fb;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(16, 60, 120, 0.06);
    transition: box-shadow 0.25s, transform 0.25s;
}
.exb-cardv:hover { box-shadow: 0 8px 24px rgba(20, 90, 200, 0.14); transform: translateY(-3px); }
.exb-cardv .exb-picv {
    position: relative;
    display: block;
    height: 285px;
    background: linear-gradient(135deg, #1e6fd0, #3b9df0);
    overflow: hidden;
}
.exb-cardv .exb-picv img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s; }
.exb-cardv:hover .exb-picv img { transform: scale(1.04); }
.exb-cardv .exb-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(10, 20, 45, 0.55);
    border: 2px solid rgba(255, 255, 255, 0.9);
    color: #fff;
    font-style: normal;
    font-size: 15px;
    text-align: center;
    line-height: 52px;
    letter-spacing: 1px;
    transition: background 0.2s;
}
.exb-cardv:hover .exb-play { background: rgba(30, 111, 208, 0.85); }
.exb-cardv .exb-cardv-title {
    padding: 13px 14px 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #24374f;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.exb-cardv:hover .exb-cardv-title { color: #1e6fd0; }

/* ---------- 10. 响应式 ---------- */
@media (max-width: 1100px) {
    .exb-cards { grid-template-columns: 1fr; }
    .exb-cards3 { grid-template-columns: repeat(2, 1fr); }
    .exb-cardsv { grid-template-columns: repeat(2, 1fr); }
    .exb-kv { grid-template-columns: repeat(2, 1fr); }
    .exb-title { font-size: 32px; }
    .exb-card2 .exb-pic2 { flex-basis: 200px; width: 200px; height: 160px; }
}
@media (max-width: 700px) {
    .exb-cards3 { grid-template-columns: 1fr; }
    .exb-cardsv { grid-template-columns: 1fr; }
    .exb-card2 { flex-direction: column; }
    .exb-card2 .exb-pic2 { width: 100%; height: 200px; flex-basis: auto; }
    .exb-hero { min-height: auto; padding: 28px 0 32px; }
    .exb-title { font-size: 26px; }
    .exb-nav li a { padding: 12px 16px; font-size: 14px; }
    .exb-sec { padding: 20px 18px 22px; }
}