.text-diff-container{min-height:100vh;background-color:var(--bg-page);background-image:none;padding:40px var(--space-5);color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-diff-container .diff-card{background:var(--bg-card);border:1px solid var(--color-gray-200);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:var(--space-4);padding:30px;max-width:1200px;margin:0 auto}.text-diff-container h1{color:var(--color-gray-900);text-shadow:none;font-size:2rem;margin-bottom:.5rem;font-weight:700;text-align:center}.text-diff-container .subtitle{color:var(--color-gray-500);text-align:center;margin-bottom:2rem;font-size:1rem}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--space-3);border:1px solid var(--color-gray-300);flex-wrap:wrap;gap:15px}.mode-selector{display:flex;gap:var(--space-2);background:var(--color-gray-200);padding:4px;border-radius:var(--space-2)}.mode-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--color-gray-500);border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:none}.mode-btn:hover{color:var(--color-gray-800);background:#ffffff80}.mode-btn.active{background:var(--bg-card);color:var(--color-gray-950);box-shadow:var(--shadow-sm);font-weight:600}.action-btns{display:flex;gap:var(--space-3)}.action-btns .btn{padding:var(--space-2) var(--space-4);border-radius:var(--space-2);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;display:flex;align-items:center;gap:6px}.action-btns .btn-secondary{background:var(--bg-card);color:var(--color-gray-600);border:1px solid var(--color-gray-300);box-shadow:0 1px 2px #0000000d}.action-btns .btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px)}.action-btns .btn-danger{background:var(--color-danger-100);color:var(--color-danger-500);border:1px solid var(--color-danger-200)}.action-btns .btn-danger:hover{background:var(--color-danger-200);color:var(--color-danger-600);transform:translateY(-1px)}.statistics-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:30px;padding:var(--space-5);background:var(--bg-card);border-radius:var(--space-3);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.stat-item{text-align:center;padding:10px;border-radius:var(--space-2);background:var(--color-gray-50)}.stat-label{display:block;color:var(--color-gray-500);font-size:.85rem;margin-bottom:4px;font-weight:500}.stat-value{display:block;color:var(--color-gray-950);font-size:1.5rem;font-weight:700}.stat-equal{color:#10b981}.stat-diff{color:var(--color-danger-500)}.stat-similarity{color:var(--color-info-500)}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:30px}.input-panel h3{color:var(--color-gray-800);margin-bottom:var(--space-3);font-size:1rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.text-input{width:100%;height:350px;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--color-gray-300);border-radius:var(--space-3);color:var(--color-gray-800);font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.6;resize:vertical;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000005}.text-input:focus{outline:none;border-color:var(--color-info-500);box-shadow:0 0 0 3px #3b82f61a}.text-input::placeholder{color:var(--color-gray-400)}.diff-result-section{margin-top:40px;border-top:1px solid var(--color-gray-200);padding-top:30px}.diff-result-section h3{color:var(--color-gray-900);margin-bottom:var(--space-5);font-size:1.2rem;font-weight:600}.diff-view-lines{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-card);border-radius:var(--space-3);border:1px solid var(--color-gray-300);overflow:hidden}.diff-column{background:var(--bg-card);border-right:1px solid var(--color-gray-200);overflow:hidden;display:flex;flex-direction:column}.diff-column:last-child{border-right:none}.column-header{display:flex;justify-content:space-between;align-items:center;padding:10px var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--color-gray-200)}.column-title{color:var(--color-gray-600);font-weight:600;font-size:.9rem}.line-count{color:var(--color-gray-500);font-size:.8rem;background:var(--color-gray-200);padding:2px var(--space-2);border-radius:var(--space-3)}.diff-content{max-height:600px;overflow-y:auto;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.9rem;background:var(--bg-card)}.diff-line{display:flex;align-items:flex-start;padding:0;border-bottom:none;line-height:1.5}.diff-line:hover{background:var(--color-gray-50)}.line-number{min-width:40px;padding:4px var(--space-2);color:var(--color-gray-400);font-size:.75rem;text-align:right;background:var(--color-gray-50);border-right:1px solid var(--bg-secondary);-webkit-user-select:none;user-select:none}.line-text{flex:1;padding:4px var(--space-3);color:var(--color-gray-800);white-space:pre-wrap;word-break:break-all}.diff-column:first-child .line-modified{background-color:#ffebe9}.diff-column:first-child .line-modified .line-number{background-color:#ffdce0;color:#cf222e}.diff-column:last-child .line-modified{background-color:#dafbe1}.diff-column:last-child .line-modified .line-number{background-color:#ccffd8;color:#1a7f37}.line-empty{background:#f6f8fa url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMTBMMTAgMFoiIHN0cm9rZT0iI2UzZTZlOCIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9zdmc+);opacity:.5}.tips-section{margin-top:40px;background:var(--color-gray-50);padding:var(--space-5);border-radius:var(--space-3);border:1px solid var(--color-gray-200)}.tips-section h3{color:var(--color-gray-600);font-size:1rem;margin-bottom:var(--space-3);font-weight:600}.tips-section ul{list-style:none;padding:0;margin:0}.tips-section li{color:var(--color-gray-500);margin-bottom:var(--space-2);font-size:.9rem;display:flex;align-items:center;gap:var(--space-2)}.highlight-modified{display:inline-block;background:#ffebe9;color:#cf222e;padding:2px var(--space-2);border-radius:4px;font-size:.8rem;font-family:monospace}.highlight-empty{display:inline-block;background:var(--bg-secondary);color:var(--color-gray-500);padding:2px var(--space-2);border-radius:4px;font-size:.8rem;border:1px dashed var(--color-gray-300)}.diff-content::-webkit-scrollbar{width:10px;height:10px}.diff-content::-webkit-scrollbar-track{background:transparent}.diff-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:5px;border:2px solid var(--color-white)}.diff-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width: 1024px){.input-section,.diff-view-lines{grid-template-columns:1fr}.diff-column:first-child{border-right:none;border-bottom:1px solid var(--color-gray-200)}.controls-bar{flex-direction:column;align-items:stretch}.mode-selector,.action-btns{width:100%;justify-content:center}}