/* 首页 index.html 专属样式 */
body {
    background-color: #fff;
    margin: 0;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: #333;
}

/* 顶部与服务大厅相同 */
.hall-hero {
    height: 180px;
    background: linear-gradient(180deg, #74b9ff 0%, #e0f2fe 70%, #ffffff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hall-hero-content {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hall-hero-logo {
    display: flex;
    align-items: center;
    gap: 15px;
}
.logo-seal {
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, #fff 0%, #ffeaea 100%);
    border: 3px solid #dc2626;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc2626;
    font-size: 32px;
    font-weight: bold;
    font-family: "KaiTi", "楷体", serif;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.logo-title h1 {
    margin: 0;
    color: #b91c1c;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
}
.logo-title p {
    margin: 5px 0 0;
    color: #dc2626;
    font-size: 14px;
    letter-spacing: 1px;
}
.hero-slogan {
    font-family: "KaiTi", "楷体", serif;
    font-size: 48px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 100, 200, 0.4), -1px -1px 0 #0284c7, 1px -1px 0 #0284c7, -1px 1px 0 #0284c7, 1px 1px 0 #0284c7;
    letter-spacing: 5px;
    margin-right: 50px;
    transform: skewX(-10deg);
}
.hall-nav {
    background-color: #0265ba;
    height: 50px;
}
.hall-nav-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
}
.hall-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    height: 100%;
}
.hall-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px;
    height: 100%;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: background 0.2s;
}
.hall-nav li a:hover {
    background-color: #034888;
}
.hall-nav li.active a {
    background-color: #f59e0b;
}
.hall-subnav {
    background-color: #eef2f6;
    height: 40px;
    border-bottom: 1px solid #d1d5db;
}
.hall-subnav-inner {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
}
.hall-subnav a {
    color: #0284c7;
    text-decoration: none;
    margin: 0 15px;
}
.hall-subnav a:hover {
    text-decoration: underline;
}

/* 红色主题横幅区 (替换党政图) */
.red-theme-banner {
    width: 1200px;
    margin: 20px auto;
    height: 120px;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 增加质感：右侧白鸽或云纹的简单SVG蒙版 */
.red-theme-banner::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M10,80 Q30,40 50,70 T90,30" stroke="rgba(255,255,255,0.2)" fill="none" stroke-width="8"/><path d="M0,90 Q40,50 60,80 T100,40" stroke="rgba(255,255,255,0.1)" fill="none" stroke-width="5"/></svg>') no-repeat right center;
    background-size: cover;
}
.red-theme-text {
    position: relative;
    z-index: 1;
    font-family: "KaiTi", "楷体", serif;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    letter-spacing: 6px;
}

/* 主体布局 */
.main-wrapper {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
}
.content-left-middle {
    width: 860px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.content-right {
    width: 320px;
}

/* 左侧轮播图区域 */
.lm-top {
    display: flex;
    gap: 20px;
    height: 300px;
}
.slider-box {
    width: 440px;
    height: 100%;
    background: #f1f5f9;
    position: relative;
    display: flex;
    flex-direction: column;
}
.slider-main {
    flex: 1;
    background: #0284c7;
    position: relative;
    display: flex;
    align-items: flex-end;
    color: #fff;
    padding: 15px;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    /* 模拟原图中的会议图片 */
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.7)), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect width="100" height="100" fill="%2394a3b8"/><text x="50" y="50" font-family="Arial" font-size="12" fill="%23fff" text-anchor="middle">会议现场图片</text></svg>') center center / cover;
}
.slider-thumbs {
    display: flex;
    height: 60px;
    gap: 5px;
    margin-top: 5px;
}
.thumb {
    flex: 1;
    background: #ccc;
    cursor: pointer;
    border: 2px solid transparent;
}
.thumb:first-child { border-color: #dc2626; } /* Active border */

/* 中间新闻列表区 */
.news-box {
    width: 400px;
    height: 100%;
    border: 1px solid #e2e8f0;
    box-sizing: border-box;
}
.box-title {
    height: 40px;
    background: #0265ba;
    color: #fff;
    line-height: 40px;
    padding: 0 15px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
}
.box-title .more {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.news-list {
    list-style: none;
    padding: 15px;
    margin: 0;
}
.news-list li {
    padding: 8px 0;
    border-bottom: 1px dashed #e2e8f0;
    display: flex;
    justify-content: space-between;
}
.news-list li:last-child { border-bottom: none; }
.news-list a {
    color: #334155;
    text-decoration: none;
    font-size: 14px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-list a::before {
    content: '▪';
    color: #f59e0b;
    margin-right: 5px;
    font-weight: bold;
}
.news-list a:hover { color: #0284c7; }
.news-list .date {
    color: #94a3b8;
    font-size: 12px;
}
.news-hot a {
    color: #0f172a;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.news-hot a::before { content: none; }

/* 志愿问答长横幅 */
.wide-banner {
    width: 100%;
    height: 80px;
    background: linear-gradient(90deg, #fef2f2 0%, #fee2e2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fca5a5;
    border-radius: 4px;
    color: #991b1b;
    font-size: 28px;
    font-weight: bold;
    font-family: "KaiTi", "楷体", serif;
    letter-spacing: 2px;
}

/* 四个面板区 */
.panels-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.grid-panel {
    border: 1px solid #e2e8f0;
}
.grid-panel .box-title {
    background: #f1f5f9;
    color: #0265ba;
    border-bottom: 1px solid #e2e8f0;
}
.grid-panel .box-title .more { color: #94a3b8; }

/* 右侧数字大厅侧边栏 */
.right-sidebar {
    border: 1px solid #0265ba;
    height: 100%;
    background: #f8fafc;
}
.sidebar-title {
    height: 50px;
    background: #0265ba;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
}
.sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-list li {
    border-bottom: 1px dashed #cbd5e1;
}
.sidebar-list a {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    color: #1e293b;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    transition: background 0.2s;
}
.sidebar-list a:hover {
    background: #e0f2fe;
    color: #0284c7;
}
.sidebar-list a svg {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    color: #0265ba;
}

/* 底部下拉区域及Footer */
.footer-section {
    background-color: #0265ba;
    color: #fff;
    padding: 30px 0;
    border-top: 5px solid #f59e0b;
}
.footer-selects {
    width: 1200px;
    margin: 0 auto 20px;
    display: flex;
    gap: 15px;
    justify-content: center;
}
.footer-selects select {
    padding: 6px 12px;
    border: none;
    border-radius: 2px;
    background: #fff;
    color: #333;
    width: 180px;
}
.footer-info {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}
.footer-info-text p { margin: 3px 0; }
.footer-qrcode {
    width: 80px;
    height: 80px;
    background: #fff;
    padding: 5px;
}