#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*{margin:0;padding:0;font-size:14px}ul{list-style-type:none}li{list-style:none}input{outline:none;border:0}a{text-decoration:none}.main{margin:30px 0}.mainpage{display:flex;flex-direction:row;width:100%;min-height:100vh;position:relative;top:0;left:0}.mainpage,.page{box-sizing:border-box}.page{padding:20px 20px 40px 20px;width:calc(100% - 40px);height:100%}.submit-btn{padding:10px 20px;background-color:#17ab49;color:#fff;cursor:pointer;border-radius:4px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-top:30px}.filter-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.filter-form{flex-wrap:wrap;gap:15px}.filter-form,.form-item{display:flex;align-items:center}.form-label{font-size:14px;color:#666;margin-right:8px;white-space:nowrap}.form-input{height:32px;padding:0 8px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;width:200px;outline:none}.form-input:focus{border-color:#1860a7}.form-select{height:32px;padding:0 8px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;width:180px;outline:none;background-color:#fff}.clear-btn{border:none;background:transparent;color:#999;cursor:pointer;font-size:16px;margin-left:-25px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.form-actions{margin-left:10px}.btn{height:32px;padding:0 15px;border-radius:4px;border:none;cursor:pointer;font-size:14px;transition:all .2s;margin:5px}.primary-btn{background-color:#1860a7;color:#fff}.primary-btn:hover{background-color:#66b1ff}.default-btn{background-color:#fff;border:1px solid #dcdfe6;color:#666}.default-btn:hover{background-color:#f5f7fa}.danger-btn{background-color:#f56c6c;color:#fff}.danger-btn:hover{background-color:#f78989}.status-down-btn{background-color:#ff0101;color:#fff}.status-up-btn{background-color:#66b1ff;color:#fff}.mini-btn{height:24px;padding:0 8px;font-size:12px;margin-right:5px}.list-card{background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden}.table-header{background-color:#f5f7fa;font-weight:600}.table-header,.table-row{display:flex;border-bottom:1px solid #ebeef5}.table-row:hover{background-color:#f8f9fa}.table-cell{padding:12px 8px;font-size:14px;box-sizing:border-box}.empty-tip{text-align:center;padding:50px 0;color:#999;font-size:14px}.status-tag{padding:2px 8px;border-radius:2px;font-size:12px}.status-tag.success{background-color:#f0f9eb;color:#67c23a}.status-tag.danger{background-color:#fef0f0;color:#f56c6c}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:14px}.pagination-info{color:#666}.page-size-select,.pagination-controls{display:flex;align-items:center;gap:5px}.page-size-select{margin-left:10px}.page-size-select select{height:24px;border:1px solid #dcdfe6;border-radius:4px;outline:none}.pagination .btn.active{background-color:#1860a7;color:#fff}.pagination .btn:disabled{background-color:#f5f7fa;color:#ccc;cursor:not-allowed}