:root{color:#222;background:linear-gradient(120deg,#f3f7ff 0%,#f8fbff 50%,#eef6f5 100%);font-family:Microsoft YaHei,PingFang SC,sans-serif}body{margin:0}#app{min-height:100vh}.layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f2742;width:220px;padding:10px}.sidebar h2{margin:10px;font-size:20px}.sidebar .el-menu{background:0 0;border-right:none}.sidebar .el-menu-item{color:#dfefff}.main{flex:1;min-width:0;padding:12px}.topbar{justify-content:space-between;margin-bottom:12px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:380px}.table-scroll-wrap{overflow-x:auto}.page-actions{margin-top:12px}@media (width<=900px){.layout{flex-direction:column}.sidebar{width:100%;padding:8px}.sidebar h2{margin:6px 10px;font-size:18px}.main{padding:8px}.topbar{flex-direction:column;align-items:flex-start;gap:8px}.el-form.el-form--inline{flex-wrap:wrap;gap:8px;display:flex}.el-form.el-form--inline .el-form-item{margin-right:0}.el-card{border-radius:8px}.el-table{font-size:13px}.table-scroll-wrap:after{content:attr(data-hint);color:#6b7280;text-align:right;margin-top:4px;font-size:12px;display:block}.page-actions{z-index:10;background:#fffffff5;border-top:1px solid #e5e7eb;padding:8px 0;position:sticky;bottom:0}.page-actions .el-button{margin-bottom:6px}}