/* @flow flow=brain_minifulfill nodeId=I8OP9N docTitle="16 宿主网络与 OMR" flowRead=node-documents-by-title */
:root{--kv-width:1000px;--kv-height:680px;--kv-gap:12px;--kv-pad:24px;--kv-control:34px;--kv-small:12px;--kv-line:20px;--kv-border-width:1px;--kv-radius:6px;--kv-form-width:680px;--kv-form-pad:28px;--kv-note-height:90px;--kv-key-height:150px;--kv-icon:23px;--kv-icon-stroke:1.6;--kv-table-width:820px;--kv-secret-width:38ch;--kv-tiny:10px;--kv-mid:16px;--kv-margin:32px;--kv-offset:48px;--kv-zero:0;--kv-one:1;--kv-color-hover:#f4f4f5}
:root{--kv-badge-size:17px;--kv-badge-offset:-5px;--kv-badge-radius:999px;--kv-badge-border:2px;--kv-badge-pad:4px;--kv-request-width:540px;--kv-request-list-height:260px;--kv-warning-bg:#fff4f3;--kv-warning-border:#ffd8d4;--kv-warning-text:#a82722;--kv-write-bg:#fff9ed;--kv-write-border:#ead9b7}
:root{--kv-verified-fg:#15803d;--kv-verified-bg:#f0fdf4;--kv-verified-border:#bbf7d0;--kv-verified-pad-block:2px;--kv-verified-pad-inline:6px;--kv-verified-radius:4px;--kv-verified-line:16px}
#vault-btn{cursor:pointer}
#vault-btn{position:relative}
.vault-notice-badge{position:absolute;top:var(--kv-badge-offset);right:var(--kv-badge-offset);min-width:var(--kv-badge-size);height:var(--kv-badge-size);padding:var(--kv-zero) var(--kv-badge-pad);border:var(--kv-badge-border) solid var(--kc-bg);border-radius:var(--kv-badge-radius);background:var(--kc-block);color:var(--kc-bg);font-size:var(--kv-tiny);line-height:var(--kv-badge-size);font-weight:600;text-align:center;box-sizing:content-box;pointer-events:none}
.vault-notice-badge[hidden]{display:none}
.vault-request-dialog{width:min(var(--kv-request-width),calc(100vw - var(--kv-margin)));max-height:calc(100dvh - var(--kv-offset));overflow:hidden;padding:var(--kv-zero)}
.vault-request-dialog[open]{display:flex;flex-direction:column}
.vault-request-body{padding:var(--kv-pad);display:grid;gap:var(--kv-gap);min-height:var(--kv-zero);overflow:auto}
.vault-request-intent{font-size:var(--kv-mid);font-weight:600;color:var(--kc-fg)}
.vault-request-dialog[data-risk="write"] .vault-request-intent,.vault-request-dialog[data-risk="permanent"] .vault-request-intent{background:var(--kv-write-bg);border:var(--kv-border-width) solid var(--kv-write-border);border-radius:var(--kv-radius);padding:var(--kv-gap)}
.vault-request-dialog[data-risk="delete"] .kc-heading h2{color:var(--kc-block)}
.vault-request-warning{font-size:var(--kv-small);line-height:var(--kv-line);color:var(--kv-warning-text);background:var(--kv-warning-bg);border:var(--kv-border-width) solid var(--kv-warning-border);border-radius:var(--kv-radius);padding:var(--kv-gap)}
.vault-request-dialog[data-risk="permanent"] .vault-request-warning{color:var(--kc-fg);background:var(--kv-write-bg);border-color:var(--kv-write-border)}
.vault-request-targets{max-height:var(--kv-request-list-height);overflow:auto;border-top:var(--kv-border-width) solid var(--kc-border)}
.vault-request-target{padding:var(--kv-gap) var(--kv-zero);display:flex;justify-content:space-between;gap:var(--kv-gap);border-bottom:var(--kv-border-width) solid var(--kc-border);font-size:var(--kv-small)}
.vault-request-actions{justify-content:flex-end;gap:var(--kv-gap);flex-shrink:var(--kv-zero)}
.vault-request-delete{background:var(--kc-block);color:var(--kc-bg);border-color:var(--kc-block)}
#vault-btn svg{width:var(--kv-icon);height:var(--kv-icon);fill:none;stroke:currentColor;stroke-width:var(--kv-icon-stroke);stroke-linecap:round;stroke-linejoin:round}
#vault-dialog{width:min(var(--kv-width),calc(100vw - var(--kv-margin)));height:min(var(--kv-height),calc(100dvh - var(--kv-offset)));max-height:calc(100dvh - var(--kv-offset));overflow:hidden;flex-direction:column}
#vault-dialog[open]{display:flex}
#vault-status:empty{display:none}
.vault-body{min-height:var(--kv-zero);flex:var(--kv-one);overflow:auto;border-top:var(--kv-border-width) solid var(--kc-border);overscroll-behavior:contain}
.vault-body.vault-table-view{display:flex;flex-direction:column;overflow:hidden}
.vault-table-view>.vault-controls{flex-shrink:var(--kv-zero)}
.vault-table-view>.kc-table-wrap{flex:var(--kv-one);min-height:var(--kv-zero);overflow:auto}
.vault-toolbar{flex-wrap:wrap}
.vault-toolbar .kc-search{margin-left:auto}
.vault-table{min-width:var(--kv-table-width)}
.vault-table th:first-child{width:22%}.vault-table th:last-child{width:18%}
:root{--kv-name-column:24%;--kv-purpose-column:24%;--kv-content-column:28%;--kv-status-column:12%;--kv-action-column:12%;--kv-source-size:11px;--kv-expand-size:18px;--kv-detail-bg:#fafafa;--kv-detail-columns:repeat(2,minmax(0,1fr));--kv-key-selector-height:100px}
.vault-entry-table th:nth-child(1){width:var(--kv-name-column)}
.vault-entry-table th:nth-child(2){width:var(--kv-purpose-column)}
.vault-entry-table th:nth-child(3){width:var(--kv-content-column)}
.vault-entry-table th:nth-child(4){width:var(--kv-status-column)}
.vault-entry-table th:nth-child(5){width:var(--kv-action-column)}
.vault-entry-table td{vertical-align:top}
.vault-name-row{display:flex;gap:var(--kv-gap);align-items:flex-start}
.vault-name-row strong{font-weight:500}
.vault-expand{font-size:var(--kv-mid);width:var(--kv-expand-size);flex-shrink:var(--kv-zero);text-align:center}
.vault-purpose{margin-top:var(--kv-gap);font-size:var(--kv-small);line-height:var(--kv-line);color:var(--kc-muted-fg);overflow-wrap:anywhere}
.vault-account{font-family:monospace;font-size:var(--kv-small);line-height:var(--kv-line);overflow-wrap:anywhere}
.vault-address{font-family:monospace;font-size:var(--kv-source-size);line-height:var(--kv-line);color:var(--kc-muted-fg);overflow-wrap:anywhere}
.vault-key-link{display:block;text-align:left;white-space:normal;margin-top:var(--kv-gap);line-height:var(--kv-line)}
.vault-detail-row>td{background:var(--kv-detail-bg)}
.vault-detail-grid{display:grid;grid-template-columns:var(--kv-detail-columns);gap:var(--kv-pad);padding:var(--kv-gap)}
.vault-detail-section{min-width:var(--kv-zero);display:grid;align-content:start;gap:var(--kv-gap)}
.vault-detail-section h3{font-size:var(--kv-small);font-weight:600;color:var(--kc-muted-fg);margin:var(--kv-zero)}
.vault-verification{font-size:var(--kv-small);white-space:nowrap;color:var(--kc-muted-fg)}
.vault-verification-verified{display:inline-flex;align-items:center;color:var(--kv-verified-fg);background:var(--kv-verified-bg);border:var(--kv-border-width) solid var(--kv-verified-border);border-radius:var(--kv-verified-radius);padding:var(--kv-verified-pad-block) var(--kv-verified-pad-inline);font-size:var(--kv-source-size);line-height:var(--kv-verified-line)}
.vault-verification-void{color:var(--kc-block)}
.vault-endpoint-row{display:grid;grid-template-columns:var(--kv-detail-columns);gap:var(--kv-gap);padding:var(--kv-gap);border:var(--kv-border-width) solid var(--kc-border);border-radius:var(--kv-radius)}
.vault-endpoint-row>.vault-action{justify-self:start}
.vault-form .vault-key-select{height:var(--kv-key-selector-height)}
.vault-field[hidden]{display:none}
.vault-form .vault-inline-check{display:flex;align-items:center;gap:var(--kv-gap)}
.vault-form .vault-inline-check input{width:auto;min-height:var(--kv-zero);margin:var(--kv-zero)}
.vault-source-key{font-family:monospace;font-size:var(--kv-source-size);line-height:var(--kv-line);color:var(--kc-muted-fg);overflow-wrap:anywhere}
.vault-plain-value{font-family:monospace;font-size:var(--kv-small);line-height:var(--kv-line);white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--kv-zero);padding:var(--kv-zero);color:var(--kc-fg)}
.vault-value-field+.vault-value-field{margin-top:var(--kv-gap)}
.vault-row-actions{display:flex;gap:var(--kv-gap);align-items:center;flex-wrap:wrap}
.vault-action{border:var(--kv-zero);background:transparent;padding:var(--kv-zero);color:var(--kc-muted-fg);font:inherit;font-size:var(--kv-small);cursor:pointer;white-space:nowrap}
.vault-action:hover{color:var(--kc-fg)}.vault-action:disabled{opacity:.4;cursor:default}
.vault-form{max-width:var(--kv-form-width);margin:auto;padding:var(--kv-form-pad) var(--kv-pad);display:grid;gap:var(--kv-mid)}
.vault-form label{display:grid;gap:var(--kv-gap);color:var(--kc-fg);font-size:var(--kv-small)}
.vault-form input,.vault-form select,.vault-form textarea,.vault-filter{width:100%;padding:var(--kv-gap);border:var(--kv-border-width) solid var(--kc-border);border-radius:var(--kv-radius);font:inherit;color:var(--kc-fg);background:var(--kc-bg);min-height:var(--kv-control)}
.vault-form textarea{resize:vertical;min-height:var(--kv-note-height)}
.vault-form textarea.vault-key{min-height:var(--kv-key-height);font-family:monospace;font-size:var(--kv-small)}
.vault-form input:focus,.vault-form select:focus,.vault-form textarea:focus{outline:none;border-color:var(--kc-border-active)}
.vault-form h3{font-size:var(--kv-mid);font-weight:600}
.vault-help{color:var(--kc-muted-fg);font-size:var(--kv-small);line-height:var(--kv-line)}
.vault-controls{display:flex;gap:var(--kv-gap);align-items:center;flex-wrap:wrap;padding:var(--kv-gap) var(--kv-pad)}
.vault-filter{width:auto;font-size:var(--kv-small);padding:var(--kv-zero) var(--kv-gap)}
.vault-actions{display:flex;justify-content:flex-end;gap:var(--kv-gap);padding-top:var(--kv-gap);border-top:var(--kv-border-width) solid var(--kc-border)}
.vault-fixed-actions{padding:var(--kv-zero);border:var(--kv-zero);flex-wrap:wrap}
.vault-danger{color:var(--kc-block)}
#vault-dialog>.kc-footer:has(.vault-fixed-actions){align-items:center;flex-wrap:wrap}
#vault-dialog>.kc-footer:has(.vault-fixed-actions)>#vault-summary{display:none}
#vault-pagination:has(.vault-fixed-actions){width:100%}
.vault-fixed-actions{width:100%}
.vault-fixed-actions>.vault-danger{margin-right:auto}
.vault-primary{background:var(--kc-fg);border-color:var(--kc-fg);color:var(--kc-bg)}
.vault-secret{font-family:monospace;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--kv-gap);background:var(--kc-muted);border:var(--kv-border-width) solid var(--kc-border);border-radius:var(--kv-radius);max-height:var(--kv-key-height);overflow:auto;font-size:var(--kv-small)}
.vault-field{display:grid;gap:var(--kv-gap)}
.vault-error{color:var(--kc-block)}
.vault-ok{color:var(--kc-allow)}
.vault-empty{padding:var(--kv-offset) var(--kv-pad);text-align:center;color:var(--kc-muted-fg)}
.vault-client-code{font-family:monospace;font-size:var(--kv-tiny);overflow-wrap:anywhere;color:var(--kc-muted-fg)}
.vault-doc h4{font-size:var(--kv-small);font-weight:600;margin-top:var(--kv-gap)}
.vault-form>.vault-action{justify-self:start}
.vault-toolbar[hidden]{display:none}
.vault-doc-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--kv-small)}
.vault-doc-table td,.vault-doc-table th{padding:var(--kv-gap);border-bottom:var(--kv-border-width) solid var(--kc-border);vertical-align:top;overflow-wrap:anywhere}
.vault-doc-table th{color:var(--kc-muted-fg);font-weight:500}
@media(max-width:600px){.vault-toolbar .kc-search{width:100%;margin:var(--kv-zero)}.vault-form{padding:var(--kv-mid)}.vault-controls{padding:var(--kv-gap) var(--kv-mid)}}
