我是个攻城狮
1 line
7.6 KiB
CSS
1 line
7.6 KiB
CSS
.user-shell-page[data-v-ae1cf232]{min-height:100vh;background:#eef3fb}.topbar[data-v-ae1cf232]{position:sticky;top:0;z-index:20;height:78px;background:hsla(0,0%,100%,.96);box-shadow:0 1px 0 rgba(229,235,247,.95)}.topbar-inner[data-v-ae1cf232]{width:1166px;max-width:calc(100vw - 32px);height:100%;margin:0 auto;display:flex;align-items:center}.brand[data-v-ae1cf232]{border:0;padding:0;background:transparent;display:inline-flex;align-items:center;gap:12px;cursor:pointer}.brand-logo[data-v-ae1cf232]{width:273px;display:block}.brand-text[data-v-ae1cf232]{color:#222942;font-size:15px;font-weight:700}.top-nav[data-v-ae1cf232]{display:flex;align-items:center;gap:36px;margin-left:130px;width:450px}.top-nav-item[data-v-ae1cf232]{border:0;background:transparent;cursor:pointer;font-family:Source Han Sans;font-weight:400;font-size:15px;color:#646199;line-height:24px}.top-nav-item.active[data-v-ae1cf232],.top-nav-item[data-v-ae1cf232]:hover{color:#625ae8}.top-actions[data-v-ae1cf232]{margin-left:auto;display:flex;align-items:center;gap:18px}.center-link[data-v-ae1cf232]{border:0;background:transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:Source Han Sans;font-weight:500;font-size:15px;color:#5b63f3;line-height:22px}.center-avatar[data-v-ae1cf232]{width:38px;height:38px;border-radius:50%;background:rgba(93,96,106,.5);background:conic-gradient(from 0deg,#9f64ff,#528aff);padding:2px;box-sizing:border-box;position:relative}.center-avatar[data-v-ae1cf232]:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:#fff}.apply-btn[data-v-ae1cf232]{border:none;width:120px;height:44px;background:linear-gradient(117deg,#518bff,#9e5dff);box-shadow:0 4px 14px 0 rgba(99,102,241,.35);border-radius:10px 10px 10px 10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.page-body[data-v-ae1cf232]{padding:24px 0 40px}.page-inner[data-v-ae1cf232]{width:1166px;max-width:calc(100vw - 32px);margin:0 auto;display:grid;grid-template-columns:254px minmax(0,1fr);gap:28px}.sidebar[data-v-ae1cf232]{align-self:start;width:254px}.content-card[data-v-ae1cf232],.sidebar[data-v-ae1cf232]{border-radius:8px;background:#fff;box-shadow:0 3px 8px 0 rgba(118,120,144,.22)}.profile-card[data-v-ae1cf232]{min-height:118px;padding:18px 20px;display:flex;align-items:center;gap:14px;background-size:cover;background-position:50%;border-radius:8px 8px 0 0}.profile-avatar[data-v-ae1cf232]{width:54px;height:54px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:rgba(93,96,106,.5);background:conic-gradient(from 0deg,#9f64ff,#528aff);padding:2px;box-sizing:border-box;position:relative}.profile-meta[data-v-ae1cf232]{min-width:0}.profile-name[data-v-ae1cf232]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d233e;font-size:18px;font-weight:700}.profile-role[data-v-ae1cf232]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;color:#6170ff;font-size:15px}.menu-card[data-v-ae1cf232]{min-height:430px;padding:12px;border-radius:0}.menu-item[data-v-ae1cf232]{border:0;background:transparent;display:flex;align-items:center;gap:14px;padding:0 18px;font-weight:400;font-size:14px;color:#696e83;cursor:pointer;width:230px;height:40px;border-radius:8px 8px 8px 8px;margin-bottom:8px}.menu-item.active[data-v-ae1cf232]{background:#e6e8ff;font-family:Source Han Sans;font-weight:500;font-size:14px;color:#4f46e5}.menu-icon[data-v-ae1cf232]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.content-card[data-v-ae1cf232]{min-height:886px;padding:22px 44px;box-shadow:0 4px 10px 0 rgba(118,120,144,.22)}.content-header h1[data-v-ae1cf232]{font-family:Source Han Sans;font-weight:700;font-size:20px;color:#1e293b}.content-header p[data-v-ae1cf232]{margin-top:6px;font-family:Source Han Sans;font-weight:400;font-size:14px;color:#999fb8}@media(max-width:1200px){.topbar[data-v-ae1cf232]{height:auto;padding:12px 0}.page-inner[data-v-ae1cf232],.topbar-inner[data-v-ae1cf232]{max-width:calc(100vw - 24px)}.topbar-inner[data-v-ae1cf232]{flex-wrap:wrap;gap:12px}.top-nav[data-v-ae1cf232]{margin-left:0;order:3;flex-wrap:wrap}.page-inner[data-v-ae1cf232]{grid-template-columns:1fr}}.toolbar[data-v-1706cd54]{display:flex;justify-content:space-between;align-items:center}.action-group[data-v-1706cd54],.search-group[data-v-1706cd54],.toolbar-actions[data-v-1706cd54]{display:flex;align-items:center;gap:14px}.search-input[data-v-1706cd54]{width:256px}.search-input[data-v-1706cd54] .el-input__inner{height:40px;border-radius:8px;border:1px solid #eef1f7;background:#f8fafc}.dialog-btn[data-v-1706cd54],.ghost-btn[data-v-1706cd54],.primary-btn[data-v-1706cd54],.search-btn[data-v-1706cd54],.table-btn[data-v-1706cd54],.template-btn[data-v-1706cd54],.upload-btn[data-v-1706cd54]{border:0;border-radius:8px;cursor:pointer}.dialog-btn.primary[data-v-1706cd54],.ghost-btn[data-v-1706cd54],.primary-btn[data-v-1706cd54],.search-btn[data-v-1706cd54],.upload-btn[data-v-1706cd54]{background:#6f68f3;color:#fff}.search-btn[data-v-1706cd54]{width:84px;height:40px}.ghost-btn[data-v-1706cd54],.primary-btn[data-v-1706cd54]{min-width:112px;height:40px;padding:0 18px}.table-wrap[data-v-1706cd54]{margin-top:20px;border:1px solid #d9dfeb;border-radius:14px;overflow:hidden}.talent-table[data-v-1706cd54]{width:100%;border-collapse:collapse}.talent-table td[data-v-1706cd54],.talent-table th[data-v-1706cd54]{height:54px;padding:0 10px;border-bottom:1px solid #dfe4f0;text-align:center;font-size:15px;color:#344054}.talent-table thead tr[data-v-1706cd54]{background:#f6f8fc}.talent-table th[data-v-1706cd54]{color:#65708d;font-size:16px;font-weight:600}.talent-table tbody tr:last-child td[data-v-1706cd54]{border-bottom:0}.authorized-text[data-v-1706cd54],.name-cell[data-v-1706cd54]{color:#5f66ec}.expired-text[data-v-1706cd54]{color:#ff5f58}.table-btn[data-v-1706cd54]{min-width:62px;height:32px;font-size:14px}.table-btn.view[data-v-1706cd54]{background:#e8f1ff;color:#4f74ff}.table-btn.remove[data-v-1706cd54]{background:#f3f4f8;color:#9da3b8}.empty-cell[data-v-1706cd54]{color:#98a2b3}.hidden-input[data-v-1706cd54]{display:none}.batch-body[data-v-1706cd54]{padding:6px 8px 0}.batch-head[data-v-1706cd54]{display:flex;justify-content:space-between;align-items:flex-start}.batch-head h3[data-v-1706cd54]{margin:0;color:#303749;font-size:20px}.batch-head p[data-v-1706cd54],.batch-tip[data-v-1706cd54]{margin-top:14px;color:#9aa2bd;font-size:14px}.template-btn[data-v-1706cd54]{min-width:120px;height:36px;background:#eef4ff;color:#4f74ff}.batch-upload-row[data-v-1706cd54]{display:flex;align-items:center;gap:16px;margin-top:34px}.upload-field[data-v-1706cd54]{color:#1e293b;font-size:16px}.upload-btn[data-v-1706cd54]{width:98px;height:34px}.preview-list[data-v-1706cd54]{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;min-height:88px}.preview-card[data-v-1706cd54]{width:72px;text-align:center}.preview-doc[data-v-1706cd54]{height:72px;border-radius:8px;background:linear-gradient(180deg,#f6f8fd,#e7ecfa);border:1px solid #d8dfef}.preview-name[data-v-1706cd54]{margin-top:8px;color:#9ba3bd;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-actions[data-v-1706cd54]{display:flex;justify-content:center;gap:28px;margin-top:240px}.dialog-btn[data-v-1706cd54]{min-width:120px;height:40px}.dialog-btn.ghost[data-v-1706cd54]{border:1px solid #d8dfef;background:#fff;color:#646b80}@media(max-width:760px){.batch-actions[data-v-1706cd54],.batch-head[data-v-1706cd54],.batch-upload-row[data-v-1706cd54],.search-group[data-v-1706cd54],.toolbar-actions[data-v-1706cd54],.toolbar[data-v-1706cd54]{flex-direction:column;align-items:flex-start}.table-wrap[data-v-1706cd54]{overflow-x:auto}.talent-table[data-v-1706cd54]{min-width:920px}} |