.formula-motion{margin:16px 0;border:1px solid var(--green);border-radius:9px;background:var(--white);min-width:0;scroll-margin-top:180px}
.formula-motion>summary{padding:14px;cursor:pointer;font-weight:700;color:var(--green);line-height:1.8}.formula-motion-body{padding:0 14px 16px;min-width:0}.formula-motion p{font-size:calc(16px * var(--reading-scale));line-height:1.9;overflow-wrap:anywhere}.formula-motion .unit-note{font-size:calc(14px * var(--reading-scale));color:var(--muted)}
.formula-controls,.formula-phase-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.formula-controls .btn,.formula-phase-controls .btn{white-space:normal}.formula-controls label{font-size:15px}.formula-speed{display:block;max-width:100%;font:inherit;padding:8px;color:var(--ink);background:var(--input-bg);border:1px solid var(--line);border-radius:5px}.formula-controls button:disabled{opacity:.5;cursor:default}.formula-seek-label{display:block;font-size:15px}.formula-seek{display:block;width:100%;accent-color:var(--green)}
.formula-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;list-style:none}.formula-story li{border:1px solid var(--line);border-radius:6px;min-width:0}.formula-story button{font:inherit;font-size:calc(15px * var(--reading-scale));line-height:1.8;color:var(--muted);background:none;border:0;width:100%;padding:10px;text-align:left;cursor:pointer;overflow-wrap:anywhere}.formula-story .current{border:2px solid var(--green);background:var(--surface-tint)}.formula-story .current button{color:var(--green);font-weight:700}.formula-story .done button{color:var(--ink)}
.formula-equation{max-width:100%;overflow:auto;padding:12px;background:var(--surface-tint);border-radius:7px;font-size:calc(19px * var(--reading-scale));color:var(--green)}.formula-equation .katex-display{margin:.5em 0}.formula-equation .katex-display>.katex{text-align:left}
.formula-substitution{max-width:100%;overflow:auto;font-size:calc(16px * var(--reading-scale));padding:4px 12px;color:var(--ink)}.formula-substitution .katex-display>.katex{text-align:left}
.formula-target .detail-label-bg{stroke:var(--green)!important;stroke-width:3px!important}
.formula-target.red .detail-label-bg{stroke:#e4876f!important}.formula-target.black .detail-label-bg{stroke:var(--ink)!important}
.formula-target.param-card-active .detail-label-bg,.formula-target .param-card-active .detail-label-bg{stroke:var(--orange)!important}
.formula-wave svg{display:block;width:100%;max-width:650px;background:var(--paper);border-radius:8px}.formula-wave text{fill:var(--ink);font:15px 'Microsoft YaHei',sans-serif}.formula-wave-grid path{fill:none;stroke:var(--line)}.formula-wave-in,.formula-wave-out{fill:none;stroke-width:2.5}.formula-wave-in{stroke:var(--orange)}.formula-wave-out{stroke:var(--green)}.formula-wave-cursor{stroke:var(--muted);stroke-dasharray:4 4}.formula-wave-in-dot{fill:var(--orange)}.formula-wave-out-dot{fill:var(--green)}
.formula-flow{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:16px;min-width:0}.formula-quantity{flex:1 1 110px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.formula-quantity small{display:block;overflow-wrap:anywhere;color:var(--muted);font-size:calc(14px * var(--reading-scale))}.formula-quantity strong{display:block;font-size:calc(18px * var(--reading-scale));color:var(--ink);overflow-wrap:anywhere}.formula-arrow{position:relative;display:flex;align-items:center;color:var(--green);font-size:25px;overflow:hidden;min-width:20px}.formula-arrow i{display:none;position:absolute;left:0;top:50%;width:6px;height:6px;background:var(--orange);border-radius:100%;animation:formula-travel 1.2s linear infinite}.is-playing .formula-arrow i{display:block}.formula-progress{height:5px;overflow:hidden;background:var(--line);border-radius:3px}.formula-progress-fill{height:100%;background:var(--green);width:0}.formula-target>circle{stroke:var(--green);stroke-width:5}.detail-annotation.formula-target .detail-label-text{filter:drop-shadow(0 0 3px var(--green))}.formula-target{outline:none}
@keyframes formula-travel{from{transform:translate(-4px,-50%)}to{transform:translate(24px,-50%)}}
@media(max-width:700px){.formula-story{grid-template-columns:1fr}.formula-motion-body{padding:0 10px 12px}.formula-equation{font-size:calc(17px * var(--reading-scale))}.formula-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.formula-quantity{grid-column:auto}.formula-arrow{justify-content:center}.formula-arrow:nth-child(4){display:none}.formula-quantity:nth-child(5){grid-column:1}.formula-phase-controls .btn{flex:1 1 45%}}
@media(prefers-reduced-motion:reduce){.formula-arrow i{animation:none!important;display:none!important}}.reduced-motion .formula-arrow i{animation:none;display:none}
@media print{.formula-controls,.formula-seek-label,.formula-progress,.formula-phase-controls{display:none}.formula-motion{break-inside:avoid}}
.formula-flow.is-reference{display:flex;flex-wrap:wrap}
