:root{--app-bg-page: #f8f0e3;--app-bg-card: #ffffff;--app-bg-muted: #fefcf9;--app-border-soft: #f0ebe4;--app-text-primary: #333333;--app-text-secondary: #666666;--app-text-muted: #888888;--app-shadow-card: 0 8px 28px rgba(115, 35, 26, .08);--app-radius-lg: 16px;--app-radius-md: 12px;--app-gradient-header: linear-gradient( 165deg, #73231a 0%, #5a1c14 48%, #8b3a32 100% );--el-color-primary: #73231a;--el-color-primary-light-3: #954a42;--el-color-primary-light-5: #b06d66;--el-color-primary-light-7: #cca9a5;--el-color-primary-light-8: #dcbfbb;--el-color-primary-light-9: #f0e8e6;--el-color-primary-dark-2: #5c1d16;--el-menu-active-color: #73231a;--el-menu-hover-text-color: #73231a;--el-menu-hover-bg-color: rgba(115, 35, 26, .06)}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--app-text-primary);background-color:var(--app-bg-page);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--app-bg-page);color:var(--app-text-primary)}#app{min-height:100vh;width:100%;max-width:none;margin:0;padding:0}a{color:var(--el-color-primary)}a:hover{color:var(--el-color-primary-dark-2)}:root{--app-header-h: 60px}.app-admin-page{padding:0 0 12px;box-sizing:border-box;max-width:100%}.app-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px}.page-body-container .el-card .el-divider{border-color:var(--app-border-soft)}.page-body-container .el-table{--el-table-border-color: var(--app-border-soft);--el-table-header-bg-color: var(--app-bg-muted)}.page-body-container .el-table th.el-table__cell{font-weight:600;color:var(--app-text-secondary)}.page-body-container .el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary)!important}.welcome-dashboard{padding:4px 0 16px}.welcome-stat-card{background:var(--app-bg-card);border:1px solid var(--app-border-soft);border-radius:var(--app-radius-md);padding:16px 14px;box-shadow:var(--app-shadow-card);box-sizing:border-box;height:100%;min-height:96px}.frame-nav-drawer .el-drawer__body{padding:12px 8px 24px;background:var(--app-bg-muted)}.frame-menu-btn{display:none;flex-shrink:0;color:#fff!important;font-size:20px}.app-frame-header__left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.app-frame-header__left h1{margin:0}@media (max-width: 991.98px){.frame-menu-btn{display:inline-flex!important}.page-body-container .el-main{padding:8px!important}.page-body-container .frame-aside-desktop{display:none!important}.page-body-container .el-main .el-card{border-radius:var(--app-radius-md)!important;min-height:auto!important}.page-body-container .el-main .el-card .el-card__body{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 10px}.page-body-container .el-breadcrumb{font-size:13px}}@media (max-width: 575.98px){.page-body-container .el-header{padding:0 10px!important}.page-body-container .el-header h1{font-size:15px!important;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-body-container .header-user-text{display:none}.welcome-stat-card{padding:12px}}.page-body-container .pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:12px}@media (max-width: 575.98px){.el-overlay-dialog .el-dialog{width:92vw!important;max-width:92vw!important;margin:2vh auto!important}.el-dialog__body{max-height:min(70vh,520px);overflow-y:auto}}html body .el-overlay.is-message-box .el-overlay-message-box{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:16px!important;overflow:auto!important;text-align:center!important}html body .el-overlay.is-message-box .el-overlay-message-box:after{display:none!important;content:none!important;width:0!important;height:0!important}html body .el-overlay.is-message-box .el-message-box{margin:0!important;max-width:min(420px,calc(100vw - 32px))!important;flex-shrink:0}html body .el-message-box.cos-msgbox-viewport-center{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(420px,calc(100vw - 32px))!important;max-width:min(420px,calc(100vw - 32px))!important}
