:root{--primary-color:#2e7d32;--primary-light:#4caf50;--primary-lighter:#81c784;--primary-dark:#1b5e20;--success-color:#4caf50;--success-light:#81c784;--success-dark:#2e7d32;--warning-color:#e6a23c;--warning-light:#eebe77;--warning-dark:#b88230;--danger-color:#f56c6c;--danger-light:#f89898;--danger-dark:#c45656;--info-color:#2196f3;--info-light:#42a5f5;--info-dark:#1976d2;--tech-blue:#1976d2;--tech-blue-light:#42a5f5;--tech-purple:#7c4dff;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-color:#fff;--bg-color-page:#f2f3f5;--bg-color-overlay:#000c;--box-shadow-base:0 2px 4px #0000001f,0 0 6px #0000000a;--box-shadow-dark:0 2px 4px #0000001f,0 0 6px #0000001f;--box-shadow-light:0 2px 12px 0 #0000001a;--border-radius-base:4px;--border-radius-small:2px;--border-radius-round:20px;--border-radius-circle:100%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--header-height:60px;--sidebar-width:200px;--sidebar-collapsed-width:64px;--el-color-primary:#2e7d32;--el-color-primary-light-3:#4caf50;--el-color-primary-light-5:#81c784;--el-color-primary-light-7:#a5d6a7;--el-color-primary-light-8:#c8e6c9;--el-color-primary-light-9:#e8f5e8;--el-color-primary-dark-2:#1b5e20;--el-color-success:#4caf50;--el-color-success-light-3:#81c784;--el-color-success-light-5:#a5d6a7;--el-color-success-light-7:#c8e6c9;--el-color-success-light-8:#dcedc8;--el-color-success-light-9:#f1f8e9;--el-color-success-dark-2:#2e7d32}*{box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-color-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--border-extra-light);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.full-height{height:100%}.full-width{width:100%}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.page-container{padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base)}.card-container{background-color:var(--bg-color);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base);overflow:hidden}.table-container{background-color:var(--bg-color);border-radius:var(--border-radius-base);overflow:hidden}.form-container{background-color:var(--bg-color);padding:var(--spacing-lg);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-base)}.service-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.service-dashboard .el-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;transition:all .3s;box-shadow:0 8px 32px #0000001a}.service-dashboard .el-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.service-dashboard .dashboard-title{background:linear-gradient(45deg,#2e7d32,#4caf50);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000001a;-webkit-background-clip:text;background-clip:text}.service-dashboard .core-metrics-card{position:relative;overflow:hidden}.service-dashboard .core-metrics-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.service-dashboard .core-metrics-card:hover:before{left:100%}.service-dashboard .chart-container{position:relative}.service-dashboard .chart-container:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(45deg,#0000 30%,#2e7d320d 50%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.service-dashboard .chart-container:hover:after{opacity:1}.service-dashboard .metrics-value,.service-dashboard .stat-value,.service-dashboard .overview-value{animation:1s ease-out countUp}.service-dashboard .status-indicator,.service-dashboard .level-indicator,.service-dashboard .type-indicator{animation:2s infinite pulse}.service-dashboard .metric-progress,.service-dashboard .health-progress,.service-dashboard .trend-fill{animation:1.5s ease-out progressFill}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}@media (max-width:1920px){.service-dashboard .dashboard-header .dashboard-title{font-size:24px}}@media (max-width:1440px){.service-dashboard .dashboard-header .dashboard-title{font-size:22px}.service-dashboard .metrics-section .core-metrics-card{height:100px}}@media (max-width:1200px){.service-dashboard,.service-dashboard .dashboard-header{padding:15px}.service-dashboard .dashboard-header .dashboard-title{font-size:20px}}@media (max-width:768px){.service-dashboard{padding:10px}.service-dashboard .dashboard-header{text-align:center;flex-direction:column;gap:8px;padding:10px}.service-dashboard .dashboard-header .dashboard-title{font-size:18px}.service-dashboard .dashboard-header .dashboard-time{font-size:14px}.service-dashboard .metrics-section .el-col,.service-dashboard .main-section .el-col,.service-dashboard .secondary-section .el-col,.service-dashboard .bottom-section .el-col{margin-bottom:15px}}.service-dashboard-loading{z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.service-dashboard-loading .loading-content{text-align:center;color:#fff}.service-dashboard-loading .loading-content .loading-icon{margin-bottom:20px;font-size:48px;animation:1s linear infinite spin}.service-dashboard-loading .loading-content .loading-text{margin-bottom:10px;font-size:18px}.service-dashboard-loading .loading-content .loading-subtitle{opacity:.8;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--primary-color:#2e7d32;--primary-light:#4caf50;--primary-lighter:#81c784;--primary-dark:#1b5e20;--success-color:#4caf50;--success-light:#81c784;--success-dark:#2e7d32;--warning-color:#e6a23c;--warning-light:#eebe77;--warning-dark:#b88230;--danger-color:#f56c6c;--danger-light:#f89898;--danger-dark:#c45656;--info-color:#2196f3;--info-light:#42a5f5;--info-dark:#1976d2;--tech-blue:#1976d2;--tech-blue-light:#42a5f5;--tech-purple:#7c4dff;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-color:#fff;--bg-color-page:#f2f3f5;--bg-color-overlay:#000c;--box-shadow-base:0 2px 4px #0000001f,0 0 6px #0000000a;--box-shadow-dark:0 2px 4px #0000001f,0 0 6px #0000001f;--box-shadow-light:0 2px 12px 0 #0000001a;--border-radius-base:4px;--border-radius-small:2px;--border-radius-round:20px;--border-radius-circle:100%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--header-height:60px;--sidebar-width:200px;--sidebar-collapsed-width:64px;--el-color-primary:#2e7d32;--el-color-primary-light-3:#4caf50;--el-color-primary-light-5:#81c784;--el-color-primary-light-7:#a5d6a7;--el-color-primary-light-8:#c8e6c9;--el-color-primary-light-9:#e8f5e8;--el-color-primary-dark-2:#1b5e20;--el-color-success:#4caf50;--el-color-success-light-3:#81c784;--el-color-success-light-5:#a5d6a7;--el-color-success-light-7:#c8e6c9;--el-color-success-light-8:#dcedc8;--el-color-success-light-9:#f1f8e9;--el-color-success-dark-2:#2e7d32}[data-theme=dark]{--text-primary:#e5eaf3;--text-regular:#cfd3dc;--text-secondary:#a3a6ad;--text-placeholder:#8d9095;--border-base:#4c4d4f;--border-light:#414243;--border-lighter:#363637;--border-extra-light:#2b2b2c;--bg-color:#141414;--bg-color-page:#0a0a0a;--bg-color-overlay:#000c}