:root{--bg: #f4f1ea;--panel: #fffdf8;--ink: #1d2327;--muted: #6b716f;--line: #d9d2c4;--accent: #0f766e;--accent-dark: #0b4f4a;--warn: #b45309}body{margin:0;min-width:1200px;background:linear-gradient(90deg,rgba(29,35,39,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(29,35,39,.025) 1px,transparent 1px),var(--bg);background-size:28px 28px;color:var(--ink);font-family:Segoe UI,Microsoft YaHei,sans-serif;letter-spacing:0}button,input,textarea{font:inherit}.page-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.page-title h1{margin:0;font-size:26px;font-weight:750}.page-title p{margin:6px 0 0;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.data-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.metric strong{display:block;font-size:28px;margin-top:8px}.metric span{color:var(--muted);font-size:13px}.el-button--primary{--el-button-bg-color: var(--accent);--el-button-border-color: var(--accent);--el-button-hover-bg-color: var(--accent-dark);--el-button-hover-border-color: var(--accent-dark)}:root{--bg: #f5f7fa;--surface: #ffffff;--surface-warm: #f5f7fa;--fg: #303133;--fg-2: #606266;--muted: #909399;--meta: #606266;--border: #dcdfe6;--border-soft: #e4e7ed;--accent: #ecf5ff;--accent-on: #409eff;--accent-hover: color-mix(in oklab, var(--accent), black 6%);--accent-active: color-mix(in oklab, var(--accent), black 10%);--success: #4f9b62;--warn: #c78922;--danger: #d75b5b;--font-display: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-body: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-mono: "Courier New", ui-monospace, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 14px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 42px;--text-3xl: 64px;--text-4xl: 88px;--leading-body: 1.35;--leading-tight: .98;--tracking-display: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--section-y-desktop: 88px;--section-y-tablet: 64px;--section-y-phone: 44px;--radius-sm: 4px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border-soft);--elev-raised: 0 12px 28px rgba(15, 23, 42, .08);--focus-ring: 0 0 0 1px #409eff inset;--motion-fast: 90ms;--motion-base: .14s;--ease-standard: steps(2, end);--container-max: 1160px;--container-gutter-desktop: 36px;--container-gutter-tablet: 24px;--container-gutter-phone: 16px;--app-bg: var(--bg);--panel-bg: var(--surface);--line: var(--border);--line-strong: var(--border);--text: var(--fg);--brand: var(--accent);--brand-strong: var(--accent-active);--sidebar: var(--fg);--sidebar-active: #ecf5ff;color-scheme:light}:root[data-theme=blue]{--bg: #f5f9ff;--surface-warm: #f0f7ff;--border: #d9e8ff;--border-soft: #e6eef8;--accent: #e8f3ff;--success: #4d89d7;--warn: #d29a33;--danger: #d36a6a}:root[data-theme=red]{--bg: #fff5f5;--surface-warm: #fff1f1;--border: #f3d6d6;--border-soft: #f7e3e3;--accent: #ffe8e8;--success: #6da56d;--warn: #d39a4b;--danger: #d45a5a}:root[data-theme=yellow]{--bg: #fffaf0;--surface-warm: #fff7db;--border: #f0e3b3;--border-soft: #f6edcb;--accent: #fff2bf;--success: #729f61;--warn: #c98b25;--danger: #cf6767}*{box-sizing:border-box}body{margin:0;min-width:0;color:var(--text);background:var(--app-bg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body)}.page,.admin-page{display:flex;flex-direction:column;gap:14px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.compact-page-header{align-items:center;margin-bottom:8px}.page-heading-row{display:flex;align-items:baseline;gap:12px;min-width:0}.page-title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:var(--tracking-display);white-space:nowrap}.page-subtitle{margin:0;color:var(--muted);font-family:var(--font-body);font-size:13px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--panel-bg);border:1px solid var(--line);box-shadow:none}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-left{justify-content:flex-start}.toolbar-right{justify-content:flex-end;margin-left:auto}.admin-row-actions{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.admin-row-actions .el-button,.admin-row-actions .el-button.is-text{margin-left:0}.panel{background:var(--panel-bg);border:1px solid var(--line);box-shadow:none}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-title{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.muted{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:14px;background:var(--panel-bg);border:1px solid var(--line);box-shadow:none}.metric-label{color:var(--muted);font-size:13px}.metric-value{margin-top:8px;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight)}.metric-note{margin-top:6px;color:var(--muted);font-size:var(--text-xs)}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:12px}.el-menu{border-right:0}.el-button{--el-border-radius-base: var(--radius-md);min-height:32px;padding:8px 15px;font-weight:500;letter-spacing:0}.el-button--default{--el-button-text-color: #606266;--el-button-border-color: #dcdfe6;--el-button-bg-color: #ffffff;--el-button-hover-text-color: #409eff;--el-button-hover-bg-color: #ecf5ff;--el-button-hover-border-color: #c6e2ff;--el-button-active-text-color: #409eff;--el-button-active-border-color: #409eff}.el-button--primary{--el-button-bg-color: #409eff;--el-button-border-color: #409eff;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #66b1ff;--el-button-hover-border-color: #66b1ff;--el-button-active-bg-color: #3a8ee6;--el-button-active-border-color: #3a8ee6}.el-button--success{--el-button-bg-color: #67c23a;--el-button-border-color: #67c23a;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #85ce61;--el-button-hover-border-color: #85ce61;--el-button-active-bg-color: #5daf34;--el-button-active-border-color: #5daf34}.el-button--info{--el-button-bg-color: #909399;--el-button-border-color: #909399;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #a6a9ad;--el-button-hover-border-color: #a6a9ad;--el-button-active-bg-color: #82848a;--el-button-active-border-color: #82848a}.el-button--warning{--el-button-bg-color: #e6a23c;--el-button-border-color: #e6a23c;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #ebb563;--el-button-hover-border-color: #ebb563;--el-button-active-bg-color: #cf9236;--el-button-active-border-color: #cf9236}.el-button--danger{--el-button-bg-color: #f56c6c;--el-button-border-color: #f56c6c;--el-button-text-color: #ffffff;--el-button-hover-bg-color: #f78989;--el-button-hover-border-color: #f78989;--el-button-active-bg-color: #dd6161;--el-button-active-border-color: #dd6161}.el-button:focus-visible,.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{box-shadow:var(--focus-ring)!important}.el-table{--el-table-border-color: #ebeef5;--el-table-header-bg-color: #f5f7fa;--el-table-header-text-color: #909399;--el-table-row-hover-bg-color: #f5f7fa;--el-table-current-row-bg-color: #ecf5ff;font-size:14px}.el-table .el-table__cell{padding:10px 0}.el-table .cell{padding-left:12px;padding-right:12px;line-height:1.5}.el-table tbody .cell{overflow:hidden;color:#606266;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.el-table th.el-table__cell{border-bottom-width:1px;font-size:14px;font-weight:500}.el-table .el-button{font-size:14px}.row-actions{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.row-actions .el-button,.el-table .el-button.is-text{margin-left:0;color:#409eff;font-size:14px;font-weight:400}.row-actions .el-button.el-button--primary,.el-table .el-button.el-button--primary.is-text{color:#409eff}.row-actions .el-button.el-button--danger,.el-table .el-button.el-button--danger.is-text{color:#f56c6c}.el-table .el-tag{font-size:12px}.data-panel{background:var(--panel-bg);border:1px solid var(--line);box-shadow:none}.one-line-table .el-table__cell,.one-line-table .cell{white-space:nowrap}.one-line-table .cell{overflow:hidden;text-overflow:ellipsis}.admin-dialog .el-dialog{border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #0000001f}.admin-dialog .el-dialog__header{padding:18px 20px 12px;border-bottom:1px solid #ebeef5;background:#fff}.admin-dialog .el-dialog__title{color:#303133;font-size:16px;font-weight:600;line-height:1.2}.admin-dialog .el-dialog__body{padding:18px 20px 20px;background:#fff}.admin-dialog .el-dialog__footer{padding:14px 20px 18px;border-top:1px solid #ebeef5;background:#fff}.admin-dialog .el-dialog__footer .el-button{min-width:88px}.admin-dialog-form{display:grid;gap:16px}.admin-dialog-form .el-form-item{margin-bottom:0}.admin-dialog-form .el-form-item__label{padding-bottom:8px;color:#606266;font-weight:500;line-height:1.2}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.admin-form-grid--single{grid-template-columns:1fr}.admin-form-span-2{grid-column:1 / -1}.admin-dialog-stack{display:grid;gap:14px}.admin-dialog-panel{display:grid;gap:14px;padding:16px;border:1px solid #ebeef5;border-radius:6px;background:#fff}.admin-dialog-panel--soft{background:#fafafa}.admin-dialog-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-dialog-panel__head strong{display:block;color:#303133;font-size:14px;font-weight:600;line-height:1.2}.admin-dialog-panel__head span{display:block;margin-top:4px;color:#909399;font-size:12px;line-height:1.5}.field-hint{width:100%;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-input-number,.el-dialog,.el-popper{border-radius:var(--radius-sm)}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,.el-input-number{box-shadow:0 0 0 1px #dcdfe6 inset!important;background:#fff}.el-input-number .el-input__wrapper{box-shadow:none!important}.el-input-number__decrease,.el-input-number__increase{background:#f5f7fa;color:#606266;border-color:#dcdfe6}.admin-dialog .el-input__wrapper,.admin-dialog .el-select__wrapper,.admin-dialog .el-textarea__inner,.admin-dialog .el-input-number{border-radius:4px}.admin-dialog .el-input__wrapper,.admin-dialog .el-select__wrapper,.admin-dialog .el-input-number .el-input__wrapper{min-height:32px}.admin-dialog .el-switch{--el-switch-on-color: #409eff}.flow-board{display:grid;gap:14px;padding:16px}.flow-board__sections{display:grid;gap:14px}.flow-section{display:grid;gap:12px;padding:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 10%,white)}.flow-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.flow-section__aside{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.flow-section__head strong{display:block;color:var(--text);font-size:14px;font-weight:600;line-height:1.3}.flow-section__head span,.flow-section__head em{color:var(--muted);font-size:12px;font-style:normal;line-height:1.5}.flow-chain{display:flex;align-items:stretch;gap:8px;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:thin}.flow-chain-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.flow-chain-nav{width:32px;height:32px;min-height:32px;padding:0}.flow-link{display:inline-flex;align-items:center;justify-content:center;min-width:16px;color:color-mix(in srgb,var(--el-color-primary) 72%,var(--muted));font-size:14px;font-weight:700;line-height:1}.flow-card{position:relative;flex:0 0 auto;display:grid;gap:8px;width:min(248px,100%);min-width:220px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 82%,white);background:#fff;overflow:hidden;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.flow-card:hover{border-color:color-mix(in srgb,var(--el-color-primary) 40%,white);box-shadow:0 10px 20px #0f172a14;transform:translateY(-1px)}.flow-card.is-selected{border-color:color-mix(in srgb,var(--el-color-primary) 88%,white);background:linear-gradient(180deg,#eff8fffa,#dfeffff5);box-shadow:0 0 0 3px #409eff38,0 18px 34px #2563eb38;transform:translateY(-3px)}.flow-card.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(64,158,255,.22);pointer-events:none}.flow-card.is-selected .flow-card__title{color:#1d4ed8}.flow-card.is-selected .flow-card__meta,.flow-card.is-selected .flow-card__support,.flow-card.is-selected .flow-card__time,.flow-card.is-selected .flow-card__code{color:#365b96}.flow-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.flow-card__index{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:color-mix(in srgb,var(--el-color-primary) 14%,white);color:var(--el-color-primary-dark-2);font-size:11px;font-weight:700;line-height:1}.flow-card.is-selected .flow-card__index{background:var(--el-color-primary);color:#fff}.flow-card__marker{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#409eff1f;color:var(--el-color-primary-dark-2);font-size:11px;font-weight:700;line-height:1.1}.flow-card.is-dimmed{opacity:.45;filter:saturate(.7)}.flow-card__title{margin:0;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;word-break:break-word}.flow-card__code,.flow-card__meta,.flow-card__support{color:var(--fg-2);font-size:11px;line-height:1.5}.flow-card__code{font-family:var(--font-mono);word-break:break-all}.flow-card__badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.flow-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.flow-card__time{color:var(--muted);font-size:11px;line-height:1.4}.flow-detail-panel{display:grid;gap:14px;padding:16px;border:1px solid var(--line);background:#fff}.flow-summary-badge{border:0}.flow-summary-badge--action{cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s ease,color .16s ease}.flow-summary-badge--action:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.flow-summary-badge.is-active{background:linear-gradient(180deg,#409eff29,#409eff3d);color:#1d4ed8;box-shadow:0 0 0 2px #409eff2e,0 8px 18px #409eff24}.flow-detail-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.flow-detail-panel__head strong{display:block;color:var(--text);font-size:16px;font-weight:600;line-height:1.3}.flow-detail-panel__head span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}.flow-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-detail-block{display:grid;gap:6px;padding:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 10%,white)}.flow-detail-block strong{color:var(--muted);font-size:12px;font-weight:500}.flow-detail-block span,.flow-detail-block pre,.flow-detail-block div{margin:0;color:var(--text);font-size:13px;line-height:1.6}.flow-detail-block pre{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono)}.flow-empty-state{padding:28px 18px;border:1px dashed var(--line);background:color-mix(in srgb,var(--accent) 8%,white);color:var(--muted);font-size:13px;text-align:center}@media(max-width:1024px){.metric-grid,.content-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar-right{margin-left:0;justify-content:flex-start}.admin-form-grid,.flow-detail-grid{grid-template-columns:1fr}.flow-card{width:100%;min-width:0}.flow-chain-shell{grid-template-columns:1fr}.flow-chain-nav{display:none}}