/* =========================================
   崇阳H5 · 主样式 · APP质感版
   主色: #C0001A  背景: #F2F2F7（iOS系统灰）
   卡片白底 / 12px圆角 / 微阴影 / 宽松排版
   ========================================= */
@import url('Common.css');

/* ========== CSS 变量 ========== */
:root {
    --red:      #C0001A;       /* 主红 */
    --red-dark: #9A0015;       /* 深红，pressed状态 */
    --red-light:#FFF0F0;       /* 浅红底 */
    --bg:       #F2F2F7;       /* iOS系统灰背景 */
    --card:     #FFFFFF;       /* 卡片白底 */
    --line:     #E5E5EA;       /* 分割线 */
    --t1:       #1C1C1E;       /* 主文字 */
    --t2:       #48484A;       /* 次文字 */
    --t3:       #8E8E93;       /* 辅助文字 */
    --shadow:   0 2px 12px rgba(0,0,0,0.07);  /* 卡片阴影 */
    --r:        12px;          /* 卡片圆角 */
    --r-sm:     8px;           /* 小圆角 */
}
/* ========== 总框架 ========== */
.inbox { margin: 0 auto; max-width: 750px; position: relative; background: var(--bg); }
/* ========== 固定导航 ========== */
.topbox {
    width: 100%;
    max-width: 750px;
    position: fixed;
    z-index: 999;
    top: 0;
    /* 深红沉浸式顶栏 */
    background: var(--red);
}
/* ---- Logo 栏 ---- */
.logobox {
    width: 100%;
    height: 50px;
    background: var(--red);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
}
/* 纯文字 Logo —— 红底白字，加文字阴影增加质感 */
.logo-text {
    font-size: 19px;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
    line-height: 1;
    text-decoration: none;
    flex-shrink: 0;
}
.logo-text { color:#fff!important;}
/* 搜索按钮：文字形式，右侧对齐 */
.logobox .searchInput { background: rgba(255,255,255,0.18); border: none; border-radius: 18px; width: 100px; height: 30px; color: rgba(255,255,255,0.85); font-size: 12px; font-family: inherit; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; flex-shrink: 0; padding: 0; outline: none; /* 搜索图标用伪元素内联在文字前 */ }
.logobox .searchInput::before {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('../Img/search.png') no-repeat center / contain;
    filter: brightness(0) invert(1);
    opacity: 0.85;
    flex-shrink: 0;
}
/* ---- 导航栏（横向滚动 Tab） ---- */
.menubox {
    width: 100%;
    height: 40px;
    background: var(--red);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
    align-items: stretch;
    /* 底部红白分界用半透明线 */
    border-top: 1px solid rgba(255,255,255,0.15);
}
.menubox::-webkit-scrollbar { display: none; }
.menubox .menu {
    display: inline-flex;
    align-items: stretch;
    padding: 0 6px;
    height: 100%;
}
.menubox .menu a {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,0.75);
    position: relative;
    white-space: nowrap;
    transition: color 0.15s;
    letter-spacing: 0.3px;
}
.menubox .menu a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 50%;
    transform: translateX(-50%);
    width: 0; height: 2px;
    background: #fff;
    border-radius: 1px;
    transition: width 0.2s;
}
.menubox .menu .hover,
.menubox .menu a:hover {
    color: #fff;
    font-weight: 700;
}
.menubox .menu .hover::after,
.menubox .menu a:hover::after { width: 65%; }
/* ========== 内容区顶部偏移（固定顶栏补偿） ========== */
/* 用于栏目页/内容页等有固定顶栏的页面，替代 style="padding-top:90px" */
.page-body {
    padding-top: 90px;
}
/* ========== 内容区 ========== */
.middlebox {
    margin: 0 auto;
    width: 100%;
    overflow: visible;
}
/* ========== 幻灯区块外层容器 ========== */
/* 首页：幻灯+公告条合为一张卡片，顶部无圆角（贴固定栏），底部圆角在公告条上 */
/* 频道页：只有幻灯，底部加圆角让过渡自然 */
.carousel-wrap {
    padding-top: 90px;  /* 固定顶栏高度 */
    margin: 0 0 12px;
}
/* 有公告条的幻灯（首页），幻灯自身无底圆角 */
.carousel-wrap--with-notice .ZYCarousel-box { display: block; }
/* 无公告条的幻灯（频道页），幻灯底部加圆角 */
.carousel-wrap--plain .ZYCarousel-box {
    display: block;
    border-radius: 0 0 var(--r) var(--r);
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
/* ========== 幻灯轮播 ========== */
.huanden {
    width: 100%;
    height: 210px;  /* 统一高度 */
    overflow: hidden;
}
.huanden li { width: 100%; height: 100%; position: relative; overflow: hidden; }
.huanden li img {
    width: 100%; height: 100%;
    position: absolute;
    object-fit: cover;
}
.huanden li span {
    position: absolute;
    bottom: 0; width: 100%;
    padding: 40px 14px 14px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.72) 100%);
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    line-height: 1.55;
    letter-spacing: 0.2px;
    /* 文字超出时截断，防止3行撑高 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.huanden li a { color: #fff; display: block; width: 100%; height: 100%; }
/* ========== 公告条 ========== */
.notice-bar {
    display: flex;
    align-items: center;
    background: var(--card);
    height: 40px;
    overflow: hidden;
    /* 幻灯满宽，公告紧贴在下，整体形成一张卡片 */
    border-radius: 0 0 var(--r) var(--r);
    padding: 0 12px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.07);
}
.notice-tag {
    flex-shrink: 0;
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    margin-right: 10px;
    border-radius: 3px;
    white-space: nowrap;
    letter-spacing: 1px;
}
.notice-scroll {
    flex: 1;
    overflow: hidden;
    height: 40px;
}
.notice-scroll .ZYCarousel-box { height: 40px !important; }
.notice-scroll .ZYCarousel-box>[carousel-item]>* {
    background: var(--card) !important;
    height: 40px !important;
    line-height: 40px !important;
    color: var(--t2) !important;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
}
/* 公告条"更多"链接 */
.notice-more {
    flex-shrink: 0;
    padding: 0 10px;
    font-size: 12px;
    color: var(--t3);
    white-space: nowrap;
}
/* ========== 板块卡片容器 ========== */
/* 统一的板块外层容器：白底、圆角、阴影、左右边距 */
/* HTML 中所有板块直接使用 class="section-card"，无需行内样式 */
.section-card {
    background: var(--card);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
    margin: 0 12px 12px;
}
/* ========== 板块标题行 ========== */
.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 14px;
    background: var(--card);
}
.title > a:first-child {
    font-size: 17px;
    font-weight: 700;
    color: var(--t1);
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.2px;
}
/* 红色胶囊小标签 */
.title > a:first-child::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 18px;
    background: var(--red);
    border-radius: 2px;
    flex-shrink: 0;
}
.title i { display: none; }
.title .more-link {
    font-size: 12px;
    color: var(--t3);
    display: flex;
    align-items: center;
    gap: 2px;
}
.title .more-link::after {
    content: '›';
    font-size: 16px;
    line-height: 1;
    margin-top: -1px;
}
.title span { font-size: 12px; color: var(--t3); }
.title span a { color: var(--t3); }
/* 副标题行 */
.title1 {
    font-size: 14px;
    font-weight: 600;
    color: var(--t2);
    padding: 10px 14px;
    background: var(--card);
    border-left: 3px solid var(--red);
}
.title1 a { color: var(--t2); }
/* ========== 快捷服务区 ========== */
.service {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: var(--card);
    padding: 6px 0 16px;
}
.service a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 4px 0;
    gap: 0;
}
.service a:active { opacity: 0.65; }
.service .svc-icon {
    width: 50px; height: 50px;
    border-radius: 14px;
    object-fit: cover;
    display: block;
    /* iOS风格圆角图标 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.service span {
    display: block;
    margin-top: 7px;
    font-size: 11px;
    color: var(--t2);
    text-align: center;
    line-height: 1.3;
}
/* ========== 新闻图文列表卡片式 (.u-pic) ========== */
/* 缩略图在右，标题在左，时间来源在下 */
.u-pic {
    background: transparent;
    white-space: normal;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.u-pic li {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
    background: var(--card);
}
.u-pic li:last-child { border-bottom: none; }
.u-pic a {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.u-pic img {
    flex-shrink: 0;
    width: 96px;
    height: 68px;
    border-radius: var(--r-sm);
    object-fit: cover;
    order: 2;
}
.u-pic span {
    flex: 1;
    color: var(--t1);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: normal;
}
/* 时间来源行 */
.u-pic .meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}
.u-pic .meta span {
    font-size: 11px;
    color: var(--t3);
    font-weight: 400;
    line-height: 1;
    display: inline;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: nowrap;
}
/* 兼容旧模板的 p 标签写法 */
.u-pic p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    font-size: 11px;
    color: var(--t3);
    width: 100%;
    overflow: hidden;
}
.u-pic p span {
    font-size: 11px;
    color: var(--t3);
    font-weight: 400;
    line-height: 1;
    display: inline;
    -webkit-line-clamp: unset;
    overflow: visible;
    white-space: nowrap;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* ---- u-pic3（同 u-pic，图略小）---- */
.u-pic3 {
    background: transparent;
    white-space: normal;
}
.u-pic3 li {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
    background: var(--card);
}
.u-pic3 li:last-child { border-bottom: none; }
.u-pic3 a { display: flex; align-items: flex-start; gap: 12px; }
.u-pic3 img {
    flex-shrink: 0;
    width: 88px; height: 62px;
    border-radius: var(--r-sm);
    object-fit: cover;
    order: 2;
}
.u-pic3 li span {
    flex: 1;
    white-space: normal;
    color: var(--t1);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/* 时间来源行（兼容 p 标签） */
.u-pic3 li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px;
    color: var(--t3);
    margin-top: 6px;
    width: 100%;
}
.u-pic3 li p span {
    font-size: 11px;
    color: var(--t3);
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 55%;
    display: inline;
    -webkit-line-clamp: unset;
}
.u-pic3 li.morelink { border-bottom: none; padding: 10px 0; }
/* ---- u-pic6：纯文+时间 ---- */
.u-pic6 { background: var(--card); white-space: normal; }
.u-pic6 li { padding: 12px 14px; border-bottom: 1px solid var(--line); overflow: hidden; }
.u-pic6 li:last-child { border-bottom: none; }
.u-pic6 a { display: block; }
.u-pic6 span.left, .u-pic6 span.right {
    display: block; float: left;
    white-space: normal;
    color: var(--t1); font-size: 15px;
    line-height: 1.6; word-break: break-all;
}
/* 时间来源行 */
.u-pic6 p { margin-top: 6px; width: 100%; color: var(--t3); font-size: 11px; }
/* ========== 公告列表（.u-pic66） ========== */
.u-pic66 { background: var(--card); }
.u-pic66 li {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
}
.u-pic66 li:last-child { border-bottom: none; }
.u-pic66 span {
    display: block;
    color: var(--t1);
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 2.8em;
}
.u-pic66 img {
    float: left;
    width: 28%; height: 64px;
    margin-right: 10px;
    border-radius: var(--r-sm);
    object-fit: cover;
}
.u-pic66 p { width: 95%; overflow: hidden; word-wrap: break-word; }
/* ========== 纯文字列表 (.u-e) ========== */
.u-e { background: var(--card); }
.u-e li {
    padding: 0 14px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid var(--line);
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-left: 28px;
}
.u-e li:last-child { border-bottom: none; }
.u-e li::before {
    content: '';
    position: absolute;
    left: 12px; top: 50%;
    transform: translateY(-50%);
    width: 5px; height: 5px;
    border-radius: 50%;
    background: var(--line);
}
.u-e li:nth-child(1) a,
.u-e li:nth-child(7) a,
.u-e li:nth-child(13) a { color: var(--red); font-weight: 600; }
.u-e li:nth-child(1)::before,
.u-e li:nth-child(7)::before,
.u-e li:nth-child(13)::before { background: var(--red); }
/* ========== 纯文字大列表 (.u-pic5) ========== */
/* 只有标题+时间来源，无图片 */
.u-pic5 { background: var(--card); }
.u-pic5 li {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
}
.u-pic5 li:last-child { border-bottom: none; }
.u-pic5 li span {
    display: block;
    color: var(--t1);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* 时间来源行 */
.u-pic5 li p {
    font-size: 11px;
    color: var(--t3);
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}
.u-pic5 li.morelink { border-bottom: none; }
/* ========== 四宫格 (.u-pic4) ========== */
/* 2列网格，用于视频/图片内容展示 */
.u-pic4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    background: transparent;
    padding: 0 12px 14px;
    white-space: normal;
}
.u-pic4 li {
    background: var(--card);
    overflow: hidden;
    position: relative;
    border-radius: var(--r-sm);
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
.u-pic4 li:active { opacity: 0.82; }
.u-pic4 a { display: block; }
.u-pic4 img {
    width: 100%; height: 110px;
    object-fit: cover; display: block;
}
.u-pic4 span {
    display: block;
    padding: 8px 10px 10px;
    font-size: 13px;
    color: var(--t1);
    line-height: 1.5;
    /* 最多2行，超出省略号 —— 不限死高度 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
}
.u-pic4 .play_icon {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -60%);
    width: 34px; height: 34px;
    z-index: 9;
    background: url(play.png) no-repeat center/100%;
    opacity: 0.9;
}
/* ========== 横向滚动卡片 (.u-pic1, .u-pic2) ========== */
.hotbox {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    padding-bottom: 4px;
}
.hotbox::-webkit-scrollbar { display: none; }
.ggbox {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.ggbox::-webkit-scrollbar { display: none; }
/* 专题横向卡片 */
.u-pic1 {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px 14px 14px;
    background: transparent;
}
.u-pic1 li {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    width: 155px; height: 105px;
    background: var(--card);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
}
.u-pic1 li a { color: #fff; display: block; width: 100%; height: 100%; }
.u-pic1 img { width: 100%; height: 105px; position: absolute; top: 0; object-fit: cover; }
.u-pic1 span {
    position: absolute; bottom: 0; width: 100%;
    padding: 24px 10px 8px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.68) 100%);
    font-size: 12px; color: #fff; line-height: 1.4;
    white-space: normal;
}
.u-pic1 .play_icon {
    position: absolute; top: 10px; left: 10px;
    width: 24px; height: 24px;
    z-index: 9;
    background: url(//res.cjyun.org/t/site/10008/6fd52b21978e4534397ad7bea6ec6b0d/assets/2023_new_home/images/play.png) no-repeat center/cover;
}
/* 直播横向卡片 */
.u-pic2 {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px 14px 14px;
}
.u-pic2 li {
    display: inline-block;
    flex-shrink: 0;
    width: 145px;
    background: var(--card);
    border-radius: var(--r);
    overflow: hidden;
    position: relative;
    box-shadow: var(--shadow);
}
.u-pic2 img { width: 100%; height: 90px; object-fit: cover; }
.u-pic2 span {
    display: block;
    padding: 7px 9px 9px;
    font-size: 12px;
    color: var(--t1);
    line-height: 1.45;
    /* 最多2行，不限死 px 高度 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
}
.u-pic2 .play_icon {
    position: absolute; top: 28px; left: 50%;
    transform: translateX(-50%);
    width: 32px; height: 32px;
    z-index: 9;
    background: url(//res.cjyun.org/t/site/10008/6fd52b21978e4534397ad7bea6ec6b0d/assets/2023_new_home/images/play.png) no-repeat center/cover;
    opacity: 0.88;
}
/* ========== 更多链接 ========== */
.morelink {
    text-align: center;
    border: none !important;
    margin-bottom: 0 !important;
    background: var(--card) !important;
}
.morelink a { color: var(--t3); font-size: 13px; }
.load-more-btn {
    display: block;
    margin: 16px auto 20px;
    width: 190px; height: 40px;
    line-height: 38px;
    background: var(--card);
    color: var(--t2);
    border: 1px solid var(--line);
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    -webkit-appearance: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    font-family: inherit;
}
.load-more-btn:active { background: #F2F2F7; }
.btnMore {
    display: block;
    margin: 14px auto 18px;
    width: 190px; height: 40px;
    line-height: 38px;
    background: var(--card);
    color: var(--t2) !important;
    border: 1px solid var(--line);
    border-radius: 20px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    -webkit-appearance: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.btnMore a, .btnMore a:link, .btnMore a:visited, .btnMore a:hover { color: var(--t2) !important; }
/* ========== Banner 广告 ========== */
/* 广告外层容器：控制下边距，与板块间距一致 */
.ad-banner-wrap {
    margin: 0 0 12px;
}
.ad-banner {
    width: calc(100% - 24px);
    margin: 0 12px;
    overflow: hidden;
    border-radius: var(--r);
    box-shadow: var(--shadow);
}
.ad-banner img { width: 100%; display: block; border-radius: var(--r); }
/* ========== 返回顶部 ========== */
.toTop {
    position: fixed;
    right: 16px; bottom: 80px;
    z-index: 99;
    width: 42px; height: 42px;
    display: none;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(0,0,0,0.28);
    overflow: hidden;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.toTop img { width: 100%; height: 100%; object-fit: cover; }
.bottom { height: 60px; }
/* ========== 搜索面板 ========== */
.searchBox {
    width: 100%; height: 100vh;
    background: var(--card);
    position: fixed; top: 0; z-index: 9999;
    right: -100%;
    transition: right 0.25s ease;
}
.searchBox .searchArea {
    display: flex; align-items: center;
    height: 52px; padding: 0 14px;
    background: var(--red);
    gap: 8px;
}
.searchBox .searchArea .icon {
    width: 14px; height: 14px;
    position: absolute; left: 58px;
    filter: brightness(0) invert(1);
    opacity: 0.7; pointer-events: none;
}
.searchBox .searchArea .innerInput {
    flex: 1;
    background: rgba(255,255,255,0.2);
    border: none;
    border-radius: 20px;
    height: 34px;
    text-indent: 2em;
    font-size: 14px;
    color: #fff;
    outline: none;
}
.searchBox .searchArea .innerInput::placeholder { color: rgba(255,255,255,0.7); }
.searchBox .searchArea .search {
    flex-shrink: 0;
    padding: 6px 14px;
    background: rgba(255,255,255,0.25);
    color: #fff; border: 1px solid rgba(255,255,255,0.4);
    border-radius: 16px;
    font-size: 13px;
    cursor: pointer;
}
.searchBox .searchArea > span.cancel {
    flex-shrink: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    padding: 0 4px;
    cursor: pointer;
}
.searchBox .search-wd {
    font-size: 14px;
    padding: 16px 14px 8px;
    color: var(--t2);
}
.searchBox .search-wd span { color: var(--red); font-weight: 600; }
/* searchBox2（搜索结果页） */
.searchBox2 { width: 100%; min-height: 100vh; background: var(--bg); }
.searchBox2 .searchArea {
    display: flex; align-items: center;
    height: 52px; padding: 0 14px;
    background: var(--red);
    gap: 8px;
    position: sticky; top: 0; z-index: 99;
}
.searchBox2 .searchArea .icon {
    width: 14px; height: 14px;
    position: absolute; left: 58px;
    filter: brightness(0) invert(1);
    opacity: 0.7; pointer-events: none;
}
.searchBox2 .searchArea .innerInput {
    flex: 1;
    background: rgba(255,255,255,0.2);
    border: none;
    border-radius: 20px;
    height: 34px;
    text-indent: 2em;
    font-size: 14px; color: #fff; outline: none;
}
.searchBox2 .searchArea .innerInput::placeholder { color: rgba(255,255,255,0.7); }
.searchBox2 .searchArea .search {
    flex-shrink: 0;
    padding: 6px 14px;
    background: rgba(255,255,255,0.25);
    color: #fff; border: 1px solid rgba(255,255,255,0.4);
    border-radius: 16px; font-size: 13px;
}
.searchBox2 .searchArea > span.cancel {
    flex-shrink: 0;
    font-size: 14px; color: rgba(255,255,255,0.85); padding: 0 4px;
}
.searchBox2 .search-wd {
    font-size: 14px; padding: 14px; color: var(--t2);
}
.searchBox2 .search-wd span { color: var(--red); font-weight: 600; }
.searchBox2 .search-list {
    background: var(--card);
    margin: 12px;
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
}
/* ========== 通用中间标题行 ========== */
.middletitle { padding: 0 14px; overflow: hidden; }
.middletitle .left { float: left; }
.middletitle .right { float: right; }
/* ========== 文章详情页 ========== */
.articleBox {
    margin: 12px;
    padding: 18px 16px;
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
}
.articleBox .article_title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.55;
    padding: 4px 0 14px;
    color: var(--t1);
    text-align: justify;
    letter-spacing: 0.01em;
}
.articleBox .flex_sbc { display: flex; justify-content: space-between; align-items: center; }
.articleBox .icon_play { cursor: pointer; margin-left: 10px; }
.articleBox .article.editor {
    font-size: 12px; color: var(--t3);
    padding: 8px 0; margin: 6px 0;
    border-bottom: 1px solid var(--line);
    display: flex; justify-content: space-between;
}
.articleBox .article_content {
    font-size: 17px;
    padding: 14px 0 8px;
    color: var(--t1);
}
.articleBox .article_content p {
    margin: 1em 0;
    text-align: justify;
    line-height: 1.95;
    font-size: inherit;
    color: var(--t1);
}
.articleBox .article_content img {
    max-width: 100%; display: block;
    margin: 14px auto;
    border-radius: var(--r-sm);
}
/* ========== 领导班子（走进崇阳） ========== */
.info { margin: 12px; padding: 16px; background: var(--card); border-radius: var(--r); box-shadow: var(--shadow); }
.info p { text-indent: 2em; line-height: 1.9; font-size: 15px; color: var(--t1); margin-bottom: 8px; }
.ldx1,.ldx2,.ldx3,.ldx4 { margin: 0 auto; width: 100%; margin-top: 10px; }
/* 领导分类标题条：宽度80%，水平居中，向上偏移15px融入上方间距 */
.ldbz {
    width: 80%;
    margin: 0 auto;
    margin-top:15px;
    height: 38px;
    line-height: 38px;
    background: var(--red);
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border-radius: var(--r-sm);
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(192,0,26,0.28);
}
.ldbz a { color: #fff; }
/* 领导区块分组 */
.leader-section { background: var(--card); }
/* 分组之间加顶部分割线（替代行内 style） */
.leader-section--bordered { border-top: 1px solid var(--line); }
/* 领导分组内容行 */
.leader-section .ldbox {
    padding: 10px 12px;
    border-bottom: 1px solid var(--line);
    overflow: hidden;
}
.leader-section .ldbox:last-child { border-bottom: none; }
/* 职务文字：辅助色，稍小 */
.leader-section .ld-left {
    font-size: 12px;
    color: var(--t3);
    margin-bottom: 6px;
    font-weight: 500;
}
/* 人名按钮：3列 */
.leader-section .ld-right a {
    display: inline-block;
    width: 31%;
    line-height: 32px;
    margin: 2px 0.8%;
    text-align: center;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: var(--r-sm);
    color: var(--t2);
    font-size: 13px;
    transition: all 0.15s;
}
.leader-section .ld-right a:active { background: var(--red-light); color: var(--red); border-color: var(--red); }
/* 人名按钮：2列居中 */
.leader-section .ld-right-x2 { margin: 0 auto; width: 65%; text-align: center; }
.leader-section .ld-right-x2 a {
    display: inline-block;
    width: 47%;
    line-height: 32px;
    margin: 2px 1%;
    text-align: center;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: var(--r-sm);
    color: var(--t2);
    font-size: 13px;
}
.leader-section .ld-right-x2 a:active { background: var(--red-light); color: var(--red); }
/* 崇阳简介块 —— 贴合卡片风格，无硬边框，用渐变色细线装饰 */
.cy-intro {
    padding: 16px 16px 12px;
    font-size: 14px;
    color: var(--t2);
    line-height: 1.9;
    text-indent: 2em;
    background: var(--card);
    /* 顶部用主题色渐变细线替代左边框 */
    border-top: 3px solid var(--red);
    border-bottom: 1px solid var(--line);
}
.cy-intro a {
    display: inline-block;
    margin-top: 8px;
    color: var(--red);
    font-size: 12px;
    text-indent: 0;
    background: var(--red-light);
    padding: 2px 10px;
    border-radius: 20px;
    font-weight: 600;
}
.ldbox { width: 100%; overflow: hidden; margin-top: 10px; }
.ldbox .ld-left { width: 100%; text-align: center; }
.ldbox .ld-right { width: 100%; text-align: center; }
.ldbox .ld-right a {
    display: inline-block; width: 31%; line-height: 36px;
    margin: 4px 0.8%; text-align: center;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: var(--r-sm);
    color: var(--t2); font-size: 14px;
    transition: all 0.15s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.ldbox .ld-right a:active { background: var(--red-light); color: var(--red); border-color: var(--red); }
.ldbox .ld-right-x2 { margin: 0 auto; width: 60%; text-align: center; }
.ldbox .ld-right-x2 a {
    display: inline-block; width: 47%; line-height: 36px;
    margin: 4px 1%; text-align: center;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: var(--r-sm); color: var(--t2); font-size: 14px;
}
.ldbox .ld-right-x2 a:active { background: var(--red-light); color: var(--red); }
/* ========== 栏目页：面包屑导航条 ========== */
/* 顶部 padding 补偿固定顶栏，面包屑白底分割线，随页面正常滚动 */
.col-header {
    padding-top: 90px;
}
.col-header .nav-path {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 10px 14px;
    background: var(--card);
    border-bottom: 1px solid var(--line);
    font-size: 12px;
    color: var(--t3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.col-header .nav-path a {
    color: var(--t3);
    flex-shrink: 0;
    margin:0px 5px;
}
.col-header .nav-path a:last-of-type { color: var(--t2); }
/* ========== 栏目页：图片网格列表（.u-imgbox） ========== */
/* 两列网格，图上标题下，适合图库/图吧 */
.u-imgbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--line);
}
.u-imgbox-item { background: var(--card); overflow: hidden; }
.u-imgbox-item:active { opacity: 0.82; }
.u-imgbox-item a { display: block; }
.u-imgbox-item img {
    width: 100%; height: 100px;
    object-fit: cover; display: block;
}
.u-imgbox-item .info { padding: 7px 10px 10px; }
/* 标题 span（直接子元素） */
.u-imgbox-item .info > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 13px;
    color: var(--t1);
    line-height: 1.45;
}
/* 时间来源行 */
.u-imgbox-item .info p {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--t3);
    margin-top: 5px;
}
/* p 内 span 重置 */
.u-imgbox-item .info p span {
    font-size: 11px !important;
    color: var(--t3) !important;
    display: inline !important;
    overflow: visible !important;
}
/* ========== 栏目页：图文横排列表（.u-imgtext） ========== */
.u-imgtext { background: var(--card); }
.u-imgtext-item {
    border-bottom: 1px solid var(--line);
}
.u-imgtext-item:last-child { border-bottom: none; }
.u-imgtext-item a {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    gap: 12px;
}
.u-imgtext-item img {
    flex-shrink: 0;
    width: 90px; height: 62px;
    object-fit: cover;
    border-radius: var(--r-sm);
}
.u-imgtext-item .body { flex: 1; min-width: 0; }
/* 标题 */
.u-imgtext-item .body > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
    color: var(--t1);
    font-weight: 500;
    line-height: 1.5;
}
/* 时间来源行 */
.u-imgtext-item .body p {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--t3);
    margin-top: 6px;
}
/* p 内的 span 重置 */
.u-imgtext-item .body p span {
    font-size: 11px !important;
    color: var(--t3) !important;
    font-weight: 400 !important;
    display: inline !important;
    overflow: visible !important;
    white-space: nowrap;
}
/* ========== 栏目页：纯文字列表 ========== */
.u-textlist { background: var(--card); }
.u-textlist-item {
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}
.u-textlist-item:last-child { border-bottom: none; }
.u-textlist-item a { display: block; }
/* 标题行 */
.u-textlist-item a span.title-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 15px;
    color: var(--t1);
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 6px;
}
/* 前三条标题红色高亮 */
.u-textlist-item:nth-child(1) a span.title-text,
.u-textlist-item:nth-child(2) a span.title-text,
.u-textlist-item:nth-child(3) a span.title-text { color: var(--red); font-weight: 500; }
/* 时间来源行 */
.u-textlist-item p {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--t3);
}
/* p 内的 span（来源、时间）重置，不受上层 span 规则影响 */
.u-textlist-item p span {
    font-size: 11px !important;
    color: var(--t3) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    display: inline !important;
    overflow: visible !important;
    white-space: nowrap;
}
/* ========== 视频列表（微视频频道页） ========== */
#videoList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 12px;
}
#videoList li {
    background: var(--card);
    border-radius: var(--r);
    overflow: hidden;
    box-shadow: var(--shadow);
    position: relative;
}
#videoList li a { display: block; }
#videoList li img { width: 100%; height: 100px; object-fit: cover; display: block; }
#videoList li .play_icon {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -65%);
    width: 34px; height: 34px;
    background: url(play.png) no-repeat center/100%;
    z-index: 9; opacity: 0.9;
}
#videoList li span {
    display: block;
    padding: 8px 10px 10px;
    font-size: 12px;
    color: var(--t1);
    line-height: 1.45;
    /* 最多2行，不限死高度 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
}
/* ========== 顶部视频容器（崇阳频道）========== */
/* 与幻灯区块等高，底部圆角保持视觉一致 */
.carousel-wrap--video {
    padding-top: 90px;

}
.carousel-wrap--video > div,
.carousel-wrap--video .vjs-fluid {
    display: block;
    width: 100%;
    height: 210px !important;
    border-radius: 0 0 var(--r) var(--r);
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
/* video.js fluid 模式覆盖 */
.carousel-wrap--video .video-js {
    width: 100% !important;
    height: 210px !important;
    border-radius: 0 0 var(--r) var(--r);
    overflow: hidden;
}
/* ========== 通用底部 ========== */
.site-footer {
    margin: 24px 12px 16px;
    padding: 18px 14px;
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    text-align: center;
}

.site-footer .footer-copy {
    font-size: 11px;
    color: var(--t3);
    line-height: 1.7;
}