/* ==========================================================
   IMCP 2027 会议主页：全站现代学术极简风美化（完整最终整合版）
   ========================================================== */

/* ----------------------------------------------------------
   一、 全局现代字体与排版
   ---------------------------------------------------------- */
body, 
.conference-page,
.conf_leftMenu,
.confBodyBox,
.support_box,
input, button, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ----------------------------------------------------------
   二、 左右布局与响应式保护（桌面端固定，移动端自适应）
   ---------------------------------------------------------- */
@media (min-width: 768px) {
    .conf_leftMenu {
        width: 260px !important;
        float: left !important;
    }
    .confBodyBox,
    #confSectionsBox > .confBodyBox {
        margin-left: 285px !important; /* 左侧栏 260px + 25px 呼吸间距 */
        float: none !important;
        width: auto !important;
        display: block !important;
    }
}

@media (max-width: 767px) {
    .conf_leftMenu {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    .confBodyBox,
    #confSectionsBox > .confBodyBox {
        margin-left: 0 !important;
    }
}

/* ----------------------------------------------------------
   三、 左侧导航菜单美化
   ---------------------------------------------------------- */
.conf_leftMenu ul#outer {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    background: #ffffff !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.conf_leftMenu ul#outer li {
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    background: transparent !important;
    transition: all 0.2s ease-in-out !important;
}
.conf_leftMenu ul#outer li:last-child {
    border-bottom: none !important;
}
.conf_leftMenu ul#outer li a {
    padding: 12px 18px !important;
    color: #475569 !important;
    font-weight: 500 !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.conf_leftMenu ul#outer li a:hover {
    background-color: #f0f7ff !important;
    color: #004098 !important;
    padding-left: 24px !important;
}
.conf_leftMenu ul#outer li.selected,
.conf_leftMenu ul#outer li.active,
.conf_leftMenu ul#outer li[class*="selected"],
.conf_leftMenu ul#outer li[class*="active"] {
    background-color: #f0f7ff !important;
    border-left: 4px solid #004098 !important;
}
.conf_leftMenu ul#outer li.selected a,
.conf_leftMenu ul#outer li.active a {
    color: #004098 !important;
    font-weight: 600 !important;
    padding-left: 14px !important;
}

/* ----------------------------------------------------------
   四、 左侧 “Contact us” 卡片美化 + 注入收款与地址信息
   ---------------------------------------------------------- */
.support_box {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    background: #ffffff !important;
    margin-top: 24px !important;
    overflow: hidden !important;
}
.support_box h3 {
    background: #004098 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 12px 18px !important;
    margin: 0 !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}
.support_box ul {
    padding: 12px 18px !important;
    margin: 0 !important;
    list-style: none !important;
}
.support_box ul li {
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    border: none !important;
}
.support_box ul li a {
    color: #475569 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    white-space: normal !important;
    word-break: break-all !important;
    text-overflow: unset !important;
    overflow: visible !important;
    display: inline-block !important;
    max-width: 100% !important;
    line-height: 1.4 !important;
}
.support_box ul li a:hover {
    color: #004098 !important;
    text-decoration: underline !important;
}
.support_box ul li .icon-mail,
.support_box ul li span {
    color: #64748b !important;
    margin-right: 10px !important;
}

/* ----------------------------------------------------------
   四（补充）、联系卡片底部：机构名称（深色）与地址（灰色紧凑）
   ---------------------------------------------------------- */
/* 调整 ul 底部边距，保证虚线分割线贴合 */
.support_box ul {
    padding-bottom: 0 !important;
}

/* 1. 机构名称：保持深色、稍微加粗 */
.support_box ul::after {
    content: "National Space Science Center, CAS";
    display: block !important;
    margin: 12px -18px 0 -18px !important; /* 抵消父级内边距，使背景和虚线通栏 */
    padding: 12px 18px 4px 18px !important;
    border-top: 1px dashed #e2e8f0 !important;
    background-color: #f8fafc !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* 2. 详细地址：优雅浅灰、更紧凑的行距与字号 */
.support_box::after {
    content: "Jingmi North 2nd Street, Yanqi Economic Development Zone, Huairou District, Beijing, China";
    display: block !important;
    padding: 0 18px 12px 18px !important;
    background-color: #f8fafc !important;
    color: #64748b !important;       /* 优雅柔和的 Slate 灰色 */
    font-size: 11.5px !important;      /* 略微缩小字号，突出主次关系 */
    line-height: 1.3 !important;       /* 紧凑行间距 */
    white-space: pre-wrap !important;
    word-break: break-word !important;
}

/* ----------------------------------------------------------
   五、 右侧主内容区及表格超级重构（针对 rowspan 特殊优化）
   ---------------------------------------------------------- */
.confBodyBox {
    color: #334155 !important;
    line-height: 1.7 !important;
    font-size: 14.5px !important;
}

.confBodyBox h2, 
.confBodyBox h1 {
    color: #0f172a !important; 
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 24px !important;
}

/* 富文本展示表格重构（加 .rend-html 避免干扰系统原生日程表） */
.confBodyBox .rend-html table,
#confSectionsBox .rend-html table,
.confBodyBox > table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 28px 0 !important;
    background: #ffffff !important;
    border: 1px solid #dcdfe4 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

.confBodyBox table th,
#confSectionsBox table th {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    border-bottom: 2px solid #cbd5e1 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #e2e8f0 !important;
    font-size: 13.5px !important;
}
.confBodyBox table th:last-child {
    border-right: none !important;
}

.confBodyBox table td,
#confSectionsBox table td {
    padding: 14px 16px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    font-size: 13px !important;
    vertical-align: middle !important;
    line-height: 1.5 !important;
}
.confBodyBox table td:last-child {
    border-right: none !important;
}

.confBodyBox table tr:last-child td {
    border-bottom: none !important;
}

/* 付款按钮化预设（针对包含 pay 属性或特定按钮样式的超链接） */
.confBodyBox table td a.btn,
.confBodyBox table td a[href*="pay"] {
    display: inline-block !important;
    background-color: #004098 !important;
    color: #ffffff !important;
    padding: 6px 16px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(0, 64, 152, 0.1) !important;
}
.confBodyBox table td a.btn:hover,
.confBodyBox table td a[href*="pay"]:hover {
    background-color: #003380 !important;
    box-shadow: 0 4px 12px rgba(0, 64, 152, 0.2) !important;
    transform: translateY(-1px);
}

/* 隐藏空段落与优化列表间距 */
.confBodyBox p:empty {
    display: none !important;
}
.confBodyBox ul {
    padding-left: 20px !important;
    margin-top: 12px !important;
}
.confBodyBox li {
    margin-bottom: 10px !important;
    line-height: 1.6 !important;
}

/* ----------------------------------------------------------
   六、 彻底隐去整个底部页脚区域
   ---------------------------------------------------------- */
.footer,
footer {
    display: none !important;
}