/* 移动端自适应 + 页脚完全贴底（强制） */
@media (max-width: 768px) {
    /* 确保所有父容器高度占满 */
    html, body {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body {
        display: flex !important;
        flex-direction: column !important;
        min-height: 100vh !important;
    }
    /* 主内容包裹层（从 body 到 footer 之间的所有容器） */
    .page-wrapper, /* 如果存在的话 */
    .wraper-s,
    #bodier,
    .mainContent.row {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    /* 内容区（左侧计算器 + 侧边栏）撑开 */
    .calculator-content.col8 {
        flex: 1 !important;
    }
    /* 页脚禁止收缩，紧贴底部 */
    #footer {
        flex-shrink: 0 !important;
        margin: 0 !important;
        position: relative !important;
        bottom: auto !important;
        width: 100% !important;
    }
    /* 清除浮动影响 */
    #bodier:after,
    .mainContent.row:after {
        content: "";
        display: table;
        clear: both;
    }
    /* 原有响应式规则保持不变（宽度、字体等） */
    .wraper-s, .wraper-menu, .container, .mainContent, .row {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
    }
    .mainContent.row {
        display: flex !important;
        flex-direction: column !important;
    }
    .calculator-content.col8, .sidebar.col4 {
        width: 100% !important;
        float: none !important;
        margin: 0 0 20px 0 !important;
    }
    .calculator.box, .questions.box {
        padding: 15px !important;
    }
    h1.h4.mainTitle {
        font-size: 22px !important;
    }
    .calculator-content .calculator.box div[style*="font-size:48px"] {
        font-size: 32px !important;
    }
    input, select, .ipt-txt, .selectclass {
        font-size: 16px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    ul[style*="columns:2"] {
        columns: 1 !important;
    }
    table {
        width: 100% !important;
        overflow-x: auto !important;
        display: block !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    #navigation ul li {
        display: inline-block !important;
        margin: 5px 0 !important;
    }
    #navigation ul {
        text-align: center !important;
        padding: 0 !important;
    }
    .foot {
        text-align: center !important;
        font-size: 12px !important;
    }
}