body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5}.container{max-width:600px;margin:80px auto;padding:20px}h1{text-align:center;color:#333}.input-group{display:flex;gap:10px;margin-bottom:20px}input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px}button{padding:12px 24px;background:#409eff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px}button:hover{background:#66b1ff}button:disabled{background:#ccc;cursor:not-allowed}.result{margin-top:20px;padding:16px;background:#fff;border-radius:6px}.url-box{display:flex;align-items:center;gap:10px;margin-top:8px}.url-box span{flex:1;word-break:break-all;color:#409eff}.copy-btn{padding:6px 16px;background:#67c23a;font-size:14px}.copy-btn:hover{background:#85ce61}.error{margin-top:16px;color:#f56c6c}