我是个攻城狮
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}}.hero-row[data-v-248bd983]{display:flex;align-items:center;gap:22px;padding-bottom:24px;border-bottom:1px solid #e6e8ee;margin-top:28px}.hero-avatar[data-v-248bd983]{width:82px;height:82px;border-radius:50%;background:conic-gradient(from 0deg,#9f64ff,#528aff);padding:2px;box-sizing:border-box;display:block}.hero-avatar-btn[data-v-248bd983]{position:relative;width:82px;height:82px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;overflow:hidden}.hero-avatar-mask[data-v-248bd983]{position:absolute;inset:2px;border-radius:50%;background:rgba(51,59,86,.55);color:#fff;font-size:12px;line-height:78px;text-align:center;opacity:0;transition:opacity .2s ease}.hero-avatar-btn:hover .hero-avatar-mask[data-v-248bd983]{opacity:1}.hidden-input[data-v-248bd983]{display:none}.hero-name-row[data-v-248bd983]{display:flex;align-items:center;gap:16px}.hero-name[data-v-248bd983]{font-size:22px;font-weight:600;color:#1e293b}.hero-subline[data-v-248bd983]{margin-top:10px;font-size:14px;color:#84899e}.mcn-tag[data-v-248bd983]{width:92px}.overview-grid[data-v-248bd983]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin-top:30px}.section-heading[data-v-248bd983]{display:inline-flex;align-items:center;gap:8px;color:#1e293b;font-size:16px;font-weight:600}.heading-icon[data-v-248bd983]{width:18px;height:18px}.info-card[data-v-248bd983]{margin-top:18px;min-height:150px;padding:26px 24px 20px;border-radius:12px;background:#f8f9fc}.info-grid[data-v-248bd983]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}.info-label[data-v-248bd983]{font-size:14px;color:#a2aac4}.info-value[data-v-248bd983]{margin-top:10px;font-weight:500;font-size:14px;color:#1e293b;line-height:24px;text-align:left}.multi-line[data-v-248bd983]{line-height:1.8}.operation-item+.operation-item[data-v-248bd983]{margin-top:20px}.auth-section[data-v-248bd983]{margin-top:34px;padding-top:6px}.auth-heading[data-v-248bd983]{margin-bottom:26px}.auth-process[data-v-248bd983]{position:relative;padding-left:10px}.timeline-line[data-v-248bd983]{position:absolute;left:15px;top:30px;width:1px;height:92px;border-left:1px dashed #d7dce8}.process-step[data-v-248bd983]{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:3px}.process-step+.process-step[data-v-248bd983]{margin-top:30px}.dot[data-v-248bd983]{width:10px;height:10px;margin-top:10px;border-radius:50%;background:#d7dce8}.process-step.current .dot[data-v-248bd983]{background:#3f73ff;box-shadow:0 0 0 3px rgba(63,115,255,.12)}.step-row[data-v-248bd983]{display:flex;align-items:center;gap:12px}.step-row strong[data-v-248bd983]{font-size:14px;font-weight:600;color:#3d3d3d}.badge[data-v-248bd983]{min-width:37px;height:16px;padding:0 10px;border-radius:2px;background:#d1e0fa;color:#0857df;font-size:12px;line-height:16px;text-align:center}.badge.light[data-v-248bd983]{min-width:80px}.step-content p[data-v-248bd983]{margin-top:10px;font-size:14px;color:#818181;line-height:22px}.verify-btn[data-v-248bd983]{align-self:center;width:94px;height:32px;border:0;border-radius:4px;background:#5754cd;color:#fff;font-size:15px;cursor:pointer}@media(max-width:1200px){.overview-grid[data-v-248bd983]{grid-template-columns:1fr}}@media(max-width:760px){.hero-name-row[data-v-248bd983],.hero-row[data-v-248bd983],.process-step[data-v-248bd983],.step-row[data-v-248bd983]{flex-direction:column;align-items:flex-start}.info-grid[data-v-248bd983],.process-step[data-v-248bd983]{grid-template-columns:1fr}.timeline-line[data-v-248bd983]{display:none}} |