*{margin:0;padding:0;box-sizing:border-box}body{background:#f5f5f5}.compress{--theme-color:#008dff;--success-color:#52c41a;--error-color:#ff4040;width:80%;max-width:1200px;margin:0 auto;display:flex;align-items:center;flex-direction:column;padding-top:20px;font-size:14px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.compress .title{font-size:40px;font-weight:bold;margin-bottom:20px}@media (max-width:768px){.compress .title{font-size:9vw}}.compress .desc{color:#949494;margin-bottom:20px}.compress .textarea{display:block;width:100%;height:50vw;max-height:400px;padding:15px;border:1px solid #ccc;outline:none;margin-bottom:10px;border-radius:4px}.compress .textarea:focus{border-color:var(--theme-color)}.compress .tips{width:100%;height:40px}.compress .tips.error{color:var(--error-color)}.compress .tips.success{color:var(--success-color)}.compress .buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.compress .buttons .btn{padding:4px 10px;border:1px solid #ccc;cursor:pointer;transition:all .4s;border-radius:4px;user-select:none}.compress .buttons .btn:hover{border-color:var(--theme-color);background:rgba(0,0,0,0.02)}.compress .buttons .btn.danger:hover{border-color:var(--error-color)}