.ec-anchor{scroll-margin-block-start:calc(var(--header-h) + var(--space-8))}.ec-table{--ec-wall:var(--space-12);grid-template-columns:var(--ec-wall) minmax(0, 1fr);column-gap:var(--space-4);max-width:100%;padding-block:var(--space-4);border-block:1px solid var(--border);grid-template-rows:repeat(4,auto);display:grid}.ec-port{gap:var(--space-4);padding-block:var(--space-6);grid-column:2;display:grid}.ec-port+.ec-port{border-block-start:1px solid var(--border)}.ec-wall{margin-block:calc(var(--space-4) * -1);background:linear-gradient(var(--ink), var(--ink)) center / 2px 100% no-repeat;grid-area:1/1/-1;justify-content:center;align-items:center;display:flex}.ec-wall__tag{padding-top:var(--space-4);padding-bottom:var(--space-4);background:var(--paper);color:var(--ink);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;margin:0;line-height:1.2}:lang(zh) .ec-wall__tag{letter-spacing:normal}.ec-port__id{color:var(--ink-muted);margin:0}.ec-port__title{margin:var(--space-1) 0 0;font-size:var(--text-title);line-height:1.25}.ec-port__in{--ec-edge:var(--blue-text)}.ec-port__out{--ec-edge:var(--pink-text)}.ec-edge__col{color:var(--ec-edge);margin:0}.ec-edge__line{height:9px;margin-block:var(--space-3);background:linear-gradient(var(--ec-edge), var(--ec-edge)) left center / 100% 3px no-repeat;clip-path:inset(0);display:block;position:relative}.ec-edge__line:after{content:"";background:var(--ec-edge);width:9px;position:absolute;inset-block:0;inset-inline-end:0}.ec-edge__text{color:var(--ink-muted);font-size:var(--text-ui-15);margin:0;line-height:1.6}@media (min-width:1024px){.ec-table{grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr) var(--ec-wall) minmax(0, 1.15fr);column-gap:var(--space-6)}.ec-wall{grid-column:3}.ec-port{display:contents}.ec-port__name{grid-column:1}.ec-port__in{grid-column:2}.ec-port__out{grid-column:4}.ec-port__name,.ec-port__in,.ec-port__out{padding-block:var(--space-6)}.ec-port+.ec-port .ec-port__name,.ec-port+.ec-port .ec-port__in,.ec-port+.ec-port .ec-port__out{border-block-start:1px solid var(--border)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (view-timeline-name:--pf-fig){.ec-edge__line{animation-name:ec-draw;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--pf-fig}.ec-port[data-port="0"] .ec-port__in .ec-edge__line{animation-range:cover 16% cover 36%}.ec-port[data-port="1"] .ec-port__in .ec-edge__line{animation-range:cover 18% cover 38%}.ec-port[data-port="2"] .ec-port__in .ec-edge__line{animation-range:cover 20% cover 40%}.ec-port[data-port="3"] .ec-port__in .ec-edge__line{animation-range:cover 22% cover 42%}.ec-port[data-port="0"] .ec-port__out .ec-edge__line{animation-range:cover 30% cover 50%}.ec-port[data-port="1"] .ec-port__out .ec-edge__line{animation-range:cover 32% cover 52%}.ec-port[data-port="2"] .ec-port__out .ec-edge__line{animation-range:cover 34% cover 54%}.ec-port[data-port="3"] .ec-port__out .ec-edge__line{animation-range:cover 36% cover 56%}}}@keyframes ec-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ec-media{max-width:46rem;margin-block-start:var(--space-16)}.ec-cat h3{margin:0}.ec-cat__body{margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:var(--text-ui-16);line-height:1.65}.ec-cat__edges{gap:var(--space-3);margin:var(--space-6) 0 0;border-block-start:1px solid var(--border);padding-block-start:var(--space-6);display:grid}.ec-cat__edges dt{margin:0}.ec-cat__edges dd{margin:var(--space-1) 0 0;font-size:var(--text-ui-15);line-height:1.6}.ec-cat__dt--in{color:var(--blue-text)}.ec-cat__dt--out{color:var(--pink-text)}.ec-cat__dt--start{color:var(--ink-muted)}.ec-cat__note{max-width:72ch;margin:var(--space-8) 0 0;color:var(--ink-muted);font-size:var(--text-ui-16);line-height:1.7}.ec-scene h3{margin:0}.ec-scene__flow{gap:var(--space-3);margin:var(--space-6) 0 0;border-block-start:1px solid var(--border);padding-block-start:var(--space-6);display:grid}.ec-scene__flow dt{margin:0}.ec-scene__flow dd{margin:var(--space-1) 0 0;font-size:var(--text-ui-15);line-height:1.6}.ec-scene__dt--in{color:var(--blue-text)}.ec-scene__dt--out{color:var(--pink-text)}.ec-dir{border-collapse:collapse;text-align:start;width:100%;min-width:46rem}.ec-dir th,.ec-dir td{padding:var(--space-4) var(--space-4) var(--space-4) 0;border-block-end:1px solid var(--border);text-align:start;vertical-align:baseline}.ec-dir thead th{border-block-end-color:var(--ink);color:var(--ink-muted);font-size:var(--text-ui-13);font-weight:500}.ec-dir tbody th{color:var(--ink);font-size:var(--text-ui-16);white-space:nowrap;font-weight:600}.ec-dir td{color:var(--ink-muted);font-size:var(--text-ui-15);line-height:1.6}.ec-dir__path{color:var(--deep-blue);white-space:nowrap}.ec-boundary__list{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.ec-boundary__list{gap:var(--space-8) var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr))}}.ec-boundary__list li{border-inline-start:2px solid var(--ink);font-size:var(--text-ui-17);text-wrap:pretty;padding-inline-start:var(--space-6);line-height:1.65}.ec-boundary__note{max-width:72ch;margin:var(--space-12) 0 0;color:var(--ink-muted);font-size:var(--text-ui-16);line-height:1.7}.ec-boundary__note a{color:var(--pink-text);text-underline-offset:.2em;text-decoration:underline}.ec-plate__head{max-width:62ch}.ec-plate__head h2{margin:var(--space-3) 0 0}