.vector-visualization[data-v-b6d00007]{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.visualization-header[data-v-b6d00007]{margin-bottom:var(--spacing-xs)}.visualization-header h3[data-v-b6d00007]{color:var(--color-text-primary);font-size:15px;margin:0}.canvas-container[data-v-b6d00007]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);height:400px;overflow:hidden;width:100%}@media(max-width:768px){.canvas-container[data-v-b6d00007]{height:400px}}.vector-operations[data-v-2ee9470c]{margin:0 auto;max-width:1400px;padding:var(--spacing-sm)}.controls[data-v-2ee9470c]{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm)}.control-group[data-v-2ee9470c],.controls[data-v-2ee9470c]{align-items:center;display:flex}.control-group[data-v-2ee9470c]{gap:calc(var(--spacing-xs)*.75)}.control-group label[data-v-2ee9470c]{color:var(--color-text-primary);font-size:13px;font-weight:500;white-space:nowrap}.control-label[data-v-2ee9470c]{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-xs)}.control-label input[type=checkbox][data-v-2ee9470c]{cursor:pointer}.dimension-select[data-v-2ee9470c],.operation-select[data-v-2ee9470c]{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-2ee9470c]:focus,.operation-select[data-v-2ee9470c]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.scalar-input[data-v-2ee9470c]{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);width:90px}.scalar-input[data-v-2ee9470c]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow);outline:none}.validation-warning[data-v-2ee9470c]{align-items:center;animation:slideIn-2ee9470c .3s ease-out;background:#ffc10726;border:2px solid #ffc107;border-radius:var(--radius-md);color:#856404;display:flex;font-weight:500;gap:var(--spacing-xs);margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.warning-icon[data-v-2ee9470c]{flex-shrink:0;font-size:18px}.formula-section[data-v-2ee9470c]{background:var(--color-bg-secondary);border-radius:var(--radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-xs) var(--spacing-sm)}.formula-section h4[data-v-2ee9470c]{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 calc(var(--spacing-xs)*.5) 0}.formula-display[data-v-2ee9470c]{background:var(--color-bg-primary);border-radius:var(--radius-sm);min-height:fit-content;overflow-x:auto;overflow-y:visible;padding:calc(var(--spacing-xs)*.75);word-wrap:break-word}.formula-display[data-v-2ee9470c] .katex{font-size:1.3em}.formula-display[data-v-2ee9470c] .katex-display{margin:.2em 0}.formula-explanation[data-v-2ee9470c]{background:var(--color-bg-secondary);border-left:3px solid #4c63d2;border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-md)}.explanation-text[data-v-2ee9470c]{line-height:1.6;margin:var(--spacing-xs) 0}.explanation-list[data-v-2ee9470c],.explanation-text[data-v-2ee9470c]{color:var(--color-text-primary);font-size:14px}.explanation-list[data-v-2ee9470c]{line-height:1.8;margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.explanation-list li[data-v-2ee9470c]{margin-bottom:var(--spacing-xs)}.vectors-container[data-v-2ee9470c]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.vector-section[data-v-2ee9470c]{background:var(--color-bg-secondary);border-radius:var(--radius-md);flex:1;max-width:160px;min-width:100px;padding:var(--spacing-sm)}.vector-section h3[data-v-2ee9470c]{color:var(--color-text-primary);font-size:14px;margin:0 0 var(--spacing-xs) 0;text-align:center}.vector-inputs[data-v-2ee9470c]{flex-direction:column;margin-bottom:var(--spacing-sm)}.vector-component[data-v-2ee9470c],.vector-inputs[data-v-2ee9470c]{display:flex;gap:calc(var(--spacing-xs)*.75)}.vector-component[data-v-2ee9470c]{align-items:center}.vector-component label[data-v-2ee9470c]{color:var(--color-text-primary);font-size:12px;font-weight:600;min-width:22px}.component-input[data-v-2ee9470c]{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1;font-family:Courier New,monospace;font-size:16px;font-weight:700;max-width:120px;padding:calc(var(--spacing-xs)*.75) var(--spacing-xs);text-align:center;transition:all var(--transition-fast)}.component-input[data-v-2ee9470c]:focus{background:rgba(var(--focus-color-rgb,74,144,226),.05);border-color:var(--focus-color,var(--color-border-focus));box-shadow:0 0 0 3px rgba(var(--focus-color-rgb,74,144,226),.2);outline:none}.component-input[readonly][data-v-2ee9470c]{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.component-input[readonly][data-v-2ee9470c]:focus{background-color:var(--color-bg-secondary);border-color:var(--color-input-border);box-shadow:none}.vector-display[data-v-2ee9470c]{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-family:Courier New,monospace;font-size:16px;font-weight:600;gap:calc(var(--spacing-xs)*.75);justify-content:center;min-height:38px;padding:calc(var(--spacing-xs)*.75);text-align:center}.vector-display.row-vector[data-v-2ee9470c]{flex-direction:row}.vector-display.column-vector[data-v-2ee9470c]{align-items:stretch;flex-direction:row}.vector-column-content[data-v-2ee9470c]{flex:0 0 auto;flex-direction:column;gap:0;padding:calc(var(--spacing-xs)*.5) 0}.column-component[data-v-2ee9470c],.vector-column-content[data-v-2ee9470c]{align-items:center;display:flex;justify-content:center}.column-component[data-v-2ee9470c]{font-weight:700;height:1.6em;line-height:1.6;min-width:70px;padding:calc(var(--spacing-xs)*.5) var(--spacing-sm);text-align:center;white-space:nowrap}.vector-bracket-left[data-v-2ee9470c],.vector-bracket-right[data-v-2ee9470c]{align-items:center;color:var(--color-text-primary);display:flex;font-family:Times New Roman,serif;font-size:28px;font-weight:700;line-height:1}.vector-bracket-left[data-v-2ee9470c]{margin-right:calc(var(--spacing-xs)*.75)}.vector-bracket-right[data-v-2ee9470c]{margin-left:calc(var(--spacing-xs)*.75)}.vector-display.column-vector .vector-bracket-left[data-v-2ee9470c],.vector-display.column-vector .vector-bracket-right[data-v-2ee9470c]{align-self:stretch;justify-content:center;padding:calc(var(--spacing-xs)*.5) 0}.vector-component-display[data-v-2ee9470c]{margin:0 calc(var(--spacing-xs)*.75)}.result-component[data-v-2ee9470c]{color:#2ecc71;font-weight:700}.operator-section[data-v-2ee9470c]{align-items:center;display:flex;justify-content:center;min-width:60px;padding:var(--spacing-md) 0}.operator[data-v-2ee9470c]{color:var(--color-text-primary);font-family:Times New Roman,serif;font-size:2.5em;font-weight:700}.result-section[data-v-2ee9470c]{align-items:center;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)}.result-section h3[data-v-2ee9470c]{color:var(--color-text-primary);font-size:14px;margin:0 0 var(--spacing-xs) 0;text-align:center;width:100%}.error-message[data-v-2ee9470c]{align-items:flex-start;animation:slideIn-2ee9470c .3s ease-out;background:#dc35451a;border:2px solid var(--color-btn-danger);border-radius:var(--radius-md);color:var(--color-btn-danger);display:flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.error-icon[data-v-2ee9470c]{flex-shrink:0;font-size:18px;margin-top:2px}.error-content[data-v-2ee9470c]{flex:1}.error-title[data-v-2ee9470c]{font-size:16px;font-weight:700;margin-bottom:var(--spacing-xs)}.error-details[data-v-2ee9470c]{font-size:14px;opacity:.9}.scalar-result[data-v-2ee9470c]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) 0;width:100%}.result-label[data-v-2ee9470c]{color:var(--color-text-primary);font-size:16px;font-weight:600}.result-value[data-v-2ee9470c]{color:#2ecc71;font-family:Courier New,monospace;font-size:24px;font-weight:700}.vector-result[data-v-2ee9470c]{display:flex;justify-content:center;padding:var(--spacing-sm) 0;width:100%}@keyframes slideIn-2ee9470c{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scalar-input-section[data-v-2ee9470c]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;width:100%}.result-scalar-input[data-v-2ee9470c]{background:var(--color-input-bg);border:2px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:Courier New,monospace;font-size:18px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-fast);width:150px}.result-scalar-input[data-v-2ee9470c]:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow);outline:none}.result-scalar-input[readonly][data-v-2ee9470c]{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.7}.result-scalar-input[readonly][data-v-2ee9470c]:focus{background-color:var(--color-bg-secondary);border-color:var(--color-input-border);box-shadow:none}.vector-input-section[data-v-2ee9470c]{width:100%}.popup-overlay[data-v-2ee9470c]{align-items:center;animation:fadeIn-2ee9470c .2s ease-out;background:#00000080;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.popup-content[data-v-2ee9470c]{animation:slideUp-2ee9470c .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000004d;max-width:400px;padding:var(--spacing-lg);width:90%}.popup-header[data-v-2ee9470c]{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.popup-header[data-v-2ee9470c],.popup-icon[data-v-2ee9470c]{align-items:center;display:flex}.popup-icon[data-v-2ee9470c]{border-radius:50%;flex-shrink:0;font-size:28px;font-weight:700;height:48px;justify-content:center;width:48px}.correct-icon[data-v-2ee9470c]{background:#2ecc71;color:#fff}.incorrect-icon[data-v-2ee9470c]{background:#f39c12;color:#fff}.popup-header h3[data-v-2ee9470c]{font-size:20px;font-weight:700;margin:0}.popup-body[data-v-2ee9470c],.popup-header h3[data-v-2ee9470c]{color:var(--color-text-primary)}.popup-body[data-v-2ee9470c]{line-height:1.6;margin-bottom:var(--spacing-md)}.popup-body p[data-v-2ee9470c]{font-size:16px;margin:var(--spacing-xs) 0}.correct-answer[data-v-2ee9470c]{background:#f39c121a;border-left:3px solid #f39c12;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:Courier New,monospace;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.popup-footer[data-v-2ee9470c]{display:flex;gap:var(--spacing-sm);justify-content:flex-end}@keyframes fadeIn-2ee9470c{0%{opacity:0}to{opacity:1}}@keyframes slideUp-2ee9470c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.vectors-container[data-v-2ee9470c]{flex-direction:column}.operator-section[data-v-2ee9470c]{min-width:auto;padding:var(--spacing-md) 0}.operator[data-v-2ee9470c]{font-size:2em}.popup-content[data-v-2ee9470c]{max-width:90%;padding:var(--spacing-md)}}.vector-addition-subtraction-visualization[data-v-b7e159f9]{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;padding:var(--spacing-md)}.visualization-controls[data-v-b7e159f9]{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.control-group[data-v-b7e159f9]{align-items:center;display:flex;gap:var(--spacing-xs)}.control-group label[data-v-b7e159f9]{color:var(--color-text-primary);font-size:14px;font-weight:600}.control-group input[data-v-b7e159f9]{padding:var(--spacing-xs);width:60px}.control-group input[data-v-b7e159f9],.control-group select[data-v-b7e159f9]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px}.control-group select[data-v-b7e159f9]{cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm)}.btn-reset[data-v-b7e159f9]{background:linear-gradient(135deg,#4c63d2,#764ba2);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.btn-reset[data-v-b7e159f9]:hover{box-shadow:0 4px 8px #4c63d24d;transform:translateY(-2px)}.canvas-wrapper[data-v-b7e159f9]{background:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden;padding:var(--spacing-md)}.visualization-canvas[data-v-b7e159f9]{cursor:default;display:block;height:auto;max-width:100%}.visualization-canvas[data-v-b7e159f9]:hover{cursor:pointer}.explanation-text[data-v-b7e159f9]{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-md)}.explanation-text-top[data-v-b7e159f9]{margin-bottom:var(--spacing-md)}.explanation-text p[data-v-b7e159f9]{color:var(--color-text-primary);font-size:14px;line-height:1.8;margin:var(--spacing-sm) 0;text-align:justify}.explanation-text p[data-v-b7e159f9]:first-child{margin-top:0}.explanation-text p[data-v-b7e159f9]:last-child{margin-bottom:0}.translation-steps-list[data-v-b7e159f9]{color:var(--color-text-primary);font-size:14px;line-height:1.8;list-style-type:decimal;margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.translation-steps-list li[data-v-b7e159f9]{margin-bottom:var(--spacing-xs)}.translation-steps-list li strong[data-v-b7e159f9]{color:var(--color-text-primary);font-weight:600}.math-formula[data-v-b7e159f9]{background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-vector-blue,#60a5fa);display:inline-block;font-family:KaTeX_Math,Times New Roman,serif;font-style:italic;font-weight:500;margin:0 2px;padding:2px 4px}@media(max-width:768px){.visualization-controls[data-v-b7e159f9]{align-items:stretch;flex-direction:column}.control-group[data-v-b7e159f9]{flex-wrap:wrap}.canvas-wrapper[data-v-b7e159f9]{padding:var(--spacing-sm)}}.section1-6[data-v-cae37f9e]{margin:0 auto;max-width:1400px;padding:var(--spacing-md)}.section-header[data-v-cae37f9e]{margin-bottom:var(--spacing-xl)}.section-heading[data-v-cae37f9e]{border-bottom:3px solid #4c63d2;color:var(--color-text-primary);font-size:2em;font-weight:700;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-lg);text-align:center}.section-description[data-v-cae37f9e]{background:var(--color-bg-secondary);border-left:4px solid #4c63d2;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.introduction[data-v-cae37f9e]{margin-top:var(--spacing-md)}.subsection-heading[data-v-cae37f9e]{border-bottom:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:1.4em;font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm)}.description-text[data-v-cae37f9e]{font-size:15px;text-align:justify}.description-text[data-v-cae37f9e],.features-list[data-v-cae37f9e]{color:var(--color-text-primary);line-height:1.8;margin:var(--spacing-md) 0}.features-list[data-v-cae37f9e]{font-size:14px;list-style-type:disc;padding-left:var(--spacing-lg)}.features-list li[data-v-cae37f9e]{margin-bottom:var(--spacing-xs)}.feature-item[data-v-cae37f9e]{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0;padding-left:1.2em;position:relative}.feature-text[data-v-cae37f9e]{margin-right:var(--spacing-xs)}.feature-item[data-v-cae37f9e]:before{color:var(--color-text-primary);content:"•";font-size:1.2em;font-weight:700;left:0;line-height:1.5;position:absolute}.section1-6[data-v-cae37f9e] .latex-renderer .katex{color:var(--color-vector-blue,#60a5fa)!important;font-size:1.1em!important}.key-points[data-v-cae37f9e]{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.box-title[data-v-cae37f9e]{font-size:1.1em;font-weight:600;margin:0 0 var(--spacing-sm) 0}.box-title[data-v-cae37f9e],.key-points-list[data-v-cae37f9e]{color:var(--color-text-primary)}.key-points-list[data-v-cae37f9e]{font-size:14px;line-height:1.8;margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.key-points-list li[data-v-cae37f9e]{margin-bottom:var(--spacing-xs)}.insight-box[data-v-cae37f9e]{background:linear-gradient(135deg,#4c63d21a,#764ba21a);border-radius:var(--radius-sm);margin:var(--spacing-lg) 0;padding:var(--spacing-md)}.operations-container[data-v-cae37f9e]{background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.key-points-title[data-v-cae37f9e]{color:var(--color-text-primary);font-size:1em;font-weight:600;margin:0 0 var(--spacing-xs) 0}@media(max-width:768px){.section-heading[data-v-cae37f9e]{font-size:1.5em}.section1-6[data-v-cae37f9e]{padding:var(--spacing-sm)}.section-description[data-v-cae37f9e]{padding:var(--spacing-sm) var(--spacing-md)}.description-text[data-v-cae37f9e]{font-size:14px;line-height:1.6}.subsection-heading[data-v-cae37f9e]{font-size:1.2em}.feature-item[data-v-cae37f9e]{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}