*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1c3043;background:#f5f7fa;font:15px/1.8 Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.top{height:66px;background:#fff;border-bottom:1px solid #e4eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:.04em;color:#133b5b}.brand small{font-size:13px;font-weight:400;color:#8393a2}.brand-icon{display:grid;place-items:center;width:29px;height:29px;background:#1c658f;color:white;border-radius:7px;font-size:17px}.top-tag{font-size:12px;color:#8395a4}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);max-width:1680px;margin:auto}.sidebar{position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto;padding:36px 22px 22px 32px;border-right:1px solid #e0e8ef;background:#fff}.side-label,.kicker,.eyebrow{font-size:11px;letter-spacing:.13em;color:#3982a5;font-weight:700}.side-title{font-size:21px;line-height:1.38;font-weight:700;color:#173b58;margin:8px 0}.side-sub,.side-foot{color:#95a5b3;font-size:12px}.sidebar nav{display:grid;gap:3px;margin:28px 0}.sidebar nav a{padding:9px 10px;border-radius:6px;color:#597084;font-size:13px}.sidebar nav a:hover,.sidebar nav a.active{background:#eaf4f9;color:#12658e;font-weight:700}.sidebar nav span{font:11px Arial;color:#9bb0bf;margin-right:13px}.side-foot{border-top:1px solid #eef1f4;padding-top:20px}main{min-width:0;padding:34px clamp(20px,4vw,62px) 0;max-width:1410px}.hero{background:#fff;border:1px solid #e1e9f0;border-radius:12px;padding:clamp(24px,3vw,45px);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.eyebrow{letter-spacing:.16em}h1{font-size:clamp(28px,3.2vw,43px);line-height:1.3;margin:12px 0 16px;letter-spacing:.015em;color:#13344e}h1 em{font-style:normal;color:#1c75a5}.hero p{max-width:510px;color:#647b8d;margin:0}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 25px}.hero-meta span{font-size:12px;color:#5e7f95;background:#f0f6f9;padding:3px 10px;border-radius:20px}.primary{background:#176c97;color:white;padding:10px 18px;border-radius:6px;display:inline-flex;gap:20px;align-items:center;font-weight:700;font-size:13px}.primary:hover{background:#115a80}.mechanism-wrap{background:#f5f9fc;border:1px solid #e2edf3;border-radius:9px;padding:17px 18px}.figure-heading{display:flex;justify-content:space-between;align-items:center;color:#456980;font-size:12px;font-weight:700}.figure-heading button{border:1px solid #cadce8;background:#fff;color:#45738f;border-radius:4px;padding:2px 10px;font-size:12px;cursor:pointer}svg{width:100%;display:block}.figure-caption{display:flex;align-items:center;gap:7px;color:#6b8294;font-size:12px}.figure-caption span{margin-left:auto;color:#a0adba}.blue-dot,.orange-dot{width:8px;height:8px;border-radius:50%;background:#2d78ac;display:inline-block}.orange-dot{background:#ee9b4a;margin-left:8px}.notice{display:flex;gap:15px;padding:13px 18px;background:#eef6fb;border-left:3px solid #7baec9;color:#5b7587;font-size:13px;margin:20px 0 0}.notice strong{color:#31759a;white-space:nowrap}.content{background:#fff;border:1px solid #e5ebf0;border-radius:10px;margin-top:20px;padding:clamp(24px,3.5vw,42px);scroll-margin-top:85px}.section-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px}.num{display:grid;place-items:center;border:1px solid #cce0eb;background:#f0f8fb;color:#3180a5;border-radius:7px;width:40px;height:40px;font:700 13px Arial}.kicker{margin:0;line-height:1.2}h2{font-size:25px;color:#163b57;margin:5px 0 0;line-height:1.35}h3{font-size:17px;color:#1d4c6a;margin:28px 0 8px}.content p{color:#516a7c}.lead{font-size:16px;max-width:850px}.cards{display:grid;gap:13px;margin:20px 0}.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid #e1eaf0;border-radius:8px;padding:19px 18px;background:#fbfdfe}.card b{display:block;color:#245a78}.card p{font-size:13px;margin:6px 0 0}.example{display:grid;grid-template-columns:1fr 1fr;background:#edf6fa;border-radius:8px;padding:17px 20px;gap:14px}.example b{font-size:13px;color:#34789a}.example p{margin:3px 0 0;font-size:14px;color:#244f6c}.caption,figcaption{font-size:12px!important;color:#8a9ba9!important;line-height:1.65}.formula{background:#f4f7fa;border-left:3px solid #4796b9;padding:15px 20px;font:17px Georgia,serif;overflow:auto}.flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:16px;background:#f8fafc;border-radius:8px}.flow span{background:#eaf3f8;color:#2b6e91;font-size:13px;padding:7px 11px;border-radius:5px}.flow i{font-style:normal;color:#a6b9c7}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:24px;align-items:start}.steps{padding-left:22px;margin:0}.steps li{padding:0 0 13px 7px;color:#2b80a8}.steps li b{color:#2c4c60}.steps li p{margin:2px 0;font-size:14px}figure{margin:0;background:#f8fafc;border:1px solid #e5edf2;padding:8px;border-radius:7px}figure img{display:block;width:100%;height:auto;border-radius:3px}figcaption{padding:7px 4px 1px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:400px}td,th{padding:10px;border-bottom:1px solid #e8eef3;text-align:left}th{color:#64849a;background:#f6fafc}code{font-family:Consolas,'Courier New',monospace}p code{background:#eff4f7;padding:2px 5px;color:#276b8f;border-radius:3px}.diagram-title{font-weight:700;color:#245472;margin:28px 0 10px}.diagram-title span{font-size:12px;font-weight:400;color:#9baab6}.block-diagram{background:#f5f9fc;border:1px solid #e1ebf1;border-radius:8px;padding:24px;overflow:auto}.row{display:flex;align-items:center;justify-content:center;gap:14px;min-width:520px;color:#93aabd}.block{border:1px solid #abc8d8;background:#fff;border-radius:5px;padding:10px 13px;min-width:110px;text-align:center;color:#275d7b;font:700 14px Arial}.block small{display:block;font:12px Arial,'Microsoft YaHei';color:#8195a3;margin-top:5px}.block.wide{min-width:300px}.branch{text-align:center;color:#6791a8;font-size:12px;margin:10px 0;min-width:520px}.tip{background:#f2f8fb;border-left:3px solid #6ba6c5;padding:13px 17px;margin:18px 0;color:#5a7587;font-size:13px}.tip b{color:#2e759b;margin-right:8px}.wide-img{max-width:580px;margin-top:22px}.code-head{display:flex;justify-content:space-between;align-items:center;background:#223c52;border-radius:7px 7px 0 0;color:#c8dce8;padding:9px 15px;font-size:12px}.code-head button{background:transparent;color:#d4e8f1;border:1px solid #668093;border-radius:4px;cursor:pointer;padding:3px 10px;font-size:12px}pre{margin:0;background:#10283b;color:#edf5f8;padding:20px;border-radius:0 0 7px 7px;overflow:auto;font:13px/1.7 Consolas,monospace}.step-count{display:block;color:#8bb4ca;font:700 12px Arial;margin-bottom:15px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.check-grid>div{padding:17px 19px;border:1px solid #e3ebf0;border-radius:8px}.check-grid b{color:#347799;font-size:14px}.check-grid p{font-size:13px;margin:6px 0}.exercise{border-radius:8px;background:#eaf4f9;padding:24px;display:flex;justify-content:space-between;align-items:center}.exercise span{font:700 11px Arial;color:#4f91ad;letter-spacing:.12em}.exercise h3{margin:6px 0}.exercise p{max-width:660px;margin:0;font-size:14px}.exercise-mark{font-size:50px;color:#98c5d9}.report-pills{display:flex;gap:8px;flex-wrap:wrap}.report-pills span{font-size:13px;background:#f2f6f8;border:1px solid #e1e9ee;color:#567084;border-radius:5px;padding:5px 10px}.end-links{display:flex;gap:25px;color:#24769f;font-weight:700;margin-top:25px}footer{text-align:center;color:#a4b0ba;font-size:12px;padding:30px} @media(max-width:1000px){.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:18px}.hero{grid-template-columns:1fr}.mechanism-wrap{max-width:600px}.split{grid-template-columns:1fr}.split figure{max-width:570px}}@media(max-width:700px){.top{height:58px;padding:0 18px}.top-tag{display:none}.layout{display:block}.sidebar{position:static;height:auto;overflow:visible;padding:13px 16px;border-right:0;border-bottom:1px solid #e0e8ef}.side-title,.side-sub,.side-label,.side-foot{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;margin:0;scrollbar-width:thin}.sidebar nav a{white-space:nowrap;padding:7px 10px}.sidebar nav span{display:none}main{padding:17px 14px 0}.hero{padding:23px}.hero-meta{margin:14px 0 18px}.notice{display:block}.notice strong{display:block;margin-bottom:4px}.content{padding:23px 19px;scroll-margin-top:70px}.three,.check-grid{grid-template-columns:1fr}.example{grid-template-columns:1fr;gap:6px}.figure-caption span{font-size:10px}.content h2{font-size:21px}.block-diagram{padding:16px}.diagram-title span{display:block}.section-head{gap:10px}}
.split>*{min-width:0}@media(max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}}

.rod-dot,.slider-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}.rod-dot{background:#6b98af}.slider-dot{background:#fff;border:1.5px solid #176c97}.brand-icon{font-family:Microsoft YaHei,sans-serif;font-size:15px}.mechanism-wrap svg{max-height:225px}.figure-caption{justify-content:center}.figure-caption i:first-child{margin-left:0}

/* 简洁教程与网页重绘的操作界面 */
body{font-size:16px;line-height:1.8}.sidebar nav a{font-size:15px;padding:9px 11px}.side-title{font-size:21px}.brand small{font-size:15px}.figure-heading,.figure-heading button,.figure-caption{font-size:14px}.notice{font-size:15px}.num{font-size:15px}.content p,.steps li p,.exercise p{font-size:16px}.caption{font-size:14px!important;color:#667f90!important}.card p,.check-grid p{font-size:15px}.tip{font-size:15px}.report-pills span{font-size:15px}footer{font-size:14px}.code-head,.code-head button{font-size:14px}pre{font-size:14px}.start-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,0.9fr);gap:32px;align-items:center}.matlab-window,.canvas-frame{background:#fff;border:1px solid #cbdbe5;border-radius:8px;overflow:hidden}.window-bar,.canvas-toolbar{display:flex;align-items:center;gap:15px;background:#edf4f8;border-bottom:1px solid #d4e3eb;padding:12px 17px;color:#456a80;font-size:15px}.window-bar b,.canvas-toolbar b{color:#205d7e}.window-bar span{border-left:1px solid #c6d9e4;padding-left:15px}.command-area{padding:28px 24px;min-height:135px;font:18px/1.6 Consolas,monospace;color:#27495e}.command-area span{color:#1e7aab}.command-area b{font-weight:400}.command-area i{display:inline-block;width:2px;height:19px;background:#377697;vertical-align:middle;margin-left:3px}.parts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.parts span{background:#f0f6f9;border:1px solid #dbeaf1;padding:7px 12px;border-radius:5px;color:#315e75;font-size:15px}.parts b{color:#1479a7;margin-right:5px}.canvas-toolbar{gap:12px}.tool-divider{height:22px;width:1px;background:#cadce6}.toolbar-spacer{flex:1}.run-icon{color:#27835c;font-size:18px}.stop-time{background:white;border:1px solid #cbdce7;padding:0 12px;border-radius:3px}.canvas-scroll{overflow-x:auto;background:#fbfdff}.sim-model{display:block;width:100%;min-width:880px;height:auto}.diagram-note{margin:10px 0 0;color:#516a7c!important}.hero .primary{margin-top:24px;font-size:15px}.step-count{font-size:14px}.code-head{padding:11px 15px}.canvas-toolbar span{white-space:nowrap}@media(max-width:700px){.sidebar nav a{font-size:15px}.start-grid{grid-template-columns:minmax(0,1fr);gap:18px}.canvas-toolbar{gap:8px;overflow-x:auto}.canvas-toolbar span,.canvas-toolbar b{font-size:14px}.notice{font-size:15px}.sim-model{min-width:880px}.command-area{min-height:105px}}
.mobile-hint{display:none}@media(max-width:700px){.content p.mobile-hint{display:block;color:#4c748a;font-size:15px;margin:0 0 8px}}

.figure-heading,.figure-heading button,.figure-caption,.report-pills span,.content p.mobile-hint,.sidebar nav a,.brand small{font-size:16px}.content{margin-top:20px}.example b{font-size:16px}.example p,.card p,.check-grid p,.code-head,.code-head button{font-size:16px}pre{font-size:15px}.exercise{display:block}.content:last-of-type{margin-bottom:30px}.canvas-toolbar,.window-bar,.parts span{font-size:16px}@media(max-width:700px){.canvas-toolbar span,.canvas-toolbar b{font-size:16px}.content p.mobile-hint{font-size:16px}}

.num,.figure-heading,.figure-heading button,.figure-caption,.sidebar nav a,.parts span,.report-pills span,.code-head,.code-head button,.check-grid b,.example b,.example p,.content p,.command-area,.canvas-toolbar,.window-bar{font-size:16px}pre{font-size:16px}#mech text{font-size:16px}.sim-model text{font-size:17px}@media(max-width:700px){.content p.mobile-hint,.canvas-toolbar span,.canvas-toolbar b{font-size:16px}}

.parameter-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.75fr);gap:18px;align-items:stretch;margin:20px 0}.param-illustration{background:#f5f9fc;border:1px solid #e0ebf1;border-radius:8px;overflow-x:auto}.param-illustration svg{display:block;width:100%;min-width:500px;height:auto}.parameter-values{background:#edf6fa;border-radius:8px;padding:20px 22px}.parameter-values h3{margin:0 0 14px;color:#276a8b}.parameter-values div{border-top:1px solid #d8e9f1;padding:12px 0;display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:space-between}.parameter-values span{color:#627d8e}.parameter-values strong{color:#205a78}.param-hint{display:none}.bridge{margin:26px 0 28px;padding:22px;background:#f5f9fc;border:1px solid #dfebf1;border-radius:8px}.bridge-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.bridge-head h3{font-size:20px;margin:0;color:#1a4d6b}.bridge-head button{border:0;background:#176c97;color:#fff;border-radius:6px;padding:9px 16px;cursor:pointer;font-size:16px;white-space:nowrap}.bridge-head button:hover{background:#115b80}.bridge-sequence{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px}.bridge-step{font:inherit;cursor:pointer;color:#44697e;background:white;border:2px solid #dbe8ef;border-radius:8px;padding:7px 10px 13px;min-width:0;transition:border-color .3s,background .3s,box-shadow .3s}.bridge-step svg{width:100%;height:auto;display:block}.bridge-step span{font-size:16px;font-weight:700;display:block;text-align:center}.bridge-step.active{border-color:#4d97b8;background:#f6fbfe;color:#176b94;box-shadow:0 3px 12px #285f7814}.bridge-step.done{border-color:#9ac7d9}.bridge-step:focus-visible,.bridge-head button:focus-visible{outline:3px solid #1d709a;outline-offset:3px}.bridge-arrow{text-align:center;color:#9cb5c2;font-size:25px;font-weight:700;transition:color .3s}.bridge-arrow.done{color:#287fa5}.bridge.playing .bridge-step.active{animation:bridge-glow 1.3s ease-in-out infinite alternate}@keyframes bridge-glow{from{box-shadow:0 0 0 0 #87c4dc33}to{box-shadow:0 0 0 5px #87c4dc33}}@media(max-width:900px){.parameter-layout{grid-template-columns:minmax(0,1fr)}.parameter-values div{justify-content:flex-start;gap:30px}.parameter-values div strong{margin-left:auto}}@media(max-width:700px){.param-hint{display:block!important;font-size:16px!important;margin:4px 0 8px!important;color:#4c748a!important}.bridge{padding:17px}.bridge-head{align-items:flex-start;flex-wrap:wrap}.bridge-head h3{font-size:19px}.bridge-sequence{grid-template-columns:minmax(0,1fr);gap:7px}.bridge-step{display:flex;align-items:center;gap:12px;padding:6px 12px}.bridge-step svg{width:145px;flex:0 0 145px}.bridge-step span{text-align:left}.bridge-arrow{transform:rotate(90deg);line-height:1}.parameter-values{padding:17px 20px}}@media(max-width:380px){.bridge-step svg{width:115px;flex-basis:115px}}@media(prefers-reduced-motion:reduce){.bridge-step{transition:none}.bridge.playing .bridge-step.active{animation:none}}

.bridge.playing .bridge-arrow.done{animation:bridge-direction .8s ease-in-out infinite alternate}@keyframes bridge-direction{from{transform:translateX(0)}to{transform:translateX(5px)}}@media(max-width:700px){.bridge.playing .bridge-arrow.done{animation:bridge-direction-mobile .8s ease-in-out infinite alternate}}@keyframes bridge-direction-mobile{from{transform:rotate(90deg) translateX(0)}to{transform:rotate(90deg) translateX(5px)}}@media(prefers-reduced-motion:reduce){.bridge.playing .bridge-arrow.done{animation:none}}

.bridge-arrow{pointer-events:none}.bridge-step,#bridge-play{scroll-margin-top:90px}@media(max-width:700px){.bridge-arrow{width:35px;justify-self:center}}

@media(max-width:700px){.bridge-step{display:block;padding:8px 12px 14px}.bridge-step svg{width:100%;max-width:280px;margin:auto}.bridge-step span{text-align:center}}

.motion-lab{margin:28px 0;padding:24px;background:#f3f8fb;border:1px solid #dceaf1;border-radius:10px}.motion-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.motion-heading h3{margin:0;font-size:21px;line-height:1.4;color:#194b69}.motion-play,.motion-controls button{font:700 16px Arial,'Microsoft YaHei',sans-serif;cursor:pointer;border-radius:6px;padding:10px 16px;white-space:nowrap}.motion-play{background:#176c97;border:1px solid #176c97;color:#fff}.motion-play:hover{background:#115b80}.motion-controls button{background:#fff;border:1px solid #afccdb;color:#245d7d}.motion-stages{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.motion-stage{font-size:16px;font-weight:700;color:#6c8797;background:#fff;border:1px solid #dce9f0;border-radius:6px;padding:7px 13px;transition:color .35s,background .35s,border-color .35s}.motion-stage.active{color:#16698f;background:#e2f2f9;border-color:#86bcd2}.motion-workspace{display:grid;grid-template-columns:minmax(300px,0.9fr) 34px minmax(0,1.1fr);align-items:stretch;gap:10px}.motion-mechanism,.motion-explanation{border:1px solid #dce9f0;background:#fff;border-radius:8px;min-width:0}.motion-mechanism{display:flex;flex-direction:column;justify-content:center;padding:12px}.machine-svg{display:block;width:100%;height:auto;min-height:235px}.motion-readouts{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;color:#668393;font-size:16px}.motion-readouts span{white-space:nowrap}.motion-readouts strong{color:#1b6388;font-size:16px}.motion-link{display:grid;place-items:center;color:#9ebdcb;font-size:29px;font-weight:700;transition:color .4s,transform .4s}.motion-lab[data-phase="1"] .motion-link,.motion-lab[data-phase="2"] .motion-link{color:#3486aa;transform:translateX(4px)}.motion-explanation{position:relative;min-height:340px;overflow:hidden}.motion-scene{position:absolute;inset:0;padding:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s,transform .5s,visibility .5s}.motion-scene.active{opacity:1;visibility:visible;transform:translateY(0)}.scene-title{font-size:20px;color:#1a5473;font-weight:700}.motion-equations{display:grid;gap:0;margin-top:16px}.motion-equations div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #e9f0f4;color:#5d798b;font-size:16px}.motion-equations strong{font-size:19px;color:#1c658a}.geometry-symbol{display:flex;justify-content:center;align-items:center;gap:28px;color:#216c90;font:700 32px Arial,sans-serif;margin:20px 0 12px}.geometry-arrow{color:#91b9cc}.geometry-formula{font:20px/1.6 Georgia,'Microsoft YaHei',serif;color:#24516a;text-align:center;overflow-x:auto;white-space:nowrap;padding:8px}.geometry-value{text-align:center;color:#568197;font:18px Arial,sans-serif;margin-top:14px}.geometry-value strong{color:#176c97;font-size:21px}.scene-blocks{padding:18px 8px 8px 18px}.motion-model-scroll{overflow-x:auto;max-width:100%}.motion-model{display:block;width:100%;min-width:680px;height:auto}.motion-model [data-build]{opacity:.12;transition:opacity .65s}.motion-model [data-build].built{opacity:1}.motion-controls{display:flex;align-items:center;gap:14px;margin-top:19px}.motion-controls label{font-size:16px;color:#4b7085;white-space:nowrap}.motion-controls input{flex:1;min-width:40px;accent-color:#237ca4}.motion-play:focus-visible,.motion-controls input:focus-visible,.motion-controls button:focus-visible,.motion-model-scroll:focus-visible{outline:3px solid #2485b0;outline-offset:3px}@media(max-width:950px){.motion-workspace{grid-template-columns:minmax(0,1fr);gap:8px}.motion-link{transform:rotate(90deg)}.motion-lab[data-phase="1"] .motion-link,.motion-lab[data-phase="2"] .motion-link{transform:rotate(90deg) translateX(4px)}.motion-explanation{min-height:325px}.motion-mechanism{max-width:none}.machine-svg{max-width:440px;margin:auto}.motion-controls{flex-wrap:wrap}.motion-controls input{flex:1 1 60%}}@media(max-width:700px){.motion-lab{padding:17px}.motion-heading{align-items:flex-start;flex-wrap:wrap}.motion-heading h3{font-size:19px}.motion-stages{gap:6px}.motion-stage{font-size:16px;padding:5px 9px}.motion-scene{padding:16px}.scene-blocks{padding:16px 0 8px 14px}.motion-explanation{min-height:320px}.geometry-formula{font-size:18px}.motion-controls button{padding:8px 12px}.machine-svg{min-height:0}.motion-readouts{gap:7px 12px}.motion-readouts span,.motion-readouts strong{font-size:16px}}@media(prefers-reduced-motion:reduce){.motion-scene,.motion-link,.motion-stage,.motion-model [data-build]{transition:none}}

.motion-workspace{grid-template-columns:minmax(290px,.75fr) 28px minmax(0,1.4fr)}.machine-svg text{font-size:20px}.motion-scroll-hint{display:none;color:#4c748a;font-size:16px;margin-top:4px}@media(max-width:1300px){.motion-scroll-hint{display:block}}@media(max-width:950px){.motion-workspace{grid-template-columns:minmax(0,1fr)}}

.motion-explanation{min-height:430px}@media(max-width:700px){.motion-explanation{min-height:430px}}

.motion-scroll-hint{display:block}.motion-link{position:relative}.motion-lab.playing[data-phase="1"] .motion-link::after,.motion-lab.playing[data-phase="2"] .motion-link::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#2387af;animation:motion-transfer 1.15s ease-in-out infinite}@keyframes motion-transfer{from{transform:translateX(-13px);opacity:0}35%{opacity:1}to{transform:translateX(13px);opacity:0}}.motion-lab[data-phase="1"] #motion-angle,.motion-lab[data-phase="1"] #motion-dimension{stroke:#1885b0;stroke-width:3}@media(max-width:950px){.motion-lab.playing[data-phase="1"] .motion-link::after,.motion-lab.playing[data-phase="2"] .motion-link::after{animation:motion-transfer-mobile 1.15s ease-in-out infinite}}@keyframes motion-transfer-mobile{from{transform:translateX(-13px);opacity:0}35%{opacity:1}to{transform:translateX(13px);opacity:0}}@media(prefers-reduced-motion:reduce){.motion-lab.playing[data-phase="1"] .motion-link::after,.motion-lab.playing[data-phase="2"] .motion-link::after{animation:none}}

.motion-model{min-width:740px}

/* 连续机构建模动画 */
.cinema9{margin:28px 0;padding:24px;background:#f3f8fb;border:1px solid #dce9f0;border-radius:10px}.cinema9-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.cinema9-head h3{margin:0;color:#194b69;font-size:21px;line-height:1.4}.cinema9-play,.cinema9-controls button{font:700 16px Arial,'Microsoft YaHei',sans-serif;border-radius:6px;padding:10px 16px;cursor:pointer;white-space:nowrap}.cinema9-play{background:#176c97;border:1px solid #176c97;color:#fff}.cinema9-play:hover{background:#115b80}.cinema9-controls button{background:#fff;border:1px solid #b8d1df;color:#245d7d}.cinema9-stage{height:52px;display:flex;align-items:center;color:#176d95;font-size:18px;font-weight:700}.cinema9-frame{background:linear-gradient(145deg,#fbfdff,#f2f8fb);border:1px solid #dce9ef;border-radius:8px;overflow:hidden}.cinema9-frame svg{display:block;width:100%;height:auto}.machine-ground{fill:none;stroke:#dbe8ee;stroke-width:2}.machine-rail{fill:none;stroke:#c9dce6;stroke-width:5;stroke-linecap:round}.machine-bearing{fill:#e4eff4;stroke:#61879a;stroke-width:2}.machine-ground-line{stroke:#61879a;stroke-width:3;stroke-linecap:round}.machine-orbit{fill:none;stroke:#dbe9f0;stroke-width:2}.machine-crank{stroke:url(#crank-fill);stroke-width:14;stroke-linecap:round}.machine-rod{stroke:url(#rod-fill);stroke-width:14;stroke-linecap:round}.machine-glint{stroke:#dbeaf0;stroke-width:2;stroke-linecap:round;opacity:.7}.machine-slider{fill:#fff;stroke:#176c97;stroke-width:3;filter:url(#node-shadow)}.machine-joint{fill:#fff;stroke:#176c97;stroke-width:3}.machine-slider-pin{fill:#176c97}.machine-angle{fill:none;stroke:#2585aa;stroke-width:3}.machine-dimension{fill:none;stroke:#7b9cac;stroke-width:2}.machine-label,.machine-variable,.extract-label{fill:#315f79;font:20px Arial,'Microsoft YaHei',sans-serif}.machine-variable,.extract-label{font-weight:700;fill:#177ca4}.extract-path{fill:none;stroke:#6baac5;stroke-width:2.5;stroke-dasharray:8 8;opacity:0}.extract-x{stroke:#a0bfcd}.extract-particle{fill:#1784ae;opacity:0}.extract-x-particle{fill:#669db4}.extract-label{opacity:0}.model-geometry text{font:20px Arial,'Microsoft YaHei',sans-serif;fill:#275a75}.sim-node,.sim-label{opacity:0}.sim-node rect{fill:#fff;stroke:#507f98;stroke-width:2;filter:url(#node-shadow)}.sim-function rect{fill:#f7fbfd;stroke:#27799f;stroke-width:2.5}.sim-node text{fill:#255d7c;font-weight:700}.sim-function text{font-weight:600}.sim-function text.port{font-weight:400;fill:#698c9e}.sim-scope path,.mobile-scope path{fill:none;stroke:#73a2b8;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.sim-scope text,.mobile-scope text{font-weight:600}.sim-wire{fill:none;stroke:#548aa5;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0}.model-signal{fill:#1c8bb5;opacity:0}.cinema9-metrics{display:flex;align-items:center;justify-content:center;gap:12px 28px;flex-wrap:wrap;color:#647f90;font-size:16px;margin:17px 0}.cinema9-metrics span{white-space:nowrap}.cinema9-metrics strong{color:#1c6488;font-size:17px}.cinema9-controls{display:flex;align-items:center;gap:14px;margin-top:16px}.cinema9-controls label{color:#4b7185;font-size:16px;white-space:nowrap}.cinema9-controls input{flex:1;min-width:40px;accent-color:#237ca4}.cinema9-play:focus-visible,.cinema9-controls button:focus-visible,.cinema9-controls input:focus-visible{outline:3px solid #2485b0;outline-offset:3px}@media(max-width:700px){.cinema9{padding:17px}.cinema9-head{align-items:flex-start;flex-wrap:wrap}.cinema9-head h3{font-size:19px}.cinema9-stage{height:46px;font-size:18px}.cinema9-metrics{gap:8px 16px}.cinema9-metrics span,.cinema9-metrics strong{font-size:16px}.cinema9-controls{flex-wrap:wrap}.cinema9-controls input{flex:1 1 56%}.cinema9-controls button{padding:8px 12px}.machine-label,.machine-variable,.extract-label,.model-geometry text{font-size:29px}.sim-function text{font-size:28px}.cinema9-frame svg{max-height:none}}@media(prefers-reduced-motion:reduce){.cinema9 *{scroll-behavior:auto}}

.cinema9[data-layout="desktop"] .machine-label,.cinema9[data-layout="desktop"] .machine-variable,.cinema9[data-layout="desktop"] .extract-label,.cinema9[data-layout="desktop"] .model-geometry text{font-size:24px}.cinema9[data-layout="mobile"] .machine-label,.cinema9[data-layout="mobile"] .machine-variable,.cinema9[data-layout="mobile"] .extract-label,.cinema9[data-layout="mobile"] .model-geometry text{font-size:34px}.cinema9[data-layout="mobile"] .sim-function text{font-size:31px}

.cinema9[data-layout="mobile"] .sim-function text{font-size:34px}

.cinema9[data-layout="mobile"] .model-geometry text,.cinema9[data-layout="mobile"] .sim-function text{font-size:44px}@media(max-width:400px){.cinema9{margin-left:-9px;margin-right:-9px;padding:10px}}

.cinema9-top{margin:0 0 20px;scroll-margin-top:85px}#top-bridge .machine-crank{stroke:url(#top-crank-fill)}#top-bridge .machine-rod{stroke:url(#top-rod-fill)}#top-bridge .machine-slider,#top-bridge .sim-node rect{filter:url(#top-node-shadow)}

.cinema9-stage{gap:14px}.uniform-badge{display:inline-flex;align-items:center;color:#27799c;background:#e4f2f8;border-radius:5px;padding:4px 10px;font-size:16px;line-height:1.5}.extract-path{stroke-linecap:round}.extract-x{stroke:#6097af}

.finder{margin:28px 0 30px}.finder-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}.finder-title h3{margin:0;font-size:21px;color:#1a4d6b}.finder-title span{font-size:16px;color:#587b90}.finder-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.finder-button{font:600 16px/1.4 Arial,'Microsoft YaHei',sans-serif;color:#426c82;background:#f3f8fb;border:1px solid #cddfe8;border-radius:6px;padding:9px 13px;cursor:pointer}.finder-button:hover{background:#e7f3f8}.finder-button.active{color:#fff;background:#176c97;border-color:#176c97}.finder-button:focus-visible{outline:3px solid #2886af;outline-offset:3px}.library-window{border:1px solid #cbdde7;border-radius:8px;overflow:hidden;background:#fff}.library-header{display:flex;align-items:center;gap:10px;padding:13px 18px;background:#eaf3f8;border-bottom:1px solid #d2e3ed;color:#245d7b;font-size:17px}.library-mark{font-size:21px;line-height:1;color:#337da0}.library-body{display:grid;grid-template-columns:minmax(205px,.75fr) minmax(0,1.5fr);min-height:250px}.library-tree{background:#f7fafc;border-right:1px solid #e1ebf0;padding:18px 12px;color:#567487;font-size:16px}.library-root{font-weight:700;color:#285e7b;padding:7px 10px}.library-category{padding:8px 12px 8px 31px;border-radius:5px;overflow-wrap:anywhere}.library-category.active{background:#dceff7;color:#11698f;font-weight:700}.library-result{padding:20px 24px;min-width:0}.library-path{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#648193;font-size:16px}.library-path strong{color:#246b8e;overflow-wrap:anywhere}.library-block{display:flex;align-items:center;gap:20px;padding:24px 0}.library-block-icon{width:104px;height:72px;border:2px solid #52788e;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;color:#24536d;font:22px/1 Arial,'Microsoft YaHei',sans-serif;flex:0 0 auto}.library-block-icon svg{display:none;width:60px;height:42px;fill:none;stroke:#477f9a;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.library-block-icon[data-kind="scope"] span{display:none}.library-block-icon[data-kind="scope"] svg{display:block}.library-block-icon[data-kind="workspace"]{font-size:18px}.library-block-details{display:grid;gap:6px;min-width:0}.library-block-details b{font-size:20px;color:#214f6b;overflow-wrap:anywhere}.library-block-details span{font-size:16px;color:#4c788e}.library-route{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #e5eef3;padding-top:15px;font-size:16px;color:#476d82}.library-route b{color:#245d7b}.library-route span{overflow-wrap:anywhere}.library-quick{display:flex;gap:14px;flex-wrap:wrap;padding:15px 18px;background:#f0f7fa;border-top:1px solid #e0edf3;font-size:16px;color:#466d81}.library-quick b,.library-quick strong{color:#1b678e}@media(max-width:700px){.finder-title{display:block}.finder-title span{display:block;margin-top:4px}.finder-button{font-size:16px;padding:8px 11px}.library-body{grid-template-columns:minmax(0,1fr)}.library-tree{border-right:0;border-bottom:1px solid #e1ebf0;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:13px}.library-root{grid-column:1/-1}.library-category{padding:7px 10px}.library-result{padding:17px}.library-block{padding:18px 0;gap:15px}.library-block-icon{width:90px;height:65px}.library-block-details b{font-size:19px}.library-quick{padding:14px 17px}}

.content p.finder-open{font-size:16px;color:#476b7e;margin:0 0 14px}.finder-open b{color:#235e7c}

.model-lesson{margin:35px 0 24px}.model-lesson h3,.result-guide h3{margin-bottom:18px}.module-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-lessons>div{display:flex;gap:16px;align-items:center;background:#f3f8fb;border:1px solid #dcebf2;border-radius:9px;padding:16px}.module-lessons strong{display:grid;place-items:center;width:65px;height:48px;flex:none;border:2px solid #52788e;border-radius:4px;background:white;color:#225a77;font:20px Arial,'Microsoft YaHei',sans-serif}.module-lessons span{font-size:16px;line-height:1.6;color:#476d82}.module-lessons b{display:block;font-size:17px;color:#205874}.content p.connect-hint{font-size:16px;line-height:1.7;margin:18px 0 0;color:#476d82}.connect-hint b{color:#205874}.result-guide{margin:12px 0 28px}.result-guide>p{font-size:17px;line-height:1.75}.reference-tag{display:inline-block;background:#e9f4f8;color:#28657f;border-radius:5px;padding:6px 11px;font-size:15px;font-weight:700;margin:4px 0 15px}.result-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.result-chart{margin:0;padding:16px 14px 7px;border:1px solid #d9e9f0;border-radius:8px;background:#fbfdfe;min-width:0}.result-chart figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#205874;font-size:17px}.result-chart figcaption span{color:#5b7a8c;font-size:15px}.result-chart svg{display:block;width:100%;height:auto}.result-compare{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:16px 18px;margin-top:16px;background:#edf6fa;border-radius:8px;color:#285d77;font-size:16px}.result-compare b{font-size:17px}.result-compare span{white-space:nowrap}@media(max-width:700px){.module-lessons,.result-charts{grid-template-columns:1fr}.module-lessons>div{padding:13px}.result-chart{padding:14px 12px 6px}.result-chart figcaption{font-size:17px}.result-compare{gap:9px 16px}}

.result-chart figcaption{font-size:17px!important;color:#205874!important}.result-chart figcaption span{font-size:16px}.scope-symbol svg{width:36px;height:25px;fill:none;stroke:#477f9a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}

.report-action,.report-submit{margin-top:26px;padding:24px;border:1px solid #d6e8f0;border-radius:9px;background:#f5fafc}.report-action{display:flex;align-items:center;justify-content:space-between;gap:20px}.report-action h3,.report-submit h3{margin:0 0 8px}.report-action p,.report-submit>p{margin:0!important;font-size:16px}.report-download,.report-submit button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;background:#176f99;color:white;border:0;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap}.report-login,.report-upload{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-top:20px}.report-submit label{display:grid;gap:7px;font-size:16px;font-weight:700;color:#285a75}.report-submit input,.report-submit select{font:16px Arial,'Microsoft YaHei',sans-serif;min-height:44px;box-sizing:border-box;border:1px solid #b9d1df;border-radius:5px;padding:9px 11px;background:white;color:#244e65;max-width:100%}.report-submit input[type=file]{max-width:320px}.report-submit button:disabled{opacity:.55;cursor:wait}.report-submit [hidden]{display:none!important}.report-user{display:flex;align-items:center;gap:20px;margin-top:18px;color:#285a75}.report-user button{background:transparent;color:#176f99;padding:5px 0}.content p.report-status{margin-top:14px!important;color:#28657f;font-size:16px}.report-status:empty{display:none}@media(max-width:700px){.report-action{align-items:flex-start;flex-direction:column}.report-submit label{width:100%}.report-submit input,.report-submit select{width:100%}.report-login button,.report-upload button{width:100%}}