.formula-editor-page[data-v-981df699]{max-width:1400px;margin:0 auto;padding:20px}.page-header[data-v-981df699]{text-align:center;margin-bottom:30px}.page-header h1[data-v-981df699]{color:#2c3e50;margin-bottom:10px;font-size:2.5rem}.page-description[data-v-981df699]{color:#7f8c8d;font-size:1.1rem;margin:0}.editor-container[data-v-981df699]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.left-panel[data-v-981df699],.right-panel[data-v-981df699]{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.left-panel[data-v-981df699],.right-panel[data-v-981df699]{display:flex;flex-direction:column;gap:20px}.input-section[data-v-981df699],.template-type-selector[data-v-981df699],.templates-section[data-v-981df699],.tutorial-section[data-v-981df699],.preview-section[data-v-981df699],.actions-section[data-v-981df699]{padding:20px}.input-section h3[data-v-981df699],.template-type-selector h3[data-v-981df699],.templates-section h3[data-v-981df699],.tutorial-section h3[data-v-981df699],.preview-section h3[data-v-981df699],.actions-section h3[data-v-981df699]{margin:0 0 15px;color:#2c3e50;font-size:1.2rem}.template-type-selector[data-v-981df699]{background:#fff;border-radius:6px;border:1px solid #e9ecef;text-align:center}.template-type-selector .el-radio-group[data-v-981df699]{width:100%}.template-type-selector .el-radio-button[data-v-981df699]{flex:1}.word-compatibility-tip[data-v-981df699]{margin-bottom:15px}.word-usage-guide[data-v-981df699]{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #17a2b8}.word-usage-guide h4[data-v-981df699]{margin:0 0 10px;color:#2c3e50;font-size:1rem}.word-usage-guide ol[data-v-981df699]{margin:0 0 10px;padding-left:20px}.word-usage-guide li[data-v-981df699]{margin-bottom:8px;line-height:1.5}.word-usage-guide code[data-v-981df699]{background:#e9ecef;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;color:#e74c3c}.word-usage-guide p[data-v-981df699]{margin:0;font-size:.9rem;color:#6c757d}.template-buttons[data-v-981df699]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding-right:10px}.template-buttons[data-v-981df699]::-webkit-scrollbar{width:6px}.template-buttons[data-v-981df699]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.template-buttons[data-v-981df699]::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.tutorial-section[data-v-981df699]{border-top:1px solid #e1e8ed}.tutorial-header[data-v-981df699]{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:0;background:none;border:none}.tutorial-header h3[data-v-981df699]{margin:0;color:#2c3e50;font-size:1.2rem}.toggle-icon[data-v-981df699]{font-size:.8rem;color:#7f8c8d;transition:transform .3s}.tutorial-content[data-v-981df699]{margin-top:15px}.tutorial-search[data-v-981df699]{margin-bottom:15px}.symbol-categories[data-v-981df699]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.symbol-table-container[data-v-981df699]{max-height:400px;overflow-y:auto;border:1px solid #e1e8ed;border-radius:6px}.symbol-table[data-v-981df699]{width:100%;border-collapse:collapse;font-size:.85rem}.symbol-table th[data-v-981df699]{background:#f8f9fa;padding:10px 8px;text-align:left;border-bottom:2px solid #e1e8ed;font-weight:600;color:#2c3e50;position:sticky;top:0;z-index:10}.symbol-table td[data-v-981df699]{padding:8px;border-bottom:1px solid #f1f1f1;vertical-align:middle}.symbol-table tr[data-v-981df699]:hover{background:#f8f9fa}.latex-code[data-v-981df699]{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace}.latex-code code[data-v-981df699]{background:#f8f9fa;padding:2px 6px;border-radius:4px;border:1px solid #e1e8ed;font-size:.8rem;flex:1}.symbol-preview[data-v-981df699]{text-align:center;min-width:80px}.symbol-preview div[data-v-981df699]{display:inline-block;padding:4px 8px;background:#f8f9fa;border-radius:4px;border:1px solid #e1e8ed}.formula-preview[data-v-981df699]{min-height:200px;background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;padding:20px;display:flex;align-items:center;justify-content:center}.preview-placeholder[data-v-981df699]{color:#7f8c8d;font-style:italic;text-align:center}.action-buttons[data-v-981df699]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.error-section[data-v-981df699]{margin-top:20px}@media (max-width: 1024px){.editor-container[data-v-981df699]{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.formula-editor-page[data-v-981df699]{padding:10px}.page-header h1[data-v-981df699]{font-size:2rem}.template-buttons[data-v-981df699]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.symbol-table[data-v-981df699]{font-size:.75rem}.symbol-table th[data-v-981df699],.symbol-table td[data-v-981df699]{padding:6px 4px}.latex-code[data-v-981df699]{flex-direction:column;align-items:flex-start;gap:4px}.symbol-categories[data-v-981df699]{justify-content:center}.action-buttons[data-v-981df699]{flex-direction:column}}