/* 世通家谱 2.5 - elder mode and content-editor shell */
.elder-mode{font-size:19px!important;line-height:1.8!important}
.elder-mode p,.elder-mode li,.elder-mode label,.elder-mode .muted,.elder-mode .sub,
.elder-mode .notice,.elder-mode .help-card p,.elder-mode .side-link,
.elder-mode .table-wrap td,.elder-mode .table-wrap th{font-size:17px!important;line-height:1.8!important}
.elder-mode input:not([type=checkbox]):not([type=radio]),.elder-mode select,.elder-mode textarea{font-size:18px!important;min-height:54px!important}
.elder-mode .btn,.elder-mode button{font-size:17px!important;min-height:50px!important}
.elder-mode .side-link{padding-top:16px!important;padding-bottom:16px!important}
.mobile-body.elder-mode{font-size:19px!important}
.mobile-body.elder-mode .m-topbar{height:76px!important;padding-left:18px!important;padding-right:18px!important}
.mobile-body.elder-mode .m-brand{font-size:21px!important;gap:12px!important}
.mobile-body.elder-mode .m-brand-icon{width:42px!important;height:42px!important;font-size:24px!important}
.mobile-body.elder-mode .m-top-actions button,
.mobile-body.elder-mode .m-top-actions .m-vip-chip{min-height:48px!important;padding:10px 16px!important;font-size:16px!important}
.mobile-body.elder-mode .m-content{padding:20px 16px 142px!important;font-size:19px!important;line-height:1.85!important}
.mobile-body.elder-mode .m-content p,
.mobile-body.elder-mode .m-content li,
.mobile-body.elder-mode .m-content label,
.mobile-body.elder-mode .m-content .m-muted,
.mobile-body.elder-mode .m-content .muted,
.mobile-body.elder-mode .m-content .m-row-main small,
.mobile-body.elder-mode .m-content .m-kpi small,
.mobile-body.elder-mode .m-content .m-section-head span{font-size:17px!important;line-height:1.85!important}
.mobile-body.elder-mode .m-content h1{font-size:32px!important;line-height:1.4!important}
.mobile-body.elder-mode .m-content h2{font-size:24px!important;line-height:1.5!important}
.mobile-body.elder-mode .m-content h3{font-size:21px!important;line-height:1.5!important}
.mobile-body.elder-mode .m-hero{padding:25px 22px!important}
.mobile-body.elder-mode .m-hero h1{font-size:34px!important;line-height:1.45!important}
.mobile-body.elder-mode .m-btn,
.mobile-body.elder-mode .m-content button,
.mobile-body.elder-mode .m-content .btn{font-size:17px!important;min-height:54px!important;padding:13px 17px!important}
.mobile-body.elder-mode .m-form input:not([type=checkbox]):not([type=radio]),
.mobile-body.elder-mode .m-form select,
.mobile-body.elder-mode .m-form textarea,
.mobile-body.elder-mode .m-search input{font-size:18px!important;min-height:56px!important;padding:15px!important}
.mobile-body.elder-mode .m-form textarea{min-height:180px!important}
.mobile-body.elder-mode .m-card,
.mobile-body.elder-mode .m-form-card,
.mobile-body.elder-mode .m-article-card{padding:20px!important}
.mobile-body.elder-mode .m-bottom-nav{min-height:94px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important}
.mobile-body.elder-mode .m-nav-item{font-size:14px!important;line-height:1.4!important;gap:7px!important}
.mobile-body.elder-mode .m-nav-item .nav-icon{font-size:25px!important;line-height:1.2!important}
.mobile-body.elder-mode .m-row{min-height:68px!important}
.mobile-body.elder-mode .m-help-row{padding:17px 12px!important;gap:14px!important}
.mobile-body.elder-mode .m-help-row b{font-size:17px!important}
.mobile-body.elder-mode .m-help-row small{font-size:14px!important;line-height:1.6!important}
.mobile-body.elder-mode .m-editor-nav .m-nav-item{font-size:15px!important}
@media(min-width:700px){
 .mobile-body.elder-mode .m-app{max-width:620px!important}
 .mobile-body.elder-mode .m-content{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:390px){
 .mobile-body.elder-mode .m-form-two{grid-template-columns:1fr!important}
 .mobile-body.elder-mode .m-content h1{font-size:29px!important}
 .mobile-body.elder-mode .m-hero h1{font-size:30px!important}
}