.main-container[data-v-0dfde36d]{max-width:1400px;margin:0 auto;padding:20px}.tool-header[data-v-0dfde36d]{text-align:center;margin-bottom:30px}.tool-header h1[data-v-0dfde36d]{color:#2c3e50;margin-bottom:10px}.tool-header p[data-v-0dfde36d]{color:#7f8c8d;font-size:16px}.diff-controls[data-v-0dfde36d]{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.mode-selector[data-v-0dfde36d]{display:flex;gap:15px}.radio-label[data-v-0dfde36d],.checkbox-label[data-v-0dfde36d]{display:flex;align-items:center;gap:5px;cursor:pointer}.btn-secondary[data-v-0dfde36d]{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.btn-secondary[data-v-0dfde36d]:hover{background:#5a6268}.text-cards[data-v-0dfde36d]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.text-card[data-v-0dfde36d]{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.card-header[data-v-0dfde36d]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e4e7ed;background:#fafafa}.btn-text[data-v-0dfde36d]{background:none;border:none;color:#409eff;cursor:pointer;padding:0;font-size:14px}.btn-text[data-v-0dfde36d]:hover{color:#66b1ff}.text-area[data-v-0dfde36d]{width:100%;padding:15px;border:none;font-size:14px;line-height:1.6;font-family:inherit;resize:vertical}.text-area[data-v-0dfde36d]:focus{outline:none}.text-stats[data-v-0dfde36d]{display:flex;gap:15px;padding:10px 20px;font-size:12px;color:#909399;border-top:1px solid #e4e7ed}.result-card[data-v-0dfde36d],.summary-card[data-v-0dfde36d]{margin-top:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.diff-tags[data-v-0dfde36d]{display:flex;gap:8px}.tag[data-v-0dfde36d]{padding:2px 8px;border-radius:4px;font-size:12px}.tag.success[data-v-0dfde36d]{background:#e6ffed;color:#28a745}.tag.danger[data-v-0dfde36d]{background:#ffeef0;color:#dc3545}.tag.warning[data-v-0dfde36d]{background:#fff3cd;color:#ffc107}.tag.info[data-v-0dfde36d]{background:#f0f0f0;color:#6c757d}.diff-display[data-v-0dfde36d]{font-family:monospace;font-size:14px;line-height:1.6;max-height:500px;overflow-y:auto;border:1px solid #e4e7ed}.diff-line[data-v-0dfde36d]{display:flex;min-height:24px;border-bottom:1px solid #f0f0f0}.diff-line[data-v-0dfde36d]:last-child{border-bottom:none}.diff-unchanged[data-v-0dfde36d]{background:#fff}.diff-addition[data-v-0dfde36d]{background:#e6ffed;border-left:4px solid #28a745}.diff-deletion[data-v-0dfde36d]{background:#ffeef0;border-left:4px solid #dc3545}.diff-modification[data-v-0dfde36d]{background:#fff3cd;border-left:4px solid #ffc107}.line-number[data-v-0dfde36d]{width:80px;padding:0 8px;background:#f8f9fa;border-right:1px solid #e4e7ed;display:flex;flex-direction:column;justify-content:center;font-size:12px;color:#6c757d}.original-line[data-v-0dfde36d],.modified-line[data-v-0dfde36d]{height:12px;line-height:12px}.line-content[data-v-0dfde36d]{flex:1;padding:0 8px;display:flex;align-items:center}.diff-marker[data-v-0dfde36d]{width:20px;font-weight:700;color:#6c757d}.line-text[data-v-0dfde36d]{flex:1}.no-diff[data-v-0dfde36d]{text-align:center;padding:40px;color:#28a745}.success-icon[data-v-0dfde36d]{font-size:48px;margin-bottom:16px;display:block}.summary-grid[data-v-0dfde36d]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.summary-item[data-v-0dfde36d]{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.summary-number[data-v-0dfde36d]{font-size:32px;font-weight:700;margin-bottom:8px}.summary-number.addition[data-v-0dfde36d]{color:#28a745}.summary-number.deletion[data-v-0dfde36d]{color:#dc3545}.summary-number.modification[data-v-0dfde36d]{color:#ffc107}.summary-number.unchanged[data-v-0dfde36d]{color:#6c757d}.summary-label[data-v-0dfde36d]{font-size:14px;color:#6c757d}@media(max-width:1024px){.text-cards[data-v-0dfde36d]{grid-template-columns:1fr}}@media(max-width:768px){.diff-controls[data-v-0dfde36d]{flex-direction:column;align-items:flex-start}.mode-selector[data-v-0dfde36d]{flex-wrap:wrap}.summary-grid[data-v-0dfde36d]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.summary-grid[data-v-0dfde36d]{grid-template-columns:1fr}}