*,body{margin:0}.header-container,.upload-section{text-align:center}.btn,.download-btn{cursor:pointer;transition:.3s}body{min-height:100vh;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;color:#333;background-color:#cccb9c;background-image:url("/bjt.webp");background-repeat:no-repeat;background-size:cover;background-position:center;padding:20px 10px;display:flex;justify-content:center}:root{--primary-color:#58c371;--secondary-color:#56d54b;--light-color:#f8f9fa;--dark-color:#212529;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#f44336;--border-radius:6px;--box-shadow:0 1px 6px rgba(0, 0, 0, 0.1)}.header-container,.main-container{background:rgba(255,255,255,.5);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:15px;width:100%}*{padding:0;box-sizing:border-box}.page-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;gap:20px}.btn,.quality-value{display:inline-block}.header-container h1{color:var(--primary-color);margin-bottom:6px;font-size:24px}.header-container p{font-size:14px;color:#666;margin:4px 0}.btn,.file-info,.image-info,.quality-value,.remove-btn,label,select{font-size:12px}.file-card,.image-card{box-shadow:0 1px 3px rgba(0,0,0,.05)}.upload-section{border:2px dashed #ccc;border-radius:var(--border-radius);padding:15px 10px;margin-bottom:15px;transition:.3s;background-color:var(--light-color)}.upload-section p{font-size:12px;margin-bottom:8px}.upload-section.dragover,.upload-section:hover{border-color:var(--primary-color);background-color:rgba(67,97,238,.05)}.btn{padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);margin:3px}.settings-panel,select{border-radius:var(--border-radius)}.btn:hover,.download-btn:hover{background-color:var(--secondary-color)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.settings-panel{background-color:var(--light-color);padding:10px;margin-bottom:15px}.results-section h2,.selected-files h2,.settings-panel h2{font-size:14px;margin-bottom:8px;color:var(--dark-color)}.setting-group{margin-bottom:8px}label{display:block;margin-bottom:4px;font-weight:500}input[type=range]{width:100%;height:5px;border-radius:3px;background:#ddd;outline:0;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color);cursor:pointer}select{width:100%;padding:6px;border:1px solid #ddd}.quality-value{width:35px;text-align:right;font-weight:700}.batch-actions,.copyright,.empty-state,.file-info{text-align:center}.selected-files{margin-top:12px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.file-card{border:1px solid #eee;border-radius:var(--border-radius);padding:6px;background:#fff;display:flex;flex-direction:column;align-items:center}.file-preview{width:100%;height:80px;object-fit:contain;margin-bottom:6px;background-color:#f8f9fa;border-radius:3px}.file-info{color:#666;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.image-info,.image-preview,.progress-container{width:100%;margin-bottom:6px}.file-actions{display:flex;justify-content:center;width:100%}.remove-btn{background:0 0;border:none;color:var(--danger-color);cursor:pointer}.results-section{margin-top:15px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:8px}.image-card{border:1px solid #eee;border-radius:var(--border-radius);padding:8px;background:#fff;display:flex;flex-direction:column;align-items:center}.image-preview{height:120px;object-fit:contain;background-color:#f8f9fa;border-radius:3px}.image-info{display:flex;justify-content:space-between;color:#666}.compression-rate{font-weight:500;color:var(--success-color)}.download-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:4px 8px;font-size:12px}.empty-state,.progress-info{color:#666;font-size:12px}.progress-bar,.progress-container{border-radius:var(--border-radius)}.progress-container{background-color:#e9ecef;height:6px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);width:0%;transition:width .5s ease-out}.hidden{display:none}.batch-actions{margin-top:12px}.empty-state{padding:12px}.copyright{margin-top:15px;padding-top:8px;border-top:1px solid #eee;font-size:12px;color:#999;line-height:1.4}@media (max-width:480px){.page-wrapper{max-width:100%}.files-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.header-container h1{font-size:20px}.file-card,.image-card{padding:4px}.file-preview,.image-preview{height:60px}.download-btn,.file-info,.image-info,.remove-btn{font-size:10px}.copyright .copyright-main{font-size:14px;color:#999;font-weight:500}}@media (min-width:768px){.file-card,.image-card{box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn,.download-btn,.file-info,.image-info,.progress-info,.quality-value,.remove-btn,label,select{font-size:14px}.page-wrapper{max-width:1000px;gap:30px;padding:30px 0}.header-container,.main-container{padding:25px}.header-container h1{font-size:28px;margin-bottom:12px}.header-container p{font-size:16px;margin:6px auto;max-width:800px}.upload-section{padding:25px 15px;margin-bottom:25px}.results-section h2,.selected-files h2,.settings-panel h2,.upload-section p{font-size:16px;margin-bottom:12px}.btn{padding:8px 18px;margin:5px}.settings-panel{padding:18px;margin-bottom:25px}label{margin-bottom:6px}input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px}select{padding:8px}.quality-value{width:45px}.results-section,.selected-files{margin-top:20px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.file-card{padding:12px}.file-preview{height:120px;margin-bottom:10px}.file-info{margin-bottom:5px}.remove-btn{padding:4px 8px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px}.image-card{padding:15px}.image-preview{height:160px;margin-bottom:12px}.image-info{margin-bottom:10px}.download-btn{padding:6px 15px}.progress-container{height:8px;margin-bottom:10px}.copyright{margin-top:25px;font-size:13px}}