/* Mobile layout follows the archived H5 proportions; desktop styles are unchanged. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:767px){
 html,body{height:auto!important;min-height:100%}
 #app{height:auto!important;min-height:100vh;overflow:visible!important}
 body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
 .page-nav-white{opacity:0!important;pointer-events:none}
 .page-nav{opacity:1!important;pointer-events:auto}
 body.scrolled .page-nav-white{opacity:1!important;pointer-events:auto}
 body.scrolled .page-nav{opacity:0!important;pointer-events:none}
 .page-bg .page-user .user-info{min-width:0}
 .page-bg .page-user .user-info .nickname{font-size:.48rem;line-height:1.5}
 .float-contact{top:50%;gap:.08rem}
 .float-contact button{width:2.32rem;height:.93rem;font-size:.32rem;border-radius:.2rem}
 .searchbar input,.modal-body input,.modal-body textarea,.modal-body select{font-size:16px!important}
 .search-open .searchbar{box-sizing:border-box}
 .modal-body input:not([type=checkbox]){min-height:40px}
 dialog{max-height:calc(100dvh - 24px)}
 .modal-body{max-height:calc(100dvh - 80px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .modal-actions button,.modal-body form>button{min-height:44px}
 dialog.notice-replica{width:86vw;max-width:86vw;max-height:calc(100dvh - 32px);margin:auto;border-radius:var(--notice-radius,14px);display:flex;flex-direction:column}
 dialog.notice-replica:not([open]){display:none}
 .notice-replica .announcement-head{height:64px;min-height:64px;flex-shrink:0;font-size:var(--notice-title-size,20px)}
 .notice-replica .announcement-body{min-height:0;max-height:none;overflow:auto;padding:18px 16px;flex:1;overscroll-behavior:contain;line-height:calc(var(--notice-line-height,1.9) * .895)}
 .notice-replica .announcement-body p{margin:10px 0 11px}
 .notice-replica .announcement-body .indented{margin-left:36px;margin-right:24px}
 .notice-replica .announcement-footer{flex-shrink:0;padding:16px 18px 16px}
 .notice-replica .announcement-footer button{font-weight:600;min-height:32px;min-width:88px}
 .notice-replica .close{width:24px;height:24px}
 .page-list .classification_fl_box .classification_fl_leng[data-v-5371129e]{min-height:1.92rem}
 body:has(dialog[open]){overflow:hidden}
}