.r3d{position:relative;margin:2.25rem 0;min-height:var(--r3d-height, 420px);border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg-secondary);overflow:hidden}.r3d-stage{position:relative;height:var(--r3d-height, 420px);touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--color-accent) 6%,transparent),transparent 68%),var(--color-bg-tertiary)}.r3d-stage:active{cursor:grabbing}.r3d--loading:after{content:"正在加载三维场景…";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.05em;color:var(--color-text-muted)}.r3d-labels{position:absolute;inset:0;overflow:hidden;pointer-events:none}.r3d-label{font-family:Fira Code,monospace;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;padding:1px 3px;border-radius:4px;color:var(--color-text);background:color-mix(in srgb,var(--color-bg) 72%,transparent)}.r3d-label sub{font-size:.68em;vertical-align:sub;bottom:-.15em}.r3d-label--world{color:var(--color-text-muted);background:transparent}.r3d-label--muted{color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg) 78%,transparent)}.r3d-label--axis{background:transparent;font-weight:700}.r3d-label--axis-x{color:#e53935}.r3d-label--axis-y{color:#43a047}.r3d-label--axis-z{color:#1e88e5}.r3d-label--angle,.r3d-label--axis-line,.r3d-label--vector{background:color-mix(in srgb,var(--color-bg) 82%,transparent)}.r3d-label--angle{font-size:12px;font-weight:700}.r3d-body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.9rem 1.4rem;padding:.85rem 1rem .95rem;border-top:1px solid var(--color-border)}.r3d-controls{display:flex;flex:1 1 340px;flex-wrap:wrap;align-items:flex-start;gap:.8rem 1.3rem;min-width:0}.r3d-panel{display:flex;flex:0 0 auto;flex-direction:column;gap:.45rem;min-width:0;max-width:15rem;padding-left:1.15rem;border-left:1px solid var(--color-border)}.r3d-field{display:flex;flex:0 1 auto;flex-direction:column;gap:.28rem;min-width:0}.r3d-field--slider{flex:1 1 200px}.r3d-field-stack{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.r3d-field-stack .r3d-field--slider{flex:1 1 150px}.r3d-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.r3d-field-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--color-text-muted)}.r3d-field-value{font-family:Fira Code,monospace;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:var(--color-accent);min-width:3.6rem;text-align:right;display:inline-block}.r3d-range{width:100%;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.r3d-range::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 18%,var(--color-border))}.r3d-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;border:2px solid var(--color-bg);background:var(--color-accent)}.r3d-range::-moz-range-track{height:4px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 18%,var(--color-border))}.r3d-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-bg);background:var(--color-accent)}.r3d-range:focus-visible{outline:2px solid var(--color-ring);outline-offset:4px;border-radius:999px}.r3d-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.r3d-btn{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;padding:.28rem .65rem;font-family:inherit;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap;border-radius:7px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-variant-numeric:tabular-nums;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.r3d-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.r3d-btn.is-active{color:var(--color-accent);border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.r3d-readout{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.1rem .5rem}.r3d-readout-head{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.35rem}.r3d-readout .r3d-readout-head{margin-bottom:0}.r3d-readout-value{font-family:Fira Code,monospace;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;text-align:right;color:var(--color-text);word-break:break-word;white-space:pre;min-width:4.8rem}.r3d-matrix-grid{display:grid;gap:3px}.r3d-matrix-cell{padding:3px 5px;border-radius:5px;text-align:right;font-size:11.5px;font-weight:600;white-space:pre;overflow:hidden;background:color-mix(in srgb,var(--color-text) 5%,transparent);color:var(--color-text);box-shadow:inset 2px 0 0 var(--r3d-col-color, transparent)}.r3d-matrix--4 .r3d-matrix-cell{padding:2px 4px;font-size:10.5px}.r3d-matrix-cell.is-highlight{background:color-mix(in srgb,var(--r3d-col-color, var(--color-accent)) 18%,transparent);font-weight:700}.r3d-number-grid{display:grid;gap:4px;align-items:center}.r3d-number-rowlabel{font-size:12px;font-weight:700;padding-right:2px;color:var(--color-text-muted)}.r3d-number-input{width:100%;min-width:0;padding:3px 5px;border:1px solid var(--color-border);border-left:2px solid var(--r3d-col-color, var(--color-border));border-radius:5px;background:var(--color-surface);color:var(--color-text);font-size:11.5px;font-weight:600}.r3d-number-input:focus-visible{outline:2px solid var(--color-ring);outline-offset:1px}.r3d-matrix-foot{margin-top:.25rem;font-size:10.5px;color:var(--color-text-muted)}.r3d-caption{padding:.6rem .95rem .85rem;font-size:12px;line-height:1.65;color:var(--color-text-muted);border-top:1px dashed color-mix(in srgb,var(--color-border) 60%,transparent);margin-top:.15rem}.r3d-caption sub,.r3d-caption sup{font-size:.78em;line-height:0;position:relative}.r3d-caption sub{bottom:-.22em}.r3d-caption sup{top:-.32em}.r3d-panel-section{display:flex;flex-direction:column;gap:.45rem;width:100%}.r3d-panel-section+.r3d-panel-section{padding-top:.5rem;margin-top:.2rem;border-top:1px dashed var(--color-border)}.r3d-panel-title{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.1rem}@media (max-width: 768px){.r3d-body{flex-direction:column;gap:1rem}.r3d-controls{width:100%}.r3d-panel{border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:.85rem;max-width:100%;width:100%}}.r3d-error{padding:1rem 1.15rem;font-size:13px;color:var(--color-error)}.r3d--failed{min-height:0}#article-content .r3d{margin:2.25rem 0}#article-content .r3d figcaption{margin:0;font-size:12px}@media (max-width: 768px){.r3d-body{display:block}.r3d-controls{display:flex}.r3d-panel{max-width:none;margin-top:.95rem;padding-top:.9rem;padding-left:0;border-left:none;border-top:1px solid var(--color-border)}.r3d-stage{height:min(var(--r3d-height, 420px),58vh)}}@media (prefers-reduced-motion: reduce){.r3d-btn{transition:none}}.toc-link.active{color:var(--color-accent)!important}.toc-link.active:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;border-radius:1px;background:var(--color-accent)}.toc-toggle.rotated{transform:rotate(90deg)}