| 1 |
- .layout[data-v-170d081f]{height:100vh}.sidebar[data-v-170d081f]{background:linear-gradient(180deg,#1a1560,#2b1f99 60%,#1e1780)!important;overflow-y:auto;transition:width .3s}.logo-area[data-v-170d081f]{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}.logo-area.collapsed[data-v-170d081f]{padding:12px 8px}.logo-img[data-v-170d081f]{width:120px;height:60px;object-fit:contain;display:block;margin:0 auto 4px}.logo-img-mini[data-v-170d081f]{width:40px;height:22px;object-fit:contain}.logo-text[data-v-170d081f]{font-size:16px;font-weight:700;color:#3ad4d8;letter-spacing:3px;display:block;text-align:center}.logo-sub[data-v-170d081f]{font-size:11px;color:#fff6;text-align:center;display:block;margin-top:2px}.menu-group-title[data-v-170d081f]{padding:16px 20px 6px;font-size:11px;color:#ffffff4d;text-transform:uppercase;letter-spacing:1px}.el-menu[data-v-170d081f]{border-right:none!important}.el-menu-item[data-v-170d081f]{margin:2px 8px;border-radius:6px}.el-menu-item.is-active[data-v-170d081f]{background:#3ad4d81f!important;border-left:3px solid #3ad4d8}.topbar[data-v-170d081f]{height:48px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8eaed;padding:0 20px}.topbar-left[data-v-170d081f]{display:flex;align-items:center;gap:8px}.topbar-right[data-v-170d081f]{display:flex;align-items:center;gap:12px}.user-info[data-v-170d081f]{font-size:13px;color:#666}.main-content[data-v-170d081f]{background:#f5f7fa;padding:20px 24px;min-height:calc(100vh - 48px)}.notify-panel[data-v-170d081f]{max-height:400px;overflow-y:auto}.notify-header[data-v-170d081f]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #eee;margin-bottom:4px;font-weight:600}.notify-item[data-v-170d081f]{padding:10px 4px;border-bottom:1px solid #f5f5f5;cursor:pointer;border-radius:4px}.notify-item[data-v-170d081f]:hover{background:#f5f7fa}.notify-item.unread[data-v-170d081f]{background:#f0f7ff}.notify-title[data-v-170d081f]{font-size:13px;font-weight:500}.notify-content[data-v-170d081f]{font-size:12px;color:#888;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notify-time[data-v-170d081f]{font-size:11px;color:#bbb;margin-top:2px}.notify-empty[data-v-170d081f]{padding:20px;text-align:center;color:#999;font-size:13px}.notify-footer[data-v-170d081f]{padding-top:8px;text-align:center;border-top:1px solid #eee;margin-top:4px}
|
