我是个攻城狮
1 line
6.5 KiB
CSS
1 line
6.5 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}}.notice-box[data-v-742ab813]{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 18px;border:1px solid #a89eff;border-radius:12px;background:rgba(111,104,243,.04);color:#6f68f3;font-size:15px}.notice-icon[data-v-742ab813]{width:20px;height:20px}.action-group[data-v-742ab813],.search-group[data-v-742ab813],.toolbar[data-v-742ab813]{display:flex;align-items:center;gap:14px}.toolbar[data-v-742ab813]{justify-content:space-between;margin-top:36px}.search-input[data-v-742ab813]{width:274px}.search-input[data-v-742ab813] .el-input__inner{height:40px;border-radius:8px;border:1px solid #eef1f7;background:#f8fafc}.new-btn[data-v-742ab813],.search-btn[data-v-742ab813],.table-btn[data-v-742ab813]{border:0;border-radius:8px;cursor:pointer}.new-btn[data-v-742ab813],.search-btn[data-v-742ab813],.table-btn.primary[data-v-742ab813]{background:#6f68f3;color:#fff}.search-btn[data-v-742ab813]{width:90px;height:40px}.new-btn[data-v-742ab813]{min-width:110px;height:40px;padding:0 16px}.table-wrap[data-v-742ab813]{margin-top:30px;border:1px solid #d9dfeb;border-radius:14px;overflow:hidden}.asset-table[data-v-742ab813]{width:100%;border-collapse:collapse}.asset-table td[data-v-742ab813],.asset-table th[data-v-742ab813]{height:56px;padding:0 12px;border-bottom:1px solid #dfe4f0;text-align:center;color:#344054;font-size:15px}.asset-table thead tr[data-v-742ab813]{background:#f6f8fc}.asset-table th[data-v-742ab813]{color:#65708d;font-size:16px;font-weight:600}.asset-table tbody tr:last-child td[data-v-742ab813]{border-bottom:0}.asset-name[data-v-742ab813]{color:#5f66ec}.status-pill[data-v-742ab813]{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:32px;padding:0 14px;border-radius:999px}.rejected[data-v-742ab813]{background:#ffe8e5;color:#ff5f58}.approved[data-v-742ab813]{background:#e6faf0;color:#2fa269}.reviewing[data-v-742ab813]{background:#e6efff;color:#4f74ff}.draft[data-v-742ab813]{background:#f3f4f8;color:#6b7280}.table-btn[data-v-742ab813]{min-width:62px;height:32px;font-size:14px}.table-btn.ghost[data-v-742ab813]{background:#e8f1ff;color:#4f74ff}.table-btn.wide[data-v-742ab813]{min-width:92px;background:#eef2ff}.empty-cell[data-v-742ab813]{color:#98a2b3}@media(max-width:760px){.search-group[data-v-742ab813],.toolbar[data-v-742ab813]{flex-direction:column;align-items:flex-start}.table-wrap[data-v-742ab813]{overflow-x:auto}.asset-table[data-v-742ab813]{min-width:780px}} |