1. 右侧调整字体、内边距、圆角、渐变/交互颜色；左侧实时预览按钮；
2. 底部自动输出完整按钮渐变+hover+active交互CSS；一键复制弹窗提示成功。

.btn{
    font-family:Arial;
    padding:12px 24px;
    font-size:16px;
    border-radius:8px;
    color:#ffffff;
    background:linear-gradient(#2399c2,#107899);
    border-top:1px solid #54c0eb;
}
.btn:hover{background:#0b6885;color:#eaeaea;}
.btn:active{background:#064c63;}

1. 新增黑色边框实时预览框 #livePreviewBox，每次修改参数自动把生成的全部CSS内联到预览DOM；
2. 点击【示例测试】同步更新顶部输入框、预览框、下方文本域三处文字；
3. 修改任意字体参数、颜色、阴影，预览框实时渲染对应样式，不再是无样式纯文本；
4. 修复删除×、示例测试、清除文本全部点击失效问题；底部汇总框同步更新完整CSS；
5. 复制按钮弹窗提示复制成功。

/* 工具自动生成字体CSS汇总示例 */
font-size: 14px;
font-style: normal;
font-family: 'Arimo', sans-serif;
font-weight: 400;
font-variant: normal;
color: #000000;
letter-spacing: 0px;
word-spacing: 0px;
text-transform: none;
text-decoration: none;
text-align: initial;
background: #fffcfc;
padding: 6px;
text-shadow: none;