[data-v-3f6313ca]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Microsoft YaHei,monospace}.text-compare-tool[data-v-3f6313ca]{max-width:1600px;margin:0 auto;padding:20px;background-color:#f5f7fa;min-height:100vh}.header[data-v-3f6313ca]{text-align:center;margin-bottom:20px}.header h1[data-v-3f6313ca]{color:#2c3e50;font-size:28px;margin-bottom:8px}.header p[data-v-3f6313ca]{color:#7f8c8d;font-size:14px}.controls[data-v-3f6313ca]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;padding:12px 20px;border-radius:8px;margin-bottom:15px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.05);box-shadow:0 2px 4px rgba(0,0,0,.05);gap:10px}.controls[data-v-3f6313ca],.options[data-v-3f6313ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.options[data-v-3f6313ca]{gap:20px}.option-item[data-v-3f6313ca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;cursor:pointer;color:#34495e;font-size:14px}.btns[data-v-3f6313ca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.btn[data-v-3f6313ca]{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;-webkit-transition:all .3s;transition:all .3s}.btn-primary[data-v-3f6313ca]{background:#409eff;color:#fff}.btn-primary[data-v-3f6313ca]:hover{background:#337ecc}.btn-default[data-v-3f6313ca]{background:#f5f7fa;color:#606266}.btn-default[data-v-3f6313ca]:hover{background:#e5e6eb}.compare-wrap[data-v-3f6313ca]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;height:600px}.compare-panel[data-v-3f6313ca]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;border-radius:8px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.panel-title[data-v-3f6313ca]{padding:10px 15px;background:#409eff;color:#fff;font-weight:600;font-size:16px}.editor-container[data-v-3f6313ca]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.text-editor[data-v-3f6313ca]{border:none;outline:none;resize:none}.diff-view[data-v-3f6313ca],.text-editor[data-v-3f6313ca]{width:100%;height:100%;padding:15px;font-size:14px;line-height:1.8;color:#303133}.diff-view[data-v-3f6313ca]{overflow-y:auto}.diff-add[data-v-3f6313ca]{background-color:#e8f5e9;color:#2e7d32;border-radius:2px;padding:0 2px}.diff-remove[data-v-3f6313ca]{background-color:#ffebee;color:#c62828;text-decoration:line-through;border-radius:2px;padding:0 2px}.diff-modify[data-v-3f6313ca]{background-color:#fff8e1;color:#ff8f00;border-radius:2px;padding:0 2px}.line-add[data-v-3f6313ca]{background-color:#f1f8e9}.line-remove[data-v-3f6313ca]{background-color:#ffebee}.line-modify[data-v-3f6313ca]{background-color:#fff8e1}.line-normal[data-v-3f6313ca]{background-color:transparent}.line-number[data-v-3f6313ca]{display:inline-block;width:40px;text-align:right;margin-right:10px;color:#909399;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.empty-tip[data-v-3f6313ca]{text-align:center;color:#67c23a;font-size:16px;margin-top:50px}@media (max-width:768px){.compare-wrap[data-v-3f6313ca]{height:auto}.compare-wrap[data-v-3f6313ca],.controls[data-v-3f6313ca]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.controls[data-v-3f6313ca]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}