.offline-notice{position:fixed;bottom:0;left:0;right:0;background:#e6a23c;color:#fff;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;z-index:9999;padding-bottom:calc(8px + var(--safe-area-bottom, 0px))}.offline-sync-count{background:#ffffff40;padding:2px 8px;border-radius:10px;font-size:12px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,HarmonyOS Sans,sans-serif;line-height:1.5;font-weight:400;color:#303133;background-color:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--mobile-touch-target: 44px;--mobile-border-radius: 10px;--mobile-card-gap: 10px;--mobile-padding: 12px}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c0c4cc transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:3px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background-color:#909399}::-webkit-scrollbar-corner{background:transparent}a{color:#409eff;text-decoration:none}a:hover{color:#66b1ff}#app{width:100%;height:100%;overflow:hidden;min-width:0}.el-table{--el-table-border-color: #ebeef5}.el-table__body-wrapper{scroll-behavior:smooth}@supports (padding: env(safe-area-inset-top)){.el-header{padding-top:var(--safe-area-top, 0px)!important}.el-footer,.site-footer{padding-bottom:var(--safe-area-bottom, 0px)!important}.el-drawer{padding-left:var(--safe-area-left, 0px)!important;padding-right:var(--safe-area-right, 0px)!important}}@media screen and (max-width: 768px){.el-dialog{--el-dialog-width: 92% !important;--el-dialog-margin-top: 5vh !important}.el-dialog__body{max-height:65vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.el-form--inline .el-form-item{margin-right:8px;margin-bottom:8px}.el-pagination{--el-pagination-button-width: 28px;--el-pagination-button-height: 28px}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none!important}.el-card__body{padding:12px!important;min-width:0}.el-card__header{padding:12px 16px!important}.el-button{min-height:44px}.el-button--small{min-height:36px}.el-input__inner,.el-select .el-input__inner{min-height:44px;font-size:16px}.el-textarea__inner{font-size:16px}.el-form-item__label{min-height:44px;display:flex;align-items:center}.el-table{-webkit-overflow-scrolling:touch}.el-table__body-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.el-table__header-wrapper{overflow-x:auto!important}.el-table__body-wrapper::-webkit-scrollbar{height:4px}.el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#c0c4cc;border-radius:2px}.el-table td.el-table__cell{padding:6px 0}.el-table .cell{padding:0 6px;font-size:13px;line-height:1.4}.el-table th.el-table__cell{padding:6px 0;font-size:13px}.el-date-editor .el-input__inner{min-height:44px}.el-drawer__body{-webkit-overflow-scrolling:touch}.el-overlay{overflow:auto;-webkit-overflow-scrolling:touch}.el-select-dropdown__item{padding:0 16px;height:36px;line-height:36px;font-size:14px}}@media screen and (max-width: 480px){.el-dialog{--el-dialog-width: 96% !important;--el-dialog-margin-top: 3vh !important}.el-dialog__header{padding:12px 14px}.el-dialog__body{padding:14px}.el-dialog__footer{padding:10px 14px}.el-form-item__label{font-size:13px}.el-card__body{padding:10px!important}.el-card__header{padding:10px 12px!important}.el-message-box{width:90%!important}}@media screen and (max-width: 375px){.el-dialog{--el-dialog-width: 98% !important;--el-dialog-margin-top: 2vh !important}.el-card__body{padding:8px!important}.el-card__header{padding:8px 10px!important}.el-button{font-size:13px;padding:8px 12px}.el-form-item{margin-bottom:14px}}@media screen and (orientation: landscape) and (max-height: 500px){.el-dialog{--el-dialog-margin-top: 2vh !important}.el-dialog__body{max-height:70vh;overflow-y:auto}}.visible-mobile{display:none!important}.mobile-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.mobile-stat-grid--3{grid-template-columns:repeat(3,1fr)}.mobile-stat-item{background:#fff;border:1px solid #ebeef5;border-radius:10px;padding:12px;text-align:center}.mobile-stat-item .stat-value{font-size:20px;font-weight:700;color:#303133}.mobile-stat-item .stat-label{font-size:12px;color:#909399;margin-top:4px}.mobile-stat-item.stat-primary .stat-value{color:#409eff}.mobile-stat-item.stat-success .stat-value{color:#67c23a}.mobile-stat-item.stat-warning .stat-value{color:#e6a23c}.mobile-stat-item.stat-danger .stat-value{color:#f56c6c}.mobile-chart-stack>div{width:100%!important;max-width:100%!important}.mobile-action-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.mobile-action-bar .el-button{flex:1;min-width:0}.mobile-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.mobile-info-item{display:flex;gap:4px;font-size:13px;line-height:1.8}.mobile-info-item .info-label{color:#909399;flex-shrink:0;white-space:nowrap}.mobile-info-item .info-value{color:#303133;word-break:break-all}.mobile-tags-wrap{display:flex;flex-wrap:wrap;gap:4px}.touch-feedback{-webkit-tap-highlight-color:transparent;transition:transform .15s ease,opacity .15s ease}.touch-feedback:active{transform:scale(.97);opacity:.85}.mobile-safe-bottom{padding-bottom:calc(var(--mobile-padding) + var(--safe-area-bottom))}.mobile-safe-top{padding-top:calc(var(--mobile-padding) + var(--safe-area-top))}.mobile-sticky-bottom{position:sticky;bottom:0;background:#fff;padding:10px var(--mobile-padding);padding-bottom:calc(10px + var(--safe-area-bottom));border-top:1px solid #ebeef5;z-index:10}.mobile-scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media screen and (max-width: 768px){.hidden-mobile{display:none!important}.visible-mobile{display:block!important}.el-main{min-width:0;overflow-x:hidden}.el-card{border-radius:12px;min-width:0;overflow:visible}.el-card .el-card__body{overflow:visible}.el-dropdown-menu__item{min-height:44px;display:flex;align-items:center}.el-popconfirm{max-width:280px}.el-image-viewer__wrapper{z-index:3000!important}.mobile-card-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.mobile-empty{padding:40px 0}.mobile-card{background:#fff;border:1px solid #ebeef5;border-radius:10px;padding:12px 14px;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s,border-color .2s}.mobile-card:active{border-color:#d9ecff;box-shadow:0 2px 8px #409eff1a}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f5f7fa}.mobile-card-name{font-size:15px;font-weight:600;color:#303133}.mobile-card-body{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:8px}.mobile-card-info{display:flex;gap:4px;font-size:13px;line-height:1.8;color:#606266}.mobile-card-label{color:#909399;flex-shrink:0}.mobile-card-footer{display:flex;gap:4px;padding-top:8px;border-top:1px solid #f5f7fa;flex-wrap:wrap}.el-pagination{margin-top:12px;justify-content:center;flex-wrap:wrap}.card-header{flex-direction:column;align-items:flex-start!important;gap:8px}.card-header .header-actions,.card-header>div:last-child{width:100%;display:flex;flex-wrap:wrap;gap:6px}.search-form{display:flex;flex-wrap:wrap;gap:0}.search-form .el-form-item{margin-right:0!important;margin-bottom:8px;width:100%}.search-form .el-form-item .el-input,.search-form .el-form-item .el-select,.search-form .el-form-item .el-date-editor{width:100%!important}.batch-bar{flex-wrap:wrap;gap:6px}.el-tabs__content{padding:12px!important}.el-row{flex-wrap:wrap}.el-col{max-width:100%!important;flex:0 0 100%!important}.el-descriptions{--el-descriptions-table-border: 1px solid #ebeef5}.el-descriptions :deep(.el-descriptions__label){min-width:80px;font-size:13px}.el-descriptions :deep(.el-descriptions__content){font-size:13px}.el-drawer{width:85%!important;max-width:360px}.el-drawer__header{padding:14px 16px;margin-bottom:0;border-bottom:1px solid #f0f0f0}.el-drawer__body{padding:16px}.mobile-card .el-button--small{min-height:28px;padding:4px 8px}.el-tag--small{height:22px;padding:0 6px;font-size:11px}.el-tabs__header{margin-bottom:12px}.el-tabs__item{padding:0 12px;font-size:14px}.el-tabs--border-card{border-radius:10px;overflow:hidden}.table-header{flex-wrap:wrap;gap:6px;margin-bottom:10px}.table-header .el-button{font-size:13px}.pagination-container{display:flex;justify-content:center}.stat-card{margin-bottom:10px}.stat-item{padding:8px 0}.info-grid{grid-template-columns:1fr 1fr!important}.score-table-wrapper,.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-label{font-size:14px;margin-bottom:8px}.profile-header{flex-wrap:wrap;gap:8px}.page-title{font-size:16px}.el-progress{display:flex;align-items:center}.combination-chart{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px}.execute-form :deep(.el-form-item__label){float:none;display:block;text-align:left;padding-bottom:4px}.execute-form :deep(.el-form-item__content){margin-left:0!important}.preview-section :deep(.el-form--inline .el-form-item){width:100%;margin-right:0}.new-class-config :deep(.el-form--inline){display:flex;flex-wrap:wrap;gap:8px}.new-class-config :deep(.el-form--inline .el-form-item){margin-right:0;margin-bottom:8px}.el-descriptions :deep(.el-descriptions__body){overflow-x:auto;-webkit-overflow-scrolling:touch}.el-descriptions :deep(.el-descriptions__table){min-width:auto;table-layout:auto}.el-tabs--border-card>.el-tabs__content{padding:10px!important}.el-collapse-item__header{min-height:44px;padding:0 12px}.el-collapse-item__wrap{padding:0 8px}.el-checkbox{min-height:36px;display:inline-flex;align-items:center}.el-checkbox__label{font-size:13px}}@media screen and (max-width: 480px){.mobile-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mobile-stat-grid--3{grid-template-columns:repeat(2,1fr)}.mobile-stat-item .stat-value{font-size:18px}.mobile-info-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){:root{--el-bg-color: #1a1a2e;--el-bg-color-overlay: #16213e;--el-text-color-primary: #e0e0e0;--el-text-color-regular: #c0c0c0;--el-border-color: #2d2d44;--el-fill-color-blank: #1a1a2e}.dark-auto{background-color:#1a1a2e;color:#e0e0e0}.dark-auto .el-card{background-color:#16213e;border-color:#2d2d44}.dark-auto .el-dialog{background-color:#16213e}.dark-auto .mobile-card,.dark-auto .mobile-stat-item{background:#16213e;border-color:#2d2d44}.dark-auto .mobile-card-name{color:#e0e0e0}.dark-auto .mobile-card-info{color:#b0b0b0}.dark-auto .mobile-sticky-bottom{background:#1a1a2e;border-color:#2d2d44}}html.dark{--el-bg-color: #1a1a2e;--el-bg-color-overlay: #16213e;--el-text-color-primary: #e0e0e0;--el-text-color-regular: #c0c0c0;--el-border-color: #2d2d44;--el-fill-color-blank: #1a1a2e;background-color:#1a1a2e;color:#e0e0e0}html.dark .el-card{background-color:#16213e;border-color:#2d2d44}html.dark .el-dialog{background-color:#16213e}html.dark .mobile-card,html.dark .mobile-stat-item{background:#16213e;border-color:#2d2d44}html.dark .mobile-card-name{color:#e0e0e0}html.dark .mobile-sticky-bottom{background:#1a1a2e;border-color:#2d2d44}@media (update: fast){.smooth-animation{animation-timing-function:cubic-bezier(.4,0,.2,1);will-change:transform}}.low-end-device .el-table{contain:layout style paint}.low-end-device .el-card{contain:layout style}.low-network .image-heavy,.low-network .el-image{display:none}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.border-1px{border-width:.5px}}@media (-webkit-min-device-pixel-ratio: 3),(min-resolution: 3dppx){.border-1px{border-width:.333px}}@media (horizontal-viewport-segments: 2){.foldable-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media all and (display-mode: standalone){.pwa-hide{display:none!important}.el-header{padding-top:calc(var(--safe-area-top, 0px) + 4px)!important}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:auto;user-select:auto}}.touch-target-expand{position:relative}.touch-target-expand:after{content:"";position:absolute;inset:-6px}.long-press-active{background-color:#ecf5ff;border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.swipe-container{position:relative;overflow:hidden;touch-action:pan-y}.swipe-action{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;transform:translate(100%);transition:transform .3s ease}.swipe-container.swiped .swipe-action{transform:translate(0)}.virtual-scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;contain:layout style paint;will-change:transform}.virtual-scroll-item{contain:layout style}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:8px;width:80%}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:80px;border-radius:10px;margin-bottom:10px}html.dark .skeleton{background:linear-gradient(90deg,#2d2d44 25%,#3a3a55,#2d2d44 75%);background-size:200% 100%}