/*!
 * 适老化（关怀版）专用样式 —— 页面扁平化 + 字体放大
 * ------------------------------------------------------------------
 * 整改问题：适老化问题1（PC端）：适老化功能下，未见页面扁平化设计，
 *           字体大小未见变化。
 *           （依据：《互联网网站适老化通用设计规范》—— 页面布局应依照
 *            扁平化原则，避免阴影、透视、纹理等复杂装饰设计；适老化
 *            网页应提供大字号支持。）
 * ------------------------------------------------------------------
 * 触发机制：上海市网站适老化/无障碍服务（aria SDK）在“关怀版”模式
 * 生效时会为 <body> 添加 useOldFixed 类，本文件全部规则以
 * body.useOldFixed 为前缀，仅在关怀版开启时生效，不影响正常模式。
 * 注：字体放大规则限定在 PC 端（min-width:768px），避免影响 WAP 布局；
 *     如需更大字号，调大下方 font-size 数值即可。
 */

/* =========================================================
 * 一、扁平化：去阴影、去渐变、去纹理、去透视
 * ========================================================= */

/* 阴影、文字阴影、滤镜（含透视类 filter 效果）全部去除 */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]),
body.useOldFixed *:not([class*="aria"]):not([id*="aria"])::before,
body.useOldFixed *:not([class*="aria"]):not([id*="aria"])::after {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
}

/* 去掉渐变 / 纹理类背景图，仅保留纯色背景（保留品牌色块） */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]) {
    background-image: none !important;
}

/* 去透视、倾斜、动画等复杂装饰效果 */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]) {
    transform: none !important;
    animation: none !important;
}

/* 圆角统一弱化为直角，视觉更扁平 */
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]),
body.useOldFixed *:not([class*="aria"]):not([id*="aria"]) img {
    border-radius: 0 !important;
}

/* 常用容器统一为纯色底，减少装饰性纹理感 */
body.useOldFixed .wrapper,
body.useOldFixed .inner,
body.useOldFixed .mbox,
body.useOldFixed .post,
body.useOldFixed .tt,
body.useOldFixed .con,
body.useOldFixed .news_list,
body.useOldFixed .news_list li {
    background-color: #ffffff;
}

/* 顶部导航、页脚保留纯色块，保证层次清晰 */
body.useOldFixed #header,
body.useOldFixed #footer {
    background-color: #1e5aa8;
}

/* 边框统一为清晰实线，替代阴影分层 */
body.useOldFixed .mbox,
body.useOldFixed .post,
body.useOldFixed .tt,
body.useOldFixed .con,
body.useOldFixed .news_list li {
    border: 1px solid #d9d9d9 !important;
}

/* =========================================================
 * 二、字体放大 + 行距加大（仅 PC 端）
 * ========================================================= */

@media (min-width: 768px) {

    body.useOldFixed,
    body.useOldFixed p,
    body.useOldFixed li,
    body.useOldFixed a,
    body.useOldFixed span,
    body.useOldFixed td,
    body.useOldFixed th,
    body.useOldFixed div,
    body.useOldFixed dt,
    body.useOldFixed dd,
    body.useOldFixed em,
    body.useOldFixed i,
    body.useOldFixed label,
    body.useOldFixed input,
    body.useOldFixed button,
    body.useOldFixed select {
        font-size: 22px !important;
        line-height: 1.8 !important;
    }

    body.useOldFixed h1 {
        font-size: 34px !important;
        line-height: 1.6 !important;
    }

    body.useOldFixed h2 {
        font-size: 30px !important;
        line-height: 1.6 !important;
    }

    body.useOldFixed h3,
    body.useOldFixed h4 {
        font-size: 26px !important;
        line-height: 1.6 !important;
    }

    /* 输入框同步放大，保证可读可输入 */
    body.useOldFixed .search-title,
    body.useOldFixed .search-input input {
        height: 44px !important;
        line-height: 44px !important;
    }

    body.useOldFixed .search-submit {
        height: 44px !important;
    }
}