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