:root{--ops-header-bg: #0e2545;--ops-brand: #0066ff;--ops-content-bg: #f2f4f7;--ops-border: #e8ecf3;--ops-text: #191c23;--ops-text-2: #50596a;--ops-text-3: #828b9c}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;color:var(--ops-text);background:var(--ops-content-bg)}.ops-app{display:flex;flex-direction:column;height:100vh}.ops-header{height:56px;flex:0 0 56px;background:var(--ops-header-bg);display:flex;align-items:center;color:#fff;padding:0 20px;gap:24px}.ops-header__brand{display:flex;align-items:center;gap:8px;min-width:220px}.ops-header__logo{font-size:20px}.ops-header__title{font-size:16px;font-weight:600;white-space:nowrap}.ops-header__crumb{display:flex;align-items:center;gap:8px;color:#aebfd4;font-size:13px}.ops-header__crumb-title{color:#fff}.ops-header__crumb-sep{font-size:12px}.ops-header__back{margin-left:12px;background:#ffffff1f;border-color:#fff3;color:#fff}.ops-header__right{margin-left:auto;display:flex;align-items:center;gap:16px}.ops-header__search{width:260px}.ops-header__search .el-input__wrapper{background:#ffffff1a;box-shadow:none}.ops-header__search .el-input__inner{color:#fff}.ops-header__search .el-input__inner::placeholder{color:#9fb2cc}.ops-header__bell,.ops-header__help{color:#cdd9ea;cursor:pointer}.ops-header__user{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer;outline:none}.ops-header__avatar{width:28px;height:28px;border-radius:50%;background:#01a66f;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}.ops-header__uname{font-size:13px}.ops-body{flex:1;display:flex;min-height:0}.ops-sider{width:200px;flex:0 0 200px;background:#fff;border-right:1px solid var(--ops-border);overflow-y:auto}.ops-menu{border-right:none}.ops-menu.el-menu{--el-menu-active-color: var(--ops-brand)}.ops-menu .el-sub-menu__title{font-weight:600;color:var(--ops-text-2)}.ops-menu .el-menu-item.is-active{background:#eaf2ff;color:var(--ops-brand);font-weight:500}.ops-menu .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ops-brand)}.ops-content{flex:1;overflow-y:auto;padding:20px;background:var(--ops-content-bg)}.ops-page__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ops-page__title{font-size:18px;font-weight:600}.ops-card{background:#fff;border:1px solid var(--ops-border);border-radius:8px;padding:16px 20px;margin-bottom:16px}.ops-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ops-table-card{background:#fff;border:1px solid var(--ops-border);border-radius:8px;padding:8px 0}.ops-th-bg .el-table__header-wrapper th{background:#f9fafc;color:var(--ops-text-2);font-weight:600}.ops-pager{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;gap:12px}.ops-muted{color:var(--ops-text-3)}