@morningfast/platform 0.0.10 → 0.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/main/style.css +4 -4
- package/dist/assets/sub/style.css +1 -1
- package/dist/chunks/Login-BKuPkkY9.js +242 -0
- package/dist/chunks/{SystemConfig-C7yyDmB8.js → SystemConfig-DGZUwXWB.js} +1 -1
- package/dist/chunks/{main-BRpmAK9d.js → main-BVdwJu-s.js} +580 -513
- package/dist/chunks/{route-items-DZFRXefX.js → route-items-84k92f3O.js} +192 -165
- package/dist/chunks/system-DZaKDrG6.js +160 -0
- package/dist/index.js +8 -8
- package/dist/main/index.d.ts +3 -0
- package/dist/main/layouts/components/AppBrandLogo.vue.d.ts +14 -0
- package/dist/main/stores/app.d.ts +12 -3
- package/dist/main.js +6 -6
- package/dist/sub.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/Login-BivuNuD7.js +0 -209
- package/dist/chunks/system-BbMsTIBR.js +0 -160
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f5f7fa;--app-surface:#ffffffeb;--app-surface-solid:#fff;--app-sidebar-bg:#fff;--app-sidebar-text:#3b4552;--app-shadow:0 18px 40px #0f172a14;--app-top-menu-active:#409eff1f;color:#1f2329;background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}html.dark{--app-bg:#0f1115;--app-surface:#181b21eb;--app-surface-solid:#181b21;--app-sidebar-bg:#11141a;--app-sidebar-text:#d7dce4;--app-shadow:0 18px 40px #00000047;--app-top-menu-active:#409eff2e}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:99999}html.dark::view-transition-old(root){z-index:99999}html.dark::view-transition-new(root){z-index:1}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #409eff14, transparent 28%), var(--app-bg);min-width:1280px}a{color:inherit;text-decoration:none}#nprogress .bar{background:var(--el-color-primary)}.app-layout{height:100vh;overflow:hidden}.app-layout>.el-container{min-height:0}.app-layout__aside{border-right:1px solid var(--el-border-color-lighter);background:var(--app-sidebar-bg);box-shadow:none;transition:width .2s;overflow:hidden}.app-layout__aside .el-scrollbar{height:100vh}.app-layout__aside.is-mix-mode .el-scrollbar{height:calc(100vh - 64px)}.app-layout__aside .el-menu{border-right:0}.app-layout__aside .el-menu--collapse{width:72px}.app-layout__brand{border-bottom:1px solid var(--el-border-color-lighter);align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.app-layout__brand-image{object-fit:contain;transition:width .24s,transform .24s,opacity .18s;display:block}.app-layout__brand-image--expanded{width:158px;transform:translate(0)}.app-layout__brand-image--collapsed{width:40px}.brand-fade-enter-active,.brand-fade-leave-active{transition:opacity .18s,transform .24s}.brand-fade-enter-from,.brand-fade-leave-to{opacity:0;transform:translate(12px)}.app-layout__header{--app-header-action-color:var(--el-text-color-regular);--app-header-action-hover-color:var(--el-color-primary);--app-header-action-hover-bg:color-mix(in srgb, var(--el-color-primary) 8%, transparent);--app-header-collapse-color:var(--el-text-color-primary);--app-header-collapse-hover-color:var(--el-text-color-primary);border-bottom:1px solid var(--el-border-color-lighter);background:var(--app-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.app-layout__header-brand{cursor:pointer;flex:none;align-items:center;height:64px;display:flex}.app-layout__header-brand-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:40px;display:block}.app-layout__header-left,.app-layout__header-right{align-items:center;gap:16px;display:flex}.app-layout__header-left{flex:auto;align-items:center;min-width:0;display:flex}.app-layout__header-left .el-breadcrumb{white-space:nowrap;align-items:center;min-width:0;display:flex}.app-layout__header-left .el-breadcrumb__item{align-items:center;min-width:0;display:inline-flex}.app-layout__header-left .el-breadcrumb__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-layout__header-search{flex:0 420px;justify-content:center;align-items:center;min-width:0;display:flex}.app-layout__header-search--top{flex-basis:320px;justify-content:flex-start;margin-left:12px}.app-layout__header-search--side{margin-left:18px}.app-layout__header-right{flex:none;gap:10px}.app-layout__header-tool-btn,.app-layout__header-tool-icon{transition:transform .18s,color .18s}.app-layout__header-tool-btn{appearance:none;width:36px;height:36px;color:var(--app-header-action-color);cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-layout__header-tool-btn--collapse{color:var(--app-header-collapse-color)}.app-layout__header-tool-btn:hover{color:var(--el-color-primary);transform:translateY(-1px)}.app-layout__header-tool-btn--collapse:hover{color:var(--app-header-collapse-hover-color);transform:translateY(-1px)}.app-layout__header-tool-btn:focus,.app-layout__header-tool-btn:active{background:0 0}.app-layout__header-tool-icon{transform:translateY(.5px)}.app-menu-search-trigger{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter);min-width:0;height:36px;color:var(--el-text-color-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,width .18s;display:inline-flex}.app-menu-search-trigger:hover{border-color:color-mix(in srgb, var(--el-color-primary) 40%, var(--el-border-color));background:color-mix(in srgb, var(--el-color-primary) 8%, var(--el-fill-color-lighter));color:var(--el-color-primary)}.app-menu-search-trigger--side{gap:8px;width:min(80%,560px);min-width:0;padding:0 10px}.app-menu-search-trigger--top{gap:10px;width:min(100%,320px);min-width:120px;padding:0 12px}.app-menu-search-trigger--mix{gap:10px;width:220px;padding:0 12px}.app-menu-search-trigger__text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.app-menu-search-trigger__shortcut{background:var(--app-surface-solid);min-width:48px;height:22px;color:var(--el-text-color-placeholder);border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.app-menu-search{z-index:4000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a33;position:fixed;inset:0;overflow:auto}.app-menu-search__panel{border:1px solid var(--el-border-color-light);background:var(--app-surface-solid);width:min(666px,100vw - 40px);box-shadow:var(--app-shadow);border-radius:8px;margin:7vh auto 0;overflow:hidden}.app-menu-search__control{padding:12px 12px 0}.app-menu-search__scroll{min-height:108px}.app-menu-search__section{flex-direction:column;gap:6px;padding:12px 12px 0;display:flex}.app-menu-search__list{flex-direction:column;gap:6px;display:flex;position:relative}.app-menu-search__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-menu-search__section-title{height:22px;color:var(--el-color-primary);font-size:13px;font-weight:700;line-height:22px}.app-menu-search__clear{color:var(--el-text-color-secondary);cursor:pointer;background:0 0;border:0;font-size:12px}.app-menu-search__clear:hover{color:var(--el-color-primary)}.app-menu-search-item{align-items:center;display:flex}.app-menu-search-item__main{background:var(--el-fill-color-lighter);width:100%;min-height:64px;color:var(--el-text-color-secondary);cursor:pointer;text-align:left;border:0;border-radius:6px;align-items:center;padding:10px 12px;transition:background .18s,color .18s;display:flex;position:relative}.app-menu-search-item:hover .app-menu-search-item__main,.app-menu-search-item.is-active .app-menu-search-item__main{background:var(--el-color-primary);color:#fff}.app-menu-search-item__icon{background:var(--app-surface-solid);width:34px;height:34px;color:var(--el-color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:inline-flex}.app-menu-search-item.is-active .app-menu-search-item__icon,.app-menu-search-item:hover .app-menu-search-item__icon{color:#fff;background:#ffffff2e}.app-menu-search-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.app-menu-search-item__body strong,.app-menu-search-item__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-menu-search-item__body strong{color:var(--el-text-color-primary);font-size:15px;font-weight:700}.app-menu-search-item:hover .app-menu-search-item__body strong,.app-menu-search-item.is-active .app-menu-search-item__body strong{color:#fff}.app-menu-search-item__body span{font-size:12px}.app-menu-search-item__actions{flex-shrink:0;align-items:center;gap:4px;margin-left:10px;display:inline-flex}.app-menu-search-item__enter{color:currentColor;justify-content:center;align-items:center;display:inline-flex}.app-menu-search-item__enter img{width:18px;height:18px}.app-menu-search-item__remove{color:#ffffffd1;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .18s,color .18s;display:inline-flex}.app-menu-search-item__remove:hover{color:#fff;background:#ffffff3d}.app-menu-search__empty{height:108px;color:var(--el-text-color-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.app-menu-search__footer{border-top:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter);min-height:44px;color:var(--el-text-color-secondary);align-items:center;gap:14px;margin-top:12px;padding:0 12px;font-size:13px;display:flex}.app-menu-search__footer span{align-items:center;gap:4px;display:inline-flex}.app-menu-search__footer kbd{border:1px solid var(--el-border-color);background:var(--el-bg-color);height:20px;color:var(--el-text-color-regular);border-radius:4px;align-items:center;padding:0 7px;font-family:inherit;font-size:12px;line-height:1;display:inline-flex}.app-menu-search-fade-enter-active,.app-menu-search-fade-leave-active{transition:opacity .18s}.app-menu-search-fade-enter-active .app-menu-search__panel,.app-menu-search-fade-leave-active .app-menu-search__panel{transition:transform .18s,opacity .18s}.app-menu-search-fade-enter-from,.app-menu-search-fade-leave-to{opacity:0}.app-menu-search-fade-enter-from .app-menu-search__panel{opacity:0;transform:translateY(-10px)}.app-menu-search-fade-leave-to .app-menu-search__panel{opacity:0;transform:translateY(-8px)}.app-menu-search-list-enter-active,.app-menu-search-list-leave-active{transition:transform .3s cubic-bezier(.55,0,.1,1),opacity .3s cubic-bezier(.55,0,.1,1)}.app-menu-search-list-enter-from{opacity:0;transform:translateY(-10px)}.app-menu-search-list-leave-to{opacity:0;transform:translate(30px)}.app-menu-search-list-leave-active{width:100%;position:absolute}.app-menu-search-list-move{transition:transform .3s cubic-bezier(.55,0,.1,1)}.app-menu-search-actions-enter-active,.app-menu-search-actions-leave-active{transition:transform .2s,opacity .2s}.app-menu-search-actions-enter-from,.app-menu-search-actions-leave-to{opacity:0;transform:translate(10px)}body.app-menu-search-open{overflow:hidden}.app-layout__header-brand{align-items:center;margin-right:8px;display:flex}.app-layout__header-brand-image{object-fit:contain;width:158px}.app-layout__header-menu{flex:0 auto;min-width:0;display:flex;overflow:visible;background:0 0!important;border-bottom:0!important}.app-layout__header-menu.el-menu--horizontal{min-width:0;overflow:visible;width:auto!important}.app-layout__header-menu .el-sub-menu__icon-more,.app-layout__header-menu .el-sub-menu__title .el-sub-menu__icon-more{display:none!important}.app-layout__header-menu .el-menu-item,.app-layout__header-menu .el-sub-menu__title{font-weight:600;height:64px!important;color:var(--el-text-color-regular)!important;border-bottom:0!important}.app-layout__header-menu .el-menu-item,.app-layout__header-menu .el-sub-menu{flex-shrink:0}.app-layout__header-menu .el-menu-item.is-active,.app-layout__header-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-color-primary)!important;background:color-mix(in srgb, var(--el-color-primary) 12%, transparent)!important}.app-layout__header-menu--mix{flex:1;min-width:0}.app-layout__tabs{background:var(--app-surface);padding:0 20px}.app-layout__tabs-bar{align-items:center;gap:4px;height:40px;display:flex}.app-layout__tabs-scroll{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-items:flex-end;gap:6px;height:40px;padding:0;display:flex;position:relative;overflow:auto hidden}.app-layout__tabs-scroll::-webkit-scrollbar{display:none}.app-layout__tabs-scroll.dragging .app-layout__tab>*{pointer-events:none}.app-layout__tab{border:1px solid var(--el-border-color-lighter);background:linear-gradient(to bottom, var(--el-fill-color-light), color-mix(in srgb, var(--el-fill-color-light) 20%, var(--el-fill-color)));min-width:0;max-width:180px;height:32px;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;border-bottom:none;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:8px;margin:0 3px -1px;padding:0 12px;font-size:13px;line-height:1;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s;display:inline-flex;position:relative}.app-layout__tab-icon{flex:none;font-size:16px}.app-layout__tab.is-active{color:var(--el-color-primary);border-color:var(--el-border-color);background:linear-gradient(to bottom, color-mix(in srgb, var(--el-color-primary) 2%, var(--el-fill-color-dark)), color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)));z-index:2;font-weight:500;box-shadow:0 -2px 8px #0000001a}.app-layout__tab.is-active:before,.app-layout__tab.is-active:after{pointer-events:none;content:"";z-index:1;width:10px;height:10px;position:absolute;bottom:-1px}.app-layout__tab.is-active:before{background:radial-gradient(circle at 0 0, transparent 11px, var(--el-border-color) 11px, var(--el-border-color) 10px, transparent 10px), radial-gradient(circle at 0 0, transparent 10px, color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)) 10px);left:-10px}.app-layout__tab.is-active:after{background:radial-gradient(circle at 100% 0, transparent 11px, var(--el-border-color) 11px, var(--el-border-color) 10px, transparent 10px), radial-gradient(circle at 100% 0, transparent 10px, color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)) 10px);right:-10px}.app-layout__tab:not(.is-active):hover{border-color:var(--el-border-color);background:linear-gradient(to bottom, color-mix(in srgb, var(--el-color-primary) 0%, var(--el-fill-color-dark)), color-mix(in srgb, var(--el-color-primary) 0%, var(--el-fill-color-dark)));color:var(--el-color-primary)}.app-layout__tabs-scroll.dragging .app-layout__tab:not(.is-active):hover{border-color:var(--el-border-color-lighter);background:linear-gradient(to bottom, var(--el-fill-color-light), color-mix(in srgb, var(--el-fill-color-light) 20%, var(--el-fill-color)));color:var(--el-text-color-regular)}.app-layout__tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-layout__tab-close,.app-layout__tabs-action,.app-tabs-menu__item{cursor:pointer;background:0 0;border:0}.app-layout__tab-close{width:16px;height:16px;color:var(--el-text-color-secondary);border-radius:4px;justify-content:center;align-items:center;margin-right:-4px;font-size:13px;line-height:1;display:inline-flex}.app-layout__tab.is-active .app-layout__tab-close,.app-layout__tab-close:hover{color:var(--el-color-primary)}.app-layout__tab-close:hover{background:color-mix(in srgb, var(--el-color-primary) 10%, transparent);color:var(--el-color-danger)}.app-layout__tabs-action{width:32px;height:40px;color:var(--el-text-color-regular);border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .18s,color .18s;display:inline-flex}.app-layout__tabs-action:hover{background:var(--el-fill-color);color:var(--el-color-primary)}.app-layout__tabs-action .el-icon.is-rotating{animation:.6s linear app-tabs-refresh-rotate}.sortable-ghost{opacity:.4}.sortable-chosen{cursor:move}.sortable-drag{opacity:1;box-shadow:0 4px 12px #00000026}.app-tabs-menu{z-index:3000;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:168px;padding:6px;animation:.18s cubic-bezier(.4,0,.2,1) app-tabs-menu-in;position:fixed;box-shadow:0 6px 24px #0000001f,0 2px 8px #00000014}.app-tabs-menu__item{width:100%;min-height:32px;color:var(--el-text-color-regular);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background-color .16s,color .16s,opacity .16s;display:flex}.app-tabs-menu__item .el-icon{flex:none;font-size:14px}.app-tabs-menu__item:not(:disabled):hover{background:var(--el-fill-color-lighter);color:var(--el-color-primary)}.app-tabs-menu__item:disabled{cursor:not-allowed;opacity:.5}.app-tabs-menu__divider{background:var(--el-border-color-lighter);height:1px;margin:4px 0}@keyframes app-tabs-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(4px)}}@keyframes app-tabs-refresh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout__user{cursor:pointer;align-items:center;gap:10px;display:flex}.app-layout__user-copy{flex-direction:column;line-height:1.3;display:flex}.app-layout__user-copy strong{font-size:14px;font-weight:600}.app-layout__user-copy span{color:var(--el-text-color-secondary);font-size:12px}.settings-drawer .el-drawer{background:var(--app-surface-solid)}.settings-drawer .el-drawer__header{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:16px;padding-bottom:16px}.settings-drawer .el-drawer__body{padding:0}.settings-tabs{height:100%}.settings-tabs .el-tabs__header{background:color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color));border-radius:12px;margin:0 16px 20px;padding:4px}.settings-tabs .el-tabs__nav-wrap:after{display:none}.settings-tabs .el-tabs__nav{border:0;gap:4px;width:100%;display:flex}.settings-tabs .el-tabs__item{z-index:2;border-radius:8px;flex:1;font-size:14px;position:relative;color:var(--el-text-color-secondary)!important;border:0!important}.settings-tabs .el-tabs__item.is-active{font-weight:600;color:var(--el-text-color-primary)!important}.settings-tabs .el-tabs__active-bar{z-index:1;border-radius:8px;box-shadow:0 2px 8px #0f172a14;background:color-mix(in srgb, var(--el-color-primary) 8%, var(--app-surface-solid))!important;height:calc(100% - 2px)!important}.settings-tabs .el-tabs__content{height:calc(100% - 64px);padding:0 16px 24px;overflow-y:auto}.settings-section{margin-bottom:28px}.settings-section__header{margin-bottom:16px}.settings-section__title{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.settings-section__desc{color:var(--el-text-color-secondary);font-size:13px}.settings-mode-grid,.settings-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-menu-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-mode-card,.settings-layout-card,.settings-color-card{border:1px solid var(--el-border-color);background:color-mix(in srgb, var(--app-surface-solid) 90%, transparent);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.settings-mode-card:hover,.settings-layout-card:hover,.settings-color-card:hover{transform:translateY(-1px)}.settings-mode-card.is-active,.settings-layout-card.is-active,.settings-color-card.is-active{border-color:var(--el-color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--el-color-primary) 16%, transparent);background:color-mix(in srgb, var(--el-color-primary) 5%, var(--app-surface-solid))}.settings-mode-card{min-height:96px;color:var(--el-text-color-regular);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.settings-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.settings-color-card{color:var(--el-text-color-regular);text-align:center;border-radius:18px;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex;position:relative}.settings-color-card__swatch{aspect-ratio:1/.92;border-radius:16px;width:100%;min-height:54px;display:block;box-shadow:inset 0 1px #ffffff47}.settings-color-card__label{font-size:12px;font-weight:600;line-height:1.3}.settings-color-card--custom{overflow:hidden}.settings-color-card__swatch--custom{background:var(--el-fill-color-light);color:var(--el-text-color-secondary);justify-content:center;align-items:center;display:flex}.settings-color-card--custom:hover .settings-color-card__swatch--custom{color:var(--el-color-primary);background:var(--el-fill-color)}.settings-color-card__picker{opacity:0;z-index:2;inset:0;width:100%!important;height:100%!important;position:absolute!important}.settings-color-card__picker .el-color-picker__trigger{border:0;width:100%;height:100%;padding:0}.settings-layout-card{color:var(--el-text-color-regular);border-radius:16px;flex-direction:column;gap:10px;padding:10px;display:flex}.settings-layout-card__preview{aspect-ratio:1.45;object-fit:fill;background:#f7f9fc;border:1px solid #d9dfeb;border-radius:12px;width:100%;display:block;overflow:hidden}.settings-layout-card__label{color:var(--el-text-color-regular);text-align:center;font-size:13px;font-weight:600}.settings-layout-card.is-active .settings-layout-card__label{color:var(--el-color-primary)}.settings-inline-setting{background:var(--el-fill-color-lighter);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.settings-inline-setting strong{margin-bottom:4px;display:block}.settings-inline-setting p{color:var(--el-text-color-secondary);margin:0;font-size:13px}.settings-placeholder{padding:24px 0}.settings-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-position-card{border:1px solid var(--el-border-color);background:var(--el-bg-color);cursor:pointer;border-radius:18px;flex-direction:column;gap:10px;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.settings-position-card:hover{border-color:color-mix(in srgb, var(--el-color-primary) 45%, var(--el-border-color));transform:translateY(-1px)}.settings-position-card.is-active{border-color:var(--el-color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--el-color-primary) 18%, transparent)}.settings-position-card__preview{aspect-ratio:1.45;object-fit:fill;background:#f7f9fc;border:1px solid #d9dfeb;border-radius:12px;width:100%;display:block;overflow:hidden}.settings-position-card__label{color:var(--el-text-color-regular);text-align:center;font-size:13px;font-weight:600}.settings-position-card.is-active .settings-position-card__label{color:var(--el-color-primary)}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside{background:linear-gradient(180deg, var(--el-color-primary) 0%, color-mix(in srgb, var(--el-color-primary) 84%, #000) 100%)}html:not(.dark)[data-theme-position=sidebar] .app-layout__brand{border-bottom-color:#ffffff24}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu .el-menu{background:0 0!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item .el-icon,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title .el-icon{color:#ffffffe0!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item:hover,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title:hover{color:#fff!important;background:#ffffff24!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item.is-active{color:#fff!important;background:#fff3!important}html:not(.dark)[data-theme-position=header] .app-layout__header{--app-header-action-color:#ffffffeb;--app-header-action-hover-color:#fff;--app-header-action-hover-bg:#ffffff29;--app-header-collapse-color:#ffffffeb;--app-header-collapse-hover-color:#fff;background:linear-gradient(90deg, var(--el-color-primary) 0%, color-mix(in srgb, var(--el-color-primary) 84%, #000) 100%);border-bottom-color:#0000}.app-sidebar-search{padding:14px 12px 4px}.app-sidebar-search .el-input__wrapper{border:1px solid color-mix(in srgb, var(--el-border-color) 92%, white);background:color-mix(in srgb, var(--el-fill-color-lighter) 88%, white);border-radius:10px;min-height:42px;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:none!important}.app-sidebar-search .el-input__wrapper:hover,.app-sidebar-search .el-input__wrapper.is-focus{border-color:color-mix(in srgb, var(--el-color-primary) 40%, var(--el-border-color));background:color-mix(in srgb, var(--el-color-primary) 4%, white)}.app-sidebar-search .el-input__prefix-inner{justify-content:center;align-items:center;display:inline-flex}.app-sidebar-search .el-input__prefix-inner .el-icon{color:var(--el-text-color-placeholder)}.app-sidebar-search .el-input__inner{font-size:14px}.app-sidebar-search .el-input__inner::placeholder{color:color-mix(in srgb, var(--el-text-color-secondary) 86%, white)}.app-menu-search-highlight{background:color-mix(in srgb, var(--el-color-warning) 40%, transparent);color:inherit;padding:0;font-weight:700}html:not(.dark)[data-theme-position=header] .app-layout__header,html:not(.dark)[data-theme-position=header] .app-layout__header .el-breadcrumb__inner,html:not(.dark)[data-theme-position=header] .app-layout__header .el-breadcrumb__separator,html:not(.dark)[data-theme-position=header] .app-layout__header .app-menu-search-trigger,html:not(.dark)[data-theme-position=header] .app-layout__header .app-layout__user,html:not(.dark)[data-theme-position=header] .app-layout__header .app-layout__user-copy span{color:#ffffffeb!important}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger{background:#ffffff1f;border-color:#fff3}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger:hover{background:#ffffff2e;border-color:#ffffff57}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger__shortcut{color:#fffc;background:#ffffff2e}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu__title{color:#ffffffe0!important}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item:hover,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu__title:hover{color:#fff!important;background:#ffffff1a!important}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item.is-active,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu.is-active>.el-sub-menu__title{color:#fff!important;background:#ffffff2e!important}.app-layout__header-brand-image.is-fallback-inverted{filter:brightness(0)invert()}.app-layout__main{--el-main-padding:0;min-height:0;padding:0;overflow:hidden}.page{flex-direction:column;gap:16px;padding:20px;display:flex}.page__header{justify-content:space-between;align-items:center;display:flex}.page__title{margin:0 0 6px;font-size:24px}.page__subtitle{color:var(--el-text-color-secondary);margin:0}.page-section{margin-bottom:16px}.page-section__footer{justify-content:flex-end;margin-top:16px;display:flex}.block-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.block-header span{color:var(--el-text-color-secondary);font-size:13px}.stat-grid{margin-bottom:8px}.stat-card{border:0}.stat-card__label{color:var(--el-text-color-secondary);margin-bottom:8px;font-size:13px;display:block}.stat-card__value{font-size:28px;font-weight:700}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shortcut-item{border:1px dashed var(--el-border-color);background:var(--el-fill-color-lighter);border-radius:12px;place-items:center;min-height:96px;font-weight:500;display:grid}.micro-app-page{background:var(--app-bg);flex-direction:column;width:100%;height:100%;min-height:0;margin:0;padding:0;display:flex}.micro-app-page__container{flex:auto;width:100%;min-height:0;margin:0;padding:0;overflow:hidden}.micro-app-page__container>div,.micro-app-page__container #sub-app{width:100%;height:100%;min-height:0;margin:0;padding:0}.micro-app-page__container .mp-main-container-default{margin:0}.result-page{background:radial-gradient(circle at 18% 24%,#409eff14,#0000 28%),radial-gradient(circle at 85% 82%,#0f4c810f,#0000 26%);place-items:center;min-height:calc(100vh - 168px);padding:20px 0;display:grid}.result-page__panel{background:linear-gradient(#fffffffa,#f6fafff5);border:1px solid #0f4c8112;border-radius:28px;width:min(960px,100%);padding:32px;overflow:hidden;box-shadow:0 24px 60px #1f232914,inset 0 1px #ffffffb3}.result-page__hero{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:36px;padding:12px 8px 28px;display:grid;position:relative}.result-page__hero:after{content:"";background:linear-gradient(90deg,#0000,#0f4c8114,#0000);height:1px;position:absolute;bottom:0;left:-32px;right:-32px}.result-page__visual{place-items:center;min-height:300px;display:grid;position:relative}.result-page__grid{opacity:.8;background-image:linear-gradient(#0f4c810d 1px,#0000 1px),linear-gradient(90deg,#0f4c810d 1px,#0000 1px);background-size:22px 22px;border-radius:32px;position:absolute;inset:28px 14px;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 78%);mask-image:radial-gradient(circle,#000 38%,#0000 78%)}.result-page__halo{filter:blur(8px);opacity:.95;border-radius:999px;width:220px;height:220px;animation:4.6s ease-in-out infinite result-halo-pulse;position:absolute;inset:50%;transform:translate(-50%,-50%)}.result-page__halo--blue{background:radial-gradient(circle,#409eff47 0%,#409eff14 42%,#0000 72%)}.result-page__halo--gold{background:radial-gradient(circle,#e6a23c4d 0%,#e6a23c14 42%,#0000 72%)}.result-page__orb{z-index:1;color:#fff;border-radius:38px;place-items:center;width:156px;height:156px;animation:3.8s ease-in-out infinite result-float;display:grid;position:relative;box-shadow:0 20px 40px #1f232924,inset 0 1px #ffffff47}.result-page__orb span{letter-spacing:.02em;font-size:46px;font-weight:700;line-height:1}.result-page__orb--blue{background:linear-gradient(145deg,#73b8ff,#2c7be5 58%,#0f62d6)}.result-page__orb--gold{background:linear-gradient(145deg,#f5cb7a,#e4a12d 58%,#ca7f0f)}.result-page__badge{z-index:2;color:#0f4c81;letter-spacing:.04em;background:#ffffffeb;border:1px solid #0f4c8114;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;position:absolute;bottom:30px;box-shadow:0 10px 18px #1f23290f}.result-page__badge--warning{color:#a96a0b}.result-page__body h1{color:#1d2a38;max-width:640px;margin:10px 0 14px;font-size:42px;line-height:1.14}.result-page__eyebrow{color:#0f4c81;letter-spacing:.22em;font-size:12px;font-weight:700;display:inline-block}.result-page__desc{color:#5f6b7a;max-width:560px;margin:0;font-size:18px;line-height:1.8}.result-page__meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.result-page__meta span{color:#496176;background:#ffffffb8;border:1px solid #0f4c8114;border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:13px;display:inline-flex}.result-page__actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:30px;display:flex}.result-page__tips{color:var(--el-text-color-regular);background:linear-gradient(#f1f7ffeb,#f8fbfff2);border:1px solid #409eff14;border-radius:20px;padding:20px 22px}.result-page__tips-label{color:#0f4c81;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.result-page__tips p{color:var(--el-text-color-secondary);margin:0;line-height:1.7}@keyframes result-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes result-halo-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@media (width<=1100px){.result-page__hero{text-align:center;grid-template-columns:1fr;gap:12px}.result-page__visual{min-height:220px}.result-page__body h1{max-width:100%;font-size:34px}.result-page__desc{max-width:100%;font-size:16px}.result-page__meta,.result-page__actions{justify-content:center}}
|
|
1
|
+
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f5f7fa;--app-surface:#ffffffeb;--app-surface-solid:#fff;--app-sidebar-bg:#fff;--app-sidebar-text:#3b4552;--app-shadow:0 18px 40px #0f172a14;--app-top-menu-active:#409eff1f;--app-header-height:64px;--app-tabs-height:40px;--app-content-padding:20px;--app-mobile-breakpoint:768px;color:#1f2329;background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}html.dark{--app-bg:#0f1115;--app-surface:#181b21eb;--app-surface-solid:#181b21;--app-sidebar-bg:#11141a;--app-sidebar-text:#d7dce4;--app-shadow:0 18px 40px #00000047;--app-top-menu-active:#409eff2e}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:99999}html.dark::view-transition-old(root){z-index:99999}html.dark::view-transition-new(root){z-index:1}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #409eff14, transparent 28%), var(--app-bg);min-width:320px;overflow-x:hidden}img,svg,video,canvas{max-width:100%}a{color:inherit;text-decoration:none}#nprogress .bar{background:var(--el-color-primary)}.app-layout{height:100dvh;overflow:hidden}.app-layout>.el-container{min-width:0;min-height:0}.app-layout__aside{border-right:1px solid var(--el-border-color-lighter);background:var(--app-sidebar-bg);box-shadow:none;flex-shrink:0;transition:width .2s;overflow:hidden}.app-layout__aside .el-scrollbar{height:100dvh}.app-layout__aside.is-mix-mode .el-scrollbar,.app-layout__aside.has-brand .el-scrollbar{height:calc(100dvh - var(--app-header-height))}.app-layout__aside .el-menu{border-right:0}.app-layout__aside .el-menu--collapse{width:72px}.app-layout__brand{height:var(--app-header-height);border-bottom:1px solid var(--el-border-color-lighter);align-items:center;gap:12px;padding:0 16px;display:flex}.app-layout__brand-image{object-fit:contain;transition:width .24s,transform .24s,opacity .18s;display:block}.app-layout__brand-image--expanded{width:158px;transform:translate(0)}.app-layout__brand-image--collapsed{width:40px}.brand-fade-enter-active,.brand-fade-leave-active{transition:opacity .18s,transform .24s}.brand-fade-enter-from,.brand-fade-leave-to{opacity:0;transform:translate(12px)}.app-layout__header{--app-header-action-color:var(--el-text-color-regular);--app-header-action-hover-color:var(--el-color-primary);--app-header-action-hover-bg:color-mix(in srgb, var(--el-color-primary) 8%, transparent);--app-header-collapse-color:var(--el-text-color-primary);--app-header-collapse-hover-color:var(--el-text-color-primary);height:var(--app-header-height);flex:0 0 var(--app-header-height);border-bottom:1px solid var(--el-border-color-lighter);background:var(--app-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.app-layout__header-brand{height:var(--app-header-height);cursor:pointer;flex:none;align-items:center;display:flex}.app-layout__header-brand-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;height:40px;display:block}.app-layout__header-left,.app-layout__header-right{align-items:center;gap:16px;display:flex}.app-layout__header-left{flex:auto;align-items:center;min-width:0;display:flex}.app-layout__header-left .el-breadcrumb{white-space:nowrap;align-items:center;min-width:0;display:flex}.app-layout__header-left .el-breadcrumb__item{align-items:center;min-width:0;display:inline-flex}.app-layout__header-left .el-breadcrumb__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-layout__header-search{flex:0 420px;justify-content:center;align-items:center;min-width:0;display:flex}.app-layout__header-search--top{flex-basis:320px;justify-content:flex-start;margin-left:12px}.app-layout__header-search--side{margin-left:18px}.app-layout__header-right{flex:none;gap:10px}.app-layout__header-tool-btn,.app-layout__header-tool-icon{transition:transform .18s,color .18s}.app-layout__header-tool-btn{appearance:none;width:36px;height:36px;color:var(--app-header-action-color);cursor:pointer;background:0 0;border:0;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-layout__header-tool-btn--collapse{color:var(--app-header-collapse-color)}.app-layout__header-tool-btn:hover{color:var(--el-color-primary);transform:translateY(-1px)}.app-layout__header-tool-btn--collapse:hover{color:var(--app-header-collapse-hover-color);transform:translateY(-1px)}.app-layout__header-tool-btn:focus,.app-layout__header-tool-btn:active{background:0 0}.app-layout__header-tool-icon{transform:translateY(.5px)}.app-menu-search-trigger{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter);min-width:0;height:36px;color:var(--el-text-color-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,width .18s;display:inline-flex}.app-menu-search-trigger:hover{border-color:color-mix(in srgb, var(--el-color-primary) 40%, var(--el-border-color));background:color-mix(in srgb, var(--el-color-primary) 8%, var(--el-fill-color-lighter));color:var(--el-color-primary)}.app-menu-search-trigger--side,.app-menu-search-trigger--default{gap:8px;width:min(80%,560px);min-width:0;padding:0 10px}.app-menu-search-trigger--top{gap:10px;width:min(100%,320px);min-width:120px;padding:0 12px}.app-menu-search-trigger--mix{gap:10px;width:220px;padding:0 12px}.app-menu-search-trigger__text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.app-menu-search-trigger__shortcut{background:var(--app-surface-solid);min-width:48px;height:22px;color:var(--el-text-color-placeholder);border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.app-menu-search{z-index:4000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a33;position:fixed;inset:0;overflow:auto}.app-menu-search__panel{border:1px solid var(--el-border-color-light);background:var(--app-surface-solid);width:min(666px,100vw - 40px);box-shadow:var(--app-shadow);border-radius:8px;margin:7vh auto 0;overflow:hidden}.app-menu-search__control{padding:12px 12px 0}.app-menu-search__scroll{min-height:108px}.app-menu-search__section{flex-direction:column;gap:6px;padding:12px 12px 0;display:flex}.app-menu-search__list{flex-direction:column;gap:6px;display:flex;position:relative}.app-menu-search__section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-menu-search__section-title{height:22px;color:var(--el-color-primary);font-size:13px;font-weight:700;line-height:22px}.app-menu-search__clear{color:var(--el-text-color-secondary);cursor:pointer;background:0 0;border:0;font-size:12px}.app-menu-search__clear:hover{color:var(--el-color-primary)}.app-menu-search-item{align-items:center;display:flex}.app-menu-search-item__main{background:var(--el-fill-color-lighter);width:100%;min-height:64px;color:var(--el-text-color-secondary);cursor:pointer;text-align:left;border:0;border-radius:6px;align-items:center;padding:10px 12px;transition:background .18s,color .18s;display:flex;position:relative}.app-menu-search-item:hover .app-menu-search-item__main,.app-menu-search-item.is-active .app-menu-search-item__main{background:var(--el-color-primary);color:#fff}.app-menu-search-item__icon{background:var(--app-surface-solid);width:34px;height:34px;color:var(--el-color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:inline-flex}.app-menu-search-item.is-active .app-menu-search-item__icon,.app-menu-search-item:hover .app-menu-search-item__icon{color:#fff;background:#ffffff2e}.app-menu-search-item__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.app-menu-search-item__body strong,.app-menu-search-item__body span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-menu-search-item__body strong{color:var(--el-text-color-primary);font-size:15px;font-weight:700}.app-menu-search-item:hover .app-menu-search-item__body strong,.app-menu-search-item.is-active .app-menu-search-item__body strong{color:#fff}.app-menu-search-item__body span{font-size:12px}.app-menu-search-item__actions{flex-shrink:0;align-items:center;gap:4px;margin-left:10px;display:inline-flex}.app-menu-search-item__enter{color:currentColor;justify-content:center;align-items:center;display:inline-flex}.app-menu-search-item__enter img{width:18px;height:18px}.app-menu-search-item__remove{color:#ffffffd1;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .18s,color .18s;display:inline-flex}.app-menu-search-item__remove:hover{color:#fff;background:#ffffff3d}.app-menu-search__empty{height:108px;color:var(--el-text-color-secondary);justify-content:center;align-items:center;font-size:14px;display:flex}.app-menu-search__footer{border-top:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-lighter);min-height:44px;color:var(--el-text-color-secondary);align-items:center;gap:14px;margin-top:12px;padding:0 12px;font-size:13px;display:flex}.app-menu-search__footer span{align-items:center;gap:4px;display:inline-flex}.app-menu-search__footer kbd{border:1px solid var(--el-border-color);background:var(--el-bg-color);height:20px;color:var(--el-text-color-regular);border-radius:4px;align-items:center;padding:0 7px;font-family:inherit;font-size:12px;line-height:1;display:inline-flex}.app-menu-search-fade-enter-active,.app-menu-search-fade-leave-active{transition:opacity .18s}.app-menu-search-fade-enter-active .app-menu-search__panel,.app-menu-search-fade-leave-active .app-menu-search__panel{transition:transform .18s,opacity .18s}.app-menu-search-fade-enter-from,.app-menu-search-fade-leave-to{opacity:0}.app-menu-search-fade-enter-from .app-menu-search__panel{opacity:0;transform:translateY(-10px)}.app-menu-search-fade-leave-to .app-menu-search__panel{opacity:0;transform:translateY(-8px)}.app-menu-search-list-enter-active,.app-menu-search-list-leave-active{transition:transform .3s cubic-bezier(.55,0,.1,1),opacity .3s cubic-bezier(.55,0,.1,1)}.app-menu-search-list-enter-from{opacity:0;transform:translateY(-10px)}.app-menu-search-list-leave-to{opacity:0;transform:translate(30px)}.app-menu-search-list-leave-active{width:100%;position:absolute}.app-menu-search-list-move{transition:transform .3s cubic-bezier(.55,0,.1,1)}.app-menu-search-actions-enter-active,.app-menu-search-actions-leave-active{transition:transform .2s,opacity .2s}.app-menu-search-actions-enter-from,.app-menu-search-actions-leave-to{opacity:0;transform:translate(10px)}body.app-menu-search-open{overflow:hidden}.app-layout__header-brand{align-items:center;margin-right:8px;display:flex}.app-layout__header-brand-image{object-fit:contain;width:158px}.app-layout__header-menu{flex:0 auto;min-width:0;display:flex;overflow:visible;background:0 0!important;border-bottom:0!important}.app-layout__header-menu.el-menu--horizontal{min-width:0;overflow:visible;width:auto!important}.app-layout__header-menu .el-sub-menu__icon-more,.app-layout__header-menu .el-sub-menu__title .el-sub-menu__icon-more{display:none!important}.app-layout__header-menu .el-menu-item,.app-layout__header-menu .el-sub-menu__title{font-weight:600;height:var(--app-header-height)!important;color:var(--el-text-color-regular)!important;border-bottom:0!important}.app-layout__header-menu .el-menu-item,.app-layout__header-menu .el-sub-menu{flex-shrink:0}.app-layout__header-menu .el-menu-item.is-active,.app-layout__header-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-color-primary)!important;background:color-mix(in srgb, var(--el-color-primary) 12%, transparent)!important}.app-layout__header-menu--mix{flex:1;min-width:0}.app-layout__tabs{background:var(--app-surface);flex:0 0 var(--app-tabs-height);min-width:0;padding:0 20px}.app-layout__tabs-bar{height:var(--app-tabs-height);align-items:center;gap:4px;min-width:0;display:flex}.app-layout__tabs-scroll{height:var(--app-tabs-height);overscroll-behavior-x:contain;scrollbar-width:none;flex:1;align-items:flex-end;gap:6px;padding:0;display:flex;position:relative;overflow:auto hidden}.app-layout__tabs-scroll::-webkit-scrollbar{display:none}.app-layout__tabs-scroll.dragging .app-layout__tab>*{pointer-events:none}.app-layout__tab{border:1px solid var(--el-border-color-lighter);background:linear-gradient(to bottom, var(--el-fill-color-light), color-mix(in srgb, var(--el-fill-color-light) 20%, var(--el-fill-color)));min-width:0;max-width:180px;height:32px;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;border-bottom:none;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:8px;margin:0 3px -1px;padding:0 12px;font-size:13px;line-height:1;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s;display:inline-flex;position:relative}.app-layout__tab-icon{flex:none;font-size:16px}.app-layout__tab.is-active{color:var(--el-color-primary);border-color:var(--el-border-color);background:linear-gradient(to bottom, color-mix(in srgb, var(--el-color-primary) 2%, var(--el-fill-color-dark)), color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)));z-index:2;font-weight:500;box-shadow:0 -2px 8px #0000001a}.app-layout__tab.is-active:before,.app-layout__tab.is-active:after{pointer-events:none;content:"";z-index:1;width:10px;height:10px;position:absolute;bottom:-1px}.app-layout__tab.is-active:before{background:radial-gradient(circle at 0 0, transparent 11px, var(--el-border-color) 11px, var(--el-border-color) 10px, transparent 10px), radial-gradient(circle at 0 0, transparent 10px, color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)) 10px);left:-10px}.app-layout__tab.is-active:after{background:radial-gradient(circle at 100% 0, transparent 11px, var(--el-border-color) 11px, var(--el-border-color) 10px, transparent 10px), radial-gradient(circle at 100% 0, transparent 10px, color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color-dark)) 10px);right:-10px}.app-layout__tab:not(.is-active):hover{border-color:var(--el-border-color);background:linear-gradient(to bottom, color-mix(in srgb, var(--el-color-primary) 0%, var(--el-fill-color-dark)), color-mix(in srgb, var(--el-color-primary) 0%, var(--el-fill-color-dark)));color:var(--el-color-primary)}.app-layout__tabs-scroll.dragging .app-layout__tab:not(.is-active):hover{border-color:var(--el-border-color-lighter);background:linear-gradient(to bottom, var(--el-fill-color-light), color-mix(in srgb, var(--el-fill-color-light) 20%, var(--el-fill-color)));color:var(--el-text-color-regular)}.app-layout__tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-layout__tab-close,.app-layout__tabs-action,.app-tabs-menu__item{cursor:pointer;background:0 0;border:0}.app-layout__tab-close{width:16px;height:16px;color:var(--el-text-color-secondary);border-radius:4px;justify-content:center;align-items:center;margin-right:-4px;font-size:13px;line-height:1;display:inline-flex}.app-layout__tab.is-active .app-layout__tab-close,.app-layout__tab-close:hover{color:var(--el-color-primary)}.app-layout__tab-close:hover{background:color-mix(in srgb, var(--el-color-primary) 10%, transparent);color:var(--el-color-danger)}.app-layout__tabs-action{width:32px;height:40px;color:var(--el-text-color-regular);border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .18s,color .18s;display:inline-flex}.app-layout__tabs-action:hover{background:var(--el-fill-color);color:var(--el-color-primary)}.app-layout__tabs-action .el-icon.is-rotating{animation:.6s linear app-tabs-refresh-rotate}.sortable-ghost{opacity:.4}.sortable-chosen{cursor:move}.sortable-drag{opacity:1;box-shadow:0 4px 12px #00000026}.app-tabs-menu{z-index:3000;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;min-width:168px;padding:6px;animation:.18s cubic-bezier(.4,0,.2,1) app-tabs-menu-in;position:fixed;box-shadow:0 6px 24px #0000001f,0 2px 8px #00000014}.app-tabs-menu__item{width:100%;min-height:32px;color:var(--el-text-color-regular);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:background-color .16s,color .16s,opacity .16s;display:flex}.app-tabs-menu__item .el-icon{flex:none;font-size:14px}.app-tabs-menu__item:not(:disabled):hover{background:var(--el-fill-color-lighter);color:var(--el-color-primary)}.app-tabs-menu__item:disabled{cursor:not-allowed;opacity:.5}.app-tabs-menu__divider{background:var(--el-border-color-lighter);height:1px;margin:4px 0}@keyframes app-tabs-menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(4px)}}@keyframes app-tabs-refresh-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout__user{cursor:pointer;align-items:center;gap:10px;display:flex}.app-layout__user-copy{flex-direction:column;line-height:1.3;display:flex}.app-layout__user-copy strong{font-size:14px;font-weight:600}.app-layout__user-copy span{color:var(--el-text-color-secondary);font-size:12px}.settings-drawer .el-drawer{background:var(--app-surface-solid)}.settings-drawer .el-drawer__header{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:16px;padding-bottom:16px}.settings-drawer .el-drawer__body{padding:0}.settings-tabs{height:100%}.settings-tabs .el-tabs__header{background:color-mix(in srgb, var(--el-color-primary) 5%, var(--el-fill-color));border-radius:12px;margin:0 16px 20px;padding:4px}.settings-tabs .el-tabs__nav-wrap:after{display:none}.settings-tabs .el-tabs__nav{border:0;gap:4px;width:100%;display:flex}.settings-tabs .el-tabs__item{z-index:2;border-radius:8px;flex:1;font-size:14px;position:relative;color:var(--el-text-color-secondary)!important;border:0!important}.settings-tabs .el-tabs__item.is-active{font-weight:600;color:var(--el-text-color-primary)!important}.settings-tabs .el-tabs__active-bar{z-index:1;border-radius:8px;box-shadow:0 2px 8px #0f172a14;background:color-mix(in srgb, var(--el-color-primary) 8%, var(--app-surface-solid))!important;height:calc(100% - 2px)!important}.settings-tabs .el-tabs__content{height:calc(100% - 64px);padding:0 16px 24px;overflow-y:auto}.settings-section{margin-bottom:28px}.settings-section__header{margin-bottom:16px}.settings-section__title{margin-bottom:4px;font-size:14px;font-weight:700;display:block}.settings-section__desc{color:var(--el-text-color-secondary);font-size:13px}.settings-mode-grid,.settings-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-menu-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-mode-card,.settings-layout-card,.settings-color-card{border:1px solid var(--el-border-color);background:color-mix(in srgb, var(--app-surface-solid) 90%, transparent);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.settings-mode-card:hover,.settings-layout-card:hover,.settings-color-card:hover{transform:translateY(-1px)}.settings-mode-card.is-active,.settings-layout-card.is-active,.settings-color-card.is-active{border-color:var(--el-color-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--el-color-primary) 16%, transparent);background:color-mix(in srgb, var(--el-color-primary) 5%, var(--app-surface-solid))}.settings-mode-card{min-height:96px;color:var(--el-text-color-regular);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.settings-color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.settings-color-card{color:var(--el-text-color-regular);text-align:center;border-radius:18px;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex;position:relative}.settings-color-card__swatch{aspect-ratio:1/.92;border-radius:16px;width:100%;min-height:54px;display:block;box-shadow:inset 0 1px #ffffff47}.settings-color-card__label{font-size:12px;font-weight:600;line-height:1.3}.settings-color-card--custom{overflow:hidden}.settings-color-card__swatch--custom{background:var(--el-fill-color-light);color:var(--el-text-color-secondary);justify-content:center;align-items:center;display:flex}.settings-color-card--custom:hover .settings-color-card__swatch--custom{color:var(--el-color-primary);background:var(--el-fill-color)}.settings-color-card__picker{opacity:0;z-index:2;inset:0;width:100%!important;height:100%!important;position:absolute!important}.settings-color-card__picker .el-color-picker__trigger{border:0;width:100%;height:100%;padding:0}.settings-layout-card{color:var(--el-text-color-regular);border-radius:16px;flex-direction:column;gap:10px;padding:10px;display:flex}.settings-layout-card__preview{aspect-ratio:1.45;object-fit:fill;background:#f7f9fc;border:1px solid #d9dfeb;border-radius:12px;width:100%;display:block;overflow:hidden}.settings-layout-card__label{color:var(--el-text-color-regular);text-align:center;font-size:13px;font-weight:600}.settings-layout-card.is-active .settings-layout-card__label{color:var(--el-color-primary)}.settings-inline-setting{background:var(--el-fill-color-lighter);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.settings-inline-setting strong{margin-bottom:4px;display:block}.settings-inline-setting p{color:var(--el-text-color-secondary);margin:0;font-size:13px}.settings-placeholder{padding:24px 0}.settings-position-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-position-card{border:1px solid var(--el-border-color);background:var(--el-bg-color);cursor:pointer;border-radius:18px;flex-direction:column;gap:10px;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.settings-position-card:hover{border-color:color-mix(in srgb, var(--el-color-primary) 45%, var(--el-border-color));transform:translateY(-1px)}.settings-position-card.is-active{border-color:var(--el-color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--el-color-primary) 18%, transparent)}.settings-position-card__preview{aspect-ratio:1.45;object-fit:fill;background:#f7f9fc;border:1px solid #d9dfeb;border-radius:12px;width:100%;display:block;overflow:hidden}.settings-position-card__label{color:var(--el-text-color-regular);text-align:center;font-size:13px;font-weight:600}.settings-position-card.is-active .settings-position-card__label{color:var(--el-color-primary)}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside{background:linear-gradient(180deg, var(--el-color-primary) 0%, color-mix(in srgb, var(--el-color-primary) 84%, #000) 100%)}html:not(.dark)[data-theme-position=sidebar] .app-layout__brand{border-bottom-color:#ffffff24}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu .el-menu{background:0 0!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item .el-icon,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title .el-icon{color:#ffffffe0!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item:hover,html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-sub-menu__title:hover{color:#fff!important;background:#ffffff24!important}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .el-menu-item.is-active{color:#fff!important;background:#fff3!important}html:not(.dark)[data-theme-position=header] .app-layout__header{--app-header-action-color:#ffffffeb;--app-header-action-hover-color:#fff;--app-header-action-hover-bg:#ffffff29;--app-header-collapse-color:#ffffffeb;--app-header-collapse-hover-color:#fff;background:linear-gradient(90deg, var(--el-color-primary) 0%, color-mix(in srgb, var(--el-color-primary) 84%, #000) 100%);border-bottom-color:#0000}.app-sidebar-search{padding:14px 12px 4px}.app-sidebar-search .el-input__wrapper{border:1px solid color-mix(in srgb, var(--el-border-color) 92%, white);background:color-mix(in srgb, var(--el-fill-color-lighter) 88%, white);border-radius:10px;min-height:42px;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:none!important}.app-sidebar-search .el-input__wrapper:hover,.app-sidebar-search .el-input__wrapper.is-focus{border-color:color-mix(in srgb, var(--el-color-primary) 40%, var(--el-border-color));background:color-mix(in srgb, var(--el-color-primary) 4%, white)}.app-sidebar-search .el-input__prefix-inner{justify-content:center;align-items:center;display:inline-flex}.app-sidebar-search .el-input__prefix-inner .el-icon{color:var(--el-text-color-placeholder)}.app-sidebar-search .el-input__inner{font-size:14px}.app-sidebar-search .el-input__inner::placeholder{color:color-mix(in srgb, var(--el-text-color-secondary) 86%, white)}.app-menu-search-highlight{background:color-mix(in srgb, var(--el-color-warning) 40%, transparent);color:inherit;padding:0;font-weight:700}html:not(.dark)[data-theme-position=sidebar] .app-layout__aside .app-menu-search-highlight{color:#fff;background:#fff3;border-radius:4px;padding:1px 3px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff29}html:not(.dark)[data-theme-position=header] .app-layout__header,html:not(.dark)[data-theme-position=header] .app-layout__header .el-breadcrumb__inner,html:not(.dark)[data-theme-position=header] .app-layout__header .el-breadcrumb__separator,html:not(.dark)[data-theme-position=header] .app-layout__header .app-menu-search-trigger,html:not(.dark)[data-theme-position=header] .app-layout__header .app-layout__user,html:not(.dark)[data-theme-position=header] .app-layout__header .app-layout__user-copy span{color:#ffffffeb!important}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger{background:#ffffff1f;border-color:#fff3}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger:hover{background:#ffffff2e;border-color:#ffffff57}html:not(.dark)[data-theme-position=header] .app-menu-search-trigger__shortcut{color:#fffc;background:#ffffff2e}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu__title{color:#ffffffe0!important}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item:hover,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu__title:hover{color:#fff!important;background:#ffffff1a!important}html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-menu-item.is-active,html:not(.dark)[data-theme-position=header] .app-layout__header-menu .el-sub-menu.is-active>.el-sub-menu__title{color:#fff!important;background:#ffffff2e!important}.app-layout__main{--el-main-padding:0;overscroll-behavior:contain;min-width:0;min-height:0;padding:0;overflow:auto}.page{width:100%;min-width:0;min-height:100%;padding:var(--app-content-padding);flex-direction:column;gap:16px;display:flex}.page__header{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.page__title{margin:0 0 6px;font-size:24px;line-height:1.25}.page__subtitle{color:var(--el-text-color-secondary);margin:0}.page-section{min-width:0;margin-bottom:16px}.page-section__footer{justify-content:flex-end;margin-top:16px;display:flex}.block-header{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.block-header span{color:var(--el-text-color-secondary);font-size:13px}.stat-grid{min-width:0;margin-bottom:8px}.stat-card{border:0}.stat-card__label{color:var(--el-text-color-secondary);margin-bottom:8px;font-size:13px;display:block}.stat-card__value{font-size:28px;font-weight:700}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.shortcut-item{border:1px dashed var(--el-border-color);background:var(--el-fill-color-lighter);border-radius:12px;place-items:center;min-height:96px;font-weight:500;display:grid}.micro-app-page{background:var(--app-bg);flex-direction:column;width:100%;height:100%;min-height:0;margin:0;padding:0;display:flex}.micro-app-page__container{flex:auto;width:100%;min-height:0;margin:0;padding:0;overflow:hidden}.micro-app-page__container>div,.micro-app-page__container #sub-app{width:100%;height:100%;min-height:0;margin:0;padding:0}.micro-app-page__container .mp-main-container-default{margin:0}.result-page{background:radial-gradient(circle at 18% 24%,#409eff14,#0000 28%),radial-gradient(circle at 85% 82%,#0f4c810f,#0000 26%);place-items:center;min-height:calc(100vh - 168px);padding:20px 0;display:grid}.result-page__panel{background:linear-gradient(#fffffffa,#f6fafff5);border:1px solid #0f4c8112;border-radius:28px;width:min(960px,100%);padding:32px;overflow:hidden;box-shadow:0 24px 60px #1f232914,inset 0 1px #ffffffb3}.result-page__hero{grid-template-columns:280px minmax(0,1fr);align-items:center;gap:36px;padding:12px 8px 28px;display:grid;position:relative}.result-page__hero:after{content:"";background:linear-gradient(90deg,#0000,#0f4c8114,#0000);height:1px;position:absolute;bottom:0;left:-32px;right:-32px}.result-page__visual{place-items:center;min-height:300px;display:grid;position:relative}.result-page__grid{opacity:.8;background-image:linear-gradient(#0f4c810d 1px,#0000 1px),linear-gradient(90deg,#0f4c810d 1px,#0000 1px);background-size:22px 22px;border-radius:32px;position:absolute;inset:28px 14px;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 78%);mask-image:radial-gradient(circle,#000 38%,#0000 78%)}.result-page__halo{filter:blur(8px);opacity:.95;border-radius:999px;width:220px;height:220px;animation:4.6s ease-in-out infinite result-halo-pulse;position:absolute;inset:50%;transform:translate(-50%,-50%)}.result-page__halo--blue{background:radial-gradient(circle,#409eff47 0%,#409eff14 42%,#0000 72%)}.result-page__halo--gold{background:radial-gradient(circle,#e6a23c4d 0%,#e6a23c14 42%,#0000 72%)}.result-page__orb{z-index:1;color:#fff;border-radius:38px;place-items:center;width:156px;height:156px;animation:3.8s ease-in-out infinite result-float;display:grid;position:relative;box-shadow:0 20px 40px #1f232924,inset 0 1px #ffffff47}.result-page__orb span{letter-spacing:.02em;font-size:46px;font-weight:700;line-height:1}.result-page__orb--blue{background:linear-gradient(145deg,#73b8ff,#2c7be5 58%,#0f62d6)}.result-page__orb--gold{background:linear-gradient(145deg,#f5cb7a,#e4a12d 58%,#ca7f0f)}.result-page__badge{z-index:2;color:#0f4c81;letter-spacing:.04em;background:#ffffffeb;border:1px solid #0f4c8114;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;position:absolute;bottom:30px;box-shadow:0 10px 18px #1f23290f}.result-page__badge--warning{color:#a96a0b}.result-page__body h1{color:#1d2a38;max-width:640px;margin:10px 0 14px;font-size:42px;line-height:1.14}.result-page__eyebrow{color:#0f4c81;letter-spacing:.22em;font-size:12px;font-weight:700;display:inline-block}.result-page__desc{color:#5f6b7a;max-width:560px;margin:0;font-size:18px;line-height:1.8}.result-page__meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.result-page__meta span{color:#496176;background:#ffffffb8;border:1px solid #0f4c8114;border-radius:999px;align-items:center;height:34px;padding:0 14px;font-size:13px;display:inline-flex}.result-page__actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:30px;display:flex}.result-page__tips{color:var(--el-text-color-regular);background:linear-gradient(#f1f7ffeb,#f8fbfff2);border:1px solid #409eff14;border-radius:20px;padding:20px 22px}.result-page__tips-label{color:#0f4c81;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.result-page__tips p{color:var(--el-text-color-secondary);margin:0;line-height:1.7}@keyframes result-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes result-halo-pulse{0%,to{opacity:.9;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}@media (width<=1100px){.result-page__hero{text-align:center;grid-template-columns:1fr;gap:12px}.result-page__visual{min-height:220px}.result-page__body h1{max-width:100%;font-size:34px}.result-page__desc{max-width:100%;font-size:16px}.result-page__meta,.result-page__actions{justify-content:center}}.app-layout__mobile-mask{z-index:998;cursor:pointer;background:#0f172a6b;border:0;padding:0;display:none;position:fixed;inset:0}.app-mobile-mask-enter-active,.app-mobile-mask-leave-active{transition:opacity .18s}.app-mobile-mask-enter-from,.app-mobile-mask-leave-to{opacity:0}.el-card,.el-form,.el-row,.el-col,.el-table,.el-tabs,.el-descriptions,.el-collapse,.el-scrollbar,.mp-table,.mp-search-form,.mp-form-wrapper,.mp-main-container-default__content,.mp-main-container-default__content-inner,.mp-main-container-default,.app-layout__main>*,.page>*,.page-section>*{min-width:0}.page .el-card,.page-section .el-card{max-width:100%}.page .el-table,.page-section .el-table{width:100%}.page .el-table__inner-wrapper,.page-section .el-table__inner-wrapper{min-width:0}@media (width<=1024px){:root{--app-content-padding:16px}.app-layout__header{padding:0 14px}.app-layout__header-left,.app-layout__header-right{gap:8px}.app-layout__header-search{flex-basis:260px}.app-layout__header-search--top,.app-layout__header-search--side{margin-left:0}.app-menu-search-trigger__shortcut,.app-layout__user-copy span{display:none}.app-layout__tabs{padding:0 12px}.result-page{min-height:calc(100dvh - var(--app-header-height) - var(--app-tabs-height));padding:16px}}@media (width<=768px){:root{--app-header-height:56px;--app-tabs-height:38px;--app-content-padding:12px}body{background:var(--app-bg)}.app-layout{width:100%;position:relative}.app-layout__aside{z-index:1000;max-width:280px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);width:min(82vw,280px)!important}.app-layout__aside.is-mobile-open{transform:translate(0);box-shadow:16px 0 32px #0f172a2e}.app-layout__mobile-mask{display:block}.app-layout__aside .el-menu--collapse{width:100%}.app-layout__aside .el-menu,.app-layout__aside .el-menu--collapse{border-right:0}.app-layout__aside .el-scrollbar,.app-layout__aside.is-mix-mode .el-scrollbar,.app-layout__aside.has-brand .el-scrollbar{height:calc(100dvh - var(--app-header-height))}.app-layout__header{padding:0 10px}.app-layout__header-left{flex:auto;gap:6px}.app-layout__header-right{gap:4px}.app-layout__header-brand{margin-right:0}.app-layout__header-brand-image{width:132px;height:34px}.app-layout__header-left .el-breadcrumb,.app-layout__header-menu,.app-layout__header-search,.app-layout__user-copy,.app-layout__user>.el-icon{display:none}.app-layout__header-tool-btn{width:34px;height:34px}.app-layout__user{gap:0}.app-layout__tabs{padding:0 8px}.app-layout__tab{gap:6px;max-width:min(156px,52vw);height:30px;padding:0 10px;font-size:12px}.app-layout__tabs-action{width:30px;height:38px}.page{gap:12px}.page__header,.block-header,.page-section__footer{flex-direction:column;align-items:stretch}.page__title{font-size:20px}.page__subtitle,.block-header span{font-size:13px}.shortcut-grid,.settings-mode-grid,.settings-layout-grid,.settings-menu-search-grid,.settings-color-grid,.settings-position-grid{grid-template-columns:1fr}.settings-tabs .el-tabs__header{margin:0 12px 16px}.settings-tabs .el-tabs__content{padding:0 12px 20px}.settings-inline-setting{flex-direction:column;align-items:flex-start;padding:14px}.el-dialog{--el-dialog-width:calc(100vw - 24px)!important;margin-top:8vh!important}.el-drawer.rtl,.el-drawer.ltr{width:min(100vw,380px)!important}.el-form:not(.el-form--inline) .el-form-item{display:block}.el-form:not(.el-form--inline) .el-form-item__label{text-align:left;height:auto;margin-bottom:6px;padding:0;line-height:1.4;display:block;width:auto!important}.el-form:not(.el-form--inline) .el-form-item__content{min-width:0;margin-left:0!important}.el-form--inline{flex-wrap:wrap;gap:10px;display:flex}.el-form--inline .el-form-item{width:100%;margin-right:0}.el-form .el-input,.el-form .el-input-number,.el-form .el-select,.el-form .el-cascader,.el-form .el-date-editor,.el-form .el-autocomplete{width:100%!important}.el-button+.el-button{margin-left:0}.app-menu-search__panel{width:calc(100vw - 24px);margin-top:5vh}.app-menu-search__footer,.app-menu-search-item__actions{display:none}.micro-app-page__container{overflow:auto}.mp-main-container-default__content-inner,.mp-table,.mp-table__pagination{max-width:100%}.mp-search-form,.mp-search-form__form,.mp-form{width:100%;max-width:100%}.mp-table__pagination{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;overflow-x:auto}.mp-table__pagination-left{display:none}.result-page{padding:12px}.result-page__panel{border-radius:16px;padding:20px 16px}.result-page__hero{padding:0 0 20px}.result-page__visual{min-height:180px}.result-page__orb{border-radius:28px;width:116px;height:116px}.result-page__orb span{font-size:34px}.result-page__body h1{font-size:28px}}@media (width<=480px){:root{--app-content-padding:10px}.app-layout__header-brand-image{width:112px}.app-layout__tabs-action:first-of-type,.app-layout__tab-icon{display:none}.page__title{font-size:18px}.stat-card__value{font-size:24px}.result-page__meta span,.result-page__actions .el-button{justify-content:center;width:100%}}
|
|
2
2
|
|
|
3
3
|
/* main.css */
|
|
4
|
-
.theme-icon-btn[data-v-73aaf569] .el-icon{justify-content:center;align-items:center;display:inline-flex}
|
|
4
|
+
.theme-icon-btn[data-v-73aaf569] .el-icon{justify-content:center;align-items:center;display:inline-flex}.app-brand-logo[data-v-a42b8639]{width:var(--app-brand-logo-width);height:var(--app-brand-logo-height);align-items:center;display:inline-flex;position:relative}.app-brand-logo__image[data-v-a42b8639]{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.app-brand-logo__image.is-text-base[data-v-a42b8639]{clip-path:inset(0 70% 0 0)}.app-brand-logo__image--text-inverted[data-v-a42b8639]{clip-path:inset(0 0 0 30%);filter:brightness(0)invert();pointer-events:none;position:absolute;inset:0}
|
|
5
5
|
|
|
6
6
|
/* route-items.css */
|
|
7
|
-
.micro-app-page[data-v-
|
|
7
|
+
.micro-app-page[data-v-944de23f]{background-color:var(--el-bg-color-page);min-height:100%;position:relative}.micro-app-page__container[data-v-944de23f]{min-height:100%}.micro-app-page__state[data-v-944de23f]{z-index:2;box-sizing:border-box;border:1px solid var(--el-border-color-lighter);background-color:var(--el-bg-color);width:min(560px,100% - 48px);box-shadow:var(--el-box-shadow-light);border-radius:8px;gap:16px;padding:22px 24px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.micro-app-page__state--error[data-v-944de23f]{align-items:flex-start}.micro-app-page__icon[data-v-944de23f]{color:var(--el-color-warning);margin-top:2px;font-size:24px}.micro-app-page__body[data-v-944de23f]{flex:1;min-width:0}.micro-app-page__title[data-v-944de23f]{color:var(--el-text-color-primary);margin:0;font-size:16px;font-weight:600;line-height:24px}.micro-app-page__desc[data-v-944de23f]{color:var(--el-text-color-secondary);margin:6px 0 0;font-size:14px;line-height:22px}.micro-app-page__meta[data-v-944de23f]{background-color:var(--el-fill-color-lighter);border-radius:6px;gap:8px;margin:16px 0 0;padding:12px 14px;display:grid}.micro-app-page__meta div[data-v-944de23f]{grid-template-columns:56px minmax(0,1fr);gap:8px;font-size:13px;line-height:20px;display:grid}.micro-app-page__meta dt[data-v-944de23f]{color:var(--el-text-color-secondary)}.micro-app-page__meta dd[data-v-944de23f]{overflow-wrap:anywhere;min-width:0;color:var(--el-text-color-primary);margin:0}.micro-app-page__actions[data-v-944de23f]{gap:10px;margin-top:18px;display:flex}
|
|
8
8
|
|
|
9
9
|
/* Login.css */
|
|
10
|
-
.login-page[data-v-8e99a976]{background:#eef6ff;justify-content:center;align-items:stretch;min-height:100vh;padding:0;display:flex}.login-page__panel[data-v-8e99a976]{grid-template-columns:minmax(0,1fr) 480px;width:min(1500px,100%);min-height:100vh;display:grid}.login-page__hero[data-v-8e99a976]{color:#123c66;min-height:100vh;position:relative;overflow:hidden}.login-page__brand[data-v-8e99a976]{z-index:1;align-items:center;gap:12px;margin-bottom:0;display:flex;position:relative;top:34px;left:clamp(28px,4vw,56px)}.login-page__brand-logo[data-v-8e99a976]{object-fit:contain;flex:none;width:36px;height:36px}.login-page__brand span[data-v-8e99a976]{color:#3d536b;font-size:20px;font-weight:700}.login-page__visual[data-v-8e99a976]{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.login-page__account[data-v-8e99a976]{background:#f7fbff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:56px 54px;display:flex}.login-page__card[data-v-8e99a976]{border:none;border-radius:8px;width:min(440px,100%);position:relative;overflow:hidden;box-shadow:0 22px 52px #2e55821f}.login-page__card[data-v-8e99a976] .el-card__body{padding:28px 34px 34px}.login-page__card[data-v-8e99a976] .el-card__header{z-index:2;border-bottom:0;padding:30px 34px 8px;position:relative}.login-page__card-header[data-v-8e99a976]{flex-direction:column;gap:8px;display:flex}.login-page__card-header strong[data-v-8e99a976]{color:var(--el-text-color-primary);font-size:20px}.login-page__card-header span[data-v-8e99a976]{color:var(--el-text-color-secondary);font-size:13px}.login-page__qr-corner[data-v-8e99a976]{z-index:4;cursor:pointer;background:0 0;border:0;width:72px;height:72px;padding:0;position:absolute;top:0;right:0}.login-page__qr-corner[data-v-8e99a976]:before{background:linear-gradient(135deg, transparent 0 49%, #0000001a 50%, transparent 52%), linear-gradient(135deg, transparent 0 50%, var(--el-color-primary) 51%);clip-path:polygon(100% 0,100% 100%,0 0);content:"";transform-origin:100% 0;transition:transform .28s,box-shadow .28s;position:absolute;inset:0;box-shadow:-8px 8px 16px #1224381f}.login-page__qr-corner[data-v-8e99a976]:hover:before,.login-page__qr-corner.is-open[data-v-8e99a976]:before{transform:rotate(-5deg)translate(-2px,2px);box-shadow:-12px 12px 22px #12243833}.login-page__qr-mini[data-v-8e99a976]{z-index:1;opacity:.96;background:linear-gradient(#fff 0 0) 0 0/7px 7px no-repeat,linear-gradient(#fff 0 0) 19px 0/7px 7px no-repeat,linear-gradient(#fff 0 0) 0 19px/7px 7px no-repeat,repeating-linear-gradient(90deg,#fff 0 3px,#0000 3px 6px),repeating-linear-gradient(0deg,#fffc 0 3px,#0000 3px 6px);width:24px;height:24px;position:absolute;top:9px;right:9px}.login-page__card-body[data-v-8e99a976]{perspective:1200px;min-height:278px;display:grid;position:relative}.login-page__form-sheet[data-v-8e99a976],.login-page__qr-sheet[data-v-8e99a976]{backface-visibility:hidden;transform-style:preserve-3d;grid-area:1/1;transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1)}.login-page__form-sheet[data-v-8e99a976]{transform-origin:100% 0}.login-page__card-body.is-qr .login-page__form-sheet[data-v-8e99a976]{opacity:0;pointer-events:none;transform:rotateY(-22deg)translate(-18px)}.login-page__qr-sheet[data-v-8e99a976]{border:1px solid var(--el-border-color-lighter);background:linear-gradient(135deg, #409eff14, #67c23a14), var(--el-bg-color);opacity:0;pointer-events:none;transform-origin:100% 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:278px;display:flex;transform:rotateY(24deg)translate(28px)}.login-page__card-body.is-qr .login-page__qr-sheet[data-v-8e99a976]{opacity:1;pointer-events:auto;transform:rotateY(0)translate(0)}.login-page__qr-sheet strong[data-v-8e99a976]{color:var(--el-text-color-primary);margin-top:16px;font-size:16px}.login-page__qr-sheet p[data-v-8e99a976]{color:var(--el-text-color-secondary);margin:6px 0 12px;font-size:13px}.login-page__qr-box[data-v-8e99a976]{border:1px solid var(--el-border-color);min-width:132px;min-height:132px;box-shadow:var(--el-box-shadow-light);color:var(--el-text-color-secondary);background:#fff;border-radius:10px;place-items:center;padding:14px;font-size:14px;display:grid}.login-page__mode[data-v-8e99a976]{width:100%;margin-bottom:22px}.login-page__mode[data-v-8e99a976] .el-segmented__item{height:40px}.login-page__code-row[data-v-8e99a976]{grid-template-columns:minmax(0,1fr) 118px;gap:10px;width:100%;display:grid}.login-page__submit[data-v-8e99a976]{width:100%;height:42px;margin-top:12px;font-weight:700}@media (width<=1280px){.login-page__panel[data-v-8e99a976]{grid-template-columns:minmax(0,1fr) 430px}}@media (width<=960px){.login-page__panel[data-v-8e99a976]{grid-template-columns:1fr}.login-page__hero[data-v-8e99a976]{min-height:360px}.login-page__brand[data-v-8e99a976]{top:28px;left:32px}.login-page__account[data-v-8e99a976]{min-height:auto;padding:28px 24px 44px}}@media (width<=640px){.login-page[data-v-8e99a976]{display:block}.login-page__hero[data-v-8e99a976]{min-height:260px}.login-page__brand[data-v-8e99a976]{gap:10px;top:20px;left:18px}.login-page__brand-logo[data-v-8e99a976]{width:32px;height:32px}.login-page__account[data-v-8e99a976]{padding:18px 14px 32px}.login-page__card[data-v-8e99a976] .el-card__header{padding:26px 24px 6px}.login-page__card[data-v-8e99a976] .el-card__body{padding:24px}.login-page__code-row[data-v-8e99a976]{grid-template-columns:1fr}}
|
|
10
|
+
.login-page[data-v-d4dec9fb]{--login-primary:var(--el-color-primary);--login-primary-soft:var(--el-color-primary-light-3);--login-text:color-mix(in srgb, var(--el-color-primary-dark-2) 36%, var(--el-text-color-primary));--login-text-muted:color-mix(in srgb, var(--el-color-primary) 26%, var(--el-text-color-secondary));--login-icon:color-mix(in srgb, var(--el-color-primary) 34%, var(--el-text-color-placeholder));--login-border:color-mix(in srgb, var(--el-color-primary) 22%, var(--el-border-color-light));--login-surface:color-mix(in srgb, var(--el-color-primary-light-9) 28%, transparent);--login-field-bg:#ffffff57;--login-elevated-bg:#ffffff3d;--login-divider:#9fb1cd5c;box-sizing:border-box;background:#edf6ff;place-items:center end;min-height:100vh;padding:72px clamp(72px,9vw,168px) 72px clamp(36px,5vw,96px);display:grid;position:relative;overflow:hidden}.login-page__bg[data-v-d4dec9fb]{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.login-page__shade[data-v-d4dec9fb]{pointer-events:none;background:linear-gradient(90deg,#eaf4ff05 0%,#eef7ff0f 54%,#f8fcffd1 100%),linear-gradient(#0d3d860a,#ffffff08);position:absolute;inset:0}.login-page__brand[data-v-d4dec9fb]{z-index:1;align-items:center;gap:12px;min-width:0;display:flex;position:absolute;top:34px;left:clamp(28px,4vw,58px)}.login-page__brand-logo[data-v-d4dec9fb]{object-fit:contain;flex:none;width:36px;height:36px}.login-page__brand span[data-v-d4dec9fb]{color:var(--login-text);text-shadow:0 1px 16px #fff3;font-size:20px;font-weight:700}.login-page__account[data-v-d4dec9fb]{z-index:1;justify-content:center;align-items:center;width:min(410px,100%);display:flex;position:relative}.login-page__card[data-v-d4dec9fb]{background:var(--login-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #dbeaffad;border-radius:8px;width:100%;min-height:438px;position:relative;overflow:hidden;box-shadow:0 24px 58px #2f7cff1f}.login-page__card[data-v-d4dec9fb] .el-card__body{padding:14px 34px 26px}.login-page__card[data-v-d4dec9fb] .el-card__header{z-index:2;border-bottom:0;padding:34px 34px 6px;position:relative}.login-page__card-header[data-v-d4dec9fb]{flex-direction:column;gap:12px;display:flex}.login-page__system[data-v-d4dec9fb]{width:fit-content;color:var(--login-text);align-items:center;gap:12px;margin-bottom:8px;font-size:15px;font-weight:700;display:inline-flex}.login-page__system-mark[data-v-d4dec9fb]{width:28px;height:28px;color:var(--login-primary);background:var(--login-elevated-bg);border-radius:8px;place-items:center;display:grid;box-shadow:0 10px 18px #2f7cff2e}.login-page__card-header strong[data-v-d4dec9fb]{color:var(--login-text);font-size:24px;line-height:32px}.login-page__card-header span[data-v-d4dec9fb]{color:var(--login-text-muted);font-size:15px}.login-page__qr-corner[data-v-d4dec9fb]{z-index:4;border-color:color-mix(in srgb, var(--login-border) 58%, transparent);background:color-mix(in srgb, var(--login-elevated-bg) 48%, transparent);width:44px;height:44px;color:color-mix(in srgb, var(--login-icon) 78%, var(--login-text-muted));opacity:.86;border-radius:8px;padding:0;transition:background-color .2s,border-color .2s,color .2s,opacity .2s,box-shadow .2s,transform .2s;position:absolute;top:34px;right:34px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #132a4a0a}.login-page__qr-corner[data-v-d4dec9fb]:hover,.login-page__qr-corner[data-v-d4dec9fb]:focus-visible,.login-page__qr-corner.is-open[data-v-d4dec9fb]{border-color:color-mix(in srgb, var(--login-primary) 24%, var(--login-border));background:color-mix(in srgb, var(--login-field-bg) 68%, transparent);color:var(--login-primary);opacity:1;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,0 8px 18px #2f7cff14}.login-page__qr-icon[data-v-d4dec9fb]{color:currentColor;transition:color .2s}.login-page__qr-corner:hover .login-page__qr-icon[data-v-d4dec9fb],.login-page__qr-corner.is-open .login-page__qr-icon[data-v-d4dec9fb]{color:currentColor}.login-page__card-body[data-v-d4dec9fb]{min-height:270px;display:grid;position:relative}.login-page__form-sheet[data-v-d4dec9fb],.login-page__qr-sheet[data-v-d4dec9fb]{grid-area:1/1;transition:opacity .16s,transform .16s}.login-page__card-body.is-qr .login-page__form-sheet[data-v-d4dec9fb]{opacity:0;pointer-events:none;transform:translateY(6px)}.login-page__qr-sheet[data-v-d4dec9fb]{opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;min-height:270px;padding-top:8px;display:flex;transform:translateY(8px)}.login-page__card-body.is-qr .login-page__qr-sheet[data-v-d4dec9fb]{opacity:1;pointer-events:auto;transform:translateY(0)}.login-page__qr-sheet strong[data-v-d4dec9fb]{color:var(--login-text);margin-top:20px;font-size:18px;line-height:26px}.login-page__qr-sheet p[data-v-d4dec9fb]{color:var(--login-text-muted);margin:6px 0 20px;font-size:14px;line-height:22px}.login-page__qr-box[data-v-d4dec9fb]{border:1px solid var(--login-border);background:var(--login-field-bg);width:118px;height:118px;color:var(--login-icon);border-radius:8px;place-items:center;font-size:18px;display:grid;box-shadow:0 14px 28px #2a528214}.login-page__mode[data-v-d4dec9fb]{display:none}.login-page__form[data-v-d4dec9fb]{gap:12px;display:grid}.login-page__form[data-v-d4dec9fb] .el-form-item{margin-bottom:0}.login-page__form[data-v-d4dec9fb] .el-input__wrapper{background:var(--login-field-bg);min-height:50px;box-shadow:inset 0 0 0 1px var(--login-border);border-radius:8px}.login-page__form[data-v-d4dec9fb] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px var(--el-color-primary), 0 0 0 3px #2d7eff1a}.login-page__form[data-v-d4dec9fb] .el-input__inner{color:var(--login-text);font-size:15px}.login-page__form[data-v-d4dec9fb] .el-input__prefix{color:var(--login-icon)}.login-page__code-row[data-v-d4dec9fb]{grid-template-columns:minmax(0,1fr) 122px;gap:12px;width:100%;display:grid}.login-page__code-row .el-button[data-v-d4dec9fb]{height:50px;color:var(--el-color-primary);background:var(--login-field-bg);box-shadow:inset 0 0 0 1px var(--login-border);border:0;font-weight:600}.login-page__submit[data-v-d4dec9fb]{background:linear-gradient(90deg, var(--login-primary), var(--login-primary-soft));border:0;border-radius:8px;width:100%;height:50px;margin-top:2px;font-size:16px;font-weight:700;box-shadow:0 14px 28px #2f7cff38}.login-page__phone-login[data-v-d4dec9fb]{color:var(--login-text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:700;line-height:26px;display:inline-flex}.login-page__phone-login[data-v-d4dec9fb]:hover{color:var(--el-color-primary)}.login-page__divider[data-v-d4dec9fb]{color:var(--login-text-muted);align-items:center;gap:18px;margin:20px 0 14px;font-size:13px;display:flex}.login-page__divider[data-v-d4dec9fb]:before,.login-page__divider[data-v-d4dec9fb]:after{background:linear-gradient(90deg, transparent, var(--login-divider));content:"";flex:1;height:1px}.login-page__divider[data-v-d4dec9fb]:after{background:linear-gradient(90deg, var(--login-divider), transparent)}.login-page__alt-login[data-v-d4dec9fb]{width:48px;height:48px;color:var(--login-primary);place-items:center;margin:0 auto;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.login-page__alt-login[data-v-d4dec9fb]:hover{border-color:#8fb8efe6;transform:translateY(-1px);box-shadow:0 12px 24px #2f7cff1f}html.dark .login-page__shade[data-v-d4dec9fb]{background:radial-gradient(circle at 32%,#409eff24,#0000 35%),linear-gradient(90deg,#08122005 0%,#08122029 52%,#081220bd 100%),linear-gradient(#050c160f,#050c1629)}html.dark .login-page[data-v-d4dec9fb]{--login-text:#eef6fff0;--login-text-muted:#b9cadec2;--login-icon:#8bb6ebcc;--login-border:#b0d1f838;--login-surface:linear-gradient(135deg, #101b2ab3, #0d172494);--login-field-bg:#08122080;--login-elevated-bg:#7589a429;--login-divider:#aacaf22e;background:#07101d}html.dark .login-page__bg[data-v-d4dec9fb]{filter:saturate(1.1)contrast(1.02)brightness(.98)}html.dark .login-page__brand span[data-v-d4dec9fb]{color:#e8f2ffdb;text-shadow:0 2px 18px #0000005c}html.dark .login-page__card[data-v-d4dec9fb]{border-color:#bed7f657;box-shadow:0 24px 58px #00000047,inset 0 1px #ffffff14}html.dark .login-page__system-mark[data-v-d4dec9fb],html.dark .login-page__qr-box[data-v-d4dec9fb],html.dark .login-page__alt-login[data-v-d4dec9fb]{box-shadow:inset 0 1px #ffffff14,0 14px 30px #0000002e}html.dark .login-page__qr-corner[data-v-d4dec9fb]{color:#a3c4eb94;background:#859ebe0b;border-color:#aacaf221;box-shadow:inset 0 1px #ffffff09,inset 0 -1px #0000001a}html.dark .login-page__qr-corner[data-v-d4dec9fb]:hover,html.dark .login-page__qr-corner[data-v-d4dec9fb]:focus-visible,html.dark .login-page__qr-corner.is-open[data-v-d4dec9fb]{color:#bbd8fcd1;background:#4a80be17;border-color:#76aef23d;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000029}html.dark .login-page__form[data-v-d4dec9fb] .el-input__wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.dark .login-page__form[data-v-d4dec9fb] .el-input__wrapper.is-focus{box-shadow:inset 0 0 0 1px #51a0ffe0,0 0 0 3px #409eff29}html.dark .login-page__form[data-v-d4dec9fb] .el-input__inner::placeholder{color:#b9cade94}html.dark .login-page__code-row .el-button[data-v-d4dec9fb]{color:#81beffeb}html.dark .login-page__submit[data-v-d4dec9fb]{background:linear-gradient(90deg,#218bff,#48b4ff);box-shadow:0 12px 28px #2088ff3d}html.dark .login-page__alt-login[data-v-d4dec9fb]{background:#08101cad;border-color:#aacaf22e}@media (width<=960px){.login-page[data-v-d4dec9fb]{place-items:end center;padding:96px 24px 44px}.login-page__brand[data-v-d4dec9fb]{top:28px;left:32px}.login-page__account[data-v-d4dec9fb]{width:min(410px,100%)}}@media (width<=640px){.login-page[data-v-d4dec9fb]{padding:92px 14px 28px}.login-page__brand[data-v-d4dec9fb]{gap:10px;top:20px;left:18px}.login-page__brand-logo[data-v-d4dec9fb]{width:32px;height:32px}.login-page__account[data-v-d4dec9fb]{width:100%}.login-page__card[data-v-d4dec9fb] .el-card__header{padding:34px 24px 8px}.login-page__card[data-v-d4dec9fb] .el-card__body{padding:24px}.login-page__card-header strong[data-v-d4dec9fb]{font-size:24px;line-height:32px}.login-page__system[data-v-d4dec9fb]{margin-bottom:12px}.login-page__qr-corner[data-v-d4dec9fb]{top:24px;right:24px}.login-page__code-row[data-v-d4dec9fb]{grid-template-columns:1fr}}
|
|
11
11
|
|
|
12
12
|
/* SystemConfig.css */
|
|
13
13
|
.config-center[data-v-5d22ada6]{height:100%;min-height:0}.config-center__content[data-v-5d22ada6]{background:var(--el-bg-color);border-radius:12px;align-content:start;gap:20px;min-height:100%;padding:20px 20px 32px;display:grid}.config-center__header[data-v-5d22ada6]{justify-content:flex-end;display:flex}.config-center__actions[data-v-5d22ada6]{gap:12px;display:inline-flex}.config-center__form[data-v-5d22ada6]{gap:18px;padding-top:6px;display:grid}.config-center__item[data-v-5d22ada6]{margin-bottom:0}.config-center__item--assets[data-v-5d22ada6] .el-form-item__content{display:block}.config-center__item[data-v-5d22ada6] .el-form-item__label{color:var(--el-text-color-primary);font-weight:600}.config-center__field[data-v-5d22ada6]{width:min(460px,100%)}.config-center__asset-row[data-v-5d22ada6]{flex-wrap:wrap;align-items:flex-end;gap:24px;width:100%;display:flex}.config-center__asset-list[data-v-5d22ada6]{border-top:1px solid var(--el-border-color-lighter);padding-top:18px}.config-center__asset-card[data-v-5d22ada6]{justify-items:center;gap:12px;display:grid}.config-center__asset-card span[data-v-5d22ada6]{color:var(--el-text-color-primary);font-weight:600}.config-center__asset-preview[data-v-5d22ada6]{border:1px solid var(--el-border-color-lighter);background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.config-center__asset-preview--wide[data-v-5d22ada6]{width:180px;height:92px;padding:8px 10px}.config-center__asset-preview--login[data-v-5d22ada6]{width:240px;height:150px;padding:8px}.config-center__asset-preview--square[data-v-5d22ada6],.config-center__asset-preview--icon[data-v-5d22ada6]{width:92px;height:92px;padding:8px}.config-center__asset-image[data-v-5d22ada6]{object-fit:contain;max-width:100%;max-height:100%;display:block}.config-center__asset-image--icon[data-v-5d22ada6]{width:100%;height:100%}.config-center__file[data-v-5d22ada6]{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}html,body{height:100%;min-height:0;color:var(--el-text-color-primary);background:var(--el-bg-color-page);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#sub-app{height:100%;min-height:0}
|
|
1
|
+
*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;min-height:0;color:var(--el-text-color-primary);background:var(--el-bg-color-page);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}#sub-app{width:100%;min-width:0;height:100%;min-height:0}img,svg,video,canvas{max-width:100%}.page,.sub-page{width:100%;min-width:0}.el-card,.el-form,.el-row,.el-col,.el-table,.el-tabs,.el-descriptions,.el-collapse,.el-scrollbar{min-width:0}@media (width<=768px){.page,.sub-page{padding:12px}.el-dialog{--el-dialog-width:calc(100vw - 24px)!important;margin-top:8vh!important}.el-drawer.rtl,.el-drawer.ltr{width:min(100vw,380px)!important}.el-form:not(.el-form--inline) .el-form-item{display:block}.el-form:not(.el-form--inline) .el-form-item__label{text-align:left;height:auto;margin-bottom:6px;padding:0;line-height:1.4;display:block;width:auto!important}.el-form:not(.el-form--inline) .el-form-item__content{min-width:0;margin-left:0!important}.el-form .el-input,.el-form .el-input-number,.el-form .el-select,.el-form .el-cascader,.el-form .el-date-editor,.el-form .el-autocomplete{width:100%!important}}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { t as e } from "./auth-C3RvRgcW.js";
|
|
2
|
+
import { t } from "./system-DZaKDrG6.js";
|
|
3
|
+
import { t as n } from "./_plugin-vue_export-helper-DvRHjpsZ.js";
|
|
4
|
+
import { useRoute as r, useRouter as i } from "vue-router";
|
|
5
|
+
import { ElMessage as a } from "element-plus";
|
|
6
|
+
import { computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, onBeforeUnmount as m, openBlock as h, reactive as g, ref as _, resolveComponent as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, withCtx as S, withKeys as C, withModifiers as w } from "vue";
|
|
7
|
+
import { Iphone as T, Lock as E, Message as D } from "@element-plus/icons-vue";
|
|
8
|
+
import { MpIcon as O } from "morningfast-plus/components";
|
|
9
|
+
//#region src/main/pages/auth/Login.vue?vue&type=script&setup=true&lang.ts
|
|
10
|
+
var k = { class: "login-page" }, A = ["src", "alt"], j = { class: "login-page__brand" }, M = ["src", "alt"], N = { class: "login-page__account" }, P = { class: "login-page__card-header" }, F = { class: "login-page__system" }, I = { class: "login-page__system-mark" }, ee = { class: "login-page__form-sheet" }, L = { class: "login-page__code-row" }, R = { class: "login-page__qr-sheet" }, z = /* @__PURE__ */ n(/* @__PURE__ */ f({
|
|
11
|
+
__name: "Login",
|
|
12
|
+
setup(n) {
|
|
13
|
+
let f = r(), z = i(), B = e(), V = t(), H = _("password"), U = _(!1), W = _(!1), G = _(!1), K = _(0), q, J = g({
|
|
14
|
+
phone: "13800000000",
|
|
15
|
+
password: "123456"
|
|
16
|
+
}), Y = g({
|
|
17
|
+
phone: "13800000000",
|
|
18
|
+
code: "246810"
|
|
19
|
+
}), X = o(() => K.value > 0 ? `${K.value}s 后重试` : "获取验证码");
|
|
20
|
+
function Z(e) {
|
|
21
|
+
return /^1[3-9]\d{9}$/.test(e.trim()) ? !0 : (a.warning("请输入正确的手机号"), !1);
|
|
22
|
+
}
|
|
23
|
+
async function Q() {
|
|
24
|
+
G.value || K.value > 0 || Z(Y.phone) && (G.value = !0, await new Promise((e) => setTimeout(e, 600)), G.value = !1, K.value = 60, a.success("验证码已发送,演示验证码 246810"), q = window.setInterval(() => {
|
|
25
|
+
--K.value, K.value <= 0 && (window.clearInterval(q), q = void 0);
|
|
26
|
+
}, 1e3));
|
|
27
|
+
}
|
|
28
|
+
async function $() {
|
|
29
|
+
let e = H.value === "password" ? J.phone : Y.phone;
|
|
30
|
+
if (!Z(e)) return;
|
|
31
|
+
if (H.value === "password" && !J.password) {
|
|
32
|
+
a.warning("请输入密码");
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
if (H.value === "sms" && Y.code.trim() !== "246810") {
|
|
36
|
+
a.warning("请输入正确的验证码");
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
W.value = !0;
|
|
40
|
+
try {
|
|
41
|
+
await B.login({
|
|
42
|
+
username: e.trim(),
|
|
43
|
+
password: H.value === "password" ? J.password : Y.code
|
|
44
|
+
});
|
|
45
|
+
} finally {
|
|
46
|
+
W.value = !1;
|
|
47
|
+
}
|
|
48
|
+
a.success("登录成功,已进入平台骨架页");
|
|
49
|
+
let t = typeof f.query.redirect == "string" ? f.query.redirect : "/";
|
|
50
|
+
z.replace(t);
|
|
51
|
+
}
|
|
52
|
+
return m(() => {
|
|
53
|
+
q && window.clearInterval(q);
|
|
54
|
+
}), (e, t) => {
|
|
55
|
+
let n = v("el-button"), r = v("el-icon"), i = v("el-input"), a = v("el-form-item"), o = v("el-form"), f = v("el-card");
|
|
56
|
+
return h(), c("div", k, [
|
|
57
|
+
l("img", {
|
|
58
|
+
src: x(V).loginBackground,
|
|
59
|
+
alt: x(V).systemName,
|
|
60
|
+
class: "login-page__bg"
|
|
61
|
+
}, null, 8, A),
|
|
62
|
+
t[15] ||= l("div", { class: "login-page__shade" }, null, -1),
|
|
63
|
+
l("div", j, [l("img", {
|
|
64
|
+
src: x(V).logoCollapsed,
|
|
65
|
+
alt: x(V).systemName,
|
|
66
|
+
class: "login-page__brand-logo"
|
|
67
|
+
}, null, 8, M), l("span", null, b(x(V).systemName), 1)]),
|
|
68
|
+
l("section", N, [d(f, {
|
|
69
|
+
shadow: "never",
|
|
70
|
+
class: "login-page__card"
|
|
71
|
+
}, {
|
|
72
|
+
header: S(() => [l("div", P, [
|
|
73
|
+
l("div", F, [l("span", I, [d(x(O), {
|
|
74
|
+
type: "mdi",
|
|
75
|
+
name: "mdiChartBar",
|
|
76
|
+
size: 22
|
|
77
|
+
})]), l("span", null, b(x(V).systemName), 1)]),
|
|
78
|
+
l("strong", null, b(U.value ? "扫码登录" : "欢迎登录"), 1),
|
|
79
|
+
l("span", null, b(U.value ? "使用企业移动端扫码确认" : "高效管理 · 精准协同 · 智能决策"), 1)
|
|
80
|
+
])]),
|
|
81
|
+
default: S(() => [d(n, {
|
|
82
|
+
class: p(["login-page__qr-corner", { "is-open": U.value }]),
|
|
83
|
+
"aria-label": U.value ? "切换到手机号登录" : "切换到扫码登录",
|
|
84
|
+
title: U.value ? "切换到手机号登录" : "切换到扫码登录",
|
|
85
|
+
onClick: t[0] ||= (e) => U.value = !U.value
|
|
86
|
+
}, {
|
|
87
|
+
default: S(() => [d(x(O), {
|
|
88
|
+
class: "login-page__qr-icon",
|
|
89
|
+
type: "mdi",
|
|
90
|
+
name: U.value ? "mdiCellphone" : "mdiQrcode",
|
|
91
|
+
size: 28
|
|
92
|
+
}, null, 8, ["name"])]),
|
|
93
|
+
_: 1
|
|
94
|
+
}, 8, [
|
|
95
|
+
"class",
|
|
96
|
+
"aria-label",
|
|
97
|
+
"title"
|
|
98
|
+
]), l("div", {
|
|
99
|
+
class: p(["login-page__card-body", { "is-qr": U.value }]),
|
|
100
|
+
onKeydown: t[7] ||= C((e) => U.value = !1, ["esc"])
|
|
101
|
+
}, [l("div", ee, [
|
|
102
|
+
H.value === "password" ? (h(), s(o, {
|
|
103
|
+
key: 0,
|
|
104
|
+
class: "login-page__form",
|
|
105
|
+
"label-position": "top",
|
|
106
|
+
onSubmit: w($, ["prevent"])
|
|
107
|
+
}, {
|
|
108
|
+
default: S(() => [
|
|
109
|
+
d(a, null, {
|
|
110
|
+
default: S(() => [d(i, {
|
|
111
|
+
modelValue: J.phone,
|
|
112
|
+
"onUpdate:modelValue": t[1] ||= (e) => J.phone = e,
|
|
113
|
+
maxlength: "11",
|
|
114
|
+
placeholder: "请输入手机号"
|
|
115
|
+
}, {
|
|
116
|
+
prefix: S(() => [d(r, null, {
|
|
117
|
+
default: S(() => [d(x(T))]),
|
|
118
|
+
_: 1
|
|
119
|
+
})]),
|
|
120
|
+
_: 1
|
|
121
|
+
}, 8, ["modelValue"])]),
|
|
122
|
+
_: 1
|
|
123
|
+
}),
|
|
124
|
+
d(a, null, {
|
|
125
|
+
default: S(() => [d(i, {
|
|
126
|
+
modelValue: J.password,
|
|
127
|
+
"onUpdate:modelValue": t[2] ||= (e) => J.password = e,
|
|
128
|
+
"show-password": "",
|
|
129
|
+
placeholder: "请输入密码"
|
|
130
|
+
}, {
|
|
131
|
+
prefix: S(() => [d(r, null, {
|
|
132
|
+
default: S(() => [d(x(E))]),
|
|
133
|
+
_: 1
|
|
134
|
+
})]),
|
|
135
|
+
_: 1
|
|
136
|
+
}, 8, ["modelValue"])]),
|
|
137
|
+
_: 1
|
|
138
|
+
}),
|
|
139
|
+
d(n, {
|
|
140
|
+
type: "primary",
|
|
141
|
+
class: "login-page__submit",
|
|
142
|
+
loading: W.value,
|
|
143
|
+
onClick: $
|
|
144
|
+
}, {
|
|
145
|
+
default: S(() => [...t[8] ||= [u(" 登录系统 ", -1)]]),
|
|
146
|
+
_: 1
|
|
147
|
+
}, 8, ["loading"])
|
|
148
|
+
]),
|
|
149
|
+
_: 1
|
|
150
|
+
})) : (h(), s(o, {
|
|
151
|
+
key: 1,
|
|
152
|
+
class: "login-page__form",
|
|
153
|
+
"label-position": "top",
|
|
154
|
+
onSubmit: w($, ["prevent"])
|
|
155
|
+
}, {
|
|
156
|
+
default: S(() => [
|
|
157
|
+
d(a, null, {
|
|
158
|
+
default: S(() => [d(i, {
|
|
159
|
+
modelValue: Y.phone,
|
|
160
|
+
"onUpdate:modelValue": t[3] ||= (e) => Y.phone = e,
|
|
161
|
+
maxlength: "11",
|
|
162
|
+
placeholder: "请输入手机号"
|
|
163
|
+
}, {
|
|
164
|
+
prefix: S(() => [d(r, null, {
|
|
165
|
+
default: S(() => [d(x(T))]),
|
|
166
|
+
_: 1
|
|
167
|
+
})]),
|
|
168
|
+
_: 1
|
|
169
|
+
}, 8, ["modelValue"])]),
|
|
170
|
+
_: 1
|
|
171
|
+
}),
|
|
172
|
+
d(a, null, {
|
|
173
|
+
default: S(() => [l("div", L, [d(i, {
|
|
174
|
+
modelValue: Y.code,
|
|
175
|
+
"onUpdate:modelValue": t[4] ||= (e) => Y.code = e,
|
|
176
|
+
maxlength: "6",
|
|
177
|
+
placeholder: "请输入验证码"
|
|
178
|
+
}, {
|
|
179
|
+
prefix: S(() => [d(r, null, {
|
|
180
|
+
default: S(() => [d(x(D))]),
|
|
181
|
+
_: 1
|
|
182
|
+
})]),
|
|
183
|
+
_: 1
|
|
184
|
+
}, 8, ["modelValue"]), d(n, {
|
|
185
|
+
disabled: K.value > 0,
|
|
186
|
+
loading: G.value,
|
|
187
|
+
onClick: Q
|
|
188
|
+
}, {
|
|
189
|
+
default: S(() => [u(b(X.value), 1)]),
|
|
190
|
+
_: 1
|
|
191
|
+
}, 8, ["disabled", "loading"])])]),
|
|
192
|
+
_: 1
|
|
193
|
+
}),
|
|
194
|
+
d(n, {
|
|
195
|
+
type: "primary",
|
|
196
|
+
class: "login-page__submit",
|
|
197
|
+
loading: W.value,
|
|
198
|
+
onClick: $
|
|
199
|
+
}, {
|
|
200
|
+
default: S(() => [...t[9] ||= [u(" 登录系统 ", -1)]]),
|
|
201
|
+
_: 1
|
|
202
|
+
}, 8, ["loading"])
|
|
203
|
+
]),
|
|
204
|
+
_: 1
|
|
205
|
+
})),
|
|
206
|
+
t[10] ||= l("div", { class: "login-page__divider" }, [l("span", null, "其他登录方式")], -1),
|
|
207
|
+
d(n, {
|
|
208
|
+
circle: "",
|
|
209
|
+
class: "login-page__alt-login",
|
|
210
|
+
"aria-label": H.value === "password" ? "切换验证码登录" : "切换密码登录",
|
|
211
|
+
onClick: t[5] ||= (e) => H.value = H.value === "password" ? "sms" : "password"
|
|
212
|
+
}, {
|
|
213
|
+
default: S(() => [d(r, null, {
|
|
214
|
+
default: S(() => [(h(), s(y(H.value === "password" ? x(D) : x(E))))]),
|
|
215
|
+
_: 1
|
|
216
|
+
})]),
|
|
217
|
+
_: 1
|
|
218
|
+
}, 8, ["aria-label"])
|
|
219
|
+
]), l("div", R, [
|
|
220
|
+
t[12] ||= l("div", { class: "login-page__qr-box" }, [l("span", null, "二维码")], -1),
|
|
221
|
+
t[13] ||= l("strong", null, "移动端扫码登录", -1),
|
|
222
|
+
t[14] ||= l("p", null, "二维码每 2 分钟自动刷新", -1),
|
|
223
|
+
d(n, {
|
|
224
|
+
text: "",
|
|
225
|
+
class: "login-page__phone-login",
|
|
226
|
+
onClick: t[6] ||= (e) => U.value = !1
|
|
227
|
+
}, {
|
|
228
|
+
default: S(() => [d(r, null, {
|
|
229
|
+
default: S(() => [d(x(T))]),
|
|
230
|
+
_: 1
|
|
231
|
+
}), t[11] ||= u(" 使用手机号登录 ", -1)]),
|
|
232
|
+
_: 1
|
|
233
|
+
})
|
|
234
|
+
])], 34)]),
|
|
235
|
+
_: 1
|
|
236
|
+
})])
|
|
237
|
+
]);
|
|
238
|
+
};
|
|
239
|
+
}
|
|
240
|
+
}), [["__scopeId", "data-v-d4dec9fb"]]);
|
|
241
|
+
//#endregion
|
|
242
|
+
export { z as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./system-
|
|
1
|
+
import { t as e } from "./system-DZaKDrG6.js";
|
|
2
2
|
import { t } from "./_plugin-vue_export-helper-DvRHjpsZ.js";
|
|
3
3
|
import { ElMessage as n } from "element-plus";
|
|
4
4
|
import { createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, openBlock as c, reactive as l, ref as u, resolveComponent as d, watch as f, withCtx as p, withModifiers as m } from "vue";
|