.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{width:400px;box-shadow:0 4px 12px #00000026}.login-card .ant-card-head-title{text-align:center;font-size:18px;font-weight:600}.custom-sider{background:#FAFAFA!important;border-right:1px solid #EBEEF5;box-shadow:none!important;display:flex;flex-direction:column}.top-header{background:#FFFFFF!important;padding:0 32px!important;height:64px!important;line-height:64px!important;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EBEEF5;box-shadow:0 2px 8px #0000000a}.header-left{display:flex;align-items:center}.search-box{display:flex;align-items:center;background:#F5F7FA;border-radius:20px;padding:0 16px;width:280px;height:40px;transition:all .3s}.search-box:hover{background:#EBEEF5}.search-box:focus-within{background:#FFFFFF;box-shadow:0 0 0 2px #409eff33}.search-icon{font-size:16px;color:#909399;margin-right:8px}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#303133;line-height:40px}.search-input::placeholder{color:#c0c4cc}.header-right{display:flex;align-items:center;gap:24px}.notification-icon{font-size:20px;color:#606266;cursor:pointer;transition:color .3s}.notification-icon:hover{color:#409eff}.user-menu{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 12px;border-radius:20px;transition:background .3s}.user-menu:hover{background:#F5F7FA}.user-name{font-size:14px;color:#303133;font-weight:500}.user-dropdown-icon{font-size:12px;color:#909399}.custom-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.logo-section{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid #EBEEF5}.logo-icon{width:40px;height:40px;background:#FFFFFF;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #409eff26}.logo-text{font-size:16px;font-weight:600;color:#303133}.menu-section{padding:16px 12px 0}.menu-group-title{padding:8px 12px;font-size:12px;color:#909399;font-weight:500;margin-bottom:4px;letter-spacing:.5px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#606266;font-size:14px;-webkit-user-select:none;user-select:none}.menu-item:hover{background:#F0F2F5;color:#409eff}.menu-item.active{background:#409EFF;color:#fff;box-shadow:0 2px 8px #409eff4d}.menu-item-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:20px}.menu-item-text{flex:1;font-size:14px;font-weight:400}.menu-item-badge{width:20px;height:20px;background:#303133;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.menu-item.active .menu-item-badge{background:rgba(255,255,255,.3);color:#fff}.logout-section{margin-top:auto;padding:16px 12px 24px;border-top:1px solid #EBEEF5}.logout-section .menu-item{color:#909399}.logout-section .menu-item:hover{background:#FEF0F0;color:#f56c6c}@media (max-width: 768px){.custom-sider{width:80px!important;min-width:80px!important;max-width:80px!important}.logo-text,.menu-item-text{display:none}.menu-group-title{text-align:center;padding:8px 4px}.menu-item{justify-content:center;padding:12px 8px}.menu-item-badge{position:absolute;top:8px;right:8px;width:16px;height:16px;font-size:10px}}.custom-sider::-webkit-scrollbar{width:4px}.custom-sider::-webkit-scrollbar-track{background:transparent}.custom-sider::-webkit-scrollbar-thumb{background:#DCDFE6;border-radius:2px}.custom-sider::-webkit-scrollbar-thumb:hover{background:#C0C4CC}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.menu-item{animation:slideIn .3s ease-out}.ant-layout-content{padding:0;margin:0}.custom-sider.ant-layout-sider-light{background:#FAFAFA}.ant-layout-sider-trigger{display:none!important}.ant-modal-header{border-bottom:1px solid #EBEEF5;padding:16px 24px}.ant-modal-title{color:#303133;font-size:16px;font-weight:600}.ant-modal-body{padding:24px}.ant-modal-footer{border-top:1px solid #EBEEF5;padding:12px 24px}.ant-modal-footer .ant-btn{border-radius:4px;height:36px;padding:0 20px;font-size:14px}.ant-modal-footer .ant-btn-primary{background:#409EFF;border-color:#409eff}.ant-modal-footer .ant-btn-primary:hover{background:#66B1FF;border-color:#66b1ff}.ant-form-item-label>label{color:#606266;font-size:14px;font-weight:500}.ant-input,.ant-input-password{border-radius:4px;border-color:#dcdfe6}.ant-input:hover,.ant-input-password:hover{border-color:#409eff}.ant-input:focus,.ant-input-focused,.ant-input-password:focus{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}:root{--primary-color: #409EFF;--primary-light: #66B1FF;--primary-lighter: #A0CFFF;--primary-dark: #337ECC;--success-color: #67C23A;--success-light: #85CE61;--success-lighter: #B3E19D;--warning-color: #E6A23C;--warning-light: #EEBC5B;--warning-lighter: #F5DAA0;--danger-color: #F56C6C;--danger-light: #F78989;--danger-lighter: #FAB6B6;--info-color: #909399;--info-light: #B1B3B8;--info-lighter: #D3D4D6;--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;--background-base: #F5F7FA;--background-light: #FAFAFA;--background-white: #FFFFFF;--border-radius-base: 8px;--border-radius-small: 4px;--border-radius-large: 12px;--border-radius-circle: 50%;--box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, .1);--box-shadow-light: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--box-shadow-dark: 0 2px 8px rgba(0, 0, 0, .15);--font-size-extra-large: 20px;--font-size-large: 18px;--font-size-medium: 16px;--font-size-base: 14px;--font-size-small: 13px;--font-size-extra-small: 12px;--spacing-base: 16px;--spacing-small: 8px;--spacing-large: 24px;--spacing-extra-large: 32px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;padding:12px 20px;border-radius:var(--border-radius-base);font-size:var(--font-size-base);border:1px solid transparent;cursor:pointer;transition:all .3s}.btn-primary:hover{background-color:var(--primary-light);border-color:var(--primary-light)}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:#fff}.btn-warning{background-color:var(--warning-color);border-color:var(--warning-color);color:#fff}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-info{background-color:var(--info-color);border-color:var(--info-color);color:#fff}.card-base{background-color:var(--background-white);border:1px solid var(--border-lighter);border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-light);padding:var(--spacing-base)}.text-primary{color:var(--text-primary)}.text-regular{color:var(--text-regular)}.text-secondary{color:var(--text-secondary)}.text-placeholder{color:var(--text-placeholder)}.tag-primary{background-color:#ecf5ff;border-color:#d9ecff;color:var(--primary-color);padding:4px 12px;border-radius:var(--border-radius-base);font-size:var(--font-size-small);border:1px solid}.tag-success{background-color:#f0f9ff;border-color:#c6f6d5;color:var(--success-color)}.tag-warning{background-color:#fdf6ec;border-color:#f5dab1;color:var(--warning-color)}.tag-danger{background-color:#fef0f0;border-color:#fbc4c4;color:var(--danger-color)}.tag-info{background-color:#f4f4f5;border-color:#e9e9eb;color:var(--info-color)}.dashboard-container{padding:24px;background:#F5F7FA;min-height:calc(100vh - 64px)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.dashboard-welcome{margin:0 0 4px;font-size:14px;color:#909399;line-height:1.5}.dashboard-title{margin:0;font-size:28px;font-weight:600;color:#303133;line-height:1.3}.dashboard-subtitle{margin:4px 0 0;font-size:14px;color:#909399;line-height:1.5}.main-card{margin-bottom:16px;border-radius:12px;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a;border:1px solid #EBEEF5}.main-card .ant-card-head{border-bottom:1px solid #EBEEF5;padding:16px 20px}.main-card .ant-card-body{padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.card-title{font-size:16px;font-weight:500;color:#303133}.card-subtitle{font-size:12px;color:#909399}.metric-item{text-align:center;padding:12px 0}.metric-value{font-size:32px;font-weight:600;color:#303133;line-height:1.2;margin-bottom:8px}.metric-label{font-size:13px;color:#909399;line-height:1.5}.chart-container{padding:16px 0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-label{font-size:13px;color:#909399}.chart-value{font-size:24px;font-weight:600;color:#303133;margin-right:8px}.chart-trend{font-size:12px;color:#909399}.trend-up{color:#67c23a}.trend-down{color:#f56c6c}.notice-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ECF5FF;border:1px solid #D9ECFF;border-radius:12px;color:#409eff}.notice-icon{font-size:16px}.notice-text{flex:1;font-size:14px;color:#606266}.info-card{display:flex;align-items:center;gap:12px;padding:16px;background:#FAFAFA;border-radius:12px;border:1px solid #EBEEF5}.info-icon{font-size:24px}.info-content{flex:1}.info-label{font-size:12px;color:#909399;margin-bottom:4px}.info-value{font-size:14px;color:#303133;line-height:1.5}.info-desc{font-size:12px;color:#909399}.user-info-card{margin-bottom:16px;border-radius:4px;background:linear-gradient(135deg,#409EFF 0%,#667eea 100%);box-shadow:0 2px 12px #409eff4d;border:none}.user-info-content{text-align:center;color:#fff}.user-name{font-size:18px;font-weight:600;margin-bottom:4px;line-height:1.5}.user-location{font-size:12px;opacity:.9;margin-bottom:16px;line-height:1.5}.user-rating{background:rgba(255,255,255,.2);border-radius:4px;padding:16px}.rating-title{font-size:13px;margin-bottom:8px;line-height:1.5}.rating-values{display:flex;justify-content:space-between;font-size:12px;line-height:1.5}.data-card{margin-bottom:16px;border-radius:4px;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a;border:1px solid #EBEEF5}.data-card .ant-card-body{padding:20px}.data-card .ant-card-head{border-bottom:1px solid #EBEEF5;padding:12px 20px;min-height:auto}.pie-legend-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#606266}.pie-legend-item:last-child{margin-bottom:0}.pie-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.pie-value{font-weight:500;color:#303133}.main-card .ant-table{font-size:14px}.main-card .ant-table-thead>tr>th{background:#FAFAFA;color:#606266;font-weight:500;border-bottom:1px solid #EBEEF5;padding:12px 16px}.main-card .ant-table-tbody>tr>td{border-bottom:1px solid #EBEEF5;padding:12px 16px;color:#606266}.main-card .ant-table-tbody>tr:hover>td{background:#F5F7FA}.main-card .ant-btn-primary{background:#409EFF;border-color:#409eff;border-radius:4px}.main-card .ant-btn-primary:hover{background:#66B1FF;border-color:#66b1ff}.main-card .ant-btn-primary:active{background:#337ECC;border-color:#337ecc}.main-card .ant-btn-text{color:#409eff}.main-card .ant-btn-text:hover{color:#66b1ff;background:rgba(64,158,255,.1)}.dashboard-header .ant-picker{border-color:#dcdfe6;border-radius:4px}.dashboard-header .ant-picker:hover{border-color:#409eff}.dashboard-header .ant-picker-focused{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ant-tag{border:none;font-size:12px;padding:2px 10px;border-radius:4px;line-height:20px}.system-log-container{scroll-behavior:smooth}.system-log-container::-webkit-scrollbar{width:6px}.system-log-container::-webkit-scrollbar-track{background:#F5F7FA;border-radius:3px}.system-log-container::-webkit-scrollbar-thumb{background:#DCDFE6;border-radius:3px;transition:background .3s}.system-log-container::-webkit-scrollbar-thumb:hover{background:#C0C4CC}@media (max-width: 1200px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.metric-value{font-size:24px}.chart-value{font-size:20px}}@media (max-width: 768px){.dashboard-container,.main-card .ant-card-body{padding:16px}.metric-item{padding:8px 0}.metric-value{font-size:20px}.chart-value{font-size:18px}}.system-config-container{padding:24px;background:#F5F7FA;min-height:calc(100vh - 64px)}.config-section{display:flex;flex-direction:column;gap:24px}.config-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#F5F7FA;border-radius:8px;transition:all .3s}.config-item:hover{background:#ECF5FF}.config-label{font-size:14px;font-weight:500;color:#303133;display:flex;align-items:center;flex:1}.config-item .ant-form-item{flex:0 0 200px}.quick-actions{padding:16px;background:#FAFAFA;border-radius:8px;border:1px dashed #DCDFE6}.quick-actions-label{font-size:13px;color:#606266;margin-bottom:12px;font-weight:500}.quick-actions .ant-space{width:100%}.quick-actions .ant-btn-sm{border-radius:6px;font-size:12px;height:28px;padding:0 12px}.config-tips{display:flex;flex-direction:column;gap:10px;padding:16px;background:#F0F9FF;border-radius:8px;border-left:3px solid #409EFF}.tip-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#606266;line-height:1.6}.tip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.tip-text{flex:1}.tip-text strong{color:#303133;font-weight:500}.config-item .ant-input-number{border-radius:6px;border-color:#dcdfe6}.config-item .ant-input-number:hover{border-color:#409eff}.config-item .ant-input-number-focused{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.config-item .ant-switch-checked{background:#67C23A}.system-config-container .ant-btn-primary{background:#409EFF;border-color:#409eff}.system-config-container .ant-btn-primary:hover{background:#66B1FF;border-color:#66b1ff}.system-config-container .ant-btn-primary:active{background:#337ECC;border-color:#337ecc}@media (max-width: 1200px){.config-item{flex-direction:column;align-items:flex-start;gap:12px}.config-item .ant-form-item{flex:1;width:100%}}@media (max-width: 768px){.system-config-container{padding:16px}.config-section{gap:16px}.config-item,.quick-actions,.config-tips{padding:12px}}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#303133;font-size:14px;line-height:1.5}#root{min-height:100vh;background-color:#f5f7fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#F2F6FC;border-radius:4px}::-webkit-scrollbar-thumb{background:#DCDFE6;border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#C0C4CC}.ant-layout{background:#F5F7FA}.ant-layout-header{background:#FFFFFF;box-shadow:0 2px 4px #00000014}.ant-layout-sider{background:#FFFFFF;box-shadow:2px 0 8px #0000000d}.ant-menu-light{background:#FFFFFF}.ant-menu-item-selected{background-color:#ecf5ff!important;color:#409eff!important}.ant-menu-item:hover{color:#409eff!important}.ant-menu-item-active{background-color:#f5f7fa!important}.ant-btn-primary{background:#409EFF;border-color:#409eff;box-shadow:0 2px 4px #409eff4d}.ant-btn-primary:hover{background:#66B1FF;border-color:#66b1ff}.ant-btn-primary:active{background:#337ECC;border-color:#337ecc}.ant-input:focus,.ant-input-focused{border-color:#409eff;box-shadow:0 0 0 2px #409eff33}.ant-select-focused .ant-select-selector{border-color:#409eff!important;box-shadow:0 0 0 2px #409eff33!important}.ant-table-thead>tr>th{background:#FAFAFA;color:#606266;font-weight:500;border-bottom:1px solid #EBEEF5}.ant-table-tbody>tr>td{border-bottom:1px solid #EBEEF5;color:#606266}.ant-table-tbody>tr:hover>td{background:#F5F7FA}.ant-modal-header{border-bottom:1px solid #EBEEF5}.ant-modal-footer{border-top:1px solid #EBEEF5}.ant-drawer-header{border-bottom:1px solid #EBEEF5}.ant-pagination-item-active{background-color:#409eff;border-color:#409eff}.ant-pagination-item-active a{color:#fff}.ant-pagination-item:hover{border-color:#409eff}.ant-pagination-item:hover a{color:#409eff}