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