*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--success: #10b981;--error: #ef4444;--shadow: 0 8px 32px rgba(0, 0, 0, .3)}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;padding:10px;color:var(--text-primary)}#root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;height:calc(100vh - 20px);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:40px 40px 60px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.header-section{text-align:center;flex-shrink:0}h1{font-size:1.5rem;font-weight:700;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:.95rem}.tab-navigation{display:flex;gap:8px;border-bottom:1px solid var(--glass-border);padding-bottom:16px;flex-shrink:0}.tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.tab:hover{background:#ffffff1a;color:var(--text-primary)}.tab.active{background:#ffffff26;color:var(--text-primary)}.tab-icon{font-size:1.1rem}.main-content{flex:1;min-height:0;display:flex;flex-direction:column}.columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;flex:1;min-height:0}.column{display:flex;flex-direction:column;min-height:0}.input-group,.output-group{display:flex;flex-direction:column;height:100%;min-height:0}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-secondary);flex-shrink:0}textarea,.output{width:100%;flex:1;padding:16px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;transition:border-color .3s ease,box-shadow .3s ease}textarea{resize:none}textarea::placeholder{color:#ffffff80}textarea:focus,.output:focus{outline:none;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.output{overflow:auto;word-wrap:break-word;overflow-wrap:break-word;background:#0003}.output:empty:before{content:"结果将显示在这里...";color:#fff6}.output .duplicate{background:#ef44444d;border-radius:4px;font-weight:600;color:#fca5a5}.duplicates-list{margin-top:10px;padding:10px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:.85rem;flex-shrink:0}.duplicates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.duplicates-label{color:var(--error);font-weight:600}.deduplicate-all-btn{padding:4px 12px;font-size:.75rem;font-weight:600;background:var(--error);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex:none}.deduplicate-all-btn:hover{background:#dc2626;transform:scale(1.02)}.deduplicate-all-btn:active{transform:scale(.98)}.duplicates-tags{display:flex;flex-wrap:wrap;gap:6px;max-height:100px;overflow-y:auto}.duplicates-tags::-webkit-scrollbar{width:4px}.duplicates-tags::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.duplicates-tags::-webkit-scrollbar-thumb{background:#ef444466;border-radius:2px}.duplicates-tags::-webkit-scrollbar-thumb:hover{background:#ef444499}.duplicate-tag{background:#ef44444d;color:#fca5a5;padding:4px 10px;border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-weight:600;font-size:.8rem;border:1px solid rgba(239,68,68,.4);cursor:pointer;transition:all .2s ease;flex:none}.duplicate-tag:hover{background:#ef444480;transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.duplicate-tag:active{transform:translateY(0)}.duplicate-count{margin-left:4px;font-size:.7rem;opacity:.8}.button-group{display:flex;gap:12px;margin-top:16px;flex-shrink:0}button{flex:1;padding:14px 24px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .3s ease}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{background:#ffffff26;box-shadow:none}.btn-primary{background:var(--text-primary);color:#764ba2}.btn-primary:hover:not(:disabled){background:#fffffff2;box-shadow:0 4px 20px #ffffff4d}.btn-secondary{background:#ffffff26;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#ffffff40}.copy-btn.copied{background:var(--success)}.error-message{color:var(--error);font-size:.85rem;margin-top:8px;min-height:20px;opacity:0;transition:opacity .3s ease;flex-shrink:0}.error-message:empty{display:none}.error-message.visible{opacity:1}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--success);color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;box-shadow:0 4px 20px #0000004d;opacity:0;transition:transform .3s ease,opacity .3s ease;pointer-events:none;z-index:1000}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.keyboard-hint{text-align:center;color:var(--text-secondary);font-size:.75rem;margin-top:auto;flex-shrink:0}.keyboard-hint kbd{background:#fff3;padding:2px 6px;border-radius:4px;font-family:inherit}.list-container{flex:1;overflow-y:auto;padding:4px}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.list-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.list-item{background:#ffffff0d;border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid transparent;transition:all .2s ease}.list-item:hover{background:#ffffff1a;border-color:#ffffff26}.list-item:last-child{margin-bottom:0}.list-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.list-item-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.list-item-time{font-size:.7rem;color:var(--text-secondary);opacity:.7;flex-shrink:0}.list-item-actions{display:flex;gap:4px}.list-item-content{display:flex;flex-direction:column;gap:4px}.list-item-input{font-size:.75rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;color:var(--text-secondary)}.list-item-output{font-size:.8rem;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;color:var(--text-primary);font-weight:500}.icon-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--text-primary)}.icon-btn.restore:hover{color:var(--success)}.icon-btn.delete:hover{color:var(--error)}.empty-state{color:var(--text-secondary);font-size:.9rem;text-align:center;padding:40px 20px;opacity:.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.modal-overlay.show{opacity:1;pointer-events:auto}.modal{background:#281e3cf2;border:1px solid var(--glass-border);border-radius:16px;padding:24px;width:90%;max-width:400px;transform:scale(.95);transition:transform .3s ease}.modal-overlay.show .modal{transform:scale(1)}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:16px}.modal-input{width:100%;padding:12px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.95rem;margin-bottom:16px}.modal-input:focus{outline:none;border-color:#fff6}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{flex:none;padding:10px 20px;font-size:.9rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.page-title{font-size:1.1rem;font-weight:600}.page-count{color:var(--text-secondary);font-size:.85rem}@media (max-width: 768px){body,#root{display:block;height:auto}html{height:auto}.container{display:block;height:auto;min-height:calc(100vh - 20px);max-width:600px;padding:16px;margin:10px auto;gap:8px}h1{font-size:1.2rem;margin-bottom:4px}.subtitle{font-size:.8rem}.header-section{margin-bottom:8px}.tab-navigation{padding-bottom:12px;gap:4px}.tab{padding:6px 12px;font-size:.8rem}.columns{grid-template-columns:1fr;gap:16px}.button-group{flex-direction:column;gap:8px;margin-top:12px}button{padding:10px 16px;font-size:.9rem}textarea,.output{padding:12px;font-size:.9rem;min-height:120px;max-height:50vh}.list-item{padding:8px;margin-bottom:6px}.list-item-header{margin-bottom:6px}.list-item-title{font-size:.8rem}.list-item-time{font-size:.65rem}.list-item-input,.list-item-output{font-size:.7rem}.page-header{margin-bottom:12px}.page-title{font-size:1rem}.page-count{font-size:.75rem}.duplicates-list{font-size:.75rem;padding:8px}.duplicates-header{flex-direction:column;align-items:flex-start;gap:6px}.deduplicate-all-btn{padding:4px 10px;font-size:.7rem;width:100%}.duplicates-tags{max-height:80px}.duplicate-tag{padding:3px 8px;font-size:.75rem}.duplicate-count{font-size:.65rem}}@media print{body{background:#fff;color:#000}.container{background:#fff;border:none;box-shadow:none}button,.keyboard-hint,.tab-navigation{display:none}}