我是个攻城狮
1 line
10 KiB
CSS
1 line
10 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-1384bd8e]{display:flex;gap:12px;padding:16px 18px;border:1px solid #cfd4ff;border-radius:12px;background:rgba(111,104,243,.04)}.notice-icon[data-v-1384bd8e]{width:20px;height:20px;margin-top:2px}.notice-box strong[data-v-1384bd8e]{display:block;color:#5f66ec;font-size:16px}.notice-box p[data-v-1384bd8e]{margin-top:8px;color:#7b87a4;font-size:14px;line-height:1.8}.stepper[data-v-1384bd8e]{display:flex;justify-content:center;gap:18px;margin-top:28px;flex-wrap:wrap}.step-item[data-v-1384bd8e]{border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;color:#c1c7d7;font-size:14px;cursor:pointer}.step-no[data-v-1384bd8e]{width:32px;height:32px;border-radius:50%;border:1px solid #dde3ef;line-height:32px;text-align:center}.step-item.done[data-v-1384bd8e]{color:#18b79b}.step-item.done .step-no[data-v-1384bd8e]{border:0;background:#18b79b;color:#fff}.step-item.active[data-v-1384bd8e]{color:#3a425a;font-weight:600}.step-item.active .step-no[data-v-1384bd8e]{border:0;background:#6f68f3;color:#fff}.panel[data-v-1384bd8e]{margin-top:34px;padding:24px 24px 18px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #eef1f7}.panel-title[data-v-1384bd8e]{color:#293044;font-size:24px;font-weight:700}.panel-sub[data-v-1384bd8e]{margin-top:8px;color:#98a2b3;font-size:14px}.sub-section[data-v-1384bd8e]{margin-top:24px;padding-left:10px;border-left:4px solid #6f68f3;color:#5f66ec;font-size:18px;font-weight:600}.form-grid[data-v-1384bd8e]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:18px}.three-grid[data-v-1384bd8e]{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid[data-v-1384bd8e]{grid-template-columns:repeat(2,minmax(0,1fr))}.anchor-grid .wide-two[data-v-1384bd8e],.top-grid .wide[data-v-1384bd8e]{grid-column:span 2}.chips-block label[data-v-1384bd8e],.field-item label[data-v-1384bd8e],.textarea-item label[data-v-1384bd8e],.upload-title[data-v-1384bd8e]{display:block;margin-bottom:10px;color:#1e293b;font-size:15px;font-weight:600}.minor-tip[data-v-1384bd8e]{color:#98a2b3;font-size:12px;font-weight:400}.required[data-v-1384bd8e]{color:#ff6a6a}.control[data-v-1384bd8e]{width:100%}.control[data-v-1384bd8e] .el-input__inner,.control[data-v-1384bd8e] .el-select .el-input__inner,.control[data-v-1384bd8e] .el-textarea__inner{border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc}.control[data-v-1384bd8e] .el-input__inner{height:42px}.textarea-item[data-v-1384bd8e]{margin-top:18px}.textarea[data-v-1384bd8e] .el-textarea__inner{min-height:72px!important}.chips-block[data-v-1384bd8e]{margin-top:22px}.chips-group[data-v-1384bd8e]{display:flex;flex-wrap:wrap;gap:12px 10px}.chips-group[data-v-1384bd8e] .el-checkbox{margin-right:0}.chips-group[data-v-1384bd8e] .el-checkbox__label{padding:0 14px;height:32px;border:1px solid #dce2ef;border-radius:999px;line-height:32px;color:#667085}.chips-group[data-v-1384bd8e] .el-checkbox__input{display:none}.chips-group[data-v-1384bd8e] .el-checkbox__input.is-checked+.el-checkbox__label{border-color:#6f68f3;background:#f0edff;color:#5f66ec}.dual-inputs[data-v-1384bd8e]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.estimate-row[data-v-1384bd8e]{margin-top:18px;max-width:50%}.upload-top-field[data-v-1384bd8e]{margin-top:18px;max-width:520px}.upload-select[data-v-1384bd8e]{max-width:420px}.upload-block[data-v-1384bd8e]{margin-top:20px}.upload-area[data-v-1384bd8e]{width:100%;min-height:144px;border:1px dashed #d9dfeb;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.upload-area[data-v-1384bd8e]:disabled{cursor:default}.upload-emoji[data-v-1384bd8e]{font-size:34px;line-height:1}.upload-text[data-v-1384bd8e]{color:#68758e;font-size:16px}.upload-file-name[data-v-1384bd8e],.upload-sub[data-v-1384bd8e]{color:#a1a9c0;font-size:13px}.upload-file-name[data-v-1384bd8e]{color:#5f66ec}.hidden-input[data-v-1384bd8e]{display:none}.anchor-card[data-v-1384bd8e]{margin-top:18px;padding:16px 16px 18px;border:1px solid #dfe4f0;border-radius:12px;background:#fff}.anchor-card-head[data-v-1384bd8e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.anchor-card-head strong[data-v-1384bd8e]{color:#1e293b;font-size:18px}.remove-anchor-btn[data-v-1384bd8e]{border:0;background:transparent;color:#f26666;font-size:28px;line-height:1;cursor:pointer}.add-anchor-btn[data-v-1384bd8e]{margin-top:16px;min-width:110px;height:38px;border:1px dashed #9b8bff;border-radius:8px;background:#fff;color:#6f68f3;cursor:pointer}.confirm-box[data-v-1384bd8e]{margin-top:18px;padding:18px;border:1px solid #efe6ff;border-radius:12px;background:rgba(255,166,166,.04)}.confirm-title[data-v-1384bd8e]{color:#5f66ec;font-size:18px;font-weight:600}.confirm-box ul[data-v-1384bd8e]{margin:14px 0 0 18px;padding:0;color:#6d758c;font-size:14px;line-height:2}.footer-actions[data-v-1384bd8e]{display:flex;justify-content:flex-end;gap:14px;margin-top:30px}.footer-actions.split[data-v-1384bd8e]{justify-content:space-between}.right-actions[data-v-1384bd8e]{display:flex;gap:14px}.footer-btn[data-v-1384bd8e]{min-width:110px;height:40px;border-radius:8px;cursor:pointer}.footer-btn.back[data-v-1384bd8e]{border:1px solid #d9dfeb;background:#fff;color:#6b7280}.footer-btn.ghost[data-v-1384bd8e]{border:1px solid #eac47f;background:#fffdf7;color:#d4982b}.footer-btn.primary[data-v-1384bd8e]{border:0;background:#6f68f3;color:#fff}.footer-btn.submit[data-v-1384bd8e]{border:0;background:#15b89a;color:#fff}@media(max-width:960px){.dual-inputs[data-v-1384bd8e],.form-grid[data-v-1384bd8e],.three-grid[data-v-1384bd8e],.two-grid[data-v-1384bd8e]{grid-template-columns:1fr}.anchor-grid .wide-two[data-v-1384bd8e],.estimate-row[data-v-1384bd8e],.top-grid .wide[data-v-1384bd8e]{grid-column:auto;max-width:100%}.footer-actions.split[data-v-1384bd8e],.footer-actions[data-v-1384bd8e],.right-actions[data-v-1384bd8e]{flex-direction:column;align-items:flex-start}} |