:root{--primary:#2b6cb0;--secondary:#718096;--space:1.5rem}body{background:#f8fafc;margin:0;padding:0;font-family:-apple-system,Segoe UI,sans-serif;line-height:1.6}.generated-command{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1rem}.generated-command textarea{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:100%;padding:1rem;font-family:monospace}.progress-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.progress-info{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;display:flex}.stats-info{color:#718096;font-size:.8rem}.progress-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary) 0%, #3182ce 100%);border-radius:4px;height:100%;transition:width .3s}.file-info{color:#4a5568;background:#edf2f7;border-radius:6px;justify-content:space-between;margin-top:.5rem;padding:.8rem;font-size:.9rem;display:flex}.file-info span{font-weight:500}.copy-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s}.copy-button:hover{background-color:#0056b3}.copy-button:active{transform:scale(.98)}.sort-button{background-color:var(--secondary);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-left:1rem;padding:.3rem .6rem;transition:background-color .3s}.sort-button:hover{background-color:#6b7e93}.sort-button:active{transform:scale(.98)}@media (max-width:768px){.container{margin:1rem;padding:1.5rem}.result-container{grid-template-columns:1fr;gap:1rem}.left-column{border-bottom:2px solid #e2e8f0;border-right:none;padding:0 0 1.5rem}.right-column{padding:0}}.container{background:#fff;border-radius:12px;max-width:1200px;margin:2rem auto;padding:2rem;box-shadow:0 2px 10px #0000001a}.card{margin-bottom:var(--space);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}h1{text-align:center;color:#333;margin-bottom:20px;font-size:24px}input,button{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:10px;padding:10px}button{background:var(--primary);color:#fff;cursor:pointer;transition:background-color .3s}button:hover{background:#0056b3}.result-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;min-height:60vh;display:grid}.result-column{flex-direction:column;height:100%;display:flex}.result-list{height:60vh;overflow-y:overlay;scroll-behavior:smooth;padding-right:8px}.result-item{border-bottom:1px solid #e2e8f0;padding:.2rem;transition:background .2s}.result-item:hover{background:#f8fafc}input[type=file]{border:2px dashed #cbd5e0;width:100%;padding:1.5rem}.time-badge{color:#2d3748;background:#e2e8f0;border-radius:4px;margin-right:1rem;padding:.3rem .6rem;font-family:monospace}.keyword-highlight{color:var(--primary);font-weight:600}.loading{text-align:center;color:#007bff;margin-top:10px}.full-chat-container{z-index:1000;background:#00000080;width:100%;height:100%;padding:2rem;position:fixed;top:0;left:0}.full-chat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.return-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem}.return-button:hover{background:#0056b3}.full-chat-list{background:#fff;border-radius:8px;height:calc(100vh - 100px);padding:1rem;overflow-y:auto}.danmu-item{border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.2rem;display:flex}.danmu-item:hover{background:#f8fafc}.full-chat-list::-webkit-scrollbar{width:8px}.full-chat-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.full-chat-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.full-chat-list::-webkit-scrollbar-thumb:hover{background:#555}.highlight-item{border-left:3px solid var(--primary);animation:2s ease-out highlight-fade;background:#2b6cb01a!important}@keyframes highlight-fade{0%{background:#2b6cb04d}to{background:#2b6cb01a}}.clickable{cursor:pointer;transition:transform .1s}.clickable:hover{background:#f8fafc}.clickable:active{transform:scale(.98)}.full-chat-container{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:80%;max-width:800px;max-height:80vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}.full-chat-header{background-color:var(--primary);color:#fff;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.full-chat-header h5{margin:0;font-size:1.1rem;font-weight:500}.return-button{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:4px;padding:.4rem .8rem;font-weight:500;transition:all .2s}.return-button:hover{background:#ffffffe6;transform:translateY(-1px)}.full-chat-list{background:#f8fafc;flex-grow:1;padding:1rem;overflow-y:auto}.danmu-item{background:#fff;border-radius:6px;align-items:center;margin:.4rem 0;padding:.8rem 1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000d}.danmu-item:hover{transform:translate(4px);box-shadow:0 2px 6px #0000001a}.danmu-item .time-badge{background:var(--primary);color:#fff;margin-right:1rem;padding:.3rem .6rem;font-size:.8rem}.danmu-item .content-text{word-break:break-word;flex-grow:1}.full-chat-backdrop{z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}