/**
 * 老年版样式文件
 * 通过 body.elderly-mode 类来控制老年版样式
 * 保持原有页面不变，通过覆盖样式实现老年版效果
 */

/* 字体缩放变量（通过 JS 设置） */
:root {
    --elderly-font-size: 16px;
}

/* 老年版基础样式 - 使用变量控制字体大小、提高行高 */
body.elderly-mode {
    font-size: var(--elderly-font-size);
    line-height: 1.8;
}

/* 常用文字元素在老年版下统一使用变量字号 */
body.elderly-mode,
body.elderly-mode p,
body.elderly-mode li,
body.elderly-mode a,
body.elderly-mode span,
body.elderly-mode button,
body.elderly-mode input,
body.elderly-mode select,
body.elderly-mode textarea,
body.elderly-mode .btn,
body.elderly-mode .nav-wp .nav > ul > li > a,
body.elderly-mode #header-2 .nav-2 > ul > li > a {
    font-size: var(--elderly-font-size);
}

/* 二级导航（下拉菜单）字体大小 */
body.elderly-mode .nav-wp .nav > ul > li > ul > li > a,
body.elderly-mode #header-2 .nav-2 > ul > li > ul > li > a {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important; /* 增加行高，提高可读性 */
}

/* 页脚文字区域字体大小 */
body.elderly-mode .foo2-p,
body.elderly-mode .foo2-p * {
    font-size: var(--elderly-font-size) !important;
}

/* 所有标题元素统一使用变量字号（覆盖原有固定字体大小） */
body.elderly-mode h1,
body.elderly-mode h2,
body.elderly-mode h3,
body.elderly-mode h4,
body.elderly-mode h5,
body.elderly-mode h6 {
    font-size: var(--elderly-font-size) !important;
}

/* 特别针对轮播图区域的标题 */
body.elderly-mode .slides h1,
body.elderly-mode .fmain3 .imgbox_a h1,
body.elderly-mode .imgbox_a h1 {
    font-size: var(--elderly-font-size) !important;
}

body.elderly-mode,
body.elderly-mode * {
    /* 尽量保留原有样式，仅在老年版下让交互元素更易点 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 隐藏原有的关怀版按钮 */
.a11y-entry-button {
    display: none !important;
}

/* 隐藏右侧悬浮切换按钮 */
.elderly-mode-toggle {
    display: none !important;
}

/* 老年版入口按钮样式（位于搜索区域前） */
.elderly-mode-entry {
    margin-left: 5px;
    margin-top: 28px; /* 与搜索框对齐 */
    display: inline-block;
    vertical-align: top;
}

.elderly-mode-entry-btn {
    display: inline-block;
    padding: 0;
    background: #debd7a;
    color: #fff;
    border: 1px solid #debd7a;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    line-height: 43px; /* 与搜索框高度一致 */
    text-align: center;
    min-width: 80px;
    height: 43px; /* 与搜索框高度一致 */
    box-sizing: border-box;
}

.elderly-mode-entry-btn:hover {
    background: #debd7a;
    border-color: #debd7a;
   
}

.elderly-mode-entry-btn:active {
    transform: translateY(0);

}

/* 老年版激活状态下的入口按钮样式 */
body.elderly-mode .elderly-mode-entry-btn {
    background: #c31c13;
    border-color: #c31c13;
}

body.elderly-mode .elderly-mode-entry-btn:hover {
    background: #c31c13;
    border-color: #c31c13;

}

/* 老年版激活状态下，入口按钮文本会通过JS更新为"普通版" */

.elderly-font-toolbar {
    display: block;
    margin-bottom: 10px;
    padding: 6px 8px 10px;
    border-bottom: 1px solid rgba(222, 189, 122, 0.9);
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
}

.elderly-font-toolbar-label {
    display: block;
    color: #8b3a06;
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
    margin-bottom: 6px;
}

.elderly-font-btn {
    display: inline-block;
    min-width: 52px;
    padding: 4px 10px;
    border-radius: 16px;
    border: 1px solid transparent;
    background: transparent;
    color: #8b3a06;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.elderly-font-btn:hover,
.elderly-font-btn:focus-visible {
    background: rgba(222, 189, 122, 0.4);
    outline: none;
}

.elderly-font-btn.is-active {
    background: #c31c13;
    border-color: #c31c13;
    color: #fff;
}

/* =========================
   老年版辅助工具栏样式
   ========================= */

/* 工具栏容器（默认隐藏，通过 body.elderly-mode 类显示） */
.elderly-toolbar {
    position: fixed;
    right: 10px;
    top: 40%;
    transform: translateY(-50%);
    z-index: 9998;
    display: none;
    flex-direction: column;
    gap: 8px;
    padding: 12px 10px;
    background: rgba(245, 225, 176, 0.98);
    border-radius: 24px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
    align-items: stretch;
    max-width: 280px;
}

body.elderly-mode .elderly-toolbar {
    display: flex;
}

.elderly-toolbar-btn {
    min-width: 0;
    width: 100%;
    padding: 8px 12px;
    border-radius: 18px;
    border: 1px solid #debd7a;
    background: rgba(222, 189, 122, 0.96);
    color: #8b3a06;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
    white-space: nowrap;
    text-align: center;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.elderly-toolbar-btn:hover,
.elderly-toolbar-btn:focus-visible {
    background: #f1d79a;
    outline: none;
}

.elderly-toolbar-btn:active {
    transform: translateY(1px);
}

.elderly-toolbar-btn.is-active {
    background: #c31c13;
    border-color: #c31c13;
    color: #fff;
}

/* 阅读辅助线 */
#elderly-reading-guide {
    position: fixed;
    left: 0;
    width: 100%;
    height: 80px;
    background: rgba(255, 230, 170, 0.35);
    pointer-events: none;
    z-index: 9996;
    display: none;
    transform: translateY(-50%);
}

/* 鼠标放大高亮圈（跟随鼠标） */
#elderly-cursor-spotlight {
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(222, 189, 122, 0.95);
    box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    z-index: 9995;
    display: none;
    transform: translate(-50%, -50%);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .elderly-mode-entry {
        margin-left: 10px;
    }
    
    .elderly-mode-entry-btn {
        padding: 6px 15px;
        font-size: 14px;
        min-width: 70px;
    }

    .elderly-toolbar {
        right: 6px;
        top: auto;
        bottom: 80px;
        transform: none;
    }
}

/* =========================
   小屏幕（≤480px）底部固定栏和展开抽屉
   ========================= */

/* 小屏幕底部固定栏 */
.elderly-mobile-toolbar {
    display: none; /* 默认隐藏，通过JS控制显示 */
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(245, 225, 176, 0.98);
    border-top: 2px solid #debd7a;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
    padding: 10px 12px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.elderly-mobile-font-section {
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
}

.elderly-mobile-font-btn {
    flex: 1;
    min-width: 0;
    padding: 10px 8px;
    border-radius: 16px;
    border: 1px solid #debd7a;
    background: rgba(222, 189, 122, 0.96);
    color: #8b3a06;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

.elderly-mobile-font-btn:active {
    transform: scale(0.95);
}

.elderly-mobile-font-btn.is-active {
    background: #c31c13;
    border-color: #c31c13;
    color: #fff;
}

.elderly-mobile-more-btn {
    min-width: 90px;
    padding: 10px 16px;
    border-radius: 16px;
    border: 1px solid #debd7a;
    background: rgba(222, 189, 122, 0.96);
    color: #8b3a06;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

.elderly-mobile-more-btn:active {
    transform: scale(0.95);
}

/* 遮罩层 */
.elderly-mobile-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.elderly-mobile-overlay.is-open {
    display: block;
    opacity: 1;
}

/* 展开抽屉 */
.elderly-mobile-drawer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(245, 225, 176, 0.98);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    max-height: 70vh;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}

.elderly-mobile-drawer.is-open {
    transform: translateY(0);
}

.elderly-mobile-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(222, 189, 122, 0.5);
}

.elderly-mobile-drawer-title {
    font-size: 18px;
    font-weight: 700;
    color: #8b3a06;
}

.elderly-mobile-drawer-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #debd7a;
    background: rgba(222, 189, 122, 0.96);
    color: #8b3a06;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

.elderly-mobile-drawer-close:active {
    transform: scale(0.9);
}

.elderly-mobile-drawer-content {
    flex: 1;
    overflow-y: auto;
    padding: 12px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.elderly-mobile-drawer-btn {
    width: 100%;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid #debd7a;
    background: rgba(222, 189, 122, 0.96);
    color: #8b3a06;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: background 0.2s ease, transform 0.1s ease;
    -webkit-tap-highlight-color: transparent;
}

.elderly-mobile-drawer-btn:active {
    transform: scale(0.98);
}

.elderly-mobile-drawer-btn.is-active {
    background: #c31c13;
    border-color: #c31c13;
    color: #fff;
}

/* 小屏幕断点（≤480px） */
@media (max-width: 480px) {
    .elderly-toolbar {
        display: none !important; /* 小屏幕时强制隐藏右侧工具栏 */
    }
    
    .elderly-font-toolbar {
        display: none !important; /* 小屏幕时隐藏右侧工具栏中的字体区域 */
    }
    
    .elderly-mobile-toolbar {
        display: flex; /* 显示底部固定栏 */
    }
}

/* =========================
   色彩对比度主题样式
   ========================= */

/* 经典黑白色高对比主题（默认） */
body.elderly-mode.elderly-theme-high-contrast {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 正文文字与背景对比度≥4.5:1 */
body.elderly-mode.elderly-theme-high-contrast,
body.elderly-mode.elderly-theme-high-contrast p,
body.elderly-mode.elderly-theme-high-contrast li,
body.elderly-mode.elderly-theme-high-contrast dd,
body.elderly-mode.elderly-theme-high-contrast dt,
body.elderly-mode.elderly-theme-high-contrast td,
body.elderly-mode.elderly-theme-high-contrast span {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* 标题文字对比度≥3:1（实际更高） */
body.elderly-mode.elderly-theme-high-contrast h1,
body.elderly-mode.elderly-theme-high-contrast h2,
body.elderly-mode.elderly-theme-high-contrast h3,
body.elderly-mode.elderly-theme-high-contrast h4,
body.elderly-mode.elderly-theme-high-contrast h5,
body.elderly-mode.elderly-theme-high-contrast h6 {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* 黑白高对比主题下 .main2 区域的背景颜色修正 */
body.elderly-mode.elderly-theme-high-contrast .main2,
body.elderly-mode.elderly-theme-high-contrast .main2-con,
body.elderly-mode.elderly-theme-high-contrast .main2-title {
    background-color: #000000 !important;
    color: #ffffff !important;
}

body.elderly-mode.elderly-theme-high-contrast .main2-con h1,
body.elderly-mode.elderly-theme-high-contrast .main2-con h1 a {
    color: #ffffff !important;
}

body.elderly-mode.elderly-theme-high-contrast .main2-con p {
    color: #ffffff !important;
}

/* 链接文字 - 覆盖所有可能的链接选择器，使用通配符确保全覆盖 */
/* 注意：菜单列表中的激活项有专门样式，不在此规则范围内 */
body.elderly-mode.elderly-theme-high-contrast a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast a:link:not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast a:visited:not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast a:active:not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast * a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast p a,
body.elderly-mode.elderly-theme-high-contrast li a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast span a,
body.elderly-mode.elderly-theme-high-contrast div a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast td a,
body.elderly-mode.elderly-theme-high-contrast th a,
body.elderly-mode.elderly-theme-high-contrast dd a,
body.elderly-mode.elderly-theme-high-contrast dt a,
body.elderly-mode.elderly-theme-high-contrast h1 a,
body.elderly-mode.elderly-theme-high-contrast h2 a,
body.elderly-mode.elderly-theme-high-contrast h3 a,
body.elderly-mode.elderly-theme-high-contrast h4 a,
body.elderly-mode.elderly-theme-high-contrast h5 a,
body.elderly-mode.elderly-theme-high-contrast h6 a,
body.elderly-mode.elderly-theme-high-contrast .main a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast .container a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast .content a,
body.elderly-mode.elderly-theme-high-contrast #main a:not(.menu-list li.cur a):not(.menu-list li.cur > a),
body.elderly-mode.elderly-theme-high-contrast #footer a {
    color: #ffffff !important; /* 改为白色，与黑色背景形成高对比 */
    /*text-decoration: underline !important;*/
}

body.elderly-mode.elderly-theme-high-contrast a:hover,
body.elderly-mode.elderly-theme-high-contrast a:focus {
    color: #ffff00 !important; /* 悬停时变为黄色高亮 */
    text-decoration: underline !important;
    background-color: transparent !important;
}

/* 排除菜单列表项，它们有专门的悬停样式 */
body.elderly-mode.elderly-theme-high-contrast .menu-list li > a:hover,
body.elderly-mode.elderly-theme-high-contrast .menu-list li > a:focus {
    color: #000000 !important; /* 菜单项悬停时黑色文字 */
    background-color: #ffffff !important; /* 菜单项悬停时白色背景 */
    text-decoration: none !important; /* 移除下划线 */
}

/* 排除菜单列表项，它们有专门的样式 - 悬停时只加边框，背景不变 */
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a:hover,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a:focus {
    color: #ffffff !important; /* 菜单项悬停时保持白色文字 */
    background-color: transparent !important; /* 背景不变 */
    border: 2px solid #ffffff !important; /* 添加白色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* 导航栏 */
body.elderly-mode.elderly-theme-high-contrast .nav-wp,
body.elderly-mode.elderly-theme-high-contrast #header,
body.elderly-mode.elderly-theme-high-contrast #header-2,
body.elderly-mode.elderly-theme-high-contrast .header-1 {
    background-color: #000000 !important;
}

body.elderly-mode.elderly-theme-high-contrast .nav-wp .nav > ul > li > a,
body.elderly-mode.elderly-theme-high-contrast #header-2 .nav-2 > ul > li > a {
    color: #ffffff !important;
    background-color: #000000 !important;
}

body.elderly-mode.elderly-theme-high-contrast .nav-wp .nav > ul > li:hover > a,
body.elderly-mode.elderly-theme-high-contrast .nav-wp .nav > ul > li.active > a {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* 黑白模式下禁用导航栏（.nav dd）的黄色背景和红色分界线 */
body.elderly-mode.elderly-theme-high-contrast .nav dd.cur > a,
body.elderly-mode.elderly-theme-high-contrast .nav dd > a:hover {
    background-color: #000000 !important; /* 黑色背景，去掉黄色 */
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .nav dd + dd {
    border-left: none !important; /* 去掉红色分界线 */
}

/* 按钮 */
body.elderly-mode.elderly-theme-high-contrast button,
body.elderly-mode.elderly-theme-high-contrast .btn,
body.elderly-mode.elderly-theme-high-contrast input[type="button"],
body.elderly-mode.elderly-theme-high-contrast input[type="submit"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
}

body.elderly-mode.elderly-theme-high-contrast button:hover,
body.elderly-mode.elderly-theme-high-contrast .btn:hover {
    background-color: #cccccc !important;
    color: #000000 !important;
}

/* 输入框 */
body.elderly-mode.elderly-theme-high-contrast input[type="text"],
body.elderly-mode.elderly-theme-high-contrast input[type="search"],
body.elderly-mode.elderly-theme-high-contrast textarea,
body.elderly-mode.elderly-theme-high-contrast select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* 页脚 */
body.elderly-mode.elderly-theme-high-contrast #footer,
body.elderly-mode.elderly-theme-high-contrast .footer-1,
body.elderly-mode.elderly-theme-high-contrast .footer-2 {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* 辅助工具栏字体大小区域 - 黑白模式下保持浅色背景，不应用黑色背景 */
body.elderly-mode.elderly-theme-high-contrast .elderly-font-toolbar,
body.elderly-mode.elderly-theme-high-contrast .elderly-font-toolbar-label,
body.elderly-mode.elderly-theme-high-contrast .elderly-font-btn {
    background-color: rgba(245, 225, 176, 0.98) !important; /* 保持工具栏的浅色背景 */
    color: #000000 !important; /* 黑色文字，与浅色背景形成对比 */
}

body.elderly-mode.elderly-theme-high-contrast .elderly-font-btn.is-active {
    background-color: #c31c13 !important; /* 激活状态保持红色背景 */
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .elderly-font-btn:hover {
    background-color: rgba(222, 189, 122, 0.6) !important; /* 悬停时浅色背景 */
    color: #000000 !important;
}

/* 辅助工具栏容器在黑白模式下也保持浅色背景 */
body.elderly-mode.elderly-theme-high-contrast .elderly-toolbar {
    background: rgba(245, 225, 176, 0.98) !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-toolbar-btn {
    background: rgba(222, 189, 122, 0.96) !important;
    color: #000000 !important;
    border-color: #debd7a !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-toolbar-btn:hover {
    background: #f1d79a !important;
    color: #000000 !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-toolbar-btn.is-active {
    background: #c31c13 !important;
    color: #ffffff !important;
    border-color: #c31c13 !important;
}

/* 图标与背景对比度≥3:1 - 图片保持原样，不应用滤镜 */

/* 柔和黄底黑字护眼主题 */
body.elderly-mode.elderly-theme-eye-care {
    background-color: #f7f2e8 !important;
    color: #1a1a1a !important;
}

/* 正文文字与背景对比度≥4.5:1 */
body.elderly-mode.elderly-theme-eye-care,
body.elderly-mode.elderly-theme-eye-care p,
body.elderly-mode.elderly-theme-eye-care li,
body.elderly-mode.elderly-theme-eye-care dd,
body.elderly-mode.elderly-theme-eye-care dt,
body.elderly-mode.elderly-theme-eye-care td,
body.elderly-mode.elderly-theme-eye-care span {
    color: #1a1a1a !important;
    background-color: #f7f2e8 !important;
}

/* 标题文字对比度≥3:1 */
body.elderly-mode.elderly-theme-eye-care h1,
body.elderly-mode.elderly-theme-eye-care h2,
body.elderly-mode.elderly-theme-eye-care h3,
body.elderly-mode.elderly-theme-eye-care h4,
body.elderly-mode.elderly-theme-eye-care h5,
body.elderly-mode.elderly-theme-eye-care h6 {
    color: #000000 !important;
    background-color: #f7f2e8 !important;
}

/* 链接文字 */
body.elderly-mode.elderly-theme-eye-care a {
    color: #8b4513 !important; /* 深棕色链接 */
}

body.elderly-mode.elderly-theme-eye-care a:hover {
    color: #654321 !important;
    text-decoration: underline;
}

/* 导航栏 */
body.elderly-mode.elderly-theme-eye-care .nav-wp,
body.elderly-mode.elderly-theme-eye-care #header,
body.elderly-mode.elderly-theme-eye-care #header-2,
body.elderly-mode.elderly-theme-eye-care .header-1 {
    background-color: #e8dcc0 !important;
}

body.elderly-mode.elderly-theme-eye-care .nav-wp .nav > ul > li > a,
body.elderly-mode.elderly-theme-eye-care #header-2 .nav-2 > ul > li > a {
    color: #1a1a1a !important;
    background-color: #e8dcc0 !important;
}

body.elderly-mode.elderly-theme-eye-care .nav-wp .nav > ul > li:hover > a,
body.elderly-mode.elderly-theme-eye-care .nav-wp .nav > ul > li.active > a {
    background-color: #d4c4a8 !important;
    color: #000000 !important;
}

/* 按钮 */
body.elderly-mode.elderly-theme-eye-care button,
body.elderly-mode.elderly-theme-eye-care .btn,
body.elderly-mode.elderly-theme-eye-care input[type="button"],
body.elderly-mode.elderly-theme-eye-care input[type="submit"] {
    background-color: #8b4513 !important;
    color: #f7f2e8 !important;
    border: 2px solid #8b4513 !important;
}

body.elderly-mode.elderly-theme-eye-care button:hover,
body.elderly-mode.elderly-theme-eye-care .btn:hover {
    background-color: #654321 !important;
    color: #f7f2e8 !important;
}

/* 输入框 */
body.elderly-mode.elderly-theme-eye-care input[type="text"],
body.elderly-mode.elderly-theme-eye-care input[type="search"],
body.elderly-mode.elderly-theme-eye-care textarea,
body.elderly-mode.elderly-theme-eye-care select {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border: 2px solid #8b4513 !important;
}

/* 页脚 */
body.elderly-mode.elderly-theme-eye-care #footer,
body.elderly-mode.elderly-theme-eye-care .footer-1,
body.elderly-mode.elderly-theme-eye-care .footer-2 {
    background-color: #e8dcc0 !important;
    color: #1a1a1a !important;
}

/* 图标与背景对比度≥3:1 - 图片保持原样，不应用滤镜 */

/* 后续可以在这里添加更多老年版样式覆盖 */
/* 例如：增大导航字体、简化菜单、提高按钮大小等 */

/* =========================
   老年版单栏流式布局（第一步）
   参考 media-1.css 在宽度 <1200px 时的布局
   仅调整首页主要多栏区域 & 隐藏次要区域
   ========================= */

/* 1. 首页主要多栏区域改为单栏堆叠（仅首页：index / zhyyb_index） */
body.elderly-mode.page-index .main3-1,
body.elderly-mode.page-index .main4-1,
body.elderly-mode.page-index .main6-1,
body.elderly-mode.page-index .main7-right,
body.elderly-mode.page-zhyyb-index .main3-1,
body.elderly-mode.page-zhyyb-index .main4-1,
body.elderly-mode.page-zhyyb-index .main6-1,
body.elderly-mode.page-zhyyb-index .main7-right {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
}

/* main4 左右内部：图片+文字在老年版下改为上下结构（仅首页） */
body.elderly-mode.page-index .main4-1-right,
body.elderly-mode.page-zhyyb-index .main4-1-right {
    float: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
}

/* main2 标题占一整行，内容在下方单列展示（仅首页） */
body.elderly-mode.page-index .main2-title,
body.elderly-mode.page-zhyyb-index .main2-title {
    float: none !important;
    width: 100% !important;
    height: auto;
    line-height: 1.8;
    padding: 0 15px;
    font-size: 20px;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

/* 2. 隐藏二维码、友情链接等次要区域（同 media-1.css 策略，仅首页） */
body.elderly-mode.page-index .main4-2-2,
body.elderly-mode.page-index .main6-2-1,
body.elderly-mode.page-index .main6-2-2,
body.elderly-mode.page-index .main8,
body.elderly-mode.page-zhyyb-index .main4-2-2,
body.elderly-mode.page-zhyyb-index .main6-2-1,
body.elderly-mode.page-zhyyb-index .main6-2-2,
body.elderly-mode.page-zhyyb-index .main8 {
    display: none !important;
}

/* 隐藏 .foo1-a 区域（机构信息、意见建议链接） */
body.elderly-mode .foo1-a {
    display: none !important;
}

/* 隐藏 borbor m20 区域内的图片（银行卡业务、理财业务、存款业务、贷款业务的小图） */
body.elderly-mode .borbor.m20 .main6-2-pic,
body.elderly-mode dd.borbor.m20 .main6-2-pic {
    display: none !important;
}

/* 禁用 .borbor 的边框和内边距样式（老年版中不生效） */
body.elderly-mode .borbor {
    border: none !important;
    padding: 0 !important;
}

/* 取消 .title-11 span.cur 的背景图片和边框样式（老年版中不生效） */
body.elderly-mode .title-11 span.cur {
    background-image: none !important;
    border-bottom: none !important;
    color: inherit !important;
}

/* 取消 .title-22 的背景图片样式（老年版中不生效） */
body.elderly-mode .title-22 {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
}

/* 底部友情链接下拉选择器（footer-2 里的 select，仅首页） */
body.elderly-mode.page-index .yq,
body.elderly-mode.page-zhyyb-index .yq {
    display: none !important;
}

/* =========================
   单栏流式布局优化（第二步）
   进一步借用 media-1.css 的规则
   ========================= */

/* 确保轮播图区域正常显示，不被覆盖 */
body.elderly-mode .banner {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

body.elderly-mode .fafa,
body.elderly-mode .fafa .flexslider,
body.elderly-mode .fafa .slides {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}

/* 确保轮播图下方的内容正常显示 */
body.elderly-mode .main {
    position: relative !important;
    z-index: 2 !important;
    clear: both !important;
}

/* 1) 在主内容区域内，将所有 .fl / .fr 改为单列堆叠（不影响头部导航，仅首页） */
/* 排除轮播图区域和标题区域 */
body.elderly-mode.page-index #main .fl:not(.banner .fl):not(.fafa .fl):not(.title-11 .fl):not(.title-22 .fl),
body.elderly-mode.page-index #main .fr:not(.banner .fr):not(.fafa .fr):not(.title-11 .fr):not(.title-22 .fr),
body.elderly-mode.page-zhyyb-index #main .fl:not(.banner .fl):not(.fafa .fl):not(.title-11 .fl):not(.title-22 .fl),
body.elderly-mode.page-zhyyb-index #main .fr:not(.banner .fr):not(.fafa .fr):not(.title-11 .fr):not(.title-22 .fr) {
    float: none !important;
    display: block !important;
    width: 100% !important;
}

/* .title-11 和 .title-22 区域统一优化：参考"基层声音"的简洁样式 */
body.elderly-mode .title-11,
body.elderly-mode .title-22 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #ddd !important;
    background: none !important;
}

/* .title-11 的标签样式 */
body.elderly-mode .title-11 > span {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    margin-right: 20px !important;
    font-size: var(--elderly-font-size) !important;
    padding: 8px 15px !important;
    font-weight: bold !important;
    color: #333 !important;
}

/* .title-22 的标题样式 */
body.elderly-mode .title-22 > h1 {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--elderly-font-size) !important;
    font-weight: bold !important;
    color: #333 !important;
    line-height: 1.5 !important;
    background-color: transparent !important; /* 禁用红色背景 */
    height: auto !important; /* 移除固定高度 */
}

/* 黑白高对比主题下 .title-22 h1 的颜色修正 */
body.elderly-mode.elderly-theme-high-contrast .title-22 > h1 {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 保持原有的显示/隐藏逻辑：.fr 默认隐藏，.frr 显示 */
body.elderly-mode .title-11 > a.fr,
body.elderly-mode .title-22 > a.fr {
    float: none !important;
    display: none !important; /* 保持原有的隐藏逻辑 */
    width: auto !important;
    margin-left: auto !important;
    font-size: var(--elderly-font-size) !important;
    color: #debd7a !important;
    text-decoration: none !important;
}

body.elderly-mode .title-11 > a.fr.frr,
body.elderly-mode .title-22 > a.fr.frr {
    display: block !important; /* 保持原有的显示逻辑 */
}

body.elderly-mode .title-11 > a.fr:hover,
body.elderly-mode .title-22 > a.fr:hover {
    color: #c61000 !important;
}

body.elderly-mode .title-11 .clear,
body.elderly-mode .title-22 .clear {
    display: none !important;
}

/* 2) main6 区块的左右卡片改为上下排列（仅首页） */
body.elderly-mode.page-index .main6-1-2-item,
body.elderly-mode.page-zhyyb-index .main6-1-2-item {
    float: none !important;
    width: 100% !important;
}

body.elderly-mode.page-index .main6-1-2-item.fr,
body.elderly-mode.page-zhyyb-index .main6-1-2-item.fr {
    margin-top: 20px !important;
}

/* 3) 列表型内容中原本左右两列的条目改为单列（仅首页） */
body.elderly-mode.page-index .list01-wp2 .list01 li.fl,
body.elderly-mode.page-index .list01-wp2 .list01 li.fr,
body.elderly-mode.page-zhyyb-index .list01-wp2 .list01 li.fl,
body.elderly-mode.page-zhyyb-index .list01-wp2 .list01 li.fr {
    width: 100% !important;
    float: none !important;
}

/* 4) main5 区块标题与内容堆叠（仅首页） */
body.elderly-mode.page-index .main5-title,
body.elderly-mode.page-zhyyb-index .main5-title {
    float: none !important;
    width: 100% !important;
    text-align: center;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
}

body.elderly-mode.page-index .main5-list-wp,
body.elderly-mode.page-zhyyb-index .main5-list-wp {
    height: auto !important;
}

/* =========================
   小图片显示优化：仅针对特定小图容器限制最大宽度
   不改变图片的定位和布局方式，避免影响其他图片
   ========================= */

/* 针对友情链接等小图标容器，限制最大宽度，防止被放大 */
body.elderly-mode .main6-2-pic {
    max-width: 200px !important;
}

/* 针对 main5 列表中的图片容器，也限制最大宽度 */
body.elderly-mode .main5-li {
    max-width: 300px !important;
}

/* =========================
   老年版布局优化：边距、行距、段落间距、核心信息突出
   ========================= */

/* 1. 页面边距扩大至 20px（仅首页） */
body.elderly-mode.page-index #main .container,
body.elderly-mode.page-zhyyb-index #main .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

body.elderly-mode.page-index #main .main,
body.elderly-mode.page-zhyyb-index #main .main {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 排除内页的容器，避免影响内页布局 */
body.elderly-mode .erji .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. 行间距≥1.5倍 */
body.elderly-mode p,
body.elderly-mode li,
body.elderly-mode dd,
body.elderly-mode dt,
body.elderly-mode td,
body.elderly-mode span,
body.elderly-mode div,
body.elderly-mode a,
body.elderly-mode h1,
body.elderly-mode h2,
body.elderly-mode h3,
body.elderly-mode h4,
body.elderly-mode h5,
body.elderly-mode h6 {
    line-height: 1.6; /* 1.6倍行距，略大于1.5倍，更易读 */
}

/* 3. 段落间距≥24px */
body.elderly-mode p {
    margin-bottom: 24px !important;
    margin-top: 0;
}

body.elderly-mode p:last-child {
    margin-bottom: 0 !important;
}

/* 列表项间距 */
body.elderly-mode li {
    margin-bottom: 12px !important;
}

body.elderly-mode .list01 li {
    margin-bottom: 16px !important;
}

/* 确保列表项的行高随字体大小变化 - 覆盖 common.css 中的固定值 */
body.elderly-mode .list01 li {
    height: auto !important; /* 移除固定高度，让高度自适应 */
    line-height: 1.8 !important; /* 使用相对值，随字体大小变化 */
    min-height: auto !important; /* 确保最小高度也是自适应的 */
}

body.elderly-mode .list01 li a {
    line-height: 1.8 !important; /* 使用相对值，随字体大小变化 */
    display: inline-block; /* 让行高生效 */
}

body.elderly-mode .list01 li span {
    line-height: 1.8 !important; /* 使用相对值，随字体大小变化 */
}

/* 4. 核心信息（产品）使用加粗字体突出显示（已移除色块背景，避免黑白模式下看不清） */
/* 产品标题（首页快捷入口） */
body.elderly-mode .main1-list h1 {
    font-size: var(--elderly-font-size) !important;
    font-weight: bold !important;
}

/* 产品描述文字 */
body.elderly-mode .main1-list p {
    font-weight: 500 !important; /* 中等加粗 */
}

/* main6 中的产品信息（银行卡业务、理财业务、存款业务、贷款业务） */
body.elderly-mode .main6-2-pp {
    font-size: var(--elderly-font-size) !important;
    font-weight: 500 !important;
    padding: 16px !important;
    margin-top: 12px !important;
    /* 保持固定高度显示摘要，但高度随字体大小调整 */
    overflow: hidden !important; /* 隐藏超出部分，只显示摘要 */
    line-height: 1.8 !important; /* 使用相对行高，随字体大小变化 */
    /* 使用相对单位，高度会随字体大小自动调整 */
    height: 7.6em !important;
    max-height: 7.6em !important;
}

/* 黑白高对比主题下 .main6-2-3 区域的文字颜色修正 */
body.elderly-mode.elderly-theme-high-contrast .main6-2-3,
body.elderly-mode.elderly-theme-high-contrast .main6-2-3 *,
body.elderly-mode.elderly-theme-high-contrast .main6-2-pp,
body.elderly-mode.elderly-theme-high-contrast .main6-2-pp * {
    color: #ffffff !important;
    background-color: #000000 !important;
}

/* 黑白高对比主题下 .main6-2-3 内的标题颜色修正 */
body.elderly-mode.elderly-theme-high-contrast .main6-2-3 .title-11 span.cur,
body.elderly-mode.elderly-theme-high-contrast .main6-2-3 .title-11 span {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* =========================
   语音播报按钮样式
   ========================= */

.elderly-speech-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(28px * var(--elderly-font-size) / 16px);
    height: calc(28px * var(--elderly-font-size) / 16px);
    min-width: calc(28px * var(--elderly-font-size) / 16px);
    min-height: calc(28px * var(--elderly-font-size) / 16px);
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #f0f0f0;
    cursor: pointer;
    vertical-align: middle;
    padding: 0;
    line-height: 1;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    flex-shrink: 0; /* 防止按钮被压缩 */
}

.elderly-speech-btn svg {
    width: calc(16px * var(--elderly-font-size) / 16px);
    height: calc(16px * var(--elderly-font-size) / 16px);
    min-width: calc(16px * var(--elderly-font-size) / 16px);
    min-height: calc(16px * var(--elderly-font-size) / 16px);
    fill: #666;
    flex-shrink: 0;
}

.elderly-speech-btn:hover {
    background-color: #e0e0e0;
    border-color: #aaa;
}

/* 播放状态 */
.elderly-speech-btn.is-playing {
    background-color: #ffc107 !important; /* 黄色背景 */
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.5) !important;
}

.elderly-speech-btn.is-playing svg {
    fill: #dc3545 !important; /* 红色图标 */
}

/* 暂停状态 */
.elderly-speech-btn.is-paused {
    background-color: #ffe082 !important; /* 浅黄色背景 */
    border-color: #ffc107 !important;
    box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3) !important;
}

.elderly-speech-btn.is-paused svg {
    fill: #fd7e14 !important; /* 橙色图标 */
}

/* 高对比主题下的语音播报按钮 */
body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn {
    background-color: #333 !important;
    border-color: #fff !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn svg {
    fill: #fff !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn.is-playing {
    background-color: #fff !important;
    border-color: #fff !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn.is-playing svg {
    fill: #000 !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn.is-paused {
    background-color: #ccc !important;
    border-color: #fff !important;
}

body.elderly-mode.elderly-theme-high-contrast .elderly-speech-btn.is-paused svg {
    fill: #000 !important;
}

/* 护眼主题下的语音播报按钮 */
body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn {
    background-color: #e8dcc0 !important;
    border-color: #8b4513 !important;
}

body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn svg {
    fill: #8b4513 !important;
}

body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn.is-playing {
    background-color: #8b4513 !important;
    border-color: #8b4513 !important;
}

body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn.is-playing svg {
    fill: #f7f2e8 !important;
}

body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn.is-paused {
    background-color: #d4c4a8 !important;
    border-color: #8b4513 !important;
}

body.elderly-mode.elderly-theme-eye-care .elderly-speech-btn.is-paused svg {
    fill: #8b4513 !important;
}

/* 产品标题（main6中的标题） */
body.elderly-mode .main6-2-3 .title-11 h1,
body.elderly-mode .main6-2-3 .title-11 span.cur {
    font-weight: bold !important;
}

/* 重点推介标题 */
body.elderly-mode .main2-title {
    font-weight: bold !important;
}

/* 公告信息、资讯动态等模块标题 */
body.elderly-mode .title-22 h1,
body.elderly-mode .title-11 span.cur {
    font-weight: bold !important;
}

/* 专题专栏标题 */
body.elderly-mode .main5-title {
    font-weight: bold !important;
    height: 100px !important; /* 老年版中高度改为 100px（原版为 170px） */
}

/* 党建园地、党风廉政建设等标题 */
body.elderly-mode .main6-1 .title-22 h1 {
    font-weight: bold !important;
}

/* =========================
   内页内容区域字体大小修复
   ========================= */

/* 面包屑导航区域（当前位置） */
body.elderly-mode .mianbaoxie,
body.elderly-mode .mianbaoxie * {
    font-size: var(--elderly-font-size) !important;
}

/* 正文内容区域 */
body.elderly-mode .danpian-con,
body.elderly-mode .danpian-con * {
    font-size: var(--elderly-font-size) !important;
}

/* 确保正文段落也应用字体大小 */
body.elderly-mode .danpian-con p {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
}

/* 单篇标题字体大小 */
body.elderly-mode .danpian-h1 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
}

/* 黑白模式下单篇标题和副标题颜色修复 */
body.elderly-mode.elderly-theme-high-contrast .danpian-h1,
body.elderly-mode.elderly-theme-high-contrast .danpian-h3 {
    color: #ffffff !important; /* 白色文字 */
}

/* =========================
   侧边栏菜单区域修复
   ========================= */

/* 禁用 erji 的背景图片 */
body.elderly-mode .erji {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
}

/* 禁用 erji-div 的背景图片 */
body.elderly-mode .erji-div {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
}

/* 禁用 erji-title h1 的背景图片 */
body.elderly-mode .erji-title h1 {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
}

/* 禁用 erji-title h1 span 的背景图片 */
body.elderly-mode .erji-title h1 span {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
}

/* 菜单标题区域 */
body.elderly-mode .menu-h1 {
    font-size: var(--elderly-font-size) !important;
    background-image: none !important; /* 禁用背景图片 */
    background-repeat: no-repeat !important;
    background-position: initial !important;
    height: auto !important; /* 移除固定高度 */
    line-height: 1.8 !important; /* 使用相对行高 */
    padding: 16px 29px !important; /* 调整内边距 */
    color: #333 !important; /* 默认深色文字 */
    background-color: #f5f5f5 !important; /* 浅灰色背景 */
}

/* 黑白模式下菜单标题颜色修复 */
body.elderly-mode.elderly-theme-high-contrast .menu-h1 {
    color: #ffffff !important; /* 白色文字 */
    background-color: #000000 !important; /* 黑色背景 */
}

/* 护眼模式下菜单标题颜色 */
body.elderly-mode.elderly-theme-eye-care .menu-h1 {
    color: #8b4513 !important; /* 棕色文字 */
    background-color: #f7f2e8 !important; /* 浅黄色背景 */
}

/* 菜单列表项字体大小 */
body.elderly-mode .menu-list ul.list-unstyled,
body.elderly-mode .menu-list ul.list-unstyled li,
body.elderly-mode .menu-list li,
body.elderly-mode .menu-list li > a,
body.elderly-mode .menu-list li > span,
body.elderly-mode .menu-list li > a *,
body.elderly-mode .menu-list li > span * {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
}

/* 黑白模式下菜单列表项颜色修复 - 必须在全局链接样式之后，确保覆盖 */
/* 注意：排除激活项 li.cur，激活项有专门的样式 */
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a:link,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a:visited,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur) > a:active {
    color: #ffffff !important; /* 白色文字 */
    background-color: #000000 !important; /* 黑色背景 */
    text-decoration: none !important; /* 移除下划线 */
}

/* 黑白模式下激活的菜单项 - 背景白色，文字黑色（必须在所有全局链接样式之后，使用最高优先级） */
/* 使用最具体的选择器，确保覆盖全局的 li a 规则（优先级：5个类选择器 > 3个类选择器+2个元素选择器） */
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a:link,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a:visited,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a:active,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a:hover,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a:focus,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a:link,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a:visited,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a:active,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a:hover,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a:focus {
    color: #000000 !important; /* 黑色文字 - 必须覆盖全局白色文字样式 */
    background-color: #ffffff !important; /* 白色背景 */
    border: 2px solid #000000 !important; /* 黑色边框 */
    text-decoration: none !important; /* 移除下划线 */
    padding-right: 15px !important; /* 保持原有内边距 */
}

/* 黑白模式下悬停的菜单项 - 背景不变，只加边框 */
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a:link,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a:visited,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a:active,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a:hover,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:not(.cur):hover > a:focus {
    color: #ffffff !important; /* 保持白色文字 */
    background-color: transparent !important; /* 背景不变 */
    border: 2px solid #ffffff !important; /* 添加白色边框 */
    text-decoration: none !important; /* 移除下划线 */
    padding-right: 15px !important; /* 保持原有内边距 */
}

/* 黑白模式下菜单列表项 span 元素 */
body.elderly-mode.elderly-theme-high-contrast .menu-list li > span {
    color: #ffffff !important; /* 白色文字 */
    background-color: #000000 !important; /* 黑色背景 */
}

body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > span,
body.elderly-mode.elderly-theme-high-contrast .menu-list li:hover > span {
    color: #000000 !important; /* 黑色文字 */
    background-color: #ffffff !important; /* 白色背景 */
    border: 2px solid #000000 !important; /* 黑色边框，在白色背景上可见 */
    text-decoration: none !important; /* 移除下划线 */
    padding-right: 15px !important; /* 保持原有内边距 */
}

/* 护眼模式下菜单列表项颜色 */
body.elderly-mode.elderly-theme-eye-care .menu-list li > a,
body.elderly-mode.elderly-theme-eye-care .menu-list li > span {
    color: #8b4513 !important; /* 棕色文字 */
    background-color: #f7f2e8 !important; /* 浅黄色背景 */
}

body.elderly-mode.elderly-theme-eye-care .menu-list li.cur > a,
body.elderly-mode.elderly-theme-eye-care .menu-list li:hover > a,
body.elderly-mode.elderly-theme-eye-care .menu-list li.cur > span,
body.elderly-mode.elderly-theme-eye-care .menu-list li:hover > span {
    color: #f7f2e8 !important; /* 浅黄色文字 */
    background-color: #8b4513 !important; /* 棕色背景 */
}

/* =========================
   黑白模式下激活菜单项 - 最终修复（放在文件最末尾，确保最高优先级）
   ========================= */
/* 使用最具体的选择器，确保覆盖所有其他规则 */
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur a,
body.elderly-mode.elderly-theme-high-contrast .menu-list ul.list-unstyled li.cur > a,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur a,
body.elderly-mode.elderly-theme-high-contrast .menu-list li.cur > a {
    color: #000000 !important; /* 黑色文字 */
    background-color: #ffffff !important; /* 白色背景 */
    border: 2px solid #000000 !important; /* 黑色边框 */
    text-decoration: none !important; /* 移除下划线 */
}

/* =========================
   黑白模式下保持原有背景色的区域
   ========================= */

/* xinwen1 区域在黑白模式下和 xinwen2 一样，排除原CSS背景色影响 */
body.elderly-mode.elderly-theme-high-contrast .xinwen1 {
    background-color: transparent !important; /* 移除原CSS的浅灰色背景，跟随全局黑白模式背景 */
}

/* =========================
   dang-2-gai-date 日期区域布局修复
   ========================= */

/* 日期区域：高度自适应，避免文字变大时变形 */
body.elderly-mode .dang-2-gai-date {
    height: auto !important; /* 移除固定高度，让高度自适应 */
    min-height: 110px !important; /* 保持最小高度 */
    padding: 20px 8px !important; /* 调整内边距，确保文字不会溢出 */
    width: auto !important; /* 移除固定宽度 */
    min-width: 80px !important; /* 保持最小宽度 */
    max-width: 150px !important; /* 限制最大宽度，避免过宽 */
    display: flex !important; /* 使用 flexbox 布局 */
    flex-direction: column !important; /* 垂直排列 */
    justify-content: center !important; /* 垂直居中 */
    align-items: center !important; /* 水平居中 */
}

/* 日期区域的 h1 和 h2 字体大小按比例缩放 */
body.elderly-mode .dang-2-gai-date h1 {
    font-size: calc(44px * var(--elderly-font-size) / 16px) !important; /* 按比例缩放，保持相对大小 */
    line-height: 1.2 !important; /* 使用相对行高 */
}

body.elderly-mode .dang-2-gai-date h2 {
    font-size: calc(13px * var(--elderly-font-size) / 16px) !important; /* 按比例缩放 */
    line-height: 1.4 !important; /* 使用相对行高 */
    margin-top: 8px !important;
}

/* 黑白模式和护眼模式下禁用 hover 时的红色背景 */
body.elderly-mode.elderly-theme-high-contrast .dang-2-gai-list dd:hover .dang-2-gai-date,
body.elderly-mode.elderly-theme-eye-care .dang-2-gai-list dd:hover .dang-2-gai-date {
    background-color: transparent !important; /* 禁用原CSS的红色背景 */
    color: inherit !important; /* 保持文字颜色继承 */
}

/* =========================
   dq-daqiu 圆形日期元素布局修复
   ========================= */

/* 圆形日期元素：高度和宽度自适应，避免字体放大时变形 */
body.elderly-mode .dq-daqiu {
    height: auto !important; /* 移除固定高度 */
    min-height: 130px !important; /* 保持最小高度 */
    width: auto !important; /* 移除固定宽度 */
    min-width: 130px !important; /* 保持最小宽度，确保圆形 */
    max-width: 200px !important; /* 限制最大宽度，避免过宽 */
    aspect-ratio: 1 !important; /* 保持1:1比例，确保圆形 */
    line-height: normal !important; /* 移除固定行高 */
    padding: 20px !important; /* 使用内边距来居中文字 */
    display: flex !important; /* 使用 flexbox 布局 */
    align-items: center !important; /* 垂直居中 */
    justify-content: center !important; /* 水平居中 */
    font-size: calc(30px * var(--elderly-font-size) / 16px) !important; /* 按比例缩放字体 */
    background-size: contain !important; /* 背景图片自适应 */
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 黑白模式和护眼模式下禁用背景图片 */
body.elderly-mode.elderly-theme-high-contrast .dq-daqiu,
body.elderly-mode.elderly-theme-eye-care .dq-daqiu {
    background-image: none !important; /* 禁用原CSS的背景图片 */
    background-color: transparent !important; /* 确保背景透明 */
}

/* 黑白模式和护眼模式下禁用 dq-right 的红色背景和边框 */
body.elderly-mode.elderly-theme-high-contrast .dqqlist dd.cur .dq-right,
body.elderly-mode.elderly-theme-eye-care .dqqlist dd.cur .dq-right {
    background-color: transparent !important; /* 禁用原CSS的红色背景 */
    border-color: transparent !important; /* 禁用原CSS的红色边框 */
}

/* =========================
   lishi1-list 区域在黑白模式下保持原有颜色
   ========================= */

/* 黑白模式下排除 lishi1-list 区域，保持原有颜色 */
body.elderly-mode.elderly-theme-high-contrast .lishi1-list,
body.elderly-mode.elderly-theme-high-contrast .lishi1-list *,
body.elderly-mode.elderly-theme-high-contrast .lishi1-list-wp,
body.elderly-mode.elderly-theme-high-contrast .lishi1-list-wp * {
    color: inherit !important; /* 保持原有文字颜色 */
    background-color: inherit !important; /* 保持原有背景颜色 */
    /* background-image 不处理，保持原有特殊图片效果 */
    border-color: inherit !important; /* 保持原有边框颜色 */
}

/* 确保 lishi1-list 区域内的元素保持原有样式 */
body.elderly-mode.elderly-theme-high-contrast .lishi1-list .item span {
    color: #4d4d4d !important; /* 保持原有的灰色文字 */
    background-color: transparent !important;
}

body.elderly-mode.elderly-theme-high-contrast .lishi1-list .item.cur span {
    color: #c61000 !important; /* 保持原有的红色文字 */
    background-color: transparent !important;
}

/* =========================
   header-2 区域在黑白和护眼模式下禁用红色背景
   ========================= */

/* 黑白模式和护眼模式下禁用 header-2 的红色背景 */
body.elderly-mode.elderly-theme-high-contrast .header-2,
body.elderly-mode.elderly-theme-eye-care .header-2 {
    background-color: transparent !important; /* 禁用原CSS的红色背景 */
}

/* 黑白模式和护眼模式下禁用 main-left2 的红色背景 */
body.elderly-mode.elderly-theme-high-contrast .main-left2,
body.elderly-mode.elderly-theme-eye-care .main-left2 {
    background-color: transparent !important; /* 禁用原CSS的红色背景 */
}

/* 去掉 nav-2 下 list-unstyled li 之间的红色分隔线 */
body.elderly-mode .nav-2 .list-unstyled li,
body.elderly-mode .nav-2 .list-unstyled li + li,
body.elderly-mode .nav-2 .list-unstyled li:not(:first-child) {
    border-left: none !important;
    border-right: none !important;
}

/* manage_finances_index.html 页面字体大小调整 */
/* 左侧产品系列列表 */
body.elderly-mode .main-left1-dl dt,
body.elderly-mode .main-left1-dl dt * {
    font-size: var(--elderly-font-size) !important;
}

body.elderly-mode .main-left1-dl dd,
body.elderly-mode .main-left1-dl dd *,
body.elderly-mode .main-left1-dl dd a,
body.elderly-mode .main-left1-dl dd a * {
    font-size: var(--elderly-font-size) !important;
}

/* 右侧筛选区域 */
body.elderly-mode .main-right1-line span.fl,
body.elderly-mode .main-right1-line span.fl * {
    font-size: var(--elderly-font-size) !important;
}

body.elderly-mode .main-right1-dl dd,
body.elderly-mode .main-right1-dl dd *,
body.elderly-mode .main-right1-dl dd label,
body.elderly-mode .main-right1-dl dd label * {
    font-size: var(--elderly-font-size) !important;
}

/* 修复筛选区域布局变形问题 */
body.elderly-mode .main-right1-dl dd {
    width: auto !important; /* 取消固定宽度，允许自适应 */
    min-width: 150px !important; /* 设置最小宽度 */
    margin-right: 15px !important; /* 添加右边距 */
    margin-bottom: 8px !important; /* 添加下边距，允许换行 */
}

body.elderly-mode .main-right1-line span.fl {
    width: auto !important; /* 取消固定宽度 */
    min-width: 106px !important; /* 设置最小宽度 */
    margin-right: 15px !important; /* 添加右边距 */
}

body.elderly-mode .main-right1-form input[type="text"] {
    width: auto !important; /* 取消固定宽度 */
    min-width: 220px !important; /* 设置最小宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: 26px !important; /* 设置最小高度 */
    padding: calc(4px * var(--elderly-font-size) / 16px) calc(5px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    font-size: var(--elderly-font-size) !important;
}

body.elderly-mode .main-right1-form input[type="button"] {
    width: auto !important; /* 取消固定宽度 */
    min-width: 44px !important; /* 设置最小宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: 26px !important; /* 设置最小高度 */
    padding: calc(4px * var(--elderly-font-size) / 16px) calc(8px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    font-size: var(--elderly-font-size) !important;
}

body.elderly-mode .main-right1-line {
    display: flex !important; /* 使用flex布局 */
    flex-wrap: wrap !important; /* 允许换行 */
    align-items: flex-start !important; /* 顶部对齐 */
}

body.elderly-mode .main-right1-dl {
    flex: 1 !important; /* 占据剩余空间 */
    min-width: 0 !important; /* 允许收缩 */
}

/* 黑白模式下筛选区域改为纯净的黑底白字 */
body.elderly-mode.elderly-theme-high-contrast .main-right1-div {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-line span.fl {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-dl dd label {
    color: #ffffff !important; /* 白色文字 */
    background-color: transparent !important; /* 透明背景 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-dl dd label:hover {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    background-color: #333333 !important; /* 深灰色背景 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-dl dd input[type="radio"] {
    accent-color: #ffffff !important; /* 单选按钮选中颜色为白色 */
    border-color: #ffffff !important; /* 边框颜色为白色 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-form input[type="text"] {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-form input[type="text"]:focus {
    background-color: #000000 !important; /* 聚焦时保持黑色背景 */
    color: #ffffff !important; /* 聚焦时保持白色文字 */
    border-color: #ffffff !important; /* 聚焦时保持白色边框 */
    outline: 2px solid #ffffff !important; /* 白色外边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-form input[type="button"] {
    background-color: #ffffff !important; /* 白色背景 */
    color: #000000 !important; /* 黑色文字 */
    border: 1px solid #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right1-form input[type="button"]:hover {
    background-color: #ffffff !important; /* 悬停时保持白色背景 */
    color: #000000 !important; /* 悬停时保持黑色文字 */
    border-color: #ffffff !important; /* 悬停时保持白色边框 */
}

/* 列表模式/图形模式切换按钮字体大小和颜色调整 */
body.elderly-mode #lt {
    border-color: #c31c13 !important; /* 保持红色边框 */
    width: auto !important; /* 允许宽度自适应 */
    min-width: 196px !important; /* 保持最小宽度 */
    display: inline-block !important; /* 保持内联块级显示 */
}

body.elderly-mode .lt-item {
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(25px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    line-height: calc(25px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整行高 */
    width: 50% !important; /* 保持各占50%宽度 */
    padding-left: calc(35px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整左侧内边距 */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    background-position: calc(8px * var(--elderly-font-size) / 16px) center !important; /* 根据字体大小调整背景图片位置 */
    display: inline-block !important; /* 保持内联块级显示 */
    vertical-align: top !important; /* 顶部对齐 */
    box-sizing: border-box !important; /* 使用边框盒模型 */
}

body.elderly-mode .lt-item.cur {
    background-color: #c31c13 !important; /* 保持红色背景 */
    color: #ffffff !important; /* 白色文字 */
}

/* 黑白模式下列表模式/图形模式切换按钮颜色调整 */
body.elderly-mode.elderly-theme-high-contrast #lt {
    border-color: #ffffff !important; /* 白色边框 */
    background-color: #000000 !important; /* 黑色背景 */
}

body.elderly-mode.elderly-theme-high-contrast .lt-item {
    color: #ffffff !important; /* 白色文字 */
    background-color: transparent !important; /* 透明背景 */
}

body.elderly-mode.elderly-theme-high-contrast .lt-item.cur {
    background-color: #ffffff !important; /* 白色背景 */
    color: #000000 !important; /* 黑色文字 */
}

/* 护眼模式下列表模式/图形模式切换按钮颜色调整 */
body.elderly-mode.elderly-theme-eye-care #lt {
    border-color: #1a1a1a !important; /* 深色边框 */
    background-color: #e8dcc0 !important; /* 护眼背景 */
}

body.elderly-mode.elderly-theme-eye-care .lt-item {
    color: #1a1a1a !important; /* 深色文字 */
    background-color: transparent !important; /* 透明背景 */
}

body.elderly-mode.elderly-theme-eye-care .lt-item.cur {
    background-color: #1a1a1a !important; /* 深色背景 */
    color: #e8dcc0 !important; /* 护眼背景色文字 */
}

/* 优化产品列表区域的阅读体验 */
body.elderly-mode .main-right2-item {
    margin-bottom: 30px !important; /* 增加产品项之间的间距 */
    padding: 25px !important; /* 增加内边距 */
    border: 2px solid #ddd !important; /* 添加明显的边框 */
    border-radius: 8px !important; /* 圆角 */
    background-color: #ffffff !important; /* 白色背景 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* 添加阴影效果，增强立体感 */
    position: relative !important; /* 相对定位 */
    overflow: hidden !important; /* 防止内容溢出 */
}

body.elderly-mode .main-right2-item .title-11 h1 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important; /* 增加行高 */
    margin-bottom: 15px !important; /* 增加标题下方间距 */
    word-wrap: break-word !important; /* 允许长标题换行 */
    overflow-wrap: break-word !important;
}

body.elderly-mode .main-right2-item-right {
    height: auto !important; /* 取消固定高度 */
    line-height: 1.8 !important; /* 使用相对行高 */
    font-size: var(--elderly-font-size) !important;
    margin-top: 10px !important; /* 增加上边距 */
}

body.elderly-mode .main-right2-item-right span {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
}

/* 产品详情页导航栏（产品概览、产品说明书等）字体大小和布局修复 */
body.elderly-mode .xq-1 {
    margin-top: calc(30px * var(--elderly-font-size) / 16px) !important;
}

body.elderly-mode .xq-1 dl {
    font-size: 0 !important; /* 保持原有布局，但需要重置子元素字体 */
    display: flex !important; /* 使用 flexbox 布局 */
    flex-wrap: wrap !important; /* 允许换行 */
    row-gap: 0 !important; /* 行间距为0，使用边框分隔 */
    column-gap: 0 !important; /* 列间距为0，使用边框分隔 */
    align-items: stretch !important; /* 拉伸对齐 */
}

body.elderly-mode .xq-1 dd {
    font-size: var(--elderly-font-size) !important; /* 重置字体大小 */
    line-height: 1.8 !important; /* 使用相对行高 */
    height: auto !important; /* 移除固定高度 */
    min-height: calc(50px * var(--elderly-font-size) / 14px) !important; /* 动态最小高度 */
    padding: calc(10px * var(--elderly-font-size) / 14px) calc(18px * var(--elderly-font-size) / 14px) !important; /* 动态内边距 */
    display: inline-flex !important; /* 使用 flex 布局 */
    align-items: center !important; /* 垂直居中 */
    justify-content: center !important; /* 水平居中 */
    text-align: center !important; /* 文字居中 */
    white-space: nowrap !important; /* 文字不换行 */
    box-sizing: border-box !important; /* 包含内边距和边框 */
    border-left: calc(3px * var(--elderly-font-size) / 14px) solid #fff !important; /* 动态边框宽度 */
    flex: 1 1 auto !important; /* 允许flex项目自动调整大小 */
    min-width: 0 !important; /* 允许flex项目缩小 */
    margin: 0 !important; /* 移除所有外边距 */
    position: relative !important; /* 相对定位，用于边框 */
}

/* 确保换行后的第一列元素没有左边框 */
body.elderly-mode .xq-1 dd:nth-child(6) {
    border-left: none !important; /* 第二行第一个元素（客户权益须知）无左边框 */
}

/* 为第二行添加顶部边框分隔线 */
body.elderly-mode .xq-1 dd:nth-child(n+6) {
    border-top: calc(3px * var(--elderly-font-size) / 14px) solid #fff !important; /* 第二行顶部边框 */
}

body.elderly-mode .xq-1 dd:first-child {
    border-left: none !important; /* 第一个元素无左边框 */
}

body.elderly-mode .xq-1 dd.cur {
    background-color: #c31c13 !important; /* 保持激活状态颜色 */
}

/* 产品详情页内容区域字体大小（覆盖内联样式） */
body.elderly-mode .xq-2,
body.elderly-mode .xq-2 *,
body.elderly-mode .xq-2 span,
body.elderly-mode .xq-2 p,
body.elderly-mode .xq-2 strong,
body.elderly-mode .xq-2 td,
body.elderly-mode .xq-2 th,
body.elderly-mode .xq-2 table,
body.elderly-mode .xq-2 table * {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
}

/* 特别处理表格内容，确保所有文字都跟随字体大小 */
body.elderly-mode .xq-2 table td span,
body.elderly-mode .xq-2 table td p,
body.elderly-mode .xq-2 table td strong,
body.elderly-mode .xq-2 table th span,
body.elderly-mode .xq-2 table th p,
body.elderly-mode .xq-2 table th strong {
    font-size: var(--elderly-font-size) !important;
}

/* 产品公告列表字体大小和布局修复 */
body.elderly-mode .xq-2 .list0001 dd {
    height: auto !important; /* 移除固定高度 */
    min-height: calc(20px * var(--elderly-font-size) / 14px) !important; /* 动态最小高度 */
    line-height: 1.8 !important; /* 使用相对行高 */
    padding-left: calc(12px * var(--elderly-font-size) / 14px) !important; /* 动态内边距 */
    padding-right: calc(70px * var(--elderly-font-size) / 14px) !important; /* 为日期留出空间 */
    white-space: normal !important; /* 允许换行 */
    text-overflow: clip !important; /* 移除省略号，允许完整显示 */
    overflow: visible !important; /* 允许内容溢出显示 */
    margin-bottom: calc(11px * var(--elderly-font-size) / 14px) !important; /* 动态间距 */
}

body.elderly-mode .xq-2 .list0001 dd a {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    display: inline !important; /* 允许换行 */
    word-break: break-word !important; /* 允许长文本换行 */
}

body.elderly-mode .xq-2 .list0001 dd span {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    position: absolute !important; /* 保持日期在右侧 */
    right: 0 !important;
    top: 0 !important;
    white-space: nowrap !important; /* 日期不换行 */
}

/* 黑白模式下内容区域简化样式 - 纯黑底白字 */
body.elderly-mode.elderly-theme-high-contrast .xq-2,
body.elderly-mode.elderly-theme-high-contrast .xq-2 *,
body.elderly-mode.elderly-theme-high-contrast .xq-2-wp {
    background-color: #000000 !important; /* 纯黑背景 */
    color: #ffffff !important; /* 纯白文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .xq-2 table,
body.elderly-mode.elderly-theme-high-contrast .xq-2 table td,
body.elderly-mode.elderly-theme-high-contrast .xq-2 table th {
    background-color: #000000 !important; /* 表格黑背景 */
    color: #ffffff !important; /* 表格白文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .xq-2 a {
    color: #ffffff !important; /* 链接白色 */
    text-decoration: underline !important; /* 下划线标识链接 */
}

body.elderly-mode.elderly-theme-high-contrast .xq-2 a:hover {
    color: #ffffff !important; /* 悬停保持白色 */
    background-color: #333333 !important; /* 悬停时深灰背景 */
}

/* 优化产品详情表格布局 */
body.elderly-mode .main-right2-item-table {
    padding: 20px !important; /* 增加内边距 */
    margin-top: 15px !important; /* 增加上边距 */
}

body.elderly-mode .main-right2-item-table table.table {
    width: 100% !important; /* 确保表格占满宽度 */
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.elderly-mode .main-right2-item-table table.table tr {
    display: block !important; /* 改为块级显示，实现垂直布局 */
    margin-bottom: 20px !important; /* 增加行间距 */
    padding: 15px !important; /* 增加内边距 */
    background-color: #f9f9f9 !important; /* 添加背景色区分 */
    border-radius: 4px !important; /* 圆角 */
}

body.elderly-mode .main-right2-item-table table.table tr:last-child {
    margin-bottom: 0 !important;
}

body.elderly-mode .main-right2-item-table table.table tr td {
    display: block !important; /* 改为块级显示 */
    width: 100% !important; /* 占满宽度 */
    padding: 8px 0 !important; /* 增加内边距 */
    border: none !important; /* 移除边框 */
}

body.elderly-mode .main-right2-item-table table.table tr td h1 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    margin-bottom: 5px !important;
    color: #666 !important;
}

body.elderly-mode .main-right2-item-table table.table tr td h2 {
    font-size: calc(var(--elderly-font-size) * 1.25) !important; /* 稍微放大 */
    line-height: 1.8 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    color: #c31c13 !important;
}

body.elderly-mode .main-right2-item-table table.table tr td h3 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    color: #666 !important;
}

body.elderly-mode .main-right2-item-table table.table tr td h3 span {
    font-size: calc(var(--elderly-font-size) * 1.25) !important; /* 稍微放大 */
}

body.elderly-mode .main-right2-item-table p {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    margin-top: 15px !important;
    padding: 10px !important; /* 增加内边距 */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

body.elderly-mode .main-right2-a {
    width: auto !important; /* 取消固定宽度 */
    margin-top: 15px !important; /* 增加上边距 */
    margin-left: 0 !important; /* 取消左边距 */
}

body.elderly-mode .main-right2-a a {
    font-size: var(--elderly-font-size) !important;
    padding: 10px 20px !important; /* 增加按钮内边距 */
    line-height: 1.8 !important;
    display: inline-block !important;
}

/* 黑白模式下产品列表区域优化 */
body.elderly-mode.elderly-theme-high-contrast .main-right2-item {
    border: 2px solid #ffffff !important; /* 白色边框 */
    background-color: #000000 !important; /* 黑色背景 */
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2) !important; /* 白色阴影 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right2-item-table table.table tr {
    background-color: #1a1a1a !important; /* 深色背景 */
    border: 1px solid #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right2-item-table table.table tr td h1,
body.elderly-mode.elderly-theme-high-contrast .main-right2-item-table table.table tr td h3 {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right2-item-table table.table tr td h2 {
    color: #ffffff !important; /* 白色文字 */
    font-weight: bold !important; /* 加粗突出 */
}

/* 优化图形模式产品列表 - 改为一行一个产品 */
body.elderly-mode .main-right3 ul {
    margin-left: 0 !important; /* 取消左边距 */
}

body.elderly-mode .main-right3 li {
    float: none !important; /* 取消浮动 */
    width: 100% !important; /* 占满宽度，一行一个 */
    margin-left: 0 !important; /* 取消左边距 */
    margin-bottom: 30px !important; /* 增加产品项之间的间距 */
    padding: 25px !important; /* 增加内边距 */
    height: auto !important; /* 取消固定高度，允许内容自适应 */
    border: 2px solid #ddd !important; /* 添加明显的边框 */
    border-radius: 8px !important; /* 圆角 */
    background-color: #ffffff !important; /* 白色背景 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important; /* 添加阴影效果 */
    position: relative !important; /* 相对定位 */
    overflow: hidden !important; /* 防止内容溢出 */
    display: block !important; /* 块级显示 */
}

body.elderly-mode .main-right3 li h1 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important; /* 增加行高 */
    margin-bottom: 15px !important; /* 增加标题下方间距 */
    word-wrap: break-word !important; /* 允许长标题换行 */
    overflow-wrap: break-word !important;
    color: #333 !important;
}

body.elderly-mode .main-right3-box {
    margin-top: 15px !important; /* 增加上边距 */
    padding: 15px 0 !important; /* 增加内边距 */
}

body.elderly-mode .main3-right3-yuan {
    width: auto !important; /* 取消固定宽度 */
    min-width: 120px !important; /* 设置最小宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: 120px !important; /* 设置最小高度 */
    border-radius: 8px !important; /* 改为圆角矩形，更易读 */
    border: 2px solid #ddd !important; /* 边框 */
    text-align: center !important;
    padding: 20px !important; /* 增加内边距 */
    margin-left: 0 !important; /* 取消左边距 */
    margin-bottom: 15px !important; /* 增加下边距 */
    float: none !important; /* 取消浮动 */
    display: block !important; /* 块级显示 */
    background-color: #f9f9f9 !important; /* 浅灰色背景 */
}

body.elderly-mode .main3-right3-yuan h3 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    color: #666 !important;
    margin-bottom: 10px !important;
}

body.elderly-mode .main3-right3-yuan h2 {
    font-size: calc(var(--elderly-font-size) * 1.25) !important; /* 稍微放大 */
    line-height: 1.8 !important;
    color: #c31c13 !important;
    margin-top: 10px !important;
}

body.elderly-mode .main-right3-con {
    overflow: visible !important; /* 允许内容显示 */
    padding-top: 0 !important; /* 取消顶部内边距 */
    margin-top: 15px !important; /* 增加上边距 */
}

body.elderly-mode .main-right3-con h2 {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    color: #f39700 !important;
    margin-bottom: 10px !important;
}

body.elderly-mode .main-right3-con-p {
    font-size: var(--elderly-font-size) !important;
    line-height: 1.8 !important;
    height: auto !important; /* 取消固定高度，显示完整内容 */
    overflow: visible !important; /* 允许内容显示 */
    color: #666 !important;
    margin-top: 10px !important;
}

body.elderly-mode .main-right3 li .main-right2-a {
    margin-top: 15px !important; /* 增加上边距 */
    margin-left: auto !important; /* 自动左边距，实现居中 */
    margin-right: auto !important; /* 自动右边距，实现居中 */
    width: auto !important; /* 取消固定宽度 */
    text-align: center !important; /* 文本居中 */
    display: block !important; /* 块级显示，确保居中生效 */
}

body.elderly-mode .main-right3 li .main-right2-a a {
    font-size: var(--elderly-font-size) !important;
    padding: 12px 30px !important; /* 增加按钮内边距，确保按钮足够大 */
    line-height: 1.6 !important; /* 使用相对行高，避免变形 */
    display: inline-block !important;
    min-width: 120px !important; /* 设置最小宽度，避免按钮过小 */
    height: auto !important; /* 取消固定高度，允许自适应 */
    min-height: calc(46px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    background-color: #333333 !important; /* 深灰色背景 */
    color: #ffffff !important; /* 白色文字 */
    border: 2px solid #333333 !important; /* 深灰色边框 */
    border-radius: 4px !important; /* 圆角 */
    text-decoration: none !important; /* 移除下划线 */
    transition: all 0.3s ease !important; /* 过渡效果 */
    text-align: center !important; /* 文字居中 */
    box-sizing: border-box !important; /* 使用边框盒模型 */
}

body.elderly-mode .main-right3 li .main-right2-a a:hover {
    background-color: #000000 !important; /* 悬停时黑色背景 */
    border-color: #000000 !important; /* 悬停时黑色边框 */
    color: #ffffff !important; /* 悬停时保持白色文字 */
}

/* 黑白模式下查看详情按钮 - 确保文字可见 */
body.elderly-mode.elderly-theme-high-contrast .main-right3 li .main-right2-a a {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border: 2px solid #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right3 li .main-right2-a a:hover {
    background-color: #000000 !important; /* 悬停时保持黑色背景 */
    border-color: #ffffff !important; /* 悬停时保持白色边框 */
    color: #ffffff !important; /* 悬停时保持白色文字 */
}

/* 黑白模式下图形模式产品列表优化 */
body.elderly-mode.elderly-theme-high-contrast .main-right3 li {
    border: 2px solid #ffffff !important; /* 白色边框 */
    background-color: #000000 !important; /* 黑色背景 */
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.2) !important; /* 白色阴影 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right3 li h1 {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main3-right3-yuan {
    border: 2px solid #ffffff !important; /* 白色边框 */
    background-color: #1a1a1a !important; /* 深色背景 */
}

body.elderly-mode.elderly-theme-high-contrast .main3-right3-yuan h3 {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main3-right3-yuan h2 {
    color: #ffffff !important; /* 白色文字 */
    font-weight: bold !important; /* 加粗突出 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right3-con h2 {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right3-con-p {
    color: #ffffff !important; /* 白色文字 */
}

/* 老年模式下禁用列表模式，仅保留图形模式 */
body.elderly-mode #lt {
    display: none !important; /* 隐藏列表模式/图形模式切换按钮 */
}

body.elderly-mode .main-right-div-wp .main-right-div:first-child {
    display: none !important; /* 隐藏列表模式内容（.main-right2） */
}

body.elderly-mode .main-right-div-wp .main-right-div:last-child {
    display: block !important; /* 显示图形模式内容（.main-right3） */
}

/* 优化公告检索表单区域 - 修复字体放大时的变形 */
body.elderly-mode .main-right-xinxi1-form {
    padding: 25px !important; /* 增加内边距 */
}

body.elderly-mode .main-right-xinxi1-form-dl dl {
    margin-left: 0 !important; /* 取消左边距 */
}

body.elderly-mode .main-right-xinxi1-form-dl dd {
    float: none !important; /* 取消浮动 */
    width: 100% !important; /* 占满宽度，一行一个字段 */
    margin-left: 0 !important; /* 取消左边距 */
    margin-bottom: 20px !important; /* 增加字段间距 */
    padding-left: 0 !important; /* 取消左边距 */
    position: relative !important; /* 相对定位 */
    display: block !important; /* 块级显示 */
}

body.elderly-mode .main-right-xinxi1-form-dl dd:last-child {
    margin-bottom: 0 !important; /* 最后一个字段取消下边距 */
}

body.elderly-mode .main-right-xinxi1-form-dl dd span {
    position: static !important; /* 取消绝对定位 */
    display: block !important; /* 块级显示 */
    width: auto !important; /* 取消固定宽度 */
    height: auto !important; /* 取消固定高度 */
    line-height: 1.8 !important; /* 使用相对行高 */
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    color: #333 !important;
    margin-bottom: 8px !important; /* 增加标签和输入框之间的间距 */
}

body.elderly-mode .xinxi1-input {
    width: 100% !important; /* 占满宽度 */
}

body.elderly-mode .xinxi1-input .form-control {
    width: 100% !important; /* 占满宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(34px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    padding: calc(6px * var(--elderly-font-size) / 16px) calc(12px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.6 !important; /* 使用相对行高 */
    border: 1px solid #ddd !important;
    border-radius: 4px !important; /* 圆角 */
    box-sizing: border-box !important; /* 使用边框盒模型 */
}

body.elderly-mode .main-right-xinxi1-form-btn {
    border-top: 1px solid #e8e8e8 !important;
    padding-top: 25px !important; /* 增加上内边距 */
    margin-top: 20px !important; /* 增加上边距 */
    text-align: center !important;
    font-size: 0 !important; /* 保持原有样式，避免空格影响 */
    line-height: normal !important;
}

body.elderly-mode .main-right-xinxi1-form-btn input {
    width: auto !important; /* 取消固定宽度 */
    min-width: 120px !important; /* 设置最小宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(40px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    padding: calc(8px * var(--elderly-font-size) / 16px) calc(20px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.6 !important; /* 使用相对行高 */
    border: 0 !important;
    background-color: #c61000 !important;
    color: #fff !important;
    cursor: pointer !important;
    border-radius: 4px !important; /* 圆角 */
    box-sizing: border-box !important; /* 使用边框盒模型 */
    display: inline-block !important; /* 内联块级显示 */
    vertical-align: middle !important; /* 垂直居中 */
}

body.elderly-mode .main-right-xinxi1-form-btn input[type="reset"] {
    margin-left: 15px !important; /* 增加按钮间距 */
    background-color: #898989 !important;
}

/* 黑白模式下表单区域优化 */
body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi1-form-dl dd span {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .xinxi1-input .form-control {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .xinxi1-input .form-control:focus {
    background-color: #000000 !important; /* 聚焦时保持黑色背景 */
    color: #ffffff !important; /* 聚焦时保持白色文字 */
    border-color: #ffffff !important; /* 聚焦时保持白色边框 */
    outline: 2px solid #ffffff !important; /* 白色外边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi1-form-btn input {
    background-color: #ffffff !important; /* 白色背景 */
    color: #000000 !important; /* 黑色文字 */
    border: 2px solid #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi1-form-btn input:hover {
    background-color: #ffffff !important; /* 悬停时保持白色背景 */
    color: #000000 !important; /* 悬停时保持黑色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi1-form-btn input[type="reset"] {
    background-color: #666666 !important; /* 深灰色背景 */
    color: #ffffff !important; /* 白色文字 */
    border: 2px solid #ffffff !important; /* 白色边框 */
}

/* 优化公告列表表格区域 - 修复字体放大时的变形 */
body.elderly-mode .main-right-xinxi2-table {
    overflow-x: auto !important; /* 允许横向滚动 */
    margin-top: 20px !important; /* 增加上边距 */
}

body.elderly-mode .main-right-xinxi2-table table.table {
    width: 100% !important; /* 占满宽度 */
    border-collapse: collapse !important;
}

body.elderly-mode .main-right-xinxi2-table table.table tr th {
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.8 !important; /* 使用相对行高 */
    padding: calc(12px * var(--elderly-font-size) / 16px) calc(8px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    text-align: center !important;
    border: 1px solid #ddd !important; /* 添加边框 */
    background-color: #f5f5f5 !important; /* 表头背景色 */
    font-weight: bold !important; /* 加粗 */
}

body.elderly-mode .main-right-xinxi2-table table.table tr td {
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.8 !important; /* 使用相对行高 */
    padding: calc(12px * var(--elderly-font-size) / 16px) calc(8px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    text-align: center !important;
    border: 1px solid #ddd !important; /* 添加边框 */
    word-wrap: break-word !important; /* 允许长文本换行 */
    overflow-wrap: break-word !important;
}

body.elderly-mode .main-right-xinxi2-table table.table tr td a {
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.8 !important; /* 使用相对行高 */
    color: #333 !important;
    text-decoration: underline !important; /* 添加下划线 */
}

body.elderly-mode .main-right-xinxi2-table table.table tr td a:hover {
    color: #c61000 !important;
}

/* 黑白模式下表格优化 */
body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi2-table table.table tr th {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi2-table table.table tr td {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi2-table table.table tr td a {
    color: #ffffff !important; /* 白色文字 */
}

body.elderly-mode.elderly-theme-high-contrast .main-right-xinxi2-table table.table tr td a:hover {
    color: #ffffff !important; /* 悬停时保持白色文字 */
    text-decoration: underline !important; /* 保持下划线 */
}

/* =========================
   意见建议/授信申请表单区域修复
   ========================= */

/* 表单容器 */
body.elderly-mode .tousu {
    padding: calc(25px * var(--elderly-font-size) / 16px) calc(30px * var(--elderly-font-size) / 16px) 0 calc(30px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
}

/* 表单组布局优化 - 单列布局 */
body.elderly-mode .tousu .form-group {
    margin-bottom: 25px !important; /* 增加字段间距 */
    display: block !important; /* 块级显示 */
    width: 100% !important; /* 占满宽度 */
}

/* 表单标签区域 */
body.elderly-mode .tousu .form-group .col-sm-3,
body.elderly-mode .tousu .form-group .col-sm-7,
body.elderly-mode .tousu .form-group .col-sm-9,
body.elderly-mode .tousu .form-group .col-sm-12 {
    float: none !important; /* 取消浮动 */
    width: 100% !important; /* 占满宽度 */
    padding-left: 0 !important; /* 取消左边距 */
    padding-right: 0 !important; /* 取消右边距 */
    margin-bottom: 10px !important; /* 增加间距 */
}

/* 表单标题（标签） */
body.elderly-mode .tousu-title {
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(40px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    line-height: 1.8 !important; /* 使用相对行高 */
    margin-bottom: 10px !important; /* 增加标签和输入框之间的间距 */
    color: #333 !important;
    font-weight: bold !important; /* 加粗标签 */
    display: block !important; /* 块级显示 */
    text-align: left !important; /* 左对齐（覆盖原版的右对齐） */
    padding: 0 !important; /* 取消内边距 */
}

/* 输入框容器 */
body.elderly-mode .tousu-input {
    width: 100% !important; /* 占满宽度 */
    position: relative !important; /* 相对定位 */
}

/* 输入框图标位置调整 */
body.elderly-mode .tousu-input i.icoii {
    width: calc(16px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整图标宽度 */
    height: calc(16px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整图标高度 */
    right: calc(13px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整右侧位置 */
    margin-top: calc(-8px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整垂直居中 */
}

body.elderly-mode .tousu-input i.icoii.icoii1 {
    top: calc(11px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整文本域图标位置 */
    margin-top: 0 !important;
}

/* 输入框和文本域 */
body.elderly-mode .tousu-input .form-control {
    width: 100% !important; /* 占满宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(40px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    padding: calc(8px * var(--elderly-font-size) / 16px) calc(45px * var(--elderly-font-size) / 16px) calc(8px * var(--elderly-font-size) / 16px) calc(12px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距，右侧留出图标空间 */
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.6 !important; /* 使用相对行高 */
    border: 1px solid #dcba72 !important; /* 保持原版边框颜色 */
    border-radius: 5px !important; /* 保持原版圆角 */
    box-sizing: border-box !important; /* 使用边框盒模型 */
}

/* 文本域特殊处理 */
body.elderly-mode .tousu-input textarea.form-control {
    min-height: calc(150px * var(--elderly-font-size) / 16px) !important; /* 文本域最小高度，根据字体大小调整 */
    padding: calc(9px * var(--elderly-font-size) / 16px) calc(45px * var(--elderly-font-size) / 16px) calc(9px * var(--elderly-font-size) / 16px) calc(12px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距，右侧留出图标空间 */
    resize: vertical !important; /* 允许垂直调整大小 */
}

/* 提交按钮区域 */
body.elderly-mode .tousu-btn {
    text-align: center !important; /* 居中 */
    margin-top: 30px !important; /* 增加上边距 */
    padding: 0 !important;
}

/* 提交按钮 */
body.elderly-mode .tousu-btn input[type="button"] {
    min-width: calc(150px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小宽度 */
    height: auto !important; /* 取消固定高度 */
    min-height: calc(45px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整最小高度 */
    padding: calc(10px * var(--elderly-font-size) / 16px) calc(30px * var(--elderly-font-size) / 16px) !important; /* 根据字体大小调整内边距 */
    font-size: var(--elderly-font-size) !important; /* 跟随老年版字体大小 */
    line-height: 1.6 !important; /* 使用相对行高 */
    border: 2px solid #c61000 !important;
    border-radius: 4px !important; /* 圆角 */
    background-color: #c61000 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    box-sizing: border-box !important; /* 使用边框盒模型 */
    transition: all 0.3s ease !important; /* 过渡效果 */
}

body.elderly-mode .tousu-btn input[type="button"]:hover {
    background-color: #a00d00 !important;
    border-color: #a00d00 !important;
}

/* 黑白模式下的表单样式 */
body.elderly-mode.elderly-theme-high-contrast .tousu-title {
    color: #ffffff !important; /* 白色文字 */
    background-color: transparent !important;
}

body.elderly-mode.elderly-theme-high-contrast .tousu-input .form-control {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .tousu-input .form-control:focus {
    outline: 2px solid #ffffff !important; /* 白色焦点边框 */
    outline-offset: 2px !important;
}

body.elderly-mode.elderly-theme-high-contrast .tousu-btn input[type="button"] {
    background-color: #000000 !important; /* 黑色背景 */
    color: #ffffff !important; /* 白色文字 */
    border-color: #ffffff !important; /* 白色边框 */
}

body.elderly-mode.elderly-theme-high-contrast .tousu-btn input[type="button"]:hover {
    background-color: #333333 !important;
    border-color: #ffffff !important;
}

/* 护眼模式下的表单样式 */
body.elderly-mode.elderly-theme-eye-care .tousu-title {
    color: #000000 !important; /* 黑色文字 */
    background-color: transparent !important;
}

body.elderly-mode.elderly-theme-eye-care .tousu-input .form-control {
    background-color: #f7f2e8 !important; /* 护眼背景色 */
    color: #000000 !important; /* 黑色文字 */
    border-color: #8b4513 !important; /* 棕色边框 */
}

body.elderly-mode.elderly-theme-eye-care .tousu-input .form-control:focus {
    outline: 2px solid #8b4513 !important; /* 棕色焦点边框 */
    outline-offset: 2px !important;
}

body.elderly-mode.elderly-theme-eye-care .tousu-btn input[type="button"] {
    background-color: #8b4513 !important; /* 棕色背景 */
    color: #f7f2e8 !important; /* 护眼背景色文字 */
    border-color: #8b4513 !important; /* 棕色边框 */
}

body.elderly-mode.elderly-theme-eye-care .tousu-btn input[type="button"]:hover {
    background-color: #6b3410 !important;
    border-color: #6b3410 !important;
}