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