.route-loading{min-height:160px;display:grid;place-items:center;color:#909399;font-size:13px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#333;font-size:14px}a{text-decoration:none;color:inherit}ul{list-style:none}.main-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:linear-gradient(180deg,#1a2332,#0f1623);color:#fff;display:flex;flex-direction:column}.sidebar-header{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-header .logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.sidebar-header .logo-text{font-size:16px;font-weight:700;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-menu{flex:1;overflow-y:auto;padding:10px 0}.menu-item{padding:12px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;font-size:13px;color:#ffffffb3}.menu-item:hover{background:#ffffff0f;color:#fff}.menu-item.active{background:linear-gradient(90deg,rgba(79,172,254,.2),transparent);color:#4facfe;border-left:3px solid #4facfe;padding-left:17px}.menu-item .menu-icon{font-size:16px;width:20px;text-align:center}.menu-item .menu-arrow{margin-left:auto;font-size:10px;transition:transform .2s}.menu-item.expanded .menu-arrow{transform:rotate(90deg)}.sub-menu{background:#0003}.sub-menu .menu-item{padding-left:50px;font-size:12px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:50px;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 20px;gap:15px}.top-bar .top-links{display:flex;gap:15px}.top-bar .top-links a{padding:4px 8px;border-radius:4px;font-size:13px;color:#666}.top-bar .top-links a.active{color:#4facfe;border-bottom:2px solid #4facfe}.top-bar .top-right{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:12px;color:#888}.top-bar .warning-text{color:#f56c6c}.content-area{flex:1;overflow-y:auto;padding:20px}.card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.card-title{font-size:15px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:8px}.overview-row{display:flex;gap:20px;margin-bottom:20px}.overview-block{flex:1;background:#fff;border-radius:8px;padding:20px;display:flex;gap:15px;align-items:flex-start;box-shadow:0 1px 4px #0000000f}.overview-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.overview-icon.port{background:linear-gradient(135deg,#67c23a,#85ce61)}.overview-icon.ws{background:linear-gradient(135deg,#4facfe,#00f2fe)}.overview-icon.agent{background:linear-gradient(135deg,#e6a23c,#f0c27f)}.overview-data{flex:1}.overview-data .label{font-size:13px;color:#999;margin-bottom:4px}.overview-data .value{font-size:24px;font-weight:700}.overview-data .sub{display:flex;gap:20px;margin-top:8px}.overview-data .sub-item{font-size:12px;color:#666}.overview-data .sub-item strong{color:#333}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#fafafa;padding:10px 12px;text-align:left;font-size:12px;color:#999;font-weight:500;border-bottom:1px solid #e8e8e8}.data-table td{padding:12px;border-bottom:1px solid #f5f5f5;font-size:13px}.data-table tr:hover td{background:#f8fafc}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #4facfe4d}.btn-success{background:#67c23a;color:#fff}.btn-danger{background:#f56c6c;color:#fff}.btn-default{background:#fff;border:1px solid #d9d9d9;color:#666}.tag{display:inline-block;padding:2px 8px;border-radius:3px;font-size:12px}.tag-green{background:#f0f9eb;color:#67c23a}.tag-red{background:#fef0f0;color:#f56c6c}.tag-orange{background:#fdf6ec;color:#e6a23c}.tag-blue{background:#ecf5ff;color:#4facfe}.tag-gray{background:#f4f4f5;color:#909399}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:13px;color:#555}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;transition:border .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 2px #4facfe1a}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.login-container{width:400px;background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-container h1{text-align:center;margin-bottom:30px;font-size:22px;color:#1a2332}.login-container h1 .rocket{display:inline-block;margin-right:8px}.login-form .form-group{margin-bottom:20px}.login-btn{width:100%;padding:12px;font-size:15px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:15px}.pagination button{padding:5px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer}.pagination button.active{background:#4facfe;color:#fff;border-color:#4facfe}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.status-dot.online{background:#67c23a}.status-dot.offline{background:#909399}.status-dot.error{background:#f56c6c}.status-dot.warning{background:#e6a23c}.tab-bar{display:flex;gap:0;border-bottom:2px solid #e8e8e8;margin-bottom:20px}.tab-item{padding:10px 20px;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-item.active{color:#4facfe;border-bottom-color:#4facfe;font-weight:600}.search-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-bar input,.search-bar select{padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px}.search-bar input{min-width:200px}.marquee-container{width:100%;overflow:hidden;padding:4px 0;white-space:nowrap}.marquee-text{display:inline-block;animation:scroll-left 15s linear infinite;color:#cf1322;font-weight:700;padding-left:100%}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-text:hover{animation-play-state:paused}.top-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.user-info:hover{background-color:#f5f7fa}.username{font-weight:500;color:#303133}.version{color:#909399;font-size:12px;margin-right:8px}