【第1步】备份原有文件
    如果有同名文件，请先备份

【第2步】上传文件
    将 skin 文件夹上传到网站根目录

【第3步】引入CSS和JS
    在页脚模板（通常是 foot.htm 或 footer.htm）的 </body> 标签前添加：

    <!-- 弹出登录注册插件 -->
    <link rel="stylesheet" href="/skin/shortcut/css/quick.css" />
    <script src="/skin/shortcut/js/login.js"></script>
    <script src="/skin/shortcut/js/register.js"></script>

【第4步】添加触发按钮
    在需要显示登录/注册按钮的地方添加 class="quick__button"

    示例1 - 文字按钮：
    <a class="quick__button" href="javascript:void(0)">登录/注册</a>

    示例2 - 带图标按钮：
    <a class="quick__button" href="javascript:void(0)"><i class="fa fa-user"></i> 登录</a>

    示例3 - 分开的登录和注册：
    <a class="quick__button" data-tab="login" href="javascript:void(0)">登录</a>
    <a class="quick__button" data-tab="register" href="javascript:void(0)">注册</a>

【第5步】刷新缓存
    后台 > 系统 > 数据更新 > 刷新所有信息页面

================================================================================
                           三、后台配置说明
================================================================================

后台路径：后台 > 系统 > 系统设置 > 系统参数设置 > 用户设置

【登录验证码】
    - 开启：弹窗显示登录验证码
    - 关闭：弹窗隐藏登录验证码

【注册验证码】
    - 开启：弹窗显示注册验证码
    - 关闭：弹窗隐藏注册验证码

【注册必填项】
    - 0 = 邮箱和手机都必填
    - 1 = 仅邮箱必填（隐藏手机）
    - 2 = 仅手机必填（隐藏邮箱）
    - 3 = 都不必填（都显示但可选）

================================================================================
                              四、功能特性
================================================================================

【安全特性】
    ✓ XSS防护 - 所有用户输入都经过HTML转义
    ✓ 输入验证 - 用户名、密码、邮箱、手机号格式验证
    ✓ 安全头部 - X-Content-Type-Options, X-Frame-Options

【界面特性】
    ✓ 美观的弹窗设计
    ✓ 平滑动画效果
    ✓ 成功/错误/加载提示带图标
    ✓ 响应式布局，支持移动端

【用户体验】
    ✓ 登录/注册成功后停留在当前页面
    ✓ 验证码点击刷新
    ✓ 键盘Esc关闭弹窗
    ✓ 点击遮罩层关闭弹窗

【浏览器兼容】
    ✓ IE11 及以上
    ✓ Chrome / Edge
    ✓ Firefox
    ✓ Safari
    ✓ 移动端浏览器