2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.promotion-page[data-v-b40c47a2]{--ink: #17243a;--muted: #778598;--line: #e1e7ed;--canvas: #f4f6f8;--teal: #139a8c;min-height:100%;padding:18px;color:var(--ink);background:var(--canvas)}h1[data-v-b40c47a2],h2[data-v-b40c47a2],h3[data-v-b40c47a2],p[data-v-b40c47a2]{margin:0}.page-header[data-v-b40c47a2],.metric-card[data-v-b40c47a2],.workspace-card[data-v-b40c47a2]{border:1px solid var(--line);background:#fff}.page-header[data-v-b40c47a2]{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px;padding:14px 18px;border-radius:13px}.heading-copy[data-v-b40c47a2],.heading-actions[data-v-b40c47a2],.pool-title-row[data-v-b40c47a2],.toolbar-actions[data-v-b40c47a2]{display:flex;align-items:center}.heading-copy[data-v-b40c47a2]{gap:12px}.heading-icon[data-v-b40c47a2]{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:#fff;background:var(--teal);font-size:21px;box-shadow:0 8px 20px #139a8c2e}.heading-copy h1[data-v-b40c47a2]{font-size:20px}.heading-copy p[data-v-b40c47a2]{margin-top:4px;color:var(--muted);font-size:12px}.heading-actions[data-v-b40c47a2]{gap:10px;color:var(--muted);font-size:12px}.scope-chip[data-v-b40c47a2]{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #cce8e3;border-radius:7px;color:#117f75;background:#f2faf8}.metric-grid[data-v-b40c47a2]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.metric-card[data-v-b40c47a2]{display:flex;align-items:center;gap:13px;min-height:104px;padding:16px;border-radius:11px}.metric-icon[data-v-b40c47a2]{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:11px;font-size:20px}.metric-icon.is-teal[data-v-b40c47a2]{color:#0e8b7e;background:#e8f7f4}.metric-icon.is-blue[data-v-b40c47a2]{color:#3976e6;background:#edf3ff}.metric-icon.is-green[data-v-b40c47a2]{color:#3b9c67;background:#edf8f1}.metric-icon.is-orange[data-v-b40c47a2]{color:#d87a2d;background:#fff2e7}.metric-card small[data-v-b40c47a2]{color:#78869a;font-size:12px}.metric-card strong[data-v-b40c47a2]{display:block;margin:3px 0;font-size:25px;line-height:1.15}.metric-card p[data-v-b40c47a2]{color:#98a2af;font-size:10px}.workspace-card[data-v-b40c47a2]{margin-top:14px;border-radius:13px;overflow:hidden}.tab-nav[data-v-b40c47a2]{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--line);background:#fbfcfd}.tab-nav button[data-v-b40c47a2]{display:flex;align-items:center;gap:7px;min-width:132px;height:54px;justify-content:center;border:0;border-bottom:3px solid transparent;color:#5e6d80;background:transparent;cursor:pointer;font-size:14px}.tab-nav button.active[data-v-b40c47a2]{border-bottom-color:var(--teal);color:#0d8277;font-weight:700}.tab-content[data-v-b40c47a2]{min-height:460px;padding:20px}.section-heading[data-v-b40c47a2]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2[data-v-b40c47a2]{font-size:17px}.section-heading p[data-v-b40c47a2]{margin-top:5px;color:var(--muted);font-size:12px}.pool-layout[data-v-b40c47a2]{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:430px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.pool-sidebar[data-v-b40c47a2]{padding:8px;border-right:1px solid var(--line);background:#f7f9fa}.pool-item[data-v-b40c47a2]{display:grid;grid-template-columns:9px 1fr 16px;align-items:center;gap:9px;width:100%;min-height:62px;margin-bottom:5px;padding:10px;border:1px solid transparent;border-radius:8px;text-align:left;background:transparent;cursor:pointer}.pool-item[data-v-b40c47a2]:hover{background:#fff}.pool-item.active[data-v-b40c47a2]{border-color:#bfe1dc;background:#fff;box-shadow:0 5px 16px #1945460d}.pool-item strong[data-v-b40c47a2],.pool-item small[data-v-b40c47a2]{display:block}.pool-item strong[data-v-b40c47a2]{overflow:hidden;color:#253348;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pool-item small[data-v-b40c47a2]{margin-top:4px;color:#8c98a7;font-size:10px}.pool-status[data-v-b40c47a2]{width:8px;height:8px;border-radius:50%}.pool-status.online[data-v-b40c47a2]{background:#18a277}.pool-status.offline[data-v-b40c47a2]{background:#aab3bf}.pool-item>.el-icon[data-v-b40c47a2]{color:#9ca7b4}.pool-main[data-v-b40c47a2]{min-width:0}.pool-toolbar[data-v-b40c47a2]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;padding:12px 15px;border-bottom:1px solid var(--line)}.pool-title-row[data-v-b40c47a2]{gap:8px}.pool-title-row h3[data-v-b40c47a2]{font-size:15px}.pool-toolbar p[data-v-b40c47a2]{margin-top:6px;color:#8b97a6;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.toolbar-actions[data-v-b40c47a2]{flex-wrap:wrap;justify-content:flex-end;gap:7px}.toolbar-actions .el-button+.el-button[data-v-b40c47a2]{margin-left:0}.status-tag[data-v-b40c47a2],.owner-tag[data-v-b40c47a2],.availability[data-v-b40c47a2]{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:11px;font-size:10px}.status-tag.is-online[data-v-b40c47a2],.availability.is-ok[data-v-b40c47a2]{color:#16895f;background:#eaf8ef}.status-tag.is-offline[data-v-b40c47a2],.availability.is-muted[data-v-b40c47a2]{color:#788696;background:#eef2f5}.owner-tag[data-v-b40c47a2]{color:#50728c;background:#edf4f8}.availability.is-error[data-v-b40c47a2]{color:#d94b4b;background:#ffeded}.availability.is-waiting[data-v-b40c47a2]{color:#b86c1f;background:#fff1dd}.link-table[data-v-b40c47a2],.account-table[data-v-b40c47a2]{--el-table-header-bg-color: #f7f9fb}.link-table[data-v-b40c47a2] th.el-table__cell,.account-table[data-v-b40c47a2] th.el-table__cell{color:#67768a;font-weight:500}.member-cell strong[data-v-b40c47a2],.member-cell small[data-v-b40c47a2]{display:block}.member-cell small[data-v-b40c47a2]{margin-top:3px;color:#8d98a7;font-size:10px}.muted[data-v-b40c47a2]{color:#9aa4b0}.configuration-panel[data-v-b40c47a2]{margin-bottom:16px;padding:16px;border:1px solid;border-radius:10px}.configuration-panel.is-ready[data-v-b40c47a2]{border-color:#cce8e3;background:#f5fbfa}.configuration-panel.is-pending[data-v-b40c47a2]{border-color:#f0d8b6;background:#fffaf2}.configuration-state[data-v-b40c47a2]{display:flex;align-items:center;gap:12px}.configuration-state>span[data-v-b40c47a2]{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#fff;background:var(--teal);font-size:18px}.is-pending .configuration-state>span[data-v-b40c47a2]{background:#e69a43}.configuration-state strong[data-v-b40c47a2]{font-size:14px}.configuration-state p[data-v-b40c47a2]{margin-top:4px;color:#718094;font-size:11px}.missing-fields[data-v-b40c47a2]{margin-top:12px;color:#9c651f;font-size:11px}.missing-fields code[data-v-b40c47a2]{margin-left:6px;padding:3px 6px;border-radius:4px;background:#e0993f1c}.callback-list[data-v-b40c47a2]{margin:14px 0 0;border-top:1px solid rgba(124,150,157,.16)}.callback-list>div[data-v-b40c47a2]{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;min-height:40px;border-bottom:1px solid rgba(124,150,157,.12);font-size:11px}.callback-list dt[data-v-b40c47a2]{color:#657488}.callback-list dd[data-v-b40c47a2]{overflow:hidden;margin:0;color:#27374c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.callback-list button[data-v-b40c47a2]{border:0;color:#148f83;background:transparent;cursor:pointer}.install-pool-select[data-v-b40c47a2]{width:220px}.install-grid[data-v-b40c47a2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.code-card[data-v-b40c47a2]{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.code-heading[data-v-b40c47a2]{display:flex;align-items:center;gap:10px}.code-heading>span[data-v-b40c47a2]{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:8px;color:#fff;background:var(--teal);font-weight:700}.code-heading strong[data-v-b40c47a2]{font-size:13px}.code-heading p[data-v-b40c47a2]{margin-top:3px;color:#7a889a;font-size:10px}.code-card pre[data-v-b40c47a2]{min-height:92px;margin:14px 0;padding:13px;overflow:auto;border-radius:7px;color:#cbe9e6;background:#172a36;white-space:pre-wrap;word-break:break-all}.code-card pre code[data-v-b40c47a2]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.7}.rule-panel[data-v-b40c47a2]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.rule-panel>div[data-v-b40c47a2]{display:flex;align-items:flex-start;gap:9px;min-height:68px;padding:12px;border-radius:9px;color:#69788b;background:#f3f7f8;font-size:11px;line-height:1.65}.rule-panel .el-icon[data-v-b40c47a2]{margin-top:2px;color:var(--teal);font-size:17px}.rule-panel strong[data-v-b40c47a2]{display:block;color:#26364a}.test-row[data-v-b40c47a2]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px 16px;border:1px dashed #b8d9d4;border-radius:9px;background:#f7fcfb}.test-row strong[data-v-b40c47a2]{font-size:13px}.test-row p[data-v-b40c47a2]{margin-top:4px;color:#7c8999;font-size:10px}.form-grid[data-v-b40c47a2]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-tip[data-v-b40c47a2]{display:block;margin-top:5px;color:#8b97a6;font-size:10px}.link-form .el-select[data-v-b40c47a2],.link-form .el-input-number[data-v-b40c47a2]{width:100%}@media (max-width: 1100px){.heading-actions[data-v-b40c47a2]{flex-wrap:wrap;justify-content:flex-end}.metric-grid[data-v-b40c47a2]{grid-template-columns:repeat(2,minmax(0,1fr))}.pool-layout[data-v-b40c47a2]{grid-template-columns:210px minmax(0,1fr)}.pool-toolbar[data-v-b40c47a2]{align-items:flex-start;flex-direction:column}.rule-panel[data-v-b40c47a2]{grid-template-columns:1fr}}@media (max-width: 760px){.promotion-page[data-v-b40c47a2]{padding:10px}.page-header[data-v-b40c47a2],.section-heading[data-v-b40c47a2]{align-items:flex-start;flex-direction:column}.update-time[data-v-b40c47a2]{display:none}.metric-grid[data-v-b40c47a2],.install-grid[data-v-b40c47a2],.form-grid[data-v-b40c47a2]{grid-template-columns:1fr}.tab-nav[data-v-b40c47a2]{overflow-x:auto}.tab-nav button[data-v-b40c47a2]{min-width:112px}.tab-content[data-v-b40c47a2]{padding:14px}.pool-layout[data-v-b40c47a2]{grid-template-columns:1fr}.pool-sidebar[data-v-b40c47a2]{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.pool-item[data-v-b40c47a2]{min-width:190px}.callback-list>div[data-v-b40c47a2]{grid-template-columns:1fr 48px;padding:8px 0}.callback-list dt[data-v-b40c47a2]{grid-column:1/-1}.install-pool-select[data-v-b40c47a2]{width:100%}}
|