/* 图片新闻幻灯片区域美化 - 修复交互问题 */
.photo-news {
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    position: relative;
}

.photo-container {
    position: relative;
    height: 360px; 
    overflow: hidden;
    margin-bottom: 0;
    border: none;
    box-shadow: none;
    flex: 1;
    z-index: 1; /* 降低z-index使缩略图可点击 */
}

.photo-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
    z-index: 1;
}

.photo-item.active {
    opacity: 1;
    display: block;
    z-index: 2;
}

.photo-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.photo-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}

/* 增强图片缩略图交互效果 */
.photo-slideshow {
    position: relative;
    padding: 12px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    display: flex;
}

.photo-thumbs {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    gap: 8px;
    width: 80px;
    z-index: 10; /* 确保缩略图在上层 */
    position: relative;
}

/* 完全重写缩略图样式和交互，确保事件正常触发 */
.photo-thumb {
    position: relative;
    width: 80px;
    height: 60px;
    cursor: pointer !important;
    border: 2px solid transparent;
    overflow: hidden;
    opacity: 0.7;
    transition: all 0.3s ease;
    pointer-events: auto !important;
    z-index: 20; /* 提高z-index确保可点击 */
    border-radius: 4px;
    user-select: none;
}

.photo-thumb:hover, .photo-thumb:focus, .photo-thumb:active {
    opacity: 1;
    border-color: var(--primary-color);
    transform: translateX(-3px);
    z-index: 21;
}

.photo-thumb.active {
    opacity: 1;
    border: 2px solid var(--primary-color);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.photo-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none; /* 确保事件发生在父元素上 */
}

/* 消防要闻头条链接鼠标经过保持红色 */
.tab-headline-title:hover {
    color: var(--accent-red) !important; /* 鼠标经过时保持红色 */
    text-decoration: underline;
}

/* 今日值班栏目进一步美化 */
.duty-today {
    flex: 0.7;
    box-sizing: border-box;
    margin: 0;
    background: linear-gradient(145deg, #f0f7ff, #e6f0ff);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.1);
    border: 1px solid rgba(26, 115, 232, 0.12);
    display: flex;
    flex-direction: column;
}

.duty-today .section-header {
    background: linear-gradient(to right, #1a73e8, #4285f4);
    border-bottom: none;
    padding: 10px 12px;
    border-radius: 7px 7px 0 0;
}

.duty-content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 日期样式增强 */
.duty-date {
    margin-bottom: 10px;
    padding: 6px;
    background: linear-gradient(to right, #f0f7ff, #e6f0ff);
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    color: #0052d9;
    border: 1px solid rgba(0, 82, 217, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.duty-date::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, #4285f4, #34a853, #fbbc05, #ea4335);
}

.duty-date i {
    margin-right: 5px;
    color: #FFA000;
    animation: pulse 2s infinite;
}

/* 表格样式优化 */
.duty-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 5px;
}

.duty-table tr {
    display: block;
    border-bottom: none;
    padding: 4px 0;
}

.duty-table tr:last-child {
    border-bottom: none;
}

.duty-table td {
    display: block;
    padding: 0;
    text-align: center;
}

.duty-table td:first-child {
    width: 100%;
    padding-bottom: 2px;
}

.duty-table td:last-child {
    width: 100%;
    padding-top: 0;
    font-weight: bold;
    color: #333;
}

/* 移除名字前的图标 */
.duty-table td:last-child i {
    display: none;
}

/* 美化岗位名称样式 */
.duty-position {
    display: inline-block;
    color: #fff;
    background: linear-gradient(to right, #0052d9, #0077ff);
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 2px;
    width: 80%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 美化姓名样式 */
.duty-table td:last-child {
    margin-bottom: 6px;
}

.duty-table td:last-child {
    background: #f2f7ff;
    color: #0052d9;
    padding: 3px 0;
    border-radius: 4px;
    width: 80%;
    margin: 0 auto 8px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 82, 217, 0.1);
}

/* 联系方式样式增强 */
.duty-contact {
    margin-top: 10px;
    padding: 6px;
    background: linear-gradient(to right, #f0f7ff, #e6f0ff);
    border-radius: 6px;
    text-align: center;
    border: 1px solid rgba(0, 82, 217, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    font-weight: bold;
    color: #333;
}

.contact-item {
    color: #0052d9;
}

/* 添加装饰元素 */
.duty-content::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234285f4' opacity='0.05'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
}

.duty-content::after {
    content: '';
    position: absolute;
    bottom: 70px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ea4335' opacity='0.05'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
}

/* 添加底部装饰 */
.duty-content .decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20' viewBox='0 0 100 20' fill='%234285f4' opacity='0.03'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z'%3E%3C/path%3E%3C/svg%3E");
    background-position: bottom;
    background-repeat: repeat-x;
    z-index: -1;
}

/* 添加动画效果 */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

@keyframes shake {
    0% { transform: rotate(0); }
    5% { transform: rotate(5deg); }
    10% { transform: rotate(-5deg); }
    15% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

/* 添加一个装饰性的徽章 */
.duty-content .badge {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234285f4' opacity='0.05'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.2;
    z-index: -1;
    transform: rotate(15deg);
}

/* 添加到HTML结构中的新元素 */
.duty-content::before, 
.duty-content::after, 
.duty-content .decoration, 
.duty-content .badge {
    pointer-events: none;
}

/* 应用系统栏目美化 */
.sidebar-box .sidebar-header + .sidebar-content .nav-category {
    margin: 0;
    padding: 10px;
    border-bottom: none;
}

.sidebar-box .sidebar-header + .sidebar-content {
    padding: 5px;
    background: linear-gradient(145deg, #f8f9fa, #edf7ff);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}

.sidebar-box .sidebar-content .nav-category {
    margin: 0;
    transition: all 0.3s ease;
}

.sidebar-content .nav-category .category-title {
    padding: 10px;
    font-size: 14px;
    background: linear-gradient(145deg, #ffffff, #f0f7ff);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 82, 217, 0.1);
    border: 1px solid rgba(0, 82, 217, 0.08);
    margin: 0;
    text-align: center;
    transition: all 0.3s ease;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-content .nav-category .category-title a {
    color: #1565C0;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.sidebar-content .nav-category .category-title a:before {
    content: '\f0e7';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 5px;
    color: #FFA000;
    transition: all 0.3s ease;
}

.sidebar-content .nav-category:nth-child(2) .category-title a:before {
    content: '\f1e6';
    color: #4CAF50;
}

.sidebar-content .nav-category:nth-child(3) .category-title a:before {
    content: '\f3d1';
    color: #F44336;
}

.sidebar-content .nav-category:nth-child(4) .category-title a:before {
    content: '\f406';
    color: #9C27B0;
}

/* 网站导航栏目鼠标经过样式修改 */
.nav-category .category-title:hover {
    background: linear-gradient(to right, #e53935, #f44336); /* 红色背景 */
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(255, 56, 56, 0.25);
}

.nav-category .category-title:hover a {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /* 添加文字阴影增强可读性 */
    font-weight: bold; /* 加粗文字 */
}

/* 宣传广告栏目修改 - 去掉标题和背景 */
.ad-banner {
    margin: 0 10px 15px;
    border: none;
    background: transparent;
    overflow: hidden;
    box-shadow: none;
}

.ad-banner .section-header {
    display: none;
}

.ad-content {
    padding: 0;
    height: 150px;
    overflow: hidden;
    margin-top: 10px;
}

.ad-banner img {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.ad-banner img:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* 推荐阅读栏目副标题样式优化 */
.sidebar-box .notice-content .news-item .news-subtitle {
    height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin-top: 4px;
    text-overflow: ellipsis;
    color: #666;
}

/* 推荐阅读栏目布局优化 - 确保副标题显示一致 */
.left-sidebar .sidebar-box .notice-content .news-item {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
}

.left-sidebar .sidebar-box .notice-content .news-item .news-dot {
    margin-right: 5px;
    flex-shrink: 0;
}

.left-sidebar .sidebar-box .notice-content .news-item a {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
}

.left-sidebar .sidebar-box .notice-content .news-item .news-date {
    font-size: 12px;
    color: #999;
    flex-shrink: 0;
}

.left-sidebar .sidebar-box .notice-content .news-item .news-subtitle {
    flex-basis: 100%;
    margin: 3px 0 0 15px;
    font-size: 12px;
    color: #666;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
}

/* 情况简报栏目和工作研讨栏目的新文章样式 */
.briefing .news-item:first-child,
.news-box .news-content .news-item:first-child {
    background: linear-gradient(145deg, #f0f7ff, #e6f0ff);
    padding: 10px;
    border-radius: 8px;
    border-left: 3px solid #1976D2;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.briefing .news-item:first-child:hover,
.news-box .news-content .news-item:first-child:hover {
    background: linear-gradient(145deg, #e6f0ff, #d4e9ff);
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0, 82, 217, 0.1);
}

.briefing .news-item:first-child .news-dot,
.news-box .news-content .news-item:first-child .news-dot {
    color: #F44336;
    font-size: 20px;
}

.briefing .news-item:first-child a,
.news-box .news-content .news-item:first-child a {
    font-weight: bold;
    color: #1565C0;
}

.briefing .news-item:first-child .news-subtitle,
.news-box .news-content .news-item:first-child .news-subtitle {
    color: #555;
    font-size: 13px;
}

/* 图片广告容器样式修改 */
.image-ads-container {
    height: 150px !important;
    overflow: auto;
    padding: 0 !important;
}

.image-ad-item {
    height: 30px !important;
    margin-bottom: 0 !important;
    padding: 0 8px !important;
    font-size: 13px !important;
}

/* 基层动态栏目添加内容框 */
.base-news {
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 15px;
}

/* 基层动态栏目保持两列布局 */
.news-content.two-columns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.news-column {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
}

.news-column:last-child {
    padding-right: 0;
}

/* 统一所有栏目标题样式 */
.sidebar-header,
.section-header,
.notice-header,
.work-header,
.brigade-header,
.study-header,
.service-guide-header,
.tools-header {
    background: linear-gradient(to right, #0052d9, #0077ff);
    padding: 8px 12px;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.sidebar-title,
.section-title,
.notice-title,
.work-title,
.brigade-title,
.study-title,
.service-guide-title,
.tools-title {
    color: white;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin: 0;
}

.sidebar-title i,
.section-title i,
.notice-title i,
.work-title i,
.brigade-title i,
.study-title i,
.service-guide-title i,
.tools-title i {
    margin-right: 8px;
    font-size: 15px;
}

/* 统一更多链接样式 */
.more-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.15);
    padding: 2px 8px;
    border-radius: 12px;
}

.more-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-1px);
}

/* 统一所有新闻列表样式 */
.news-content {
    padding: 10px 12px;
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
}

.news-item {
    padding: 5px 0;
    margin-bottom: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}

.news-item:last-child {
    border-bottom: none;
}

.news-item:hover {
    background-color: rgba(232, 240, 254, 0.4);
    padding-left: 3px;
}

.news-item .news-dot {
    color: #0052d9;
    font-size: 18px;
    margin-right: 6px;
    transition: transform 0.2s ease;
}

.news-item:hover .news-dot {
    transform: scale(1.2);
}

.news-item a {
    color: #333;
    text-decoration: none;
    transition: all 0.2s ease;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-item a:hover {
    color: #0052d9;
    text-decoration: underline;
}

.news-item .news-date {
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

.news-item .news-subtitle {
    margin-top: 1px;
    line-height: 1.3;
}

/* 调整顶部内容区域 - 图片新闻和选项卡之间的间距 */
.top-content {
    display: flex;
    margin-bottom: 15px;
    gap: 10px; /* 减少间距，原来是15px */
    padding: 0 10px;
    height: 400px;
}

/* 美化图片新闻栏目 */
.photo-news {
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    margin: 0 !important; /* 移除外边距 */
    flex: 1;
}

.photo-slideshow {
    padding: 14px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.photo-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.photo-caption {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
    padding: 20px 14px 14px;
    font-size: 14px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-weight: bold;
}

.photo-thumb {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    transition: all 0.3s ease;
}

.photo-thumb.active {
    border: 2px solid #0052d9;
    transform: translateX(-4px);
}

.photo-thumb:hover {
    transform: translateX(-4px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 美化选项卡栏目 */
.tabs-section {
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    margin: 0 !important; /* 移除外边距 */
    flex: 1;
}

.tabs-header {
    padding: 0;
    background: linear-gradient(to right, #0052d9, #2979ff);
    border-bottom: none;
}

.tab-nav {
    display: flex;
    width: 100%;
}

.tab-item {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    margin: 0;
}

.tab-item:last-child {
    border-right: none;
}

.tab-item.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    font-weight: bold;
    box-shadow: none;
}

.tab-item.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 3px;
    background: #fff;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
}

.tab-item:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.tab-content {
    padding: 12px 14px;
}

.tab-headline {
    background: linear-gradient(145deg, #f0f4fa, #e8f0fe);
    padding: 12px 14px;
    border-radius: 8px;
    border-left: 4px solid #0052d9;
    margin-bottom: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 82, 217, 0.08);
}

.tab-headline:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 82, 217, 0.12);
}

.tab-headline-title {
    font-size: 15px;
    font-weight: bold;
    color: #0052d9;
    margin-bottom: 6px;
    display: block;
}

.tab-headline-subtitle {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

/* 移除消防通信设备标题栏 */
.special-work-item:has(text:contains("消防通信设备")) {
    display: none;
}

/* 移除消防通信设备标题栏 - 更兼容的方式 */
.right-sidebar .special-work-content a.special-work-item:first-child {
    display: none;
}

/* 区(行业)动态和基层动态栏目美化 */
.district-name {
    display: inline-block;
    background: linear-gradient(to right, #0052d9, #2979ff);
    color: white;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.news-content.two-columns {
    padding: 12px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.news-column {
    padding-right: 15px;
}

/* 美化今日值班栏目 */
.duty-today {
    flex: 0.7;
    width: calc(250px - 140px);
    margin: 0 0 15px 0;
    box-sizing: border-box;
    background: linear-gradient(145deg, #f8f9fa, #e6f0ff);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.1);
    border: 1px solid rgba(26, 115, 232, 0.12);
}

.duty-today .section-header {
    background: linear-gradient(to right, #1a73e8, #4285f4);
    border-bottom: none;
    padding: 10px 12px;
    border-radius: 9px 9px 0 0;
}

.duty-content {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.duty-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-top: 5px;
}

.duty-table tr {
    display: block;
    border-bottom: none;
    padding: 4px 0;
}

.duty-table tr:last-child {
    border-bottom: none;
}

.duty-table td {
    display: block;
    padding: 0;
    text-align: center;
}

.duty-table td:first-child {
    width: 100%;
    padding-bottom: 2px;
}

.duty-table td:last-child {
    width: 100%;
    padding-top: 0;
    font-weight: bold;
    color: #333;
}

/* 移除名字前的图标 */
.duty-table td:last-child i {
    display: none;
}

/* 美化岗位名称样式 */
.duty-position {
    display: inline-block;
    color: #fff;
    background: linear-gradient(to right, #0052d9, #0077ff);
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 2px;
    width: 80%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 美化姓名样式 */
.duty-table td:last-child {
    margin-bottom: 6px;
}

.duty-table td:last-child {
    background: #f2f7ff;
    color: #0052d9;
    padding: 3px 0;
    border-radius: 4px;
    width: 80%;
    margin: 0 auto 8px;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 82, 217, 0.1);
}

/* 调整值班日期和联系方式的间距和样式 */
.duty-date {
    margin-bottom: 10px;
    padding: 6px;
    background: linear-gradient(to right, #f0f7ff, #e6f0ff);
    border-radius: 6px;
    font-size: small;
    text-align: center;
    font-weight: bold;
    color: #0052d9;
    border: 1px solid rgba(0, 82, 217, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.duty-contact {
    margin-top: 10px;
    font-size: small;
    padding: 6px;
    background: linear-gradient(to right, #f0f7ff, #e6f0ff);
    border-radius: 6px;
    text-align: center;
    border: 1px solid rgba(0, 82, 217, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    font-weight: bold;
    color: #333;
}

.contact-item {
    color: #0052d9;
}

/* 专项工作栏目修改为一行一个 */
.special-work-content {
    display: grid;
    grid-template-columns: 1fr; /* 修改为一列 */
    gap: 10px;
    padding: 12px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.special-work-item {
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    height: 74px; /* 保持原有高度 */
}

.special-work-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.special-work-item svg {
    width: 100%; /* 确保SVG填充整个容器 */
    height: 74px;
    transition: all 0.3s ease;
}

.special-work-item:hover svg rect {
    opacity: 0.9;
}

/* 网站导航和常用工具栏目美化 */
.guide-content, .tools-content {
    padding: 14px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.guide-item, .tool-item {
    background: linear-gradient(145deg, #f0f4fa, #e8f0fe);
    border-radius: 10px;
    border: 1px solid rgba(0, 82, 217, 0.08);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.guide-item:hover, .tool-item:hover {
    background: linear-gradient(145deg, #e8f0fe, #d4e4fd);
    transform: translateY(-3px) scale(1.02);
    border-color: rgba(0, 82, 217, 0.15);
    box-shadow: 0 6px 15px rgba(0, 82, 217, 0.12);
}

.guide-icon, .tool-icon {
    background: white;
    color: #0052d9;
    box-shadow: 0 3px 6px rgba(0, 82, 217, 0.15);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    transition: all 0.3s ease;
}

.guide-item:hover .guide-icon, .tool-item:hover .tool-icon {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 4px 8px rgba(0, 82, 217, 0.2);
}

/* 月（周）工作安排和会议通知栏目美化 */
.right-column .work-schedule,
.right-column .meeting-notices {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.right-column .section-header {
    background: linear-gradient(to right, #0052d9, #2979ff);
    border-radius: 9px 9px 0 0;
}

/* 图片广告样式优化 */
.image-ads-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.image-ad-item {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    text-align: center;
    padding: 0 12px;
    font-size: 15px;
    box-sizing: border-box;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.image-ad-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* 调整图片广告颜色以匹配图片 */
.image-ad-item:nth-child(1) {
    background: linear-gradient(to right, #1a3980, #0052d9);
}

.image-ad-item:nth-child(2) {
    background: linear-gradient(to right, #245175, #2a5298);
}

.image-ad-item:nth-child(3) {
    background: linear-gradient(to right, #f12711, #f5af19);
}

.image-ad-item:nth-child(4) {
    background: linear-gradient(to right, #f6078e, #f03377);
}

.image-ad-item:nth-child(5) {
    background: linear-gradient(to right, #11998e, #38ef7d);
}

/* 办事指南和常用工具美化 */
.guide-title, .tool-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

/* 全局字体大小统一 */
.news-item a, 
.tab-content .news-item a,
.news-subtitle,
.tab-headline-subtitle,
.district-name,
.guide-title,
.tool-name {
    font-size: 14px;
}

.news-item .news-date,
.tab-content .news-item .news-date,
.news-item .news-subtitle {
    font-size: 12px;
}

.sidebar-title,
.section-title,
.notice-title,
.work-title,
.brigade-title,
.study-title,
.service-guide-title,
.tools-title,
.tab-headline-title {
    font-size: 15px;
}

/* 标题栏图标统一尺寸 */
.sidebar-title i,
.section-title i,
.notice-title i,
.work-title i,
.brigade-title i,
.study-title i,
.service-guide-title i,
.tools-title i {
    font-size: 16px;
}

/* 热点文章栏目美化 */
.main-content .news-box .news-item a {
    font-weight: normal;
}

/* 公文专栏美化 */
.notice-box {
    border-radius: 10px;
    overflow: hidden;
}

.notice-header {
    background: linear-gradient(to right, #0052d9, #2979ff);
    padding: 10px 14px;
    border-radius: 9px 9px 0 0;
}

.notice-title {
    color: white;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.notice-title i {
    margin-right: 8px;
    font-size: 16px;
}

/* 机关动态栏目美化 */
.office-news {
    border-radius: 10px;
    overflow: hidden;
}

/* 导航按钮美化 */
.nav-category {
    margin: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: linear-gradient(145deg, #f8f9fa, #f0f4fa);
}

.nav-category .category-title {
    font-size: 12px;
    padding: 8px 6px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(to right, #0052d9, #2979ff);
    border-radius: 8px;
    margin-bottom: 0;
    box-shadow: 0 3px 6px rgba(0, 82, 217, 0.2);
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    line-height: 1.3;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.nav-category .category-title:hover {
    background: linear-gradient(to right, #e53935, #f44336);
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(255, 56, 56, 0.25);
}

.nav-category .category-title a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

/* 工具容器水平排列 */
.tools-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
    gap: 10px;
}

.tool-item {
    width: auto;
    background: #f9f9f5;
    border-radius: 6px;
    padding: 8px 15px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 8px;
}

.tool-icon {
    font-size: 18px;
    color: var(--primary-color);
    margin-right: 8px;
}

.tool-name {
    font-size: 14px;
    color: #333;
    text-align: left;
}

/* 常用工具栏目改为水平文本链接样式 */
.common-tools .tools-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px;
    gap: 15px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
}

.common-tools .tool-item {
    width: auto;
    background: transparent;
    border-radius: 4px;
    padding: 6px 12px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #e0e0e0;
    height: auto;
    margin: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.common-tools .tool-item:hover {
    background: rgba(0, 82, 217, 0.1); /* 浅蓝色半透明背景 */
    border-color: var(--primary-color);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.common-tools .tool-item:hover .tool-icon {
    color: var(--primary-color); /* 保持图标蓝色 */
    transform: scale(1.2); /* 放大图标 */
}

.common-tools .tool-item:hover .tool-name {
    color: var(--primary-color); /* 文字变为蓝色 */
    font-weight: bold; /* 加粗文字 */
}

/* 热点文章右侧SVG图片栏目样式 */
.image-ads-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px;
    background: linear-gradient(145deg, #ffffff, #f9fafc);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.image-ad-svg {
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 52px !important;
    margin-bottom: 0;
    flex: 0 0 auto;
}

.image-ad-svg:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.image-ad-svg text {
    font-family: "Microsoft YaHei", "宋体", Arial, sans-serif;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 确保热点文章右侧栏与主内容区域高度一致 */
.content-columns .right-sidebar {
    display: flex;
    flex-direction: column;
}

.content-columns .main-content .news-box,
.content-columns .right-sidebar .image-ads-container {
    height: 97%;
    box-sizing: border-box;
}

/* 确保热点文章右侧栏使用专项工作的样式 */
.content-columns .right-sidebar .special-work-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
}

.content-columns .right-sidebar .special-work-item {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    transition: all 0.3s ease;
    margin: 0;
}

.content-columns .right-sidebar .special-work-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

/* 修改文章列表的行间距 */
.notice-content .news-item,
.sidebar-box .news-item,
.news-content .news-item {
    padding: 5px 0; /* 减少上下内边距 */
    margin-bottom: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}

.notice-content .news-item:last-child,
.sidebar-box .news-item:last-child,
.news-content .news-item:last-child {
    border-bottom: none;
    padding-bottom: 0; /* 最后一个元素去掉底部内边距 */
}

/* 消防要闻、领导批示、领导讲话栏目样式调整 */
.sidebar-box .notice-content {
    padding: 8px 10px 10px 10px;
}

.sidebar-box .sidebar-content {
    padding-bottom: 8px; /* 确保内容不会超出容器 */
}

/* 新闻副标题行高调整 */
.news-item .news-subtitle {
    margin-top: 1px;
    line-height: 1.3;
}

/* 常用工具栏目图标和文字样式 */
.common-tools .tool-icon {
    font-size: 16px;
    color: var(--primary-color);
    margin-right: 6px;
}

.common-tools .tool-name {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}

/* 网站导航栏目样式 */
.sidebar-content .nav-category .category-title:hover a:before {
    color: #FFEB3B;
    transform: scale(1.2);
}

/* 主题教育特殊显示效果 */
.special-work-item:has(text:contains("主题教育")) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 搜索框样式 */
.search-box {
    display: flex;
    align-items: center;
    padding-right: 10px;
    margin-left: auto;
}

.search-input {
    width: 180px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    padding: 0 8px;
    font-size: 12px;
}

.search-button {
    height: 24px;
    width: 30px;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-button:hover {
    background: var(--dark-blue);
}

/* 全宽度导航和工具栏 */
.service-guide.full-width,
.common-tools.full-width {
    flex: 1;
    width: 100%;
}

/* 调整指南项和工具项布局以适应更多内容 */
.service-guide.full-width .guide-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.service-guide.full-width .guide-item {
    width: calc(11% - 10px);
    margin-bottom: 5px;
}

.common-tools.full-width .tools-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.common-tools.full-width .tool-item {
    /* width: calc(16.66% - 10px); */
    margin-bottom: 5px;
}

/* 修复专项工作栏目中主题教育项的显示问题 */
.special-work-content .special-work-item {
    display: block !important; /* 确保所有专项工作项都显示 */
    margin-bottom: 10px;
}

.brigade-info .special-work-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

/* 专门针对主题教育项的样式 */
.special-work-item svg text:contains("主题教育") {
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保所有专项工作项目正确显示 */
.brigade-info {
    display: block !important;
    visibility: visible !important;
}

/* 调整专项工作内容区域的布局 */
.right-sidebar .brigade-info .special-work-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    max-height: none;
    overflow: visible;
}

/* 调整顶部banner区域的布局 */
.header-banner {
    position: relative;
    overflow: visible;
}

.banner-bg {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

/* 左侧logo和标题区域对齐导航栏首页 */
.logo-title-container {
    width: auto;
    padding-left: 10px;
    background: none;
}

/* 右侧口号区域对齐下方内容 */
.slogan-container {
    width: auto;
    padding-right: 10px;
    background: none;
    position: absolute;
    right: 0;
}

/* 确保整体背景效果 */
.header-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 82, 217, 0.95), rgba(0, 82, 217, 0.7) 70%, rgba(0, 82, 217, 0) 100%);
    z-index: 0;
    display: block;
}

.header-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 82, 217, 0.95), rgba(0, 82, 217, 0.7) 70%, rgba(0, 82, 217, 0) 100%);
    z-index: 0;
    display: block;
}

.logo-title-container, .slogan-container {
    z-index: 1;
}

/* 调整导航容器宽度与banner一致 */
.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
}

/* 调整每日警情滚动区域的布局 */
.breadcrumb-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    position: relative;
}

/* 左侧警情区域与导航栏对齐 */
.daily-alerts {
    width: auto;
    padding-left: 10px;
}

/* 右侧搜索框与右侧区域对齐 */
.search-box {
    padding-right: 10px;
    width: auto;
}

/* 调整搜索框宽度 */
.search-input {
    width: 150px;
}

/* 工作研讨两栏布局 */
.research-columns {
    display: flex;
    gap: 15px;
    width: 100%;
}

.research-column {
    flex: 1;
    width: 50%;
}

.research-column .news-box {
    height: 100%;
    margin-bottom: 0;
}

/* 顶部导航栏平铺 */
.main-nav .nav-container .nav-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.main-nav .nav-container .nav-list .nav-item {
    flex: 1;
    text-align: center;
    justify-content: center;
}

/* 工具项样式调整，适应更多项目 */
.common-tools .tools-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.common-tools .tool-item {
    width: calc(12.5% - 8px);
    padding: 5px;
    margin-bottom: 5px;
    height: auto;
    min-height: 40px;
}

/* 网站导航样式调整 */
.sidebar-box .sidebar-content .nav-category {
    margin-bottom: 10px;
    padding-bottom: 8px;
}

.sidebar-box .sidebar-content .nav-category .category-title {
    padding: 5px 0;
}

/* 热点文章栏目内容调整 */
.main-content .news-box .news-item {
    padding: 8px 0;
}

.main-content .news-box .news-item a {
    font-size: 14px;
    line-height: 1.5;
    display: block;
}

.main-content .news-box .news-item .news-subtitle {
    line-height: 1.5;
    padding-right: 0;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

/* 专项工作内容区域调整 */
.special-work-content {
    gap: 6px;
    padding: 8px;
}

/* 统一所有栏目的边框样式 */
.sidebar-box, 
.news-box, 
.notice-box, 
.work-info, 
.brigade-info, 
.study-section,
.photo-news,
.tabs-section,
.duty-today,
.office-news,
.work-schedule,
.meeting-notices,
.base-news,
.right-sidebar .special-work-content,
.left-sidebar .special-work-content,
.service-guide,
.common-tools {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    background: #fff;
    margin-bottom: 15px;
}

/* 确保所有栏目标题保持统一的样式 */
.sidebar-header,
.section-header,
.notice-header,
.work-header,
.brigade-header,
.study-header,
.service-guide-header,
.tools-header {
    background: linear-gradient(to right, #0052d9, #0077ff);
    padding: 10px 12px;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

/* 调整并排栏目的对齐方式 */
.content-columns {
    display: flex;
    gap: 15px;
    padding: 0 10px;
    align-items: stretch; /* 确保所有栏目高度一致 */
}

/* 确保研讨栏目正确对齐 */
.research-columns {
    display: flex;
    gap: 15px;
    width: 100%;
    align-items: stretch;
}

.research-column {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.research-column .news-box {
    flex: 1;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* 调整工作研讨和情况简报内容区域高度 */
.research-column .news-box .news-content {
    flex: 1;
    overflow: auto;
}

/* 统一内容区域背景和内边距 */
.news-content,
.notice-content,
.sidebar-content,
.duty-content,
.special-work-content,
.guide-content,
.tools-content {
    padding: 12px;
    background: linear-gradient(145deg, #ffffff, #fafbfd);
}

/* 修复广告区域样式 */
.ad-banner {
    margin: 0 10px 15px;
    border: none;
    background: transparent;
    overflow: hidden;
    box-shadow: none;
}

.ad-content {
    padding: 0;
}

/* 修复专项工作内容区域的样式 */
.brigade-info .special-work-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    height: auto;
}

/* 修复今日值班区域的样式问题 */
.duty-today {
    flex: 0.7;
    box-sizing: border-box;
    margin: 0;
}

/* 确保热点文章右侧栏与主内容区域高度一致 */
.content-columns .right-sidebar {
    display: flex;
    flex-direction: column;
}

/* 统一内容项边框和鼠标悬停效果 */
.news-item,
.notice-item,
.work-item,
.study-item,
.guide-item,
.tool-item {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
    padding: 8px 0;
    transition: all 0.2s ease-in-out;
}

.news-item:last-child,
.notice-item:last-child,
.work-item:last-child,
.study-item:last-child {
    border-bottom: none;
}

.news-item:hover,
.notice-item:hover,
.work-item:hover,
.study-item:hover {
    background-color: rgba(232, 240, 254, 0.4);
    padding-left: 3px;
}