:root{--color-primary: #008060;--color-primary-light: #00A47C;--color-primary-lighter: #E3F1EB;--color-primary-dark: #004C3F;--color-primary-pressed: #003D33;--color-accent: #F49342;--color-accent-light: #FCEBD3;--color-success: #008060;--color-success-light: #E3F1EB;--color-warning: #B98900;--color-warning-light: #FFF5EA;--color-danger: #D72C0D;--color-danger-light: #FFF4F4;--color-info: #5C6AC4;--color-info-light: #F4F5FE;--color-text-primary: #202223;--color-text-regular: #303030;--color-text-secondary: #6D7175;--color-text-placeholder: #8C9196;--color-text-disabled: #B5B5B5;--color-bg-page: #F6F6F7;--color-bg-card: #FFFFFF;--color-bg-surface-secondary: #F1F2F3;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-hover: #F6F6F7;--color-bg-selected: #F2F7FE;--color-bg-stripe: #FAFBFB;--color-bg-subdued: #FAFBFB;--color-border: #E1E3E5;--color-border-light: #EDEEEF;--color-border-dark: #C9CCCF;--color-divider: #E1E3E5;--radius-xs: 4px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-card: 0 0 0 1px rgba(63, 63, 68, .05), 0 1px 3px 0 rgba(63, 63, 68, .15);--shadow-sm: 0 1px 0 rgba(0, 0, 0, .05);--shadow-md: 0 0 0 1px rgba(6, 44, 82, .1), 0 2px 16px rgba(33, 43, 54, .08);--shadow-lg: 0 0 0 1px rgba(6, 44, 82, .1), 0 8px 20px rgba(0, 0, 0, .15);--shadow-xl: 0 0 0 1px rgba(6, 44, 82, .1), 0 20px 40px rgba(0, 0, 0, .2);--shadow-button: 0 1px 0 rgba(0, 0, 0, .05);--shadow-button-primary: 0 1px 0 rgba(0, 0, 0, .08), inset 0 -1px 0 rgba(0, 0, 0, .2);--shadow-input: 0 0 0 1px #C9CCCF;--shadow-input-focus: 0 0 0 2px #008060;--font-family: -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--font-size-75: 12px;--font-size-100: 13px;--font-size-200: 14px;--font-size-300: 15px;--font-size-400: 16px;--font-size-500: 20px;--font-size-600: 24px;--font-size-700: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .3s;--ease-in-out: cubic-bezier(.42, 0, .58, 1);--transition-fast: .1s var(--ease-in-out);--transition-base: .2s var(--ease-in-out);--transition-slow: .3s var(--ease-in-out);--z-content: 1;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--sidebar-bg: #1A1A1A;--sidebar-text: #A6A6A6;--sidebar-text-active: #FFFFFF;--sidebar-item-hover: rgba(255, 255, 255, .06);--sidebar-item-active: rgba(255, 255, 255, .12);--header-height: 56px;--content-max-width: 1200px}:root{--el-color-primary: var(--color-primary);--el-color-primary-light-3: #33A080;--el-color-primary-light-5: #80C0B0;--el-color-primary-light-7: #B3D9CF;--el-color-primary-light-9: #E3F1EB;--el-color-primary-dark-2: var(--color-primary-dark);--el-color-success: var(--color-success);--el-color-success-light-9: var(--color-success-light);--el-color-warning: var(--color-warning);--el-color-warning-light-9: var(--color-warning-light);--el-color-danger: var(--color-danger);--el-color-danger-light-9: var(--color-danger-light);--el-color-info: var(--color-info);--el-color-info-light-9: var(--color-info-light);--el-border-radius-base: var(--radius-sm);--el-border-radius-small: var(--radius-xs);--el-border-radius-round: var(--radius-full);--el-font-family: var(--font-family);--el-font-size-base: var(--font-size-200);--el-font-size-small: var(--font-size-100);--el-font-size-extra-small: var(--font-size-75);--el-border-color: var(--color-border);--el-border-color-light: var(--color-border-light);--el-border-color-lighter: var(--color-border-light);--el-bg-color: var(--color-bg-card);--el-bg-color-page: var(--color-bg-page);--el-bg-color-overlay: var(--color-bg-overlay);--el-fill-color-light: var(--color-bg-subdued);--el-text-color-primary: var(--color-text-primary);--el-text-color-regular: var(--color-text-regular);--el-text-color-secondary: var(--color-text-secondary);--el-text-color-placeholder: var(--color-text-placeholder);--el-text-color-disabled: var(--color-text-disabled)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-200);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#c1c6c8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#8c9196}::-webkit-scrollbar-track{background-color:transparent}.text-mono{font-family:var(--font-family-mono)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-secondary,.text-subdued{color:var(--color-text-secondary)}.page-container{width:100%;height:100%;display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.el-card{border-radius:var(--radius-md)!important;border:none!important;box-shadow:var(--shadow-card)!important;transition:none;overflow:visible!important}.el-card:hover{box-shadow:var(--shadow-card)!important}.el-card .el-card__header{padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-semibold);font-size:var(--font-size-300);color:var(--color-text-primary);border-bottom:1px solid var(--color-divider)}.el-card .el-card__body{padding:var(--space-5)}.el-button{border-radius:var(--radius-sm)!important;font-weight:var(--font-weight-medium);font-size:var(--font-size-200);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-button)}.el-button--primary{box-shadow:var(--shadow-button-primary)}.el-button--primary:hover,.el-button--primary:focus{background-color:var(--color-primary-light)!important;border-color:var(--color-primary-light)!important}.el-button--primary:active{background-color:var(--color-primary-pressed)!important;border-color:var(--color-primary-pressed)!important}.el-button--default{background:#fff;border-color:var(--color-border-dark)!important;color:var(--color-text-primary)}.el-button--default:hover,.el-button--default:focus{background:var(--color-bg-hover)!important;border-color:var(--color-border-dark)!important;color:var(--color-text-primary)!important}.el-button--danger:not(.is-plain){box-shadow:var(--shadow-button-primary)}.el-table{border-radius:var(--radius-md);overflow:hidden;--el-table-border-color: var(--color-border-light)}.el-table th.el-table__cell{background-color:var(--color-bg-subdued)!important;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-100);text-transform:none;letter-spacing:normal;padding:10px 12px;border-bottom:1px solid var(--color-border)!important}.el-table td.el-table__cell{padding:12px}.el-table .el-table__row{transition:background-color var(--transition-fast)}.el-table .el-table__row:hover>td{background-color:var(--color-bg-hover)!important}.el-table .el-table__row--striped td.el-table__cell{background-color:transparent!important}.el-table:before{display:none}.el-dialog{border-radius:var(--radius-xl)!important;overflow:hidden;box-shadow:var(--shadow-xl)}.el-dialog .el-dialog__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider);margin-right:0;background:var(--color-bg-card)}.el-dialog .el-dialog__header .el-dialog__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-400);color:var(--color-text-primary)}.el-dialog .el-dialog__body{padding:var(--space-5)}.el-dialog .el-dialog__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-bg-subdued)}.el-tag{border-radius:var(--radius-sm)!important;font-weight:var(--font-weight-medium);font-size:var(--font-size-75);border:none;padding:0 8px;height:22px;line-height:22px}.el-tag--success{background:var(--color-success-light);color:#1b5e20}.el-tag--warning{background:var(--color-warning-light);color:#7a5b00}.el-tag--danger{background:var(--color-danger-light);color:#a80a00}.el-tag--info{background:#f1f2f3;color:var(--color-text-secondary)}.el-input__wrapper,.el-textarea__inner{border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-input)!important;transition:box-shadow var(--transition-fast)}.el-input__wrapper:focus-within,.el-input__wrapper.is-focus,.el-textarea__inner:focus-within,.el-textarea__inner.is-focus{box-shadow:var(--shadow-input-focus)!important}.el-input__wrapper:hover:not(.is-focus){box-shadow:0 0 0 1px #8c9196!important}.el-form-item__label{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-200)}.el-select .el-input__wrapper{border-radius:var(--radius-sm)!important}.el-tabs .el-tabs__header{margin-bottom:var(--space-4)}.el-tabs .el-tabs__nav-wrap:after{height:1px;background:var(--color-divider)}.el-tabs .el-tabs__item{font-weight:var(--font-weight-medium);font-size:var(--font-size-200);color:var(--color-text-secondary)}.el-tabs .el-tabs__item.is-active{color:var(--color-text-primary)}.el-tabs .el-tabs__active-bar{background-color:var(--color-text-primary);height:2px}.el-pagination .el-pager li{border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.el-pagination .el-pager li.is-active{background:var(--color-primary)!important;color:#fff}.el-descriptions .el-descriptions__label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-100)}.el-message-box{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl);padding-bottom:0}.el-message-box .el-message-box__header{padding:var(--space-5) var(--space-5) var(--space-3)}.el-message-box .el-message-box__btns{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider)}.el-message{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg);border:none!important}.el-radio-button__inner{border-radius:0;font-weight:var(--font-weight-medium);font-size:var(--font-size-200)}.el-radio-button:first-child .el-radio-button__inner{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.el-badge__content{font-size:11px;font-weight:var(--font-weight-semibold);border:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #d72c0d66}50%{box-shadow:0 0 0 10px #d72c0d00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .2s var(--ease-in-out) forwards}.stat-card .el-card__body{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card .stat-icon.primary{background:var(--color-primary-lighter);color:var(--color-primary)}.stat-card .stat-icon.success{background:var(--color-success-light);color:var(--color-success)}.stat-card .stat-icon.warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card .stat-icon.danger{background:var(--color-danger-light);color:var(--color-danger)}.stat-card .stat-icon.accent{background:var(--color-accent-light);color:var(--color-accent)}.stat-card .stat-info{flex:1;min-width:0}.stat-card .stat-value{font-size:var(--font-size-600);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family);line-height:var(--line-height-tight);letter-spacing:-.02em}.stat-card .stat-label{font-size:var(--font-size-100);color:var(--color-text-secondary);margin-top:4px}.stat-card .stat-trend{font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);margin-top:4px;display:flex;align-items:center;gap:2px}.stat-card .stat-trend.up{color:var(--color-success)}.stat-card .stat-trend.down{color:var(--color-danger)}.page-header{margin-bottom:var(--space-5);display:flex;justify-content:space-between;align-items:center}.page-header .page-title{font-size:var(--font-size-500);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.page-header .page-desc{font-size:var(--font-size-200);color:var(--color-text-secondary);margin-top:4px}.el-empty{padding:var(--space-12) 0}.el-empty .el-empty__description{color:var(--color-text-secondary);font-size:var(--font-size-200)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-text-disabled)}.status-dot.warning{background:var(--color-warning)}.status-dot.error{background:var(--color-danger)}.section-title{font-size:var(--font-size-300);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.section-description{font-size:var(--font-size-200);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.filter-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.resource-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-5)}