2 lines
5.8 KiB
CSS
2 lines
5.8 KiB
CSS
.layout-root[data-v-ce83ce8c]{height:100%}.layout-aside[data-v-ce83ce8c]{background:linear-gradient(180deg,#fffffffa,#f8fafcf0);border-right:1px solid var(--app-border);box-shadow:4px 0 16px #0f172a0a}.brand[data-v-ce83ce8c],.drawer-brand[data-v-ce83ce8c]{padding:18px 16px 14px}.brand[data-v-ce83ce8c]{border-bottom:1px solid rgba(15,23,42,.06)}.brand-title[data-v-ce83ce8c]{font-size:16px;font-weight:800;letter-spacing:.2px}.brand-sub[data-v-ce83ce8c]{margin-top:4px;font-size:12px}.aside-menu[data-v-ce83ce8c]{border-right:none;padding:8px;background:transparent}.aside-menu[data-v-ce83ce8c] .el-menu-item{height:42px;line-height:42px;margin:3px 0;border-radius:10px;color:#334155;font-weight:600}.aside-menu[data-v-ce83ce8c] .el-menu-item .el-icon{margin-right:10px}.aside-menu[data-v-ce83ce8c] .el-menu-item:hover{background:#3b82f614;color:#1d4ed8}.aside-menu[data-v-ce83ce8c] .el-menu-item.is-active{background:linear-gradient(135deg,#2563eb1f,#7c3aed1a);color:#1e40af}.menu-label[data-v-ce83ce8c]{display:inline-flex;align-items:center;min-width:0}.menu-badge[data-v-ce83ce8c]{display:inline-flex;align-items:center}.fallback-card[data-v-ce83ce8c]{min-height:160px;border-radius:var(--app-radius-lg);border:1px solid var(--app-border)}.layout-header[data-v-ce83ce8c]{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:58px;padding:0 18px;background:#ffffffc7;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--app-border)}.header-left[data-v-ce83ce8c]{display:flex;align-items:center;gap:10px;min-width:0}.header-title[data-v-ce83ce8c]{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-menu-btn[data-v-ce83ce8c]{padding-left:0;padding-right:0}.header-right[data-v-ce83ce8c]{display:flex;align-items:center;gap:12px}.admin-name[data-v-ce83ce8c]{display:flex;align-items:baseline;gap:8px;font-size:13px;color:#334155}.admin-name strong[data-v-ce83ce8c]{color:#0f172a;font-weight:800}.logout-btn[data-v-ce83ce8c]{min-width:74px}.layout-main[data-v-ce83ce8c]{padding:18px}.main-shell[data-v-ce83ce8c]{width:100%;max-width:1600px;margin:0 auto}@media(max-width:768px){.layout-header[data-v-ce83ce8c]{flex-wrap:wrap;height:auto;padding:10px 12px}.header-right[data-v-ce83ce8c]{width:100%;justify-content:flex-end}.admin-name .app-muted[data-v-ce83ce8c],.admin-name strong[data-v-ce83ce8c]{display:none}.layout-main[data-v-ce83ce8c]{padding:12px}}:root{--app-bg: #f4f6fb;--app-text: #111827;--app-muted: #6b7280;--app-border: rgba(15, 23, 42, .1);--app-border-strong: rgba(15, 23, 42, .14);--app-radius: 12px;--app-radius-lg: 14px;--app-shadow-soft: 0 8px 24px rgba(15, 23, 42, .05);--app-shadow: 0 12px 30px rgba(15, 23, 42, .08);--app-card-bg: rgba(255, 255, 255, .94);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#app{height:100%}*{box-sizing:border-box}body{margin:0;color:var(--app-text);background:radial-gradient(1200px 500px at -10% -10%,rgba(59,130,246,.12),transparent 55%),radial-gradient(1000px 420px at 110% 0%,rgba(139,92,246,.1),transparent 50%),var(--app-bg)}a{color:inherit;text-decoration:none}.app-page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.app-page-title h2{margin:0;font-size:19px;font-weight:800;letter-spacing:.2px}.app-muted{color:var(--app-muted)}.page-stack{display:flex;flex-direction:column;gap:14px;min-width:0}.el-card{border-radius:var(--app-radius-lg);border:1px solid var(--app-border);background:var(--app-card-bg);box-shadow:var(--app-shadow-soft)}.el-button{border-radius:10px;font-weight:600}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-input-number,.el-picker__wrapper{border-radius:10px}.el-table{border-radius:10px;overflow:hidden}.el-table th.el-table__cell{background:#f8fafc;color:#334155;font-weight:700}.el-table td.el-table__cell,.el-table th.el-table__cell{padding-top:11px;padding-bottom:11px}.el-table .el-table__row:hover>td.el-table__cell{background:#f8fbff}.el-tag{border-radius:999px}.el-dialog{border-radius:var(--app-radius-lg)}@media(max-width:768px){.app-page-title{flex-wrap:wrap;align-items:flex-start}.app-page-title h2{font-size:17px}.el-dialog{max-width:92vw}.el-form-item{flex-direction:column;align-items:stretch}.el-form-item__label{width:auto!important;justify-content:flex-start!important;padding:0 0 6px!important;line-height:1.4;text-align:left!important}.el-form-item__content{margin-left:0!important;width:100%}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-title{margin:0;font-size:15px;font-weight:800;letter-spacing:.2px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--app-border);background:#fff}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}.page-hint{font-size:12px}.el-tabs__item{font-weight:700}.el-form-item{margin-bottom:18px}@media(max-width:768px){.pagination{justify-content:flex-start}}@media(max-width:900px){.toolbar{width:100%}.toolbar>*{min-width:0}}@media(max-width:768px){.app-page-title>div{width:100%}.app-page-title .toolbar{width:100%}.toolbar>*{flex:1 1 calc(50% - 6px)}.toolbar .el-button,.toolbar .el-select,.toolbar .el-input,.toolbar .el-input-number{width:100%!important}.section-head{align-items:flex-start}.section-head>*{width:100%}.table-wrap{-webkit-overflow-scrolling:touch}.table-wrap .el-table{min-width:700px}.el-pagination{width:100%;justify-content:flex-start}}@media(max-width:520px){.toolbar>*{flex-basis:100%}.table-wrap .el-table{min-width:620px}}
|