.liuyao-section-page.svelte-mihtt6{gap:1rem;width:min(1180px,100vw - 2rem);margin:0 auto;padding:2rem 0 3rem;display:grid}.section-hero.svelte-mihtt6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:linear-gradient(135deg, color-mix(in srgb, var(--ui-primary-soft) 72%, var(--ui-surface)), var(--ui-surface) 64%), var(--ui-surface);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;display:grid;box-shadow:0 10px 24px #0f172a0b}.back-link.svelte-mihtt6{background:color-mix(in srgb, var(--ui-primary-soft) 76%, var(--ui-surface));width:fit-content;color:var(--ui-primary-strong);border-radius:999px;margin-bottom:.7rem;padding:.28rem .65rem;font-size:.82rem;font-weight:900;text-decoration:none;display:inline-flex}.back-link.svelte-mihtt6:hover{background:var(--ui-primary-soft)}.section-hero.svelte-mihtt6 h1:where(.svelte-mihtt6){color:var(--ui-heading);letter-spacing:0;font-size:clamp(1.45rem,3vw,2.05rem);font-weight:950;line-height:1.08}.section-hero.svelte-mihtt6 p:where(.svelte-mihtt6),.section-heading.svelte-mihtt6 p:where(.svelte-mihtt6),.lesson-card.svelte-mihtt6 p:where(.svelte-mihtt6),.lesson-card.svelte-mihtt6 li:where(.svelte-mihtt6),.simple-card.svelte-mihtt6 p:where(.svelte-mihtt6),.workflow-card.svelte-mihtt6 p:where(.svelte-mihtt6),.flow-card.svelte-mihtt6 p:where(.svelte-mihtt6),.reference-card.svelte-mihtt6 span:where(.svelte-mihtt6){color:var(--ui-muted);font-size:.84rem;font-weight:740;line-height:1.65}.section-hero.svelte-mihtt6 p:where(.svelte-mihtt6){max-width:46rem;margin-top:.55rem}.hero-lines.svelte-mihtt6{border:1px solid color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border));border-radius:var(--ui-radius-card);background:color-mix(in srgb, var(--ui-surface) 88%, var(--ui-primary-soft));gap:.3rem;width:5.8rem;padding:.68rem;display:grid}.hero-lines.svelte-mihtt6 span:where(.svelte-mihtt6){background:var(--ui-primary-strong);height:.32rem;animation:.32s cubic-bezier(.2,.8,.2,1) both svelte-mihtt6-hexagram-line-change;animation-delay:calc(var(--line-index) * 18ms);border-radius:999px;transition:background .18s,opacity .18s,transform .18s;display:block}.hero-lines.svelte-mihtt6 .line-broken:where(.svelte-mihtt6){background:0 0;position:relative}.hero-lines.svelte-mihtt6 .line-broken:where(.svelte-mihtt6):before,.hero-lines.svelte-mihtt6 .line-broken:where(.svelte-mihtt6):after{background:var(--ui-primary-strong);content:"";border-radius:999px;width:40%;position:absolute;top:0;bottom:0}.hero-lines.svelte-mihtt6 .line-broken:where(.svelte-mihtt6):before{left:0}.hero-lines.svelte-mihtt6 .line-broken:where(.svelte-mihtt6):after{right:0}@keyframes svelte-mihtt6-hexagram-line-change{0%{opacity:.3;transform:translate(.24rem)scaleX(.86)}to{opacity:1;transform:translate(0)scaleX(1)}}.section-nav.svelte-mihtt6{z-index:5;border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:color-mix(in srgb, var(--ui-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;gap:.4rem;padding:.45rem;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 8px 18px #0f172a0b}.section-nav.svelte-mihtt6 a:where(.svelte-mihtt6){border-radius:var(--ui-radius-control);color:var(--ui-text);white-space:nowrap;flex:none;padding:.55rem .7rem;font-size:.78rem;font-weight:900;line-height:1;text-decoration:none}.section-nav.svelte-mihtt6 a:where(.svelte-mihtt6):hover,.section-nav.svelte-mihtt6 a.active:where(.svelte-mihtt6){background:var(--ui-primary-soft);color:var(--ui-primary-strong)}.section-panel.svelte-mihtt6{padding:1rem}.reference-panel.svelte-mihtt6{gap:1rem;display:grid}.reference-tabs.svelte-mihtt6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted);scrollbar-width:thin;gap:.45rem;padding:.35rem;display:flex;overflow-x:auto}.reference-tabs.svelte-mihtt6 button:where(.svelte-mihtt6){border-radius:var(--ui-radius-control);color:var(--ui-text);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:.58rem .76rem;font-size:.8rem;font-weight:950;line-height:1}.reference-tabs.svelte-mihtt6 button:where(.svelte-mihtt6):hover,.reference-tabs.svelte-mihtt6 button.active:where(.svelte-mihtt6){background:var(--ui-surface);color:var(--ui-primary-strong);box-shadow:0 1px 4px #0f172a14}.reference-tabs.svelte-mihtt6 button:where(.svelte-mihtt6):focus-visible{outline:2px solid color-mix(in srgb, var(--ui-primary) 55%, transparent);outline-offset:2px}.reference-subheading.svelte-mihtt6{border-top:1px solid var(--ui-border);padding-top:.9rem}.reference-subheading.svelte-mihtt6 h3:where(.svelte-mihtt6){color:var(--ui-heading);letter-spacing:0;font-size:.94rem;font-weight:950}.section-heading.svelte-mihtt6{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading.svelte-mihtt6 h2:where(.svelte-mihtt6),.reference-card.svelte-mihtt6 h2:where(.svelte-mihtt6){color:var(--ui-heading);letter-spacing:0;font-size:1.05rem;font-weight:950}.section-heading.svelte-mihtt6 p:where(.svelte-mihtt6){max-width:34rem}.lesson-grid.svelte-mihtt6,.state-grid.svelte-mihtt6,.workflow-grid.svelte-mihtt6,.flow-grid.svelte-mihtt6,.field-grid.svelte-mihtt6,.reference-grid.svelte-mihtt6{gap:.75rem;display:grid}.lesson-card.svelte-mihtt6,.simple-card.svelte-mihtt6,.workflow-card.svelte-mihtt6,.flow-card.svelte-mihtt6,.reference-card.svelte-mihtt6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:linear-gradient(180deg, var(--ui-surface), var(--ui-surface-raised));min-width:0;padding:.95rem}.reference-card.svelte-mihtt6{cursor:pointer}.reference-card.svelte-mihtt6:hover,.reference-card.svelte-mihtt6:focus-visible{border-color:color-mix(in srgb, var(--ui-primary) 42%, var(--ui-border));background:var(--ui-surface-raised);outline:none}.reference-card.svelte-mihtt6:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--ui-primary) 55%, transparent)}.card-head.svelte-mihtt6{align-items:baseline;gap:.65rem;display:flex}.card-head.svelte-mihtt6 span:where(.svelte-mihtt6){color:var(--ui-primary);font-size:.72rem;font-weight:950}.card-head.svelte-mihtt6 h3:where(.svelte-mihtt6),.simple-card.svelte-mihtt6 h3:where(.svelte-mihtt6),.workflow-card.svelte-mihtt6 h3:where(.svelte-mihtt6){color:var(--ui-heading);font-size:1rem;font-weight:950;line-height:1.35}.lesson-card.svelte-mihtt6>p:where(.svelte-mihtt6),.simple-card.svelte-mihtt6 p:where(.svelte-mihtt6),.workflow-card.svelte-mihtt6 p:where(.svelte-mihtt6),.flow-card.svelte-mihtt6 p:where(.svelte-mihtt6){margin-top:.5rem}.lesson-card.svelte-mihtt6 ul:where(.svelte-mihtt6){gap:.4rem;margin:.7rem 0 0;padding-left:1.05rem;display:grid}.example-line.svelte-mihtt6{border-top:1px solid var(--ui-border);margin-top:.75rem;padding-top:.65rem}.example-line.svelte-mihtt6 strong:where(.svelte-mihtt6),.simple-card.svelte-mihtt6>span:where(.svelte-mihtt6){color:var(--ui-primary-strong);font-size:.74rem;font-weight:950}.focus-tags.svelte-mihtt6{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.focus-tags.svelte-mihtt6 span:where(.svelte-mihtt6){border:1px solid color-mix(in srgb, var(--ui-danger) 24%, var(--ui-border));background:color-mix(in srgb, var(--ui-danger-soft) 70%, var(--ui-surface));color:var(--ui-danger);white-space:nowrap;border-radius:999px;padding:.34rem .52rem;font-size:.72rem;font-weight:950;line-height:1}.flow-card.svelte-mihtt6 span:where(.svelte-mihtt6){background:var(--ui-success);color:#fff;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:950;display:grid}.reference-card.svelte-mihtt6 p:where(.svelte-mihtt6){color:var(--ui-muted);margin-top:.55rem;font-size:.84rem;font-weight:740;line-height:1.65}.reference-preview.svelte-mihtt6{flex-wrap:wrap;gap:.35rem;margin-top:.7rem;display:flex}.reference-preview.svelte-mihtt6 span:where(.svelte-mihtt6),.reference-card.svelte-mihtt6 small:where(.svelte-mihtt6),.related-panel.svelte-mihtt6 span:where(.svelte-mihtt6),.related-panel.svelte-mihtt6 a:where(.svelte-mihtt6){border-radius:999px;font-size:.72rem;font-weight:950}.reference-preview.svelte-mihtt6 span:where(.svelte-mihtt6),.reference-card.svelte-mihtt6 small:where(.svelte-mihtt6){background:color-mix(in srgb, var(--ui-primary-soft) 72%, var(--ui-surface));color:var(--ui-primary-strong);padding:.18rem .5rem}.reference-card.svelte-mihtt6 small:where(.svelte-mihtt6){width:fit-content;margin-top:.7rem;display:inline-flex}.related-panel.svelte-mihtt6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background:color-mix(in srgb, var(--ui-primary-soft) 26%, var(--ui-surface));justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.related-panel.svelte-mihtt6 div:where(.svelte-mihtt6){flex-wrap:wrap;gap:.45rem;display:flex}.related-panel.svelte-mihtt6 a:where(.svelte-mihtt6){background:var(--ui-surface);color:var(--ui-primary-strong);padding:.3rem .65rem;text-decoration:none}.liuyao-reference-modal-body{padding:0}.reference-modal.svelte-mihtt6{padding:1rem}.reference-modal.svelte-mihtt6 ul:where(.svelte-mihtt6){gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.reference-modal.svelte-mihtt6 li:where(.svelte-mihtt6){border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--ui-surface-muted) 56%, var(--ui-surface));padding:.8rem}.reference-modal.svelte-mihtt6 strong:where(.svelte-mihtt6){color:var(--ui-heading);font-size:.84rem;font-weight:950}.reference-modal.svelte-mihtt6 p:where(.svelte-mihtt6){color:var(--ui-muted);margin-top:.35rem;font-size:.84rem;font-weight:740;line-height:1.6}.reference-detail-modal.svelte-mihtt6{gap:.8rem;display:grid}.detail-overview.svelte-mihtt6{border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--ui-primary-soft) 36%, var(--ui-surface));padding:.85rem}.detail-overview.svelte-mihtt6 p:where(.svelte-mihtt6){color:var(--ui-heading);margin-top:0}.detail-row-list.svelte-mihtt6{gap:.55rem;margin:0;display:grid}.detail-row-list.svelte-mihtt6 div:where(.svelte-mihtt6){border:1px solid var(--ui-border);border-radius:var(--ui-radius-control);background:color-mix(in srgb, var(--ui-surface-muted) 56%, var(--ui-surface));grid-template-columns:5rem minmax(0,1fr);gap:.7rem;padding:.75rem;display:grid}.detail-row-list.svelte-mihtt6 dt:where(.svelte-mihtt6){color:var(--ui-heading);font-size:.84rem;font-weight:950;line-height:1.55}.detail-row-list.svelte-mihtt6 dd:where(.svelte-mihtt6){color:var(--ui-muted);margin:0;font-size:.84rem;font-weight:740;line-height:1.65}@media (width>=48rem){.lesson-grid.svelte-mihtt6,.reference-grid.svelte-mihtt6{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid.svelte-mihtt6,.field-grid.svelte-mihtt6{grid-template-columns:repeat(3,minmax(0,1fr))}.state-grid.svelte-mihtt6{grid-template-columns:repeat(4,minmax(0,1fr))}.flow-grid.svelte-mihtt6{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=48rem){.liuyao-section-page.svelte-mihtt6{width:min(100% - 1rem,1180px);padding-top:1rem}.section-hero.svelte-mihtt6{grid-template-columns:1fr;align-items:stretch}.hero-lines.svelte-mihtt6{width:min(100%,8rem)}.section-hero.svelte-mihtt6>a:where(.svelte-mihtt6){justify-content:center}.section-heading.svelte-mihtt6{flex-direction:column}.related-panel.svelte-mihtt6{flex-direction:column;align-items:stretch}.detail-row-list.svelte-mihtt6 div:where(.svelte-mihtt6){grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.hero-lines.svelte-mihtt6 span:where(.svelte-mihtt6){transition:none;animation:none}}