/* Verified data-page readability; preserve original layout and brand. */
#app{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
#app .SmartBigData{font-size:16px}
#app .SmartBigData .el-table,#app .SmartBigData .el-table th,#app .SmartBigData .el-table td,#app .SmartBigData .el-table .cell{font-size:16px!important;line-height:1.65!important}
#app .SmartBigData .el-table .cell{padding:8px 10px!important;word-break:normal;overflow-wrap:anywhere}
#app .SmartBigData .el-form-item__label,#app .SmartBigData .el-input__inner,#app .SmartBigData .el-select__placeholder,#app .SmartBigData .el-radio__label,#app .SmartBigData .el-checkbox__label{font-size:15px!important}
#app .SmartBigData .el-pagination,#app .SmartBigData .el-pagination button,#app .SmartBigData .el-pager li{font-size:14px!important;min-width:32px;min-height:32px;line-height:32px}

/* Login typography: preserve original composition, keep controls readable. */
#app .login .form-container{font-size:16px;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
#app .login .el-input__inner{font-size:16px!important;font-family:inherit!important;height:44px!important;line-height:44px!important;padding-left:32px!important}
#app .login .el-input__icon{height:44px!important;line-height:44px!important;font-size:16px!important}
#app .login .el-button{font-size:16px!important;font-family:inherit!important;min-height:40px!important;padding:10px 14px!important}
#app .login .el-button span{font-size:16px!important;line-height:1.25!important}
#app .login .str,#app .login .str span{font-size:14px!important;line-height:1.7!important;font-family:inherit!important}
#app .login .icon-fanhui1{font-size:16px!important;line-height:1.5!important}
#app .login .el-form-item__error{font-size:14px!important;line-height:1.4!important}

#app .login .el-input__inner::placeholder{font-size:16px!important;color:#64748b!important;opacity:1!important}
#app .login .el-select .el-input__inner::placeholder{font-size:14px!important}
#app .login .codeBtn{width:128px!important;min-width:128px!important}
#app .login .el-input--suffix .el-input__inner{padding-right:142px!important}
#app .login .el-select .el-input__inner{padding-right:32px!important}
#app .login .left{top:50%!important;transform:translateY(-50%)!important;height:auto!important;max-height:calc(100vh - 48px)!important;overflow:auto}
#app .login .form-container{height:auto!important;min-height:0!important;padding:40px!important;box-sizing:border-box!important}

/* Registration: readable controls, original brand palette and balanced spacing. */
#app .register .form-container{font-size:16px;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;height:auto!important;min-height:0!important;padding:28px 40px!important;box-sizing:border-box!important}
#app .register .left{top:50%!important;transform:translateY(-50%)!important;height:auto!important;max-height:calc(100vh - 32px)!important;overflow:auto}
#app .register .logo{margin-bottom:24px!important}
#app .register .el-form-item{margin-bottom:12px!important}
#app .register .el-input__inner{font-size:16px!important;font-family:inherit!important;height:44px!important;line-height:44px!important;padding-left:20px!important}
#app .register .el-input__inner::placeholder{font-size:16px!important;color:#64748b!important;opacity:1!important}
#app .register .el-input__icon{height:44px!important;line-height:44px!important;font-size:16px!important}
#app .register .el-button{font-size:16px!important;font-family:inherit!important;min-height:44px!important;padding:10px 14px!important}
#app .register .el-button span{font-size:16px!important;line-height:1.25!important}
#app .register .codeBtn{width:128px!important;min-width:128px!important}
#app .register .el-input--suffix .el-input__inner{padding-right:142px!important}
#app .register .el-select .el-input__inner{padding-right:32px!important}
#app .register .str,#app .register .str span{font-size:14px!important;line-height:1.7!important;font-family:inherit!important}
#app .register .str{margin:12px 0 0!important}
#app .register .el-form-item__error{font-size:14px!important;line-height:1.4!important}
@media(max-width:767px){
 #app .login,#app .register{width:100%!important;height:auto!important;min-height:100vh!important;min-height:100svh!important;padding:24px 16px!important;box-sizing:border-box!important;background-size:cover!important;background-position:center!important}
 #app .login .left,#app .register .left{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:520px!important;height:auto!important;max-height:none!important;margin:0 auto!important;overflow:visible!important}
 #app .login .form-container,#app .register .form-container{padding:24px!important;width:100%!important;box-sizing:border-box!important}
 #app .login .logo,#app .register .logo{max-width:100%!important;height:auto!important;min-height:64px!important;margin-bottom:24px!important}
 #app .login .logo img,#app .register .logo img{max-width:100%!important;height:auto!important}
 #app .login .el-button,#app .register .el-button{min-height:44px!important}
}

/* Element select menus are teleported outside #app; keep their options readable. */
.el-select-dropdown__item,.el-select-dropdown__item span{font-size:16px!important}
.el-select-dropdown__item{height:40px!important;line-height:40px!important;padding:0 16px!important}
.el-select-dropdown__list{padding:6px 0!important}
.el-select-dropdown .el-scrollbar__wrap{max-height:240px!important}
#app .login input:focus,#app .register input:focus{outline:2px solid #2f60ec!important;outline-offset:2px!important}
