.matrix-transformation[data-v-b39229eb]{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}.controls[data-v-b39229eb]{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.controls[data-v-b39229eb],.controls-row[data-v-b39229eb]{display:flex;gap:var(--spacing-md)}.controls-row[data-v-b39229eb]{align-items:center;flex-wrap:wrap}.control-group[data-v-b39229eb]{align-items:center;display:flex;gap:var(--spacing-xs)}.control-group label[data-v-b39229eb]{color:var(--color-text-primary);font-size:13px;font-weight:500;white-space:nowrap}.control-label[data-v-b39229eb]{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:var(--spacing-xs)}.control-label input[type=checkbox][data-v-b39229eb]{cursor:pointer}.dimension-select[data-v-b39229eb]{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.dimension-select[data-v-b39229eb]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.matrix-vector-container[data-v-b39229eb]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start;margin-bottom:var(--spacing-lg)}.matrix-section[data-v-b39229eb]{max-width:250px;min-width:150px}.matrix-section[data-v-b39229eb],.visualization-section[data-v-b39229eb]{background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex:1;flex-direction:column;padding:var(--spacing-sm)}.visualization-section[data-v-b39229eb]{max-width:320px;min-width:200px}.vector-section[data-v-b39229eb]{background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex:1;flex-direction:column;max-width:160px;min-width:100px;padding:var(--spacing-sm)}.matrix-section h3[data-v-b39229eb],.vector-section h3[data-v-b39229eb]{color:var(--color-text-primary);font-size:14px;margin:0 0 var(--spacing-xs) 0;text-align:center}.matrix-display[data-v-b39229eb]{display:flex;justify-content:center;padding:var(--spacing-sm)}.matrix-symbol-display[data-v-b39229eb]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;justify-content:center;padding:var(--spacing-md);width:100%}.matrix-symbol-display[data-v-b39229eb] .katex{font-size:1em}.matrix-symbol-display[data-v-b39229eb] .katex-display{margin:0}.matrix-wrapper[data-v-b39229eb]{align-items:center;display:flex;font-family:Times New Roman,serif;gap:0}.matrix-bracket[data-v-b39229eb]{align-items:center;color:var(--color-matrix-bracket);display:flex;font-family:Times New Roman,STSong,serif;font-size:2.5em;font-weight:400;line-height:1;padding:0 var(--spacing-xs);-webkit-user-select:none;user-select:none}.left-bracket[data-v-b39229eb]{margin-right:var(--spacing-xs)}.right-bracket[data-v-b39229eb]{margin-left:var(--spacing-xs)}.matrix[data-v-b39229eb]{background:var(--color-matrix-bg);border-radius:2px;display:flex;flex-direction:column;gap:0;padding:var(--spacing-sm) var(--spacing-xs)}.matrix-row[data-v-b39229eb]{align-items:stretch;gap:0}.matrix-cell[data-v-b39229eb],.matrix-row[data-v-b39229eb]{display:flex;justify-content:center}.matrix-cell[data-v-b39229eb]{align-items:center;border-radius:0;margin:0;padding:0;transition:background-color var(--transition-fast)}.matrix-input[data-v-b39229eb]{background-color:var(--color-input-bg);border:1.5px solid var(--color-input-border);border-radius:0;color:var(--color-text-primary);font-family:Courier New,monospace;font-size:13px;font-weight:500;margin:1px;padding:var(--spacing-xs) var(--spacing-xs);text-align:center;transition:all var(--transition-fast);width:56px}.matrix-input[data-v-b39229eb]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.vector-inputs[data-v-b39229eb]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.vector-component[data-v-b39229eb]{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.vector-component label[data-v-b39229eb]{min-width:25px}.component-input[data-v-b39229eb],.vector-component label[data-v-b39229eb]{color:var(--color-text-primary);font-size:13px;font-weight:600}.component-input[data-v-b39229eb]{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-sm);font-family:Courier New,monospace;max-width:60px;padding:var(--spacing-xs) var(--spacing-xs);text-align:center;transition:all var(--transition-fast);width:60px}.component-input[data-v-b39229eb]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow);outline:none}.vector-display[data-v-b39229eb]{background:var(--color-bg-primary);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:18px;font-weight:600;gap:var(--spacing-xs);justify-content:center;min-height:45px;padding:var(--spacing-sm);text-align:center}.vector-bracket-left[data-v-b39229eb],.vector-bracket-right[data-v-b39229eb],.vector-display[data-v-b39229eb]{align-items:center;color:var(--color-text-primary);display:flex}.vector-bracket-left[data-v-b39229eb],.vector-bracket-right[data-v-b39229eb]{font-family:Times New Roman,serif;font-size:32px;font-weight:700;line-height:1}.vector-bracket-left[data-v-b39229eb]{margin-right:var(--spacing-xs)}.vector-bracket-right[data-v-b39229eb]{margin-left:var(--spacing-xs)}.vector-component-display[data-v-b39229eb]{margin:0 var(--spacing-xs)}.result-section[data-v-b39229eb]{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.result-section h3[data-v-b39229eb]{color:var(--color-text-primary);font-size:15px;margin:0 0 var(--spacing-sm) 0;text-align:center}.result-vector[data-v-b39229eb]{background:#2ecc711a;border:2px solid #2ecc71}.result-component[data-v-b39229eb]{color:#2ecc71;font-weight:700}.formula-section[data-v-b39229eb]{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-md)}.formula-section h4[data-v-b39229eb]{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.formula-display[data-v-b39229eb]{background:var(--color-bg-primary);border-radius:var(--radius-sm);min-height:fit-content;overflow-x:auto;overflow-y:visible;padding:var(--spacing-sm);word-wrap:break-word}.formula-display[data-v-b39229eb] .katex{font-size:1em}.formula-display[data-v-b39229eb] .katex-display{margin:.3em 0}.preset-control-group[data-v-b39229eb]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.preset-control-group label[data-v-b39229eb]{font-size:13px}.transformation-select[data-v-b39229eb]{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.transformation-select[data-v-b39229eb]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.param-select[data-v-b39229eb]{cursor:pointer}.param-select[data-v-b39229eb],.preset-control-group .param-input[data-v-b39229eb]{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.preset-control-group .param-input[data-v-b39229eb]{text-align:center;width:70px}.preset-control-group label[data-v-b39229eb]{color:var(--color-text-primary);font-size:12px;font-weight:500;white-space:nowrap}.formula-control-group[data-v-b39229eb]{align-items:center;display:flex;flex:1;gap:var(--spacing-sm);min-width:200px}.formula-control-group label[data-v-b39229eb]{color:var(--color-text-primary);font-size:13px;font-weight:500;white-space:nowrap}.formula-display-inline[data-v-b39229eb]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;flex:1;min-width:0;overflow-x:auto;padding:var(--spacing-xs) var(--spacing-sm)}.formula-display-inline[data-v-b39229eb] .katex{font-size:.9em}.formula-display-inline[data-v-b39229eb] .katex-display{display:inline-block;margin:0}.param-input[data-v-b39229eb]:focus,.param-select[data-v-b39229eb]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}@media(max-width:768px){.matrix-vector-container[data-v-b39229eb]{flex-direction:column}.matrix-section[data-v-b39229eb],.vector-section[data-v-b39229eb],.visualization-section[data-v-b39229eb]{max-width:100%}.matrix-input[data-v-b39229eb]{width:50px}.preset-control-group[data-v-b39229eb]{align-items:flex-start;flex-direction:column;width:100%}.preset-control-group .param-input[data-v-b39229eb]{width:100%}.formula-control-group[data-v-b39229eb]{align-items:flex-start;flex-direction:column;width:100%}.formula-display-inline[data-v-b39229eb]{width:100%}}.matrix-transformation-puzzle[data-v-98029dec]{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.puzzle-header[data-v-98029dec]{margin-bottom:var(--spacing-lg)}.puzzle-title[data-v-98029dec]{color:var(--color-text-primary);font-size:1.3em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.puzzle-description[data-v-98029dec]{color:var(--color-text-primary);font-size:14px;margin-bottom:var(--spacing-md)}.difficulty-selector[data-v-98029dec]{display:flex;gap:var(--spacing-sm)}.difficulty-btn[data-v-98029dec]{background:var(--color-bg-primary);border:2px solid #4c63d2;border-radius:var(--radius-sm);color:#4c63d2;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.difficulty-btn[data-v-98029dec]:hover{background:#4c63d21a}.difficulty-btn.active[data-v-98029dec]{background:#4c63d2;color:#fff}.visualization-container[data-v-98029dec]{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg)}.view-panel[data-v-98029dec]{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md)}.view-title[data-v-98029dec]{color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0 0 var(--spacing-xs) 0}.canvas-wrapper[data-v-98029dec]{align-items:center;background:#fff;border-radius:var(--radius-sm);display:flex;justify-content:center;padding:var(--spacing-xs);width:100%}.transformation-canvas[data-v-98029dec]{display:block;height:auto;max-width:100%}.similarity-indicator[data-v-98029dec]{background:#e74c3c1a;border-radius:var(--radius-sm);color:#e74c3c;font-size:14px;font-weight:600;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.similarity-indicator.success[data-v-98029dec]{background:#2ecc711a;color:#2ecc71}.matrix-sequence-container[data-v-98029dec]{margin-bottom:var(--spacing-lg)}.sequence-header[data-v-98029dec]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-sm)}.sequence-title[data-v-98029dec]{color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0}.similarity-explanation[data-v-98029dec]{color:var(--color-text-secondary);font-size:12px;font-style:italic}.matrix-sequence[data-v-98029dec]{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;gap:var(--spacing-sm);justify-content:flex-start;min-height:100px;padding:var(--spacing-md);position:relative}.matrix-sequence[data-v-98029dec]:before{border:2px dashed transparent;border-radius:var(--radius-md);content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .2s}.matrix-sequence.drag-over[data-v-98029dec]:before{background:#4c63d20d;border-color:#4c63d2}.matrix-item[data-v-98029dec]{align-items:center;background:#fff;border:2px solid #4c63d2;border-radius:var(--radius-sm);cursor:move;display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);transition:all .2s}.matrix-item[data-v-98029dec]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.matrix-display[data-v-98029dec],.remove-btn[data-v-98029dec]{align-items:center;display:flex}.remove-btn[data-v-98029dec]{background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:24px;justify-content:center;line-height:1;transition:all .2s;width:24px}.remove-btn[data-v-98029dec]:hover{background:#c0392b;transform:scale(1.1)}.empty-sequence-hint[data-v-98029dec]{color:var(--color-text-secondary);font-style:italic;text-align:center;width:100%}.matrix-library[data-v-98029dec]{margin-bottom:var(--spacing-lg)}.library-title[data-v-98029dec]{color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.matrix-grid[data-v-98029dec]{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.matrix-card[data-v-98029dec]{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:grab;display:flex;flex-direction:column;padding:var(--spacing-sm);transition:all .2s}.matrix-card[data-v-98029dec]:hover{border-color:#4c63d2;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.matrix-card[data-v-98029dec]:active{cursor:grabbing}.matrix-card-header[data-v-98029dec]{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.matrix-name[data-v-98029dec]{color:var(--color-text-primary);font-size:14px;font-weight:600}.matrix-description[data-v-98029dec]{color:var(--color-text-secondary);font-size:12px}.matrix-display-wrapper[data-v-98029dec]{align-items:center;background:#fff;border-radius:var(--radius-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs);width:100%}.controls[data-v-98029dec],.matrix-display-wrapper[data-v-98029dec]{display:flex;justify-content:center}.controls[data-v-98029dec]{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.check-btn[data-v-98029dec],.hint-btn[data-v-98029dec],.reset-btn[data-v-98029dec]{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.reset-btn[data-v-98029dec]{background:#3498db;color:#fff}.reset-btn[data-v-98029dec]:hover{background:#2980b9}.check-btn[data-v-98029dec]{background:linear-gradient(135deg,#4c63d2,#764ba2);color:#fff}.check-btn[data-v-98029dec]:hover:not(:disabled){box-shadow:0 4px 8px #4c63d24d;transform:translateY(-2px)}.check-btn[data-v-98029dec]:disabled{cursor:not-allowed;opacity:.5}.hint-btn[data-v-98029dec]{background:#f39c12;color:#fff}.hint-btn[data-v-98029dec]:hover{background:#e67e22}.feedback[data-v-98029dec]{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.feedback.success[data-v-98029dec]{background:#2ecc711a;color:#2ecc71}.feedback.info[data-v-98029dec]{background:#3498db1a;color:#3498db}.feedback-icon[data-v-98029dec]{font-size:18px;font-weight:700}@media(max-width:768px){.matrix-grid[data-v-98029dec],.visualization-container[data-v-98029dec]{grid-template-columns:1fr}}.linear-combination-preservation[data-v-5559afcc]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.component-header[data-v-5559afcc]{margin-bottom:var(--spacing-lg)}.component-title[data-v-5559afcc]{color:var(--color-text-primary);font-size:1.3em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.component-description[data-v-5559afcc]{color:var(--color-text-primary);font-size:14px;line-height:1.6;margin:0}.controls-panel[data-v-5559afcc]{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.control-group[data-v-5559afcc],.controls-panel[data-v-5559afcc]{align-items:center;display:flex}.control-group[data-v-5559afcc]{gap:var(--spacing-sm)}.control-group label[data-v-5559afcc]{font-weight:500}.control-group label[data-v-5559afcc],.dimension-select[data-v-5559afcc]{color:var(--color-text-primary);font-size:14px}.dimension-select[data-v-5559afcc]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.dimension-select[data-v-5559afcc]:focus,.dimension-select[data-v-5559afcc]:hover{border-color:var(--color-border-focus)}.dimension-select[data-v-5559afcc]:focus{box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.btn[data-v-5559afcc]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.btn[data-v-5559afcc]:hover{border-color:var(--color-border-focus)}.btn-secondary[data-v-5559afcc],.btn[data-v-5559afcc]:hover{background:var(--color-bg-secondary)}.reset-test-btn[data-v-5559afcc]{background:linear-gradient(135deg,#4c63d2,#764ba2);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 6px #667eea4d;color:var(--color-text-white);cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.reset-test-btn[data-v-5559afcc]:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.reset-test-btn[data-v-5559afcc]:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.5}.input-row-section[data-v-5559afcc]{align-items:flex-start;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.matrix-group[data-v-5559afcc]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.section-title[data-v-5559afcc]{color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0;text-align:center}.matrix-input-grid[data-v-5559afcc]{background:var(--color-bg-primary);border-radius:var(--radius-sm);display:inline-grid;gap:4px;padding:var(--spacing-sm)}.matrix-row[data-v-5559afcc]{display:flex;gap:4px}.latex-display[data-v-5559afcc]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;min-width:80px;padding:var(--spacing-sm)}.operator-large[data-v-5559afcc]{align-self:center;color:var(--color-text-primary);font-size:28px;font-weight:700;margin-top:var(--spacing-lg)}.vector-group[data-v-5559afcc]{align-items:center}.vector-group[data-v-5559afcc],.vector-inputs[data-v-5559afcc]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-input-group[data-v-5559afcc]{align-items:center;display:inline-flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);margin-left:var(--spacing-xs);vertical-align:middle}.result-input[data-v-5559afcc]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-xs);text-align:center;transition:all var(--transition-fast);width:60px}.result-input[data-v-5559afcc]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.result-input.correct[data-v-5559afcc]{background:#2ecc711a;border-color:#2ecc71}.result-input.incorrect[data-v-5559afcc]{background:#e74c3c1a;border-color:#e74c3c}.operator[data-v-5559afcc]{align-self:center;color:var(--color-text-primary);font-size:24px;font-weight:700}.comparison-section[data-v-5559afcc]{align-items:flex-start;background:var(--color-bg-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.comparison-section[data-v-5559afcc],.path-section[data-v-5559afcc]{border-radius:var(--radius-md);padding:var(--spacing-md)}.path-section[data-v-5559afcc]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);flex:1;min-width:280px}.path-a[data-v-5559afcc]{border-color:#4c63d2}.path-b[data-v-5559afcc]{border-color:#2ecc71}.path-title[data-v-5559afcc]{border-bottom:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.path-formula[data-v-5559afcc]{gap:var(--spacing-md)}.formula-step[data-v-5559afcc],.path-formula[data-v-5559afcc]{display:flex;flex-direction:column}.formula-step[data-v-5559afcc]{gap:var(--spacing-xs)}.step-label[data-v-5559afcc]{color:var(--color-text-secondary);font-size:12px;font-weight:500}.formula-content[data-v-5559afcc]{color:var(--color-text-primary);font-size:14px;line-height:1.8;overflow-x:auto}.formula-inline-group[data-v-5559afcc]{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--spacing-sm);white-space:nowrap}.formula-inline-group[data-v-5559afcc] .latex-renderer{display:inline-block;flex-shrink:0;vertical-align:middle}.formula-separator[data-v-5559afcc]{color:var(--color-text-primary);flex-shrink:0;margin:0 var(--spacing-xs);white-space:nowrap}.vector-display[data-v-5559afcc]{background:var(--color-bg-secondary);border-radius:var(--radius-xs);color:var(--color-text-primary);font-family:Courier New,monospace;font-weight:600;padding:2px 4px}.result-vector[data-v-5559afcc]{background:#4c63d21a;color:#4c63d2;font-size:16px;font-weight:700}.comparison-operator[data-v-5559afcc]{align-items:center;align-self:center;display:flex;justify-content:center;min-width:60px}.equals-sign[data-v-5559afcc]{color:#2ecc71;font-size:36px;font-weight:700;transition:color var(--transition-fast)}.equals-sign.not-equals[data-v-5559afcc]{color:#e74c3c}.verification-result[data-v-5559afcc]{align-items:center;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.verification-result.result-equal[data-v-5559afcc]{background:#2ecc711a;border-left-color:#2ecc71}.verification-result.result-not-equal[data-v-5559afcc]{background:#e74c3c1a;border-left-color:#e74c3c}.result-icon[data-v-5559afcc]{font-size:24px;font-weight:700;min-width:30px;text-align:center}.result-equal .result-icon[data-v-5559afcc]{color:#2ecc71}.result-not-equal .result-icon[data-v-5559afcc]{color:#e74c3c}.result-text[data-v-5559afcc]{color:var(--color-text-primary);flex:1;font-size:14px;line-height:1.6}.result-text strong[data-v-5559afcc]{font-size:16px}@media(max-width:768px){.input-row-section[data-v-5559afcc]{align-items:center;flex-direction:column}.operator[data-v-5559afcc],.operator-large[data-v-5559afcc]{margin:var(--spacing-sm) 0;transform:rotate(90deg)}.comparison-section[data-v-5559afcc]{flex-direction:column}.path-section[data-v-5559afcc]{width:100%}.comparison-operator[data-v-5559afcc]{margin:var(--spacing-sm) 0;transform:rotate(90deg)}}.linear-mapping[data-v-ed144f02]{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.diagram-container[data-v-ed144f02]{align-items:center;display:flex;gap:var(--spacing-lg);margin:0 auto;max-width:900px;width:100%}.space-container[data-v-ed144f02]{align-items:center;display:flex;flex:1;flex-direction:column;gap:var(--spacing-sm);min-width:0}.space-label[data-v-ed144f02]{color:var(--color-text-primary);font-family:Times New Roman,serif;font-size:18px;font-style:italic;font-weight:600;margin-bottom:var(--spacing-xs)}.space-label sup[data-v-ed144f02]{font-size:.7em;vertical-align:super}.space-3d-container[data-v-ed144f02]{height:240px;overflow:hidden;position:relative}.space-3d-container[data-v-ed144f02],.space-svg[data-v-ed144f02]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);max-width:280px;width:100%}.space-svg[data-v-ed144f02]{height:auto;min-height:240px;padding:var(--spacing-sm)}.mapping-section[data-v-ed144f02]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);min-width:100px}.mapping-arrow-container[data-v-ed144f02]{max-width:120px;width:100%}.mapping-arrow-svg[data-v-ed144f02]{height:auto;width:100%}.mapping-formula[data-v-ed144f02]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:14px;padding:var(--spacing-xs) var(--spacing-sm)}.mapping-type-info[data-v-ed144f02]{margin-top:var(--spacing-xs)}.mapping-type-badge[data-v-ed144f02]{border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;white-space:nowrap}.mapping-type-bijective[data-v-ed144f02]{background:#2ecc7126;border:2px solid #27ae60;color:#27ae60}.mapping-type-injective[data-v-ed144f02]{background:#3498db26;border:2px solid #2980b9;color:#2980b9}.mapping-type-surjective[data-v-ed144f02]{background:#9b59b626;border:2px solid #8e44ad;color:#8e44ad}.mapping-type-neither[data-v-ed144f02]{background:#e74c3c26;border:2px solid #c0392b;color:#c0392b}.diagram-explanation[data-v-ed144f02]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.explanation-item[data-v-ed144f02]{align-items:center;display:flex;gap:var(--spacing-xs)}.explanation-label[data-v-ed144f02]{color:var(--color-text-secondary);font-size:14px;font-weight:600}.explanation-value[data-v-ed144f02]{color:var(--color-text-primary);font-family:Times New Roman,serif;font-size:14px;font-weight:600}.instruction-text[data-v-ed144f02]{background:#4c63d214;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;line-height:1.6;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:var(--spacing-sm);max-width:200px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:100%}.instruction-text strong[data-v-ed144f02]{color:var(--color-text-primary);font-weight:600}.draggable-line[data-v-ed144f02],.draggable-point[data-v-ed144f02]{cursor:move;transition:opacity .2s}.draggable-line[data-v-ed144f02]:hover,.draggable-point[data-v-ed144f02]:hover{opacity:.8}.draggable-point[data-v-ed144f02]:active{cursor:grabbing}@media(max-width:768px){.diagram-container[data-v-ed144f02]{flex-direction:column;gap:var(--spacing-md)}.mapping-section[data-v-ed144f02]{min-height:120px;min-width:auto;transform:rotate(90deg)}.space-svg[data-v-ed144f02]{max-width:100%}.instruction-text[data-v-ed144f02]{font-size:11px;max-width:100%;padding:var(--spacing-xs)}.diagram-explanation[data-v-ed144f02]{align-items:flex-start;flex-direction:column}}.transformation-diagram[data-v-4a682868]{display:inline-block;margin:var(--spacing-sm) 0;vertical-align:middle}.diagram-container[data-v-4a682868]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.diagram-item[data-v-4a682868]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs)}.diagram-label[data-v-4a682868]{color:var(--color-text-secondary);font-size:12px;font-weight:500;text-align:center}.transformation-canvas[data-v-4a682868]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);display:block}.legend[data-v-4a682868]{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xs)}.legend-item[data-v-4a682868]{align-items:center;display:flex;gap:var(--spacing-xs)}.legend-color[data-v-4a682868]{border-radius:2px;height:3px;width:16px}.legend-text[data-v-4a682868]{color:var(--color-text-secondary);font-size:12px}.venn-diagram-container[data-v-14b4e8ea]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;justify-content:center;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.venn-diagram[data-v-14b4e8ea]{display:block;margin:0 auto}.venn-circle[data-v-14b4e8ea]{opacity:.7;transition:opacity .3s ease}.venn-circle[data-v-14b4e8ea]:hover{opacity:.9}.example-text[data-v-14b4e8ea],.venn-label[data-v-14b4e8ea],.venn-text[data-v-14b4e8ea]{font-family:Arial,Microsoft YaHei,sans-serif;pointer-events:none}.overlap-text[data-v-14b4e8ea]{font-weight:500}.equivalence-text[data-v-14b4e8ea]{font-style:italic}@media(max-width:768px){.venn-diagram-container[data-v-14b4e8ea]{padding:var(--spacing-sm)}.venn-label[data-v-14b4e8ea]{font-size:14px}.venn-text[data-v-14b4e8ea]{font-size:12px}.example-text[data-v-14b4e8ea]{font-size:11px}}.projection-3d[data-v-df143e7b]{background:var(--color-bg-primary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-xs)}.visualization-container[data-v-df143e7b]{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-md);max-width:100%}.space-visualization[data-v-df143e7b]{display:flex;flex-direction:column}.space-title[data-v-df143e7b]{color:var(--color-text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.canvas-container[data-v-df143e7b]{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:grab;height:350px;max-width:100%;width:100%}.canvas-container[data-v-df143e7b]:active{cursor:grabbing}.visualization-info[data-v-df143e7b]{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;margin-top:var(--spacing-md);padding:var(--spacing-md)}.info-item[data-v-df143e7b],.visualization-info[data-v-df143e7b]{display:flex;gap:var(--spacing-sm)}.info-item[data-v-df143e7b]{align-items:center;color:var(--color-text-primary);font-size:14px}.color-indicator[data-v-df143e7b]{border-radius:3px;flex-shrink:0;height:16px;width:16px}@media(max-width:768px){.visualization-container[data-v-df143e7b]{grid-template-columns:1fr}}.r3-to-r2-projection[data-v-120d6516]{background:var(--color-bg-primary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-xs)}.visualization-container[data-v-120d6516]{flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.transformation-arrow[data-v-120d6516],.visualization-container[data-v-120d6516]{align-items:center;display:flex;justify-content:center}.transformation-arrow[data-v-120d6516]{flex-direction:column;min-width:80px;padding:0 var(--spacing-md)}.arrow-line[data-v-120d6516]{background:var(--color-text-primary);height:3px;margin-bottom:var(--spacing-sm);position:relative;width:60px}.arrow-line[data-v-120d6516]:after{border-bottom:8px solid transparent;border-left:12px solid var(--color-text-primary);border-top:8px solid transparent;content:"";height:0;position:absolute;right:-8px;top:-6px;width:0}.transformation-label[data-v-120d6516]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.space-visualization[data-v-120d6516]{align-items:center;display:flex;flex:1;flex-direction:column;max-width:360px;min-width:220px}.space-title[data-v-120d6516]{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.canvas-container[data-v-120d6516]{background:var(--color-bg-secondary);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--color-shadow-sm);height:260px;max-width:360px;overflow:hidden;width:100%}.visualization-info[data-v-120d6516]{margin-top:var(--spacing-md);width:100%}.info-item[data-v-120d6516]{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;gap:var(--spacing-sm)}.color-indicator[data-v-120d6516]{border-radius:50%;display:inline-block;height:16px;width:16px}@media(max-width:768px){.visualization-container[data-v-120d6516]{flex-direction:column}.space-visualization[data-v-120d6516]{max-width:100%}.transformation-arrow[data-v-120d6516]{min-height:80px;min-width:auto;padding:var(--spacing-md) 0;transform:rotate(90deg)}.arrow-line[data-v-120d6516]{height:60px;width:3px}.arrow-line[data-v-120d6516]:after{border-bottom:none;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--color-text-primary);bottom:-8px;right:-6px;top:auto}}.section2-4[data-v-244ab087]{margin:0 auto;max-width:1200px;padding:var(--spacing-md)}.section-description[data-v-244ab087],.section-header[data-v-244ab087]{margin-bottom:var(--spacing-xl)}.section-description[data-v-244ab087]{background:var(--color-bg-secondary);border-left:4px solid #4c63d2;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;padding:var(--spacing-md) var(--spacing-lg)}.description-text[data-v-244ab087]{color:var(--color-text-primary);font-size:15px;line-height:1.8;margin:var(--spacing-sm) 0;text-align:justify}.concept-explanation[data-v-244ab087]{margin-top:var(--spacing-md)}.formula-display[data-v-244ab087]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;justify-content:center;margin:var(--spacing-md) 0;overflow-x:auto;padding:var(--spacing-md)}.concept-explanation .formula-display[data-v-244ab087]{margin-left:0;padding-left:1.5em;padding-right:1.5em}.key-points[data-v-244ab087]{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-md)}.key-points-title[data-v-244ab087]{color:var(--color-text-primary);font-size:1.1em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.key-points-list[data-v-244ab087]{color:var(--color-text-primary);font-size:14px;line-height:1.8;list-style-position:outside;margin:var(--spacing-sm) 0;padding-left:2.2em}.key-points-list li[data-v-244ab087]{margin:var(--spacing-xs) 0;padding-left:1em;padding-right:.5em}.key-points-list li[data-v-244ab087] .latex-renderer{display:inline-block;margin-left:0;margin-right:.2em;vertical-align:baseline}.transformation-visual[data-v-244ab087]{align-items:center;display:flex;justify-content:center;margin:var(--spacing-sm) 0;padding:var(--spacing-xs)}.venn-diagram-wrapper[data-v-244ab087]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.insight-text[data-v-244ab087]{margin:0}.insight-text[data-v-244ab087],.interactive-features-list[data-v-244ab087]{color:var(--color-text-primary);font-size:14px;line-height:1.8}.interactive-features-list[data-v-244ab087]{list-style-position:outside;margin:var(--spacing-sm) 0;padding-left:2.2em}.interactive-features-list li[data-v-244ab087]{margin:var(--spacing-xs) 0;padding-left:1em;padding-right:.5em}.interactive-demo-container[data-v-244ab087],.linear-mapping-container[data-v-244ab087],.transformation-container[data-v-244ab087]{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.puzzle-section[data-v-244ab087]{margin-top:var(--spacing-lg)}.puzzle-section-heading[data-v-244ab087]{border-bottom:2px solid #4c63d2;color:var(--color-text-primary);font-size:1.1em;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.test-header[data-v-244ab087]{margin-bottom:var(--spacing-md)}.test-title[data-v-244ab087]{font-size:1.2em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.test-description[data-v-244ab087],.test-title[data-v-244ab087]{color:var(--color-text-primary)}.test-description[data-v-244ab087]{font-size:14px;line-height:1.6;margin:var(--spacing-sm) 0}.reset-test-btn[data-v-244ab087]{background:linear-gradient(135deg,#4c63d2,#764ba2);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 6px #667eea4d;color:var(--color-text-white);cursor:pointer;font-size:14px;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.reset-test-btn[data-v-244ab087]:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.reset-test-btn[data-v-244ab087]:disabled{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.5}.basis-column-matching-section[data-v-244ab087],.dimension-test-grid[data-v-244ab087]{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:var(--spacing-md)}.dimension-test-item[data-v-244ab087]{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.dimension-test-item[data-v-244ab087]:first-child{border-color:#4c63d2}.dimension-test-item[data-v-244ab087]:nth-child(2){border-color:#2ecc71}.dimension-test-item[data-v-244ab087]:nth-child(3){border-color:#e67e22}.test-matrix-label[data-v-244ab087]{color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm);text-align:center}.test-matrix-display[data-v-244ab087]{align-items:center;display:flex;flex-direction:column;margin:var(--spacing-xs) 0}.matrix-size-hint[data-v-244ab087]{color:var(--color-text-secondary);font-size:16px;font-style:italic;margin-bottom:var(--spacing-xs)}.matrix-latex-display[data-v-244ab087]{width:100%}.dimension-selectors[data-v-244ab087]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dimension-selector[data-v-244ab087]{align-items:center;display:flex;gap:var(--spacing-sm)}.dimension-selector label[data-v-244ab087]{font-weight:500;min-width:80px}.dimension-select[data-v-244ab087],.dimension-selector label[data-v-244ab087]{color:var(--color-text-primary);font-size:14px}.dimension-select[data-v-244ab087]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.dimension-select[data-v-244ab087]:hover:not(:disabled){border-color:var(--color-border-focus)}.dimension-select[data-v-244ab087]:disabled{cursor:not-allowed;opacity:.7}.dimension-feedback[data-v-244ab087]{border-radius:var(--radius-sm);font-size:14px;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.feedback-correct[data-v-244ab087]{color:#2ecc71}.feedback-incorrect[data-v-244ab087]{color:#e74c3c}.basis-column-test-content[data-v-244ab087]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.test-matrix-section[data-v-244ab087]{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-sm)}.matrix-latex-display[data-v-244ab087]{align-items:center;display:flex;justify-content:center;margin:var(--spacing-xs) 0;padding:var(--spacing-xs)}.basis-column-match-item[data-v-244ab087]{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);transition:all var(--transition-fast)}.basis-column-match-item.correct[data-v-244ab087]{background:#2ecc711a;border-color:#2ecc71}.basis-column-match-item.incorrect[data-v-244ab087]{background:#e74c3c1a;border-color:#e74c3c}.basis-vector-display[data-v-244ab087]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.basis-vector-explicit[data-v-244ab087]{font-size:14px}.column-selector-section[data-v-244ab087]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.column-label[data-v-244ab087]{color:var(--color-text-secondary);font-size:12px;font-weight:500}.match-feedback[data-v-244ab087]{flex-basis:100%;font-size:14px;font-weight:600;margin-top:var(--spacing-xs);text-align:center}.linear-transformation-test-container[data-v-244ab087]{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.transformation-test-content[data-v-244ab087]{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:var(--spacing-md)}.transformation-test-item[data-v-244ab087]{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.transformation-test-item.correct[data-v-244ab087]{background:#2ecc711a;border-color:#2ecc71}.transformation-test-item.incorrect[data-v-244ab087]{background:#e74c3c1a;border-color:#e74c3c}.test-item-header[data-v-244ab087]{margin-bottom:var(--spacing-sm)}.test-item-number[data-v-244ab087]{color:var(--color-text-primary);font-size:16px;font-weight:600}.test-options-container[data-v-244ab087]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.option-button[data-v-244ab087]{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex:1;font-size:14px;font-weight:500;min-width:120px;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.option-button[data-v-244ab087]:hover:not(:disabled){background:var(--color-bg-secondary);border-color:#4c63d2;transform:translateY(-1px)}.option-button.selected[data-v-244ab087]{background:#4c63d2;border-color:#4c63d2;color:#fff}.option-button.selected[data-v-244ab087]:hover:not(:disabled){background:#3d52b8}.option-button.correct[data-v-244ab087]{background:#2ecc71;border-color:#2ecc71;color:#fff}.option-button.incorrect[data-v-244ab087]{background:#e74c3c;border-color:#e74c3c;color:#fff}.option-button[data-v-244ab087]:disabled{cursor:not-allowed;opacity:.8}.test-formula-display[data-v-244ab087]{align-items:center;background:var(--color-bg-primary);display:flex;justify-content:center;margin:var(--spacing-sm) 0}.test-formula-display[data-v-244ab087],.transformation-feedback[data-v-244ab087]{border-radius:var(--radius-sm);padding:var(--spacing-sm)}.transformation-feedback[data-v-244ab087]{margin-top:var(--spacing-sm)}.transformation-feedback .feedback-icon[data-v-244ab087]{font-size:18px;font-weight:700;margin-right:var(--spacing-xs)}.transformation-feedback .feedback-text[data-v-244ab087]{font-size:14px;line-height:1.6}.test-summary[data-v-244ab087]{background:var(--color-bg-secondary);border:2px solid #4c63d2;border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-md)}.summary-content[data-v-244ab087]{text-align:center}.summary-text[data-v-244ab087]{color:var(--color-text-primary);font-size:16px;margin:var(--spacing-xs) 0}.summary-text strong[data-v-244ab087]{color:#4c63d2;font-size:18px}.summary-congrats[data-v-244ab087]{color:#2ecc71;font-size:16px;font-weight:600;margin-top:var(--spacing-sm)}.practice-section[data-v-244ab087]{margin-top:var(--spacing-lg)}.practice-controls-top[data-v-244ab087]{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.btn-reset[data-v-244ab087]{background:linear-gradient(135deg,#4c63d2,#764ba2);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 6px #667eea4d;color:var(--color-text-white);cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.btn-reset[data-v-244ab087]:hover:not(:disabled){box-shadow:0 6px 12px #667eea66;transform:translateY(-2px)}.problems-container[data-v-244ab087]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.practice-problem[data-v-244ab087]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.problem-header-row[data-v-244ab087]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.problem-title[data-v-244ab087]{color:var(--color-text-primary);font-size:.95em;font-weight:600;margin:0;white-space:nowrap}.problem-description-inline[data-v-244ab087]{align-items:center;display:flex;flex:1;min-width:200px}.answer-input-row[data-v-244ab087]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.number-input-row[data-v-244ab087],.vector-input-row[data-v-244ab087]{align-items:center;display:flex;gap:var(--spacing-xs)}.input-label-compact[data-v-244ab087]{font-weight:500;white-space:nowrap}.input-label-compact[data-v-244ab087],.number-input-compact[data-v-244ab087]{color:var(--color-text-primary);font-size:13px}.number-input-compact[data-v-244ab087]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:4px 8px;text-align:center;width:80px}.number-input-compact[data-v-244ab087]:focus{border-color:#4c63d2;outline:none}.number-input-compact[data-v-244ab087]:disabled{cursor:not-allowed;opacity:.6}.matrix-input-row[data-v-244ab087]{align-items:center;display:flex;gap:var(--spacing-xs)}.matrix-input-grid-compact[data-v-244ab087]{display:grid;gap:2px;grid-template-columns:repeat(2,1fr);width:fit-content}.matrix-cell-input-compact[data-v-244ab087]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:12px;padding:4px 6px;text-align:center;width:60px}.matrix-cell-input-compact[data-v-244ab087]:focus{border-color:#4c63d2;outline:none}.matrix-cell-input-compact[data-v-244ab087]:disabled{cursor:not-allowed;opacity:.6}.matrix-label-inline[data-v-244ab087]{align-items:center;display:flex;margin-left:var(--spacing-xs)}.feedback-inline[data-v-244ab087]{align-items:center;display:flex;gap:var(--spacing-xs);margin-left:auto}.feedback-correct-inline[data-v-244ab087],.feedback-incorrect-inline[data-v-244ab087]{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.feedback-correct-inline[data-v-244ab087]{background:#2ecc711a;color:#2ecc71}.feedback-incorrect-inline[data-v-244ab087]{background:#e74c3c1a;color:#e74c3c}.feedback-icon[data-v-244ab087]{font-size:14px;font-weight:700}.feedback-text[data-v-244ab087]{font-size:12px}.btn-toggle-answer-compact[data-v-244ab087]{background:var(--color-bg-secondary);border:1px solid #4c63d2;border-radius:var(--radius-sm);color:#4c63d2;cursor:pointer;font-size:11px;font-weight:600;padding:2px 8px;transition:all .2s ease}.btn-toggle-answer-compact[data-v-244ab087]:hover{background:#4c63d21a;border-color:#4c63d2;color:#5a7ae8}@media(prefers-color-scheme:dark){.btn-toggle-answer-compact[data-v-244ab087]{border-color:#fff;color:#fff}.btn-toggle-answer-compact[data-v-244ab087]:hover{background:#ffffff1a;border-color:#fff;color:#fff}}.dark,[data-theme=dark]{border-color:#fff;color:#fff}.dark,[data-theme=dark]{background:#ffffff1a;border-color:#fff;color:#fff}.result-feedback-compact[data-v-244ab087]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.explanation-text-compact[data-v-244ab087]{color:var(--color-text-primary);font-size:12px;line-height:1.5}.example-box[data-v-244ab087]{background:var(--color-bg-secondary);border-left:4px solid var(--color-btn-primary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-lg)}.example-title[data-v-244ab087]{color:var(--color-text-primary);font-size:1.1em;font-weight:600;margin:0 0 var(--spacing-sm) 0;margin-bottom:var(--spacing-xs)}.example-box-collapsible[data-v-244ab087]{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.btn-toggle-example[data-v-244ab087]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:background-color var(--transition-fast);width:100%}.btn-toggle-example[data-v-244ab087]:hover{background:var(--color-bg-tertiary)}.toggle-icon[data-v-244ab087]{color:var(--color-text-secondary);flex-shrink:0;font-size:.8em;transition:transform var(--transition-fast)}.example-content[data-v-244ab087]{padding:0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg)}.correct-answer-display-compact[data-v-244ab087]{align-items:center;display:flex;font-size:12px;gap:var(--spacing-xs)}.correct-answer-label-compact[data-v-244ab087]{color:var(--color-text-secondary);font-weight:500;white-space:nowrap}@media(max-width:768px){.section-heading[data-v-244ab087]{font-size:1.5em}.section2-4[data-v-244ab087]{padding:var(--spacing-sm)}.section-description[data-v-244ab087]{padding:var(--spacing-sm) var(--spacing-md)}.description-text[data-v-244ab087]{font-size:14px;line-height:1.6}.transformation-test-content[data-v-244ab087]{grid-template-columns:1fr}.answer-input-row[data-v-244ab087],.problem-header-row[data-v-244ab087]{align-items:flex-start;flex-direction:column}.answer-input-row[data-v-244ab087]{gap:var(--spacing-xs)}.feedback-inline[data-v-244ab087]{justify-content:flex-start;margin-left:0;width:100%}.matrix-input-row[data-v-244ab087]{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.matrix-label-inline[data-v-244ab087]{margin-left:0}}